* {margin:0;padding:0;} 

html, body {height: 100%;}

body {
	vertical-align:middle;
	margin:0px;
	padding:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	height: 100%; 
	min-height: 100%;
}

h1 {
	font:  24px "Arial Narrow", "Avant Garde", "Century Gothic", Arial, Verdana, sans-serif; color:#01155c;
	position: relative;
margin:0px;
}

h2 {
	font: 14px  Arial, Verdana, sans-serif; 
	color:#a3207c;
	margin: 0px;
	position: relative;
	margin:0px;
    margin:-2px auto auto 0px;
}



h4 {
	font:20px "Arial Narrow", "Avant Garde", "Century Gothic", Arial, Verdana, sans-serif; color:#01155c;
	margin:0px;
}

h5 {
	font:14px Arial, Verdana, sans-serif; color:#5b82b5;
	margin:0px;
}

.litxt { color:#06264b;
	font: 11px Arial, Verdana, sans-serif; 
	}

.litit { color:#06264b;
	font: 13px Arial, Verdana, sans-serif; 
	font-weight:bold;
	}

p { color:#01155c;
	font: 14px Arial, Verdana, sans-serif; 
	margin: 0 0 1.25em 0;
	padding: 0;
	line-height:1.5em;
	width:100%;
	}
	


a 	{color:#01155c}

ul li 
	{
	color:#01155c;
	list-style-type:square;
	line-height:1.5em;
	}

#picbg{height:100%;
min-height:508px;
margin: 0px;
padding: 0px;background-image:url(pics/venster.png);
background-repeat:repeat-x;
background-position:center top;
}

html,body
{
height:100%;
margin: 0px;
padding: 0px;
background-image:url(pics/header.jpg);
background-repeat:repeat-x;
background-position:center top;
}
#wrap { width:100%;min-height: 100%; margin:0 auto; }

#container {
	overflow-x:hidden;
	position: relative;
	width:993px;
	margin:0px auto;
	clear: left;
	padding-bottom: 80px;
	}

#container2 {
	position: relative;
	width:993px;
	margin:0px auto;
	clear: left;
	padding-bottom: 80px;
	}
	

#top {
position: relative;
width:1000px;
height: 288px;
background-image:url(pics/topbg.png);
background-repeat:no-repeat;
background-position:top right;
margin:0px;	
padding:0px;

}
#topcontent{}

#lefttop{position: relative;
width:350px;
margin:0px auto auto 0px;
float:left;}
#righttop{position: relative;
width:350px;
margin:0px auto auto 0px;
float:right;}
#logo {
position: relative;
float:left;
width:291px;
height:56px;
margin:0px;
padding-top:7px;
padding-left:13px;
}

#hier {
position: relative;
float:right;
width:330px;
margin:26px 20px auto 10px;
text-align:right;
color:#FFF;
}

#hier a{
color:#FFF;
}

#slogan{
position: relative;
float:right;
width:249px;
margin:45px 20px auto 10px;
text-align:right;
font:55px "Arial Narrow", "Avant Garde", "Century Gothic", Arial, Verdana, sans-serif;
font-variant:small-caps;
line-height:65px;
color:#FFF;
}

