body{
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../images/body-bg.gif) top center repeat-y #d6ebf4;
}

p{
	color:#010101;;
	line-height:20px;
	margin:0;
	padding:0;
}

a{
	border-bottom: 1px solid #34b9f4;
	color:#1f4769;
	text-decoration:none;
}

a:hover{
	border-bottom: 0px;
	color:#1f4769;
	text-decoration:none;
}

h1{
	font-size:16px;
	text-transform:uppercase;
	color:#1f4769;
}

h2{
	font-size:12px;
	text-transform:uppercase;
	color:#1f4769;
	border-bottom: 1px solid #1f4769;
	width:auto;
}

h3{
	color:#34b9f4;
	font-size:11px;
	font-weight:bold;
}
	

#container{
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:0;
	background:url(../images/home-bottom-left.jpg) bottom left no-repeat #FFFFFF;
}

img{
	display:block;
}

object{
	display:block;
}

.broodkruimelspoor {
	font-size:9px;
	color:#99a4ae;
}

.broodkruimelspoor a{
	font-size:9px;
	color:#99a4ae;
	text-decoration:underline;
	border:0;
}

.broodkruimelspoor a:hover{
	font-size:9px;
	color:#99a4ae;
	text-decoration:none;
	border:0;
}




/*--------------------------------------------- pagina elementen ---------------------------------------------*/

#flashhome{
	position:relative;
	margin:0;
	padding:0;
	z-index:0;
	width:1000px;
	height:338px;
}

#fotovervolg{
	position:relative;
	margin:0;
	padding:0;
	z-index:0;
}

#content{
	position:relative;
	padding:0 50px 0 0;
	margin:0 0 0 50px;
	width:550px;
	float:left;
}

#vervolgcontent{
	position:relative;
	padding:0 50px 0 0;
	margin:0 0 0 50px;
	width:560px;
	float:right;
}

#flashlogo{
	position:absolute;
	top:520px;
	left:80px;
}


#adres{
	float:left;
	color:#002e54;
	font-size:10px;
	background-color:#ccd5dd;
	line-height:18px;
	margin:0;
	padding:0;
	width:340px;
}

#adres p{
	padding:20px 0 0 40px;
	margin:0;
}

#adres p a{
	font-weight:bold;
	color:#002e54;
	background:url(../images/home-icon-contact.gif) center left no-repeat;
	padding-left:12px;
	text-decoration:none;
	border:0;
}

#adres p a:hover{
	font-weight:bold;
	color:#002e54;
	background:url(../images/home-icon-contact.gif) center left no-repeat;
	padding-left:12px;
	text-decoration:underline;
	border:0;
}

#tekstvlak{
	padding:10px 0 0 0;
	width:570px;
	float:left;
	min-height:400px;
}

#tekstvlak ul, #vervolgtekstvlak ul{
	list-style-type:none;
	color:#000000;
	font-size:11px;
	line-height:20px;
	margin:0;
	padding:0;
}

#tekstvlak ul li, #vervolgtekstvlak ul li{
	margin:0;
	padding:0 13px 0 25px;
	color:#000000;
	font-size:11px;
	line-height:20px;
	list-style-type:none;
	background:url(../images/news-icon.gif) top left no-repeat;
}

#vervolgtekstvlak{
	padding:10px 0 0 0;
	width:560px;
	float:right;
	min-height:650px;
}


html>body #vervolgtekstvlak{
	height:auto;
}


ul#news_projecten{
	display:block;
	padding:0 25px 0 0 ;
	margin:35px 0 0 0px;
	background:none;
	list-style-type:none;
	color:#000000;
	line-height:18px;
	font-size:10px;
	float:left;
	width:250px;
}

ul#news_projecten img{
	float:left;
	margin:0 17px 5px 0;
	/*margin-bottom:12px;*/
	border:1px solid #1f4769;
}

ul#news_projecten li{
	margin-bottom:5px;
}

ul#news_projecten li a{
	display:block;
	border:none;
	margin:0;
	padding:0 13px 0 15px;
	text-decoration:none;
	color:#002e54;
	background:url(../images/news-icon.gif) top left no-repeat;
	font-weight:bold;
}

ul#news_projecten li a:hover{
	display:block;
	text-decoration:underline;
	margin:0;
	padding:0 13px 0 15px;
	color:#002e54;
	background:url(../images/news-icon.gif) top left no-repeat;
}

ul#news_projecten #knopnieuws a{
	color:#1f4769;
	padding:3px 25px 3px 15px;
	margin:15px 0 0 0;
	background:url(../images/news-icon.gif) top left no-repeat #ffe00f;
	text-decoration:none;
	border:0;
	width:90px;
	font-style:italic;
}

