body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #ffffff; behavior:url("./css/csshover.htc");}

/* Tekststijlen */

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin: 0px 0px 10px 0px;
padding: 0px;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin: 0;
padding-bottom: .25em;
}

h1 { 
font-size: 24px; 
color: #2352a4; 
font-weight: normal; 
margin: 0px 0px 10px 0px;
padding: 0px;
}

h2 { 
font-size: 20px; 
color: #2352a4; 
font-weight: normal; 
margin: 0px 0px 10px 0px;
padding: 0px;
}

h3 { 
font-size: 16px; 
}

h4 { 
font-size: 12px;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
}

a { color: #81a831; }
a:hover {  color: #2352a4; }

ol, ul {
    color: #333;
    list-style-position: outside;
    margin: 0 0 10px 0;
    padding: 0 0 0 2em;
}

li {
    margin: 0;
    padding: 0 0 0 .5em;
}

/* Overige stijlen */

p.first { font-weight: bold; color: #333; margin-bottom: 23px; }

#rootline p, #rootline a {
font-size: 11px;
color: #666666;
}

#rootline a:hover {
color: #81a831;
}

#toprechts, #toprechts a {
font-size: 11px;
color: #000000;
}

#toprechts a:hover {
color: #81a831;
}

#footer p, #footer a {
color: #000000;
}

#footer a:hover {
color: #81a831;
}

#content ul { color: #009; padding-left: 28px; margin-bottom: 14px; margin-top: 8px;}
#contentul li { margin-bottom: 4px; }

#content ol { color: #009; padding-left: 35px; margin-bottom: 14px; margin-top: 8px;}
#content ol li { margin-bottom: 4px; }

/* Div's */


.contactform input {
	width: 300px;
}

