@charset "utf-8";
/* CSS Document */

body {
margin: 0px;
background-image:url(img/1px_blauw.gif);
}

#dhtmltooltip{
position: absolute;
border: 1px solid #ff9933;
padding: 8px;
background-color: white;
visibility: hidden;
z-index: 100;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

p {
text-align: justify;
}

p A:link, p A:visited {
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ff9933;
text-decoration:none;
}

p A:hover, p A:active {
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ff9933;
text-decoration:none;
}

h1 {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #207b8b;
}

h2 {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #ff9933;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-variant:small-caps;
font-weight:bolder;
}

.container {
width: 100%;
height: 100%;
}

.spacer {
width: 925px;
background-image: url(img/bg.gif);
background-repeat: no-repeat;
background-position: bottom left;

}

.rows {
height: 100%;
width: 100%;
}

.row1 {
background-image:url(img/bg_image002.jpg);
background-position: 20px top;
background-repeat:no-repeat;
height: 230px;
}


		#logo{
		margin-top: 38px;
		margin-left: 20px;
		width: 205px;
		float:left;
		display:block;
		}
		
		#slogan{
		margin-top: 40px;
		margin-left: 270px;
		width: 509px;
		}
		
		#keurmerken {
		margin-left: 274px;
		margin-top: -15px;
		}
		
		
	
		#actiebutton {
		position:absolute;
		top: 75px;
		margin-left: 770px;
		width: 122px;
		z-index: 5;
		}
		
		#submenu {
		position:absolute;
		top: 0px;
		margin-left: 800px;
		width: 122px;
		height: 30px;
		z-index: 10;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration:none;
		color: black;
		padding-left: 20px;
		padding-top: 4px;
		}
		
		#submenu A:link, #submenu A:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration:none;
		color: #ff9933;
		}
		
		#submenu A:hover, #submenu A:active {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration:none;
		color: #999999;
		}
		
		
		
.footer {
background-image:url(img/footer.gif);
background-repeat:no-repeat;
background-position: left bottom;
height: 40px;
}

.contentholder {
width: 100%;
height: 100%;
}	

		.textcontent {
		background-image:url(img/tekstfooter.gif);
		background-repeat:no-repeat;
		background-position: center bottom;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #207b8b;
		padding-bottom: 25px;
		padding-left: 8px;
		padding-right: 8px;
		}
		
		.leftcontent {
		border-right: 1px solid #cacaca;
		width: 215px;
		}
		
		
#menu {
height: 100%;
width: 175px;
margin-left: 40px;
}
		
			#button {
			width: 175px;
			margin-bottom: 4px;
			}
			
			
					#button A:link, #button A:visited {	
					padding-top: 5px;
					padding-left: 14px;
					padding-bottom: 4px;
					text-decoration:none;
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
					color:#777777;
					display:block;
					background-image:url(img/button.gif);
					background-position: bottom right;
					background-repeat:no-repeat;
					}
					
					#button A:hover, #button A:active {
					color:#207b8b;
					background-image:url(img/button_down.gif);
					background-position: bottom right;
					background-repeat:no-repeat;
					display:block;
					}
					
			#button_active {
			width: 175px;
			margin-bottom: 4px;
			}
			
			
					#button_active A:link, #button_active A:visited {	
					padding-top: 5px;
					padding-left: 14px;
					padding-bottom: 4px;
					text-decoration:none;
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
					color:#ff9933;
					display:block;
					background-image:url(img/button_down.gif);
					background-position: bottom right;
					background-repeat:no-repeat;
					}
					
					#button_active A:hover, #button_active A:active {
					color:#ff9933;
					background-image:url(img/button_down.gif);
					background-position: bottom right;
					background-repeat:no-repeat;
					display:block;
					}
					
					
#contactgegevens {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
color: #ff9933;
width: 155px;
padding-left: 14px;
padding-top: 25px;
text-decoration: none;
position: relative;
bottom: 140px;
margin-left: 40px;
}

#contactgegevens A:link, #contactgegevens A:visited {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
color: #ff9933;
text-decoration: none;
}

.invulveld {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
color: #ff9933;
width: 235px;
border-left: 1px solid #cacaca;
width: 215px;
padding-left: 5px;
}

textarea {
 background-color: white;
 border: 1px solid #cccccc;
 width: 250px;
}

.textfield{
 background-color: white;
 border: 1px solid #cccccc;
 width: 200px;
}

.filefield {
 background-color: white;
 border: 1px solid #cccccc;

 *width: 200px;
}

.button {
textarea {
 background-color: white;
 border: 1px solid #cccccc;
 width: 60px;
 position:relative;
 float: right;
 margin-right: 15px;
 margin-top: 5px;
}