ul#news_projecten #knopnieuws a:hover{
	color:#1f4769;
	padding:3px 25px 3px 15px;
	margin:15px 0 0 0;
	background:url(../images/news-icon.gif) top left no-repeat #ffe00f;
	text-decoration:none;
	border:0;
	width:90px;
	font-style:italic;
}



/*---------- navigatie ----------*/

#menu{
	position:relative;
	background-color:#002e54;
	margin:0;
	color:#FFFFFF;
	text-transform:uppercase;
	/*padding:0 0 11px 0;*/
	height:33px;
	z-index:20;
	height26px;
}

ul#nav{
	list-style:none;
	margin:0;
	padding:11px 0 11px 30px;
	background-color:#002e54;
	font-weight:bold;
}

ul#nav li{
	padding:0;
	margin:0;
	float:left;
	background:none;
	list-style-type:none;
	display:inline;
	clear:none;
} 

ul#nav li a{
	padding:0 13px 0px 10px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	background:none;
	border:none;
	margin:0;
}

ul#nav li a:hover{
	padding:0 13px 0 10px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/menu-icon.gif) top left no-repeat;
	margin:0;
}

ul#nav li ul {
	position:absolute;
	display:none;
	font-size:10px;
	border:1px solid #8c9ec9;
	background-color:#FFFFFF;
	padding:10px 20px 4px 10px; 
	margin:0;
}

ul#nav li ul li{ 
	clear:left; 
	display:block;
	padding:0;
	margin:0;
	background:none #FFFFFF;
	color:#1b3f95;
	font-size:10px;
}

ul#nav li ul li a{
	display:block;
	margin:0;
	padding:0px 10px 7px 15px;
	color:#1b3f95;
	text-decoration:none;
	font-weight:normal;
	background:none #FFFFFF;
	z-index:50;
}
ul#nav li ul li a:hover{
	background:none #FFFFFF;
	color:#248ec3;
	margin:0;
	padding:0px 10px 7px 15px;
	text-decoration:underline;
	font-weight:normal;
	background: url(../images/news-icon.gif) no-repeat #FFFFFF;
	z-index:60;
}

ul#nav li ul li ul{
	top:-1px;
	font-size:12px;
	z-index:100;
	position:absolute;
	display:none;
	top:auto;
	left:70px;
	padding:10px 20px 4px 20px;
	margin:-10px 0 0 0; 
	font-size:10px;
	border:1px solid #8c9ec9;
	background-color:#FFFFFF;
	width:auto;
}


ul#nav li ul li ul li{ 
	clear:left; 
	display:block;
	width:auto;
	padding:0 0 0 14px;
	margin:0;
	background:none #FFFFFF;
	color:#1b3f95;
	font-size:10px;
}


ul#nav li ul li ul li a{
	display:block;
	margin:0 0 0 -19px;;
	padding:0px 10px 7px 15px;
	color:#1b3f95;
	text-decoration:none;
	font-weight:normal;
	background:none #FFFFFF;
	z-index:50;
	width:auto;
}
ul#nav li ul li ul li a:hover{
	background:none #FFFFFF;
	color:#248ec3;
	margin:0 0 0 -19px;
	padding:0px 10px 7px 15px;
	text-decoration:underline;
	font-weight:normal;
	background: url(../images/news-icon.gif) no-repeat #FFFFFF;
	z-index:60;
	width:auto;
}

/*switch submenu's for full css supporting browsers*/
ul#nav li:hover ul{display:block;}
ul#nav li:hover ul li ul{display:none;}
ul#nav li ul li:hover ul{display:block;}
ul#nav li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li ul li:hover ul li ul{display:none;}
/*add styles if needed*/

.vlag{
	float:right;
	padding:0 12px 0 0;
	margin-top:-13px;
}


/*----- footer -----*/

#footer{
	background-color:#eef4f8;
	color:#171717;
	border-top:1px solid #ffe00f;
	font-size:9px;
	padding:15px 0 30px 35px;
	margin:0;
	clear:both;
}

#footer a{
	color:#171717;
	text-decoration:none;
	border:0;
}

#footer a:hover{
	color:#171717;
	text-decoration:underline;
	border:0;
}


/*--------------------------------------------- vervolg pagina ---------------------------------------------*/

/*-----contactformulier-----*/
table#contact{
	background-color:#ccd5dd;
	padding: 5px;
	margin: 0px;
	color:#010101;
}

