@import url("/reset.css");

/*
-------------------------------
-        header               -
-------------------------------
-m -                          -
-e -                          -
-n -     content              -
-u -                          -
-  -                          -
-  -                          -
-------------------------------
    footer (altijd onder)
-------------------------------
*/

/* ---------------------- lay-out kenmerken body ---------------------*/
body{
	/*color:#4664a9;*/
	color:#333333;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(structimages/body_bg.jpg) repeat-x top left #ffffff;
}

/* ---------------------- opbouw en structuur site -----------*/
body,
	html {
		margin:0;
		padding:0;
	}
	body {
		height:100%;
		min-width:880px;
	}
	#site {
		height:100%;
		margin:0 auto;
		width:880px;
		margin-left:auto;
		margin-right:auto;
		background:#FFFFFF;
		border-left:4px solid #CCCCCC;
		border-right:4px solid #CCCCCC;
		
	}
	#header{
		background:url(structimages/header.jpg) no-repeat top right;
		height:213px;
		width:100%;	
		border-bottom:3px inset #CAD5E0;
	}
	#header_tekst{
		padding:20px;
		font-size:28px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}
	#header_tekst2{
		padding-left:20px;
		font-size:22px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
	}
	#breadcrumbs {
		padding:5px;
		height:18px;
		font-size:14px;
		color:#999999;
		background:#FFFFFF;
	}
	#maindiv{
		float:right;
		width:640px;
	}
	#content {
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
		min-height:400px;
		line-height:20px;
	}
	#content>ul{
		margin-left:20px;
	}
	#ad1div {
		background:#E6ECED;
		border-bottom:2px solid #CAD5E0;
		position:relative;
		width:640px;
	}
	#ad2div{

	}
	#ad3div{
		float:left;
		margin-left:10px;
		margin-bottom:20px;
	}
	#ad4div{
		float:right;
		display:inline;
		margin-top:20px;
		margin-left:20px;
		margin-bottom:20px;
	}
		

	#sidebar {
		float:left;
		width:226px;
		position:relative;left:12px;top:-20px;
		margin-top:4px;
		margin-bottom:4px;
		min-height:400px;
		background-color:#E6ECED;
		border:1px solid #CAD5E0;
	}
	#sidebar div{
		padding-left:20px;
	}	

	#clear {
		clear:both;
		height:8px;
		background:#FFFFFF;
	}

/*  -----------------------opvulling van website------------------------------*/