#main { 
width: 900px;
text-align: left;
margin: 0 auto; 
padding: 0 40px; 
}

	#maincontent { 
	width: 900px; 
	color: #000000;
	background-color: #fff;
	padding: 8px 0px 25px 0px; 
	position: absolute; 
	top: 260px;
	}

		#diensten { 
		padding: 0 25px 0 25px;
		margin-top: 35px;
		width: 850px; 
		background-image: url(../images/dienstenbg.png);
		background-color: #2352a4;
		font-family: sans-serif;
		position: relative;
		float: left;
		}
		
		#diensten a {
			text-decoration: none;
		}
		
		#diensten h3 { 
		color: #FFFFFF;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 15px;
		text-decoration: none;
		margin-left: 25px;
		z-index: 3;

		}
		
		#diensten h4 {
			font-size: 10px;
			margin: 0;
			padding: 0;

		}
		

		
		#diensten p {
		color: #FFFFFF;
		text-decoration: none;
		margin: 0px 25px;

		}
		
		
			#diensten1, #diensten3 { 
				float: left; 
				width: 250px; 
				height: 140px;
				*height: 115px;
				overflow: hidden;
				margin: 25px 0px 5px 0px;
				*padding-top: 25px;
			}
			
			#diensten2 { 
				float: left; 
				width: 248px; 
				height: 140px;
				overflow: hidden;
				border-left: 1px solid #7791bf;
				border-right: 1px solid #7791bf;
				margin: 25px 25px 5px 25px;
				padding: 0px 25px;
				*padding-top: 25px;
				*height: 115px;
			}
			

			
		a.dienstenblocklink {
				width: 300px;
				height: 150px;
				*height: 140px;
				position: absolute;
				bottom: 0px;
				left: 0px;
				font-family: sans-serif;
			}
			
					a.dienstenblocklink2 {
				width: 300px;
				height: 150px;
				*height: 140px;
				position: absolute;
				bottom: 0px;
				left: 300px;
				font-family: sans-serif;
			}
			
					a.dienstenblocklink3 {
				width: 300px;
				height: 150px;
				*height: 140px;
				position: absolute;
				bottom: 0px;
				left: 600px;
				font-family: sans-serif;
			}
		
			a.dienstenblocklink:hover, a.dienstenblocklink2:hover, a.dienstenblocklink3:hover {
				background: #2352A4;
				filter: alpha(opacity=40);
				opacity: 0.40;
				-moz-opacity: 0.40;
				font-family: sans-serif;
			}
			
		

					
		#column { 
		margin-top: 55px; 
		float: left; 
		width: 174px; 
		padding: 3px 25px 0; 
		}

			#search { 
			height: 45px;
			color: #fff; 
			background-color: #214d9a;
			width: 200px; 
			margin: -3px -25px 0px -25px;
			padding: 10px 10px 0px 15px;
			}
			
				#search label { 
				text-transform: uppercase; 
				font-size: 90%; 
				margin-right: 3px; 
				line-height: 22px;
				vertical-align: middle;
				}
				
				#zoekveld {
					width: 100px;
					margin-right: 3px;
				}
				
				#search input { 
				color: #000000; 
				background-color: #ffffff;
				border: 1px solid #525658; 
				vertical-align: middle;
				}
			
				#search input#text { 
				width: 105px; 
				height: 16px; 
				line-height: 16px; 
				margin-right: 3px; 
				padding: 3px 5px; 
				}
				
				#search input.img {
				width: 22px; 
				height: 22px;
				background: url("../images/search.gif");
				border: none;
				
				}
				
					#search input.img:hover {
						background: url("../images/searchhover.gif");
						cursor: help;
					}

			#schaduw {
			height: 226px;
			width: 13px;
			background-image: url(../images/column.png);
			position: absolute;
			top: 118px;
			left: 211px;
			}	
			
			#schaduwhome {
			height: 226px;
			width: 13px;
			background-image: url(../images/column.png);
			position: absolute;
			top: 319px;
			left: 211px;
			}	
			
			#submenu { 
			min-height: 226px; 
			width: 215px;
			padding: 5px 15px 15px 10px;
			margin: 0 -50px;
			}
			
			#submenu li { 
			list-style: none; 
			padding: 8px 0px;
			border-bottom: 1px solid #d2d5d5; 
			}

			#submenu li a { 
			text-decoration: none; 
			color: #32393a; 
			}
			
			#submenu li a:hover, #submenu li.currentpage a:hover { 
			color: #9bca3c; 
			text-decoration: underline; 
			}
			
			#submenu a.currentpage { 
			color: #2352a4; 
			font-weight: bold; 
			}
			
			#submenu ul.activeparent a { 
			color: #2352a4; 
			font-weight: bold; 
			}
			
			.activeparent {
				color: #214D9A !important;
			}
			
			.NewsSummaryLink {
				font-weight: bold;
				font-size: 13px;
			}
			
			#NewsPostDetailTitle {
				color: #81A831;
			}
			
			
							#submenu ul ul li.laatste {
								border-bottom: none;
							}

						#submenu ul ul li { 
						list-style: none; 
						font-size: 11px;
						padding: 5px 0px 5px 0px;
						width: 115px;
						border-bottom: 1px solid #d2d5d5; 
						}
						
							
			
						

		#content { 
		width: 630px;
		padding-right: 35px; 
		line-height: 1.7;
		overflow: hidden; 
		float: left;  
		padding: 0px 19px 60px 25px; 
		margin-top: 26px;
		border-left: 1px solid #d6dee1; 
		}
		
		#contenthome { 
		width: 630px;
		padding-right: 35px; 
		line-height: 1.7;
		overflow: hidden; 
		float: left;  
		
		padding: 0px 20px 60px 25px; 
		margin-top: 0px;
		}
		
			#rootline { 
			color: #999; 
			font-size: 90%; 
			margin-top: 36px;
			}
			
			#contenthead { 
			border-bottom: 1px solid #666666;
			}
			
			#kolom1 { 
			width: 300px;
			float: left;
			margin-right: 30px;
			}
			
			#kolom2 { 
			width: 300px;
			float: left;
			}
			
			#kolom1home { 
			float: left; 
			width: 245px; 
			margin: 10px 0px 5px 0px;
			}
			
			#kolom2home { 
			float: left; 
			width: 248px; 
			border-left: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
			margin: 10px 25px 5px 25px;
			padding: 0px 25px;
			}
			
		#contenthome { 
		width: 840px;
		line-height: 1.7;
		overflow: hidden; 
		float: left;  
		padding: 0px 30px 20px 30px; 
		margin-top: 26px;
		}
		
		#footer {
		/** height: 40px; **/
		background-color: #dddddd; 
		clear: both; 
		margin-top: 20px; 
		padding: 10px 24px;
		border: 1px solid #fff; 
		}
		
		#footer p { 
		margin: 0; 
		/** line-height: 50px; **/
        line-height: 1.5em;
		text-decoration: none; 
		}
		
		#footer .copy { 
		float: right;
		}
		
		#footer .by { 
		float: left;
		}

		#footer a:hover { 
		text-decoration: underline; 
		}


	#header { 
	width: 900px; 
	height: 75px;
	top: 0px; 
	left:0px;
	}

		#logo { 
		float: left; 
		width: 197px; 
		height: 41px; 
		margin: 7px 0px 0px 15px; 
		display: inline;
		}	
		
			#logo img { 
			border: 0px;
			}
		
		#toprechts { 
		width: 500px; 
		height: 30px;
		float: right; 
		text-align: right; 
		margin: 20px 0 0 0; 
		display: inline;
		}
				
	#topmenu { 
	width: 900px; 
	height: 40px; 
	margin: 0;
	padding: 0;
	position: absolute;	
	z-index: 2;
	top: 75px;
	overflow: visible;
	border-bottom: 1px solid #32393a;  
	}
			
	#headerafbeelding { 
	width: 900px; 
	height: 200px;  
	background-color: #cccccc; 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden; 
	z-index: 1; 
	position: absolute; 
	top: 40px;
	border-bottom: 8px solid #1c2122;
	}