p#contact table{
	font-size: 11px;
}

#contact input{
	border:1px solid #002e54;
	background-color:#FFFFFF;
}

.bordertextearea{
	border:1px solid #002e54;
}


textarea{
	border:1px solid #002e54;
	background-color:#FFFFFF;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contact .noborder{
	border:none;
	background:none;	
}

#contact .verzenden{
	background-color:#002e54;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:2px
}




/*----------------------------------- TE KOOP ---------------------------------------*/

hr{
	border:1px solid #c7d1d9;
	background:none;
	margin: 8px 0 12px 0;
	padding:0;
}


.floatleft{
	float:left;
	border:1px solid #1f4769;
	margin:0 20px 0 0;
}

.floatright{
	float:right;
}

#clearboth{
	clear:both;
}

a.detailpagina{
	color:#1f4769;
	background:url(../images/news-icon.gif) top left no-repeat;
	text-decoration:none;
	font-style:italic;
	padding-left:20px;
	border:none;
	font-weight:normal;
}

a.detailpagina:hover{
	color:#1f4769;
	background:url(../images/news-icon.gif) top left no-repeat;
	text-decoration:underline;
	font-style:italic;
	padding-left:20px;
	border:none;
	font-weight:normal;
}

#bladeren{
	color:#002e54;
	font-size:11px;
	padding:0;
	margin:40px 0 0 0;
	text-align:center;
}

#bladeren a{
	color:#002e54;
	text-decoration:none;
	border:0;	
	text-align:center;
}

#bladeren a:hover{
	color:#5581a5;
	text-decoration:underline;
	border:0;
	text-align:center;
}

#bladeren .volgende a{
	color:#1f4769;
	padding:3px 25px 3px 15px;
	margin:0;
	background:url(../images/news-icon.gif) top left no-repeat #ffe00f;
	text-decoration:none;
	border:0;
	width:auto;
	font-style:italic;
	float:right;
}

#bladeren .volgende .pagenav a{
	color:#1f4769;
	padding:0;
	margin:0;
	background:none;
	text-decoration:none;
	border:0;
	width:auto;
	font-style:normal;
	float:none;
}

#bladeren .volgende .pagenav a:hover{
	color:#1f4769;
	padding:0;
	margin:0;
	background:none;
	text-decoration:underline;
	border:0;
	width:auto;
	font-style:normal;
	float:none;
}

#bladeren .volgende a:hover{
	color:#1f4769;
	padding:3px 25px 3px 15px;
	margin:0;
	background:url(../images/news-icon.gif) top left no-repeat #ffe00f;
	text-decoration:none;
	border:0;
	width:auto;
	font-style:italic;
	float:right;
}

#bladeren .vorige a{
	color:#1f4769;
	padding:3px 25px 3px 15px;
	margin:0;
	background:url(../images/news-icon.gif) top left no-repeat #ffe00f;
	text-decoration:none;
	border:0;
	width:auto;
	font-style:italic;
	float:left;
}

#bladeren .vorige a:hover{
	color:#1f4769;
	padding:3px 25px 3px 15px;
	margin:0;
	background:url(../images/news-icon.gif) top left no-repeat #ffe00f;
	text-decoration:none;
	border:0;
	width:auto;
	font-style:italic;
	float:left;
}

.blauw{
	color:#002e54;
	font-weight:bold;
}

ul#tekoop{
	list-style-type:none;
	display:inline;
}

ul#tekoop li{
	list-style-type:none;
	display:inline;
	float:left;
	padding:10px 10px 0 0;
	background:none;
}

ul#equipment{
	list-style-type:none;
	display:inline;
}

ul#equipment li{
	list-style-type:none;
	display:inline;
	float:left;
	padding:15px 10px 0 0;
	background:none;
	font-size:10px;
	color:#1f4769;
}


.clearbothfloatleft{
	clear:both;
	float:left;
	border:1px solid #1f4769;
	margin:0 20px 0 0;
}

.row_email{
	width: 42px;
}

#vervolgtekstvlak .projectcategory li{
	    padding: 5px 11px 5px 25px;
		background: url("../images/news-icon.gif") no-repeat scroll left 8px transparent;
		border-bottom: 1px solid #1F4769;
		color: #000000;
		font-size: 11px;
		line-height: 20px;
		list-style-type: none;
		margin: 0;
}

	
	#vervolgtekstvlak .projectcategory li a{
		border-bottom: 0;
	}
	
	#vervolgtekstvlak .projectcategory li a:hover{
		border-bottom: 1px solid #34B9F4;
	}
