body {
	background-color: #D2E7FF;
	padding-top: 20px;
}
/*********Main**********/
#container {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-top: 0px;
	background-color: transparent;
	background-image: url(../images/BG/bg_germann.png);
	background-position: top;
	margin-right: auto;
	margin-bottom: 0px;
}

#top {
	width: 800px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 250px;
}
#midden {
	background-image: url(../images/BG/BG_06.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 752px;
	padding-top: 0px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 20px;
	overflow: auto;
	float: left;
}
#bottom {
	background-image: url(../images/BG/BG_07.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 800px;
	height: 37px;
	clear: both;
}
#prodevelopment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #008AC8;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
/*********Rechts**********/
#rechts {
	float: right;
	width: 200px;
	height: 100%;
	margin-right: 5px;
}
#r_top_tr {
	background-repeat: no-repeat;
	height: 26px;
	width: 170px;
	background-image: url(../images/bg_rechts/rechts_01.gif);
	background-position: left top;
	overflow: visible;
	z-index: 2;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	font-family: calibri, verdana, arial;
	font-size: 13px;
	color: #FFFFFF;
	font-style: italic;
}
#r_mid_tr {
	background-repeat: repeat-y;
	width: 170px;
	background-image: url(../images/bg_rechts/rechts_02.gif);
	background-position: left top;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #000000;
	padding-top: 5px;
}
#r_bot_tr {
	background-repeat: no-repeat;
	height: 21px;
	width: 200px;
	background-image: url(../images/bg_rechts/rechts_03.gif);
	background-position: left top;
}
/*********Links**********/
#links {
	width: 530px;
	float: left;
	margin-right: 10px;
}
#links_top {
	width: 500px;
	background-image: url(../images/bg_links/Nav-germann_01_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	padding-bottom: 0px;
	font-family: calibri, verdana, arial;
	font-size: 20px;
	color: #FFFFFF;
	font-style: italic;
}
#links_midden {
	width: 500px;
	background-image: url(../images/bg_links/Nav-germann_01_03.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	overflow: auto;
	float: left;
	color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#links_bottom {
	width: 530px;
	background-image: url(../images/bg_links/Nav-germann_01_04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	clear: both;
}
#pakketten {
	float: left;
	height: 350px;
	width: 450px;
	margin-left: 25px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DB001B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#textfield {
	width: 500px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}


/*********Navigatie**********/
#navigatie_midden {
	background-image: url(../images/BG/BG_06.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 766px;
	padding-top: 20px;
	padding-right: 28px;
	padding-bottom: 0px;
	padding-left: 6px;
	overflow: auto;
}
#navigatie {
	height: 40px;
	width: 742px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#navigatie_button {
	float: left;
	height: 30px;
	width: 100px;
	margin-right: 10px;
	margin-left: 10px;
}

#navigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigatie ul li {
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	display: inline;
	margin: 0;
	padding: 0px;
}
#navigatie ul li a {
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-left-color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}
html>body #navigatie ul li a {
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#navigatie ul li a:hover {
	color: #81C2E3;
	font-size: 11px;
	font-weight: bold;
}
.input_callback {
	border: 1px solid #008AC8;
	width: 110px;
	margin-bottom: 5px;
	margin-top: 0px;
}
.button_callback {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #008AC8;
	width: 112px;
}
.pd a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}
.pd a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}
.pd a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}
.pd a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}
a
{
	text-decoration: none;						/* Text decoration of links */
	color: #008AC8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F00;
	font-size: 11px;
}

.admintextcolor
{
	color: #FF0000;								/* Text color of admin guestbook message */
}