.gone { 
clear: both; 
}




/* Menu */
#menuwrapper { position: absolute; z-index: 2; width: 900px}
#menu_vert { margin-left: 1px; margin-right: 1px; }
.clearb { clear: both; } /* Fix for Opera 8 */
#primary-nav, #primary-nav ul {list-style: none; margin: 0px; padding: 0px; width: 900px;}
#primary-nav ul { position: absolute; top: auto; display: none; }
#primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; }
#primary-nav li { margin-left: 0px;  padding-left: 0; float: left; }
#primary-nav li li {  margin:0px; float: none;  position: relative; }

/* Menu - Level 1 */

#primary-nav a { 
   display: block; 
   margin: 0px;
   padding: 0px 0px; 
   font-weight: normal;
   font-size: 11,5px;
   text-align: center;
   text-decoration: none; 
   text-transform: uppercase;
   color: #32393a;
   line-height: 40px;
}
	
#primary-nav li a.contact{
	border-right: none;
	width: 132px; 
}

#primary-nav li { 
   width: 128px; 
   background: #ffffff;
   font-family: Arial, Helvetica, sans-serif;
}

	
#primary-nav li a { 
   border-right: 1px solid #32393a;  
}



#primary-nav li a:hover, 
#primary-nav li.menuparenth:hover,
#primary-nav li.menuparenth a:hover,
#primary-nav li.menuparenth,
#primary-nav li.menuparenth a {
   	color: #FFFFFF;
   	background-color: #2d67ce;
}

#primary-nav li.menuactive, #primary-nav li.menuactive a {
  	background-color: #1e458b;
	color: #FFFFFF;
}

#primary-nav a.menuactive,
#primary-nav a.menuactive:hover {
   
}

/* Menu - Level 2 */

#primary-nav li li a { 
   border: 0px solid #C0C0C0;
   font-weight: normal;
   font-size: 12px;
   text-decoration: none; 
   text-transform: none;

   line-height: 22px;
	width: 150px;
	height: 22px;
	text-align: left;
	padding: 0px 10px;
	display:block;
}

#primary-nav li li { 
	width: 170px;
	height: 22px;
	background-color: #ffffff;
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
}


#primary-nav li li:hover, 
#primary-nav li li.menuh, 
#primary-nav li li.menuparenth, 
#primary-nav li li.menuactiveh,
#primary-nav li li.menuactive a:hover {
   background-color: #000000;
}

#primary-nav li li.menuactive:hover {

}

#primary-nav li li a:hover {
   background-color: #000000;
   display: block;
} 

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block;
}



/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both;
}

div#infobox {
    border: 1px solid #eee;
    margin-bottom: 2em;
    margin-left: 2em;
    padding: 1em;
    float: right;
}

div.rounded div {
    height: 1px;
    overflow: hidden;
}

div#footer a {
    text-decoration: none;
}

div#footer a:hover {
    color: #000;
    text-decoration: underline;
}

ul#footerlinks {
    list-style: none;
    text-align: center;
}

ul#footerlinks li {
    display: inline;
}

ul#footerlinks a {
    color: #999;
    font-size: .85em;
    padding: .35em;
    text-decoration: none;
}

ul#footerlinks a:hover {
    color: #000;
    text-decoration: underline;
}