/* ------------- opmaak website tekst --------*/

	#center_footer{
		text-align:center;
		line-height:40px;/*hoogte van het element waarin de tekst staat...*/
		font-size:14px;
	}
	
	#breadcrumbs a{
		font-size:14px;
		color:#999999;
	}
	
	
	h1{
		margin-top:0px;
		font-size:20px;
		font-weight:bold;
		/*width:100%;*/
		text-align:left;
		height:55px;
		line-height:55px;
		background:url(images/h1.gif) no-repeat top center;
	}
	
	h2{
		font-size:14px;
		font-weight:bold;
		margin-top:30px;
		margin-bottom:-10px;
	}
	
		/*---------opmaak van de JS boodschap bij contact form */
	.formjsmessagespan{
		font-size:11px;
	}
	
	/*----------------------------opmaak buttons------*/
	.button{
		background:url(images/button.gif);
		display:inline;
		height:30px;
		line-height:29px;
		margin-bottom:14px;
		text-decoration:none;
		width:120px;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		border:none;
		cursor:pointer;
		font-family:Arial, Helvetica, sans-serif
	}
	
	/*---------menu opmaak-----*/

		/* gn list items */
			#sidebar ul{
			list-style:none;
			margin-top:15px;
			margin-left:0px;
			padding:0px;
			padding-left:5px;
			}
			#sidebar li{
			list-style:none;
			margin-left:0px;
			padding-bottom:5px;
			padding-left:0px;
			}
			
			.Menu1{
				
			}
			
			
			
			
			a:link{
				color:#003FAB;
			}
			a:visited{
				color:#003FAB;
			}
			a:active{
				color:#003FAB;
			}
			a:hover{
				color:#003FAB;
			}
			#sitemap a{
				font-weight:bold;
			}
			#sitemap li{
				list-style:square;
				color:#003FAB;
				margin-bottom:20px;
			}
			#sitemap li div{
				color:#444444;
			}

		/* link kleur menu*/
		
			.Menu1 a:link{font-weight:bold;color:#333333;text-decoration:underline;display:block;width:100%;height:25px;background: url(images/list_bg.gif) no-repeat; padding-top:7px;padding-left:0px;outline:none;}
			.Menu1 a:visited{font-weight:bold;color:#333333;text-decoration:underline;display:block;width:100%;height:25px;background: url(images/list_bg.gif) no-repeat; padding-top:7px;padding-left:0px;outline:none;}
			.Menu1 a:active{font-weight:bold;color:#333333;text-decoration:underline;display:block;width:100%;height:25px;background: url(images/list_bg.gif) no-repeat; padding-top:7px;padding-left:0px;outline:none;}
			.Menu1 a:hover{font-weight:bold;color:#487FFF;text-decoration:underline;width:100%;display:block;height:25px;background: url(images/list_bg.gif) no-repeat; padding-top:7px;padding-left:0px;outline:none;}
			.Menu1 a:focus{font-weight:bold;color:#487FFF;text-decoration:underline;width:100%;display:block;height:25px;background: url(images/list_bg.gif) no-repeat; padding-top:7px;padding-left:0px;outline:none;}
			
			.Menu1niv1cur a:link{font-weight:bold;color:#000000;text-decoration:underline;}
			.Menu1niv1cur a:visited{font-weight:bold;color:#000000;text-decoration:underline;}
			.Menu1niv1cur a:active{font-weight:bold;color:#000000;text-decoration:underline;}
			.Menu1niv1cur a:hover{font-weight:bold;color:#487FFF;text-decoration:underline;}
			.Menu1niv1cur a:focus{font-weight:bold;color:#487FFF;text-decoration:underline;}

			.Menu1niv2 a:link{font-weight:normal;font-size:11px;color:#003FAB;display:block;width:100%;height:15px; background:url(images/listbutton2.gif) no-repeat left center; padding-left:0px;text-decoration:underline;}
			.Menu1niv2 a:visited{font-weight:normal;font-size:11px;color:#003FAB;display:block;width:100%;height:15px; background:url(images/listbutton2.gif) no-repeat left center;padding-left:0px;text-decoration:underline;}
			.Menu1niv2 a:active{font-weight:normal;font-size:11px;color:#003FAB;display:block;width:100%;height:15px; background:url(images/listbutton2.gif) no-repeat left center;padding-left:0px;text-decoration:underline;}
			.Menu1niv2 a:hover{font-weight:normal;font-size:11px;color:#4664a9;display:block;width:100%;height:15px; background:url(images/listbutton2.gif) no-repeat left center;padding-left:0px;text-decoration:underline;}
			.Menu1niv2 a:focus{font-weight:normal;font-size:11px;color:#4664a9;display:block;width:100%;height:15px; background:url(images/listbutton2.gif) no-repeat left center;padding-left:0px;text-decoration:underline;}

			.Menu1niv2cur a:link{font-weight:normal;font-size:11px;color:#003FAB;text-decoration:underline; }
			.Menu1niv2cur a:visited{font-weight:normal;font-size:11px;color:#003FAB;text-decoration:underline;}
			.Menu1niv2cur a:active{font-weight:normal;font-size:11px;color:#003FAB;text-decoration:underline;}
			.Menu1niv2cur a:hover{font-weight:normal;font-size:11px;color:#4664a9;text-decoration:underline;}
			.Menu1niv2cur a:focus{font-weight:normal;font-size:11px;color:#4664a9;text-decoration:underline;}
			
			#menuproducten li{
				float:left;
				list-style:none;
				margin-right:15px;
				margin-bottom:15px;
				border:2px solid #BBCFFF;
				background-color:#FBFCFF;
				font-weight:bold;
				padding:20px;
			}
			#menuproducten li a{
				float:left;
				list-style:none;
				color:#152D8A;
			}
		
		/* plaatsing van het submenu */
			/*.Menu1niv2 a{
				background:none !important;	
			}*/
			
			.Menu1niv2{
				margin-top:-8px !important; 
			}
			
			
			
			#titel{
				font-family:Arial, Helvetica, sans-serif;
				width:100%;
				text-align:center;
				padding-left:0px;
				font-size:16px;
				font-weight:bold;
				margin-bottom:20px;
				margin-top:-30px;
			}
			

/**
* Additional styles for the controls.
*/
#container {
  position: relative;
  height: 80px;
  overflow: hidden;
  width:100%;
}

#scroller {
   width:100%; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

#breedte{
	border:1px solid red;
	height:100px;
	overflow:hidden;
}

.content {
	display:block;
	width:100%;
  
}