.tables_maintable
{
	width: 100%;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.tablerows_header
{
	background-color: #FFFFFF;					/* Background color of mainbar with links */
	height: 20px;								/* Height of mainbar with links */
	padding-left: 5px;							/* Text in mainbar with links starts 5 pixels after start */
	padding-right: 5px;							/* Text in mainbar with links ends 5 pixels before end */
	font-weight: bold;						/* Mainbar with links border */
	color: #0089C8;								/* Text color in mainbar */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #0089C8;
	border-right-color: #0089C8;
	border-bottom-color: #0089C8;
	border-left-color: #0089C8;
}
.tablerows_header a
{
	color: #0089C8;								/* Text color of links in mainbar */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tablerows_header a:hover
{
	color: #D2E7FF;								/* Text color of links in mainbar after hover */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tablerows_gbentries
{
	width: 100%;								/* Width of an entry in the guestbook */
	border: 1px solid #0089C8;					/* Border of an entry in the guestbook */
}

.gbentry
{
	width: 100%;								/* Width of an entry in the guestbook */
}

.emptyspace
{
	height: 5px;								/* Hoogte tussen de berichten */
}

.leftside
{
	vertical-align: top;						/* Text in left side gets aligned to top */
	width: 20%;									/* Width of left side */
	background-color: #0089C8;					/* Backgroundcolor of left side */
	color: #FFFFFF;								/* Text color in left side */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 5px;
}
.leftside_entry									/* Same as above, but for guestbook entries */
{
	vertical-align: top;
	width: 20%;
	background-color: #0089C8;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 5px;
}

.rightside
{
	vertical-align: top;						/* Text in right side gets aligned to top */
	width: 80%;									/* Width of right side */
	background-color: #D2E7FF;					/* Backgroundcolor of right side */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 5px;
}
.rightside_entry								/* Same as above, but for guestbook entries */
{
	vertical-align: top;
	width:80%;
	background-color: #D2E7FF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 5px;
}

.subject										/* Also applies for the date of each entry */
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.writerows										/* Class that applies on almost all text in the guestbook */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

p.gbtitle
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.tablerows_errors
{
	width: 100%;								/* Width of error table */
	border: solid 1px #FFF;						/* Border of error table */
	padding-left: 5px;							/* Text in error table starts 5 pixels after left */
	padding-top: 5px;							/* Text in error table starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in error table ends 5 pixels before bottom */
	background-color: #FF9191;					/* Background color of error table */
	color: #FFFFFF;								/* Text color of error table */
}

.tablerows_finishpost
{
	width: 100%;								/* Width of success table */
	border: 1px solid #0089C8;					/* Border of success table */
	padding-left: 5px;							/* Text in success table starts 5 pixels after left */
	padding-top: 5px;							/* Text in success table starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in success table ends 5 pixels before bottom */
	background-color: #FFF;						/* Background color of success table */
	color: #000000;								/* Text color in success table */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tablerows_verify
{
	width: 100%;								/* Width of verify table */
	border: 1px solid #0089C8;					/* Border of verify table */
	padding-left: 5px;							/* Text in verify table starts 5 pixels after left */
	padding-top: 5px;							/* Text in verify table starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in verify table ends 5 pixels before bottom */
	background-color: #FFF;						/* Background color of verify table */
	color: #000000;								/* Text color in verify table */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.buttons
{
	border: 1px solid #0089C8;					/* Border of a button */
	color: #000000;								/* Text color of a button */
	background-color: #FFF;						/* Background color of a button */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.formfields
{
	border: 1px solid #0089C8;					/* Border of an inputbox and textarea */
}

input.ubbbuttons
{ 
	background-color: #FFF;						/* Background color of the UBB buttons */
	color:#000000;								/* Text color of the UBB buttons */
	font-family:tahoma, arial, verdana;			/* Font of the UBB buttons */
	font-size: 10px;							/* Font size of the UBB buttons */
	border: 1px solid #0089C8;					/* Border of the UBB buttons */
}

input.helpline
{
	background-color: #FFF;						/* Background color of the UBB buttons helpline */
	color: #000;								/* Text color of the UBB buttons helpline */
	width: 350px;								/* Width of the UBB buttons helpline */
	font-family: tahoma, arial, verdana;		/* Font of the UBB buttons helpline */
	font-size: 10px;							/* Font size of the UBB buttons helpline */
	border-style: none;							/* Border of the UBB buttons helpline */
}
#gbMessage										/* Guestbook message input. Global settings come from .formfields */
{
	width: 350px;								/* Width of the message input */
	height: 150px;								/* Height of the message input */
}
#contact_links {
	width: 240px;
	height: auto;
	float: left;
	position: relative;
}
#contact_rechts {
	width: 240px;
	height: auto;
	float: right;
	position: relative;
}
#contact_footer {
	float: left;
	position: relative;
}

.input_contact {
	border: 1px solid #008AC8;
	width: 133px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.text_contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 235px;
	height: 50px;
}
.button_contactverzenden {
	border: 1px solid #0089C8;					/* Border of a button */
	color: #000000;								/* Text color of a button */
	background-color: #FFF;						/* Background color of a button */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	margin: 0px;
	width: 110px;
}
.button_contactreset {
	border: 1px solid #0089C8;					/* Border of a button */
	color: #000000;								/* Text color of a button */
	background-color: #FFF;						/* Background color of a button */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	margin: 0px;
	padding-left: 0px;
	width: 110px;
}
.hyperlink {
	color: #FFFFFF;
}
.leftside_entry a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
}
#container #midden #rechts #r_mid_tr table tr td .hyperlink strong {
	font-weight: normal;
}