/* Het menu */
		#menu {position:relative; float:left; width:1000px; height:70px; background-image:url(pics/menubg.png); background-position:top left; background-repeat:no-repeat;}

		#nav, #nav ul { padding:0; margin:0;  list-style:none;}
		
		#nav li  {text-align:center; float:left; width:166px; text-align:center; background:url('pics/menu.png') 0px 10px no-repeat;display: block;}
		 
		#nav li a{width:164px;float:left; text-align:center; display:block; color:#01155c; text-decoration:none; 
		font: bold 17px "Arial Narrow", "Avant Garde", "Century Gothic", Arial, Verdana, sans-serif; cursor:pointer; background:url('pics/menu.png') 0px 10px no-repeat;}
		#nav li a span{width:164px;line-height:61px; float:left; display:block; }
		#nav li a:hover{background-position:0px 0px; color:#01155c;}
		#nav li a:hover span{background-position:100% 0px;}
		#nav li a.active, #nav li a.active:hover{line-height:51px; font: bold 17px "Arial Narrow", "Avant Garde", "Century Gothic", Arial, Verdana, sans-serif; 
		background:url('pics/menu.png') 0px 0px no-repeat; background-position:top left; color:#01155c;}
		#nav li a.active span, #nav li a.active:hover span{background:url('pics/menu.png')  0px no-repeat; }
		
		.last-child{ width:160px;float:left; text-align:center; display:block; color:#416186; text-decoration:none;  
		font: bold 17px "Arial Narrow", "Avant Garde", "Century Gothic", Arial, Verdana, sans-serif; }
		.last-child span{width:160px;line-height:61px; float:left;cursor:pointer; background:url('pics/menu-last.png') 0px 10px no-repeat;}
		.last-child:hover{background-position:0px 0px; color:#416186;}
		.last-child:hover span{background-position:100% 0px;}
		
		.last-child-active{ width:160px;float:left; text-align:center; display:block; color:#416186; text-decoration:none;  
		font: bold 17px "Arial Narrow", "Avant Garde", "Century Gothic", Arial, Verdana, sans-serif; background:url('pics/menu-last.png') 0px 10px no-repeat; }
		.last-child-active span{width:160px;line-height:61px; float:left;cursor:pointer; background:url('pics/menu-last.png') 0px 0px no-repeat;}
		

		#nav li ul {position: absolute;	width:160px; left: -999em;}
		#nav li:hover ul, #nav li.sfhover ul {left: auto; background-position:top left;}
		

		#submenu{position:relative; margin-top:51px; z-index:2;}
		
		.submenu1 span {height:31px; padding-bottom:30px; border-bottom:#036 solid 1px; 
		font: 13px Arial, Verdana,  sans-serif; color:#01155c; }
		.submenu1 a:hover span {color:#a3207c; }
		.submenu1 a:active span {color:#a3207c; }
		
		.submenu span { height:31px; padding-bottom:30px; background-color:#cfd2e5; border-bottom:#036 solid 1px; 
		font: 13px Arial, Verdana,  sans-serif; color:#01155c;}
		.submenu a:hover span {color:#a3207c; }
		.submenu a:active span {color:#a3207c; }

/* Einde menu */

/* Het menu2 */
		#menu2 {position:relative; width:291px; float:left;  margin:0px; padding:0px; }
		 
		#menu2 ul {list-style:none; margin:0px; padding:0px; font: 15px  Arial, Verdana, sans-serif;}
		#menu2 li {list-style:none; margin:0px; padding:0px; background-image:url(pics/menu2stripe.png); background-repeat:no-repeat; background-position:top center;}
		#menu2 a {text-decoration:none;}
		#menu2 li a span{padding-left:20px; line-height:47px; display:block; color:#FFF; list-style:none;}
		#menu2 li a:hover{background-position:0px 0px; color:#01155c; background:url('pics/menu2.png') 0px 0px no-repeat; background-position:top left;}
		#menu2 li a:hover span{background-position:100% 0px; background:url('pics/menu2.png') 0px 0px no-repeat; background-position:top left;}
		#menu2 li a.active2, #nav li a.active2:hover{line-height:47px; font: bold 17px "Arial Narrow", "Avant Garde", "Century Gothic", Arial, Verdana, sans-serif; 
		background:url('pics/menu2.png') 0px 0px no-repeat; background-position:top left; color:#fff;}
		#menu2 li a.active2 span, #nav li a.active2:hover span{background:url('pics/menu2.png')  0px no-repeat; color:#fff; }
		
		
		
/* Einde menu */



/* Content */

	
.contactform { color:#01155c;
	font: 14px Arial, Verdana, sans-serif; ;
	margin: 0 0 1.25em 0;
	padding: 0;
	line-height:1.5em;
	width:100%;
	}	
	
	
#content{
	position: relative;
	width:100%;
	margin:0px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	float:left;
}

#content-home ul li { list-style:none; float:left;}

.normal {position:relative; width:246px;}
.normal1 {position:relative; width:737px;}
.normal2 {position:relative; width:255px;}
.smaller  {position:relative; width:236px;}
.bloktxt {font-size:13px; line-height:1.25em;}
.info span {position:relative; width:236px; height:40px; margin-top:5px; float:right;  text-align:right; font-size:12px; color:#C39;}
.info a {font-size:12px; color:#C39;}

#project {position:relative;  margin:0px;  width:250px; font-size:13px; float:right;}


#list {position:relative; margin:20px; }
#list ul {list-style:none;}
#list li {list-style-type:square;}

#terug{
position: relative;
color:#a3207c;
font-weight:bold;
width:400px;
margin:10px auto auto 0px;
float:left;
}

#terug a {color:#a3207c;}

#subtitel {
position: relative;
margin:-5px auto auto 20px;
float:left;
}
.stripe {
	position: relative;
	color:#01155c;
	border:none;
	border-top: 1px solid #01155c;
	width:100%;
	height:1px;
	margin:5px auto 10px 0px;
	float:left;
}

#contentleft{
position: relative;
width:700px;
margin:0px auto auto 0px;
float:left;
}

#contentright{
position: relative;
width:250px;
margin:0px auto;
float:right;
}

#contentleft2{
position: relative;
width:570px;
margin:0px auto auto 0px;
float:left;
}

#contentright2{
position: relative;
width:400px;
height:300px;
margin:0px auto;
margin-bottom:10px;
text-align:right;
float:right;
border:#34598c solid 3px;
}

.vraagform {vertical-align:top; float:left; color:#01155c;
	font: 14px Arial, Verdana, sans-serif; 
	margin: 0 0 1.25em 0;
	padding: 0;
	line-height:1.5em;
	}

/* Einde content */
/* Footer */


/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

#footerbg {position: relative;
	margin-top: -80px; 
	height: 80px;
	clear:both;
	background-image:url(pics/footer.png);
background-repeat:repeat-x;
background-position:top;
background-color:#bdc0d5;} 
	


.footer{
position: relative;	
vertical-align:middle;
width: 990px;
margin:0px auto;
}



#adres {
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#01155c;
float:left;
margin:10px 0px;
}

#adres a {text-decoration:underline; color:#01155c;}

#loeq {
position: relative;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
color:#01155c;
margin:10px 0px auto;
}

#loeq a {text-decoration:underline; color:#01155c;}

/* Einde Footer */