/* CSS Document */
html, body {
	margin:0px;
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#000;
	background:url(../gfx/acht.gif) repeat-y center #FFF;
	line-height:16px;
	/*scrollbar-arrow-color: #414141;
	scrollbar-face-color: #eee;
	scrollbar-highlight-color: #eee;
	scrollbar-3dlight-color: #eee;
	scrollbar-shadow-color: #888;
	scrollbar-darkshadow-color: #333;
	scrollbar-track-color: #FFF;*/
}

h1 {
	font-size:11px;
	margin:0;
}

#midden {
	position:relative; top:0px;	left:50%;
	margin-left:-381px;
	width:762px;
}

#links {
	position:absolute; left:0px; top:0px;
	margin:0px;
	padding:0px;
	width:140px;
	height:100%;
}

/*----------------*/
#land {
	margin:5px 0px 0px 15px;
	font-weight:bold;
}

	#landvet {
		color:#000;
	}
	
	#land a {
		color:#FFF;
		font-weight:normal;
	}
/*----------------*/
#menu {
	margin:8px 0px 15px 0px;
}

	a.menurest, a.menurest2, a.menurest3 {
		display:block;
		padding:5px 0px 5px 15px;
		cursor:pointer;
		width:140px;
		height:12px;
		font-weight:bold;
		text-decoration:none;
		color:#FFF;
	}
	
	a.menurest, a.menurest2, a.menurest3 {
		font-weight:bold;
		text-decoration:none;
		color:#fff;
	}
	
		a.menurest:hover, a.menurest2:hover, a.menurest3:hover {
			color:#FFF;
			background-color:#444;
		}
	
	a.menurest {
		margin:3px 0px 0px 0px;
	}
	
	a.menurest2 {
		margin:13px 0px 0px 0px;
	}
	
	a.menurest3 {
		margin:18px 0px 0px 0px;
	}
/*----------------*/
#zw {
	/*margin:17px 0px 0px 0px;*/
	background-color:#000;
	position:absolute; top:200px; left:0px;
	width:140px;
	height:34px;
}
/*----------------*/
#contactform {
/*	position:absolute; top:235px; left:0px;*/
	margin:86px 0px 0px 0px;
} 

	a.contactform {
		display:block;
		padding:5px 0px 5px 15px;
		cursor:pointer;
		width:140px;
		height:12px;
		font-weight:bold;
		text-decoration:underline;
		color:#FFF;	
	}
	
	a.contactform:hover {
		color:#FFF;
		background-color:#444;
	}
/*----------------*/
div.contact {
	margin:0px 0px 0px 15px;
	text-align:left;
	color:#FFF;
}

	div.contact a:hover {
		color:#DDD;
	}
	
	div.contact a {
		font-weight:normal;
		text-decoration:underline;
		color:#FFF;
	}

li.submenu {
	margin:0px 0px 5px 0px;
	list-style-type:none;
	list-style-position:outside;
}

li.submenu a {
	color:#FFF;
}
/*----------------*/
#banner {
	position:absolute; top:0px; left:140px;
	width:620px;
	height:200px;
}

#titel {
	position:absolute; top:200px; left:140px;
	background-color:#000;
	width:622px;
	height:34px;
	text-align:left;
}

#content, #contentHome, #sitemap {
	position:absolute; top:234px; left:140px;
	margin:0px 0px 10px 0px;
	width:588px;
	height:358px;
	text-align:justify;
	color:#424242;
	background-color:#fff;
}

	#content, #sitemap {
		padding:5px 15px 15px 15px;
	}
	
	#contentHome {
		padding:15px 5px 15px 15px;
	}
	
	#content ul{
		margin:0px;
		padding:0px;
	}
	
	#content li{
		list-style-type:square;
		list-style-position:inside;
	}

#bron, #fase {
	background-color:#f6f6f6;
	}

	#bron {
		padding:10px;
		font-size:9px;
	}
	
		#bron a {
			color:#b9242e;
		}
	
	#fase {
		padding:5px;
	}
	
		#fase a {
			color:#b9242e;
		}

#content img {
	padding:3px;
	border:#333 solid 1px;
}

#kruimel {
	margin:0px 0px 10px 0px;
	padding-bottom:5px;
	width:100%;
	font-size:9px;
	border-bottom:#CCC 1px dashed;
	text-transform:lowercase;
}

	#kruimel a{
		color:#b9242e;
		text-decoration:none;
		font-weight:normal;
	}
	
	#kruimel a:hover {
		color:#333;
		text-decoration:underline;
	}

a.kruimel{
	color:#b9242e;
	text-decoration:none;
	font-weight:normal;
}
	
	a.kruimel:hover {
		color:#333;
		text-decoration:underline;
	}

/* Teksten ---------------------- */

a.titellink {
	color:#414141;
	text-decoration:none;
}

a.link, #link {
	color:#ba242f;
	font-weight:bolder;
	text-decoration:underline;
	letter-spacing:1px;
}

a.link:hover, #link:hover {
	color:#000;
}

ul {
	list-style-position:inside;
	padding:0px;
	margin:0px;
}

li {
	list-style-type:square;
}

.red {
	color:#ba242f;
}

.titelOF {
	color:#FFF;
	font-weight:bold;
}

/* index ------------------ */

.meekilink {
	text-decoration:none;
	color:#424242;
}

	.meekilink span {
		color:#ba242f;
		font-weight:bolder;
		text-decoration:underline;
		letter-spacing:1px;
	}
		
		.meekilink span:hover {
			color:#000;
		}

#index {
	float:left;
	width:390px;
	line-height:20px;
}

div.indexblok2 {
	float:left;
	padding:0px 15px 15px 0px;
	width:370px;
	border-right:#333 1px solid;
}

div.indexblok {
	float:left;
	padding:0px 0px 10px 10px;
	width:180px;
}

div.indexblok4 {
	float:left;
	margin-bottom:5px;
	padding:10px 15px 10px 0px;
	width:370px;
	border-top:#333 1px solid;
	border-right:#333 1px solid;
}

div.indexblok3 {
	float:left;
	padding:10px 10px 15px 10px;
	width:177px;
	border-top:#333 1px solid;
	border-right:#333 1px solid;

}

div.indexblok5 {
	float:left;
	padding:10px 10px 15px 0px;
	width:177px;
	border-top:#333 1px solid;
	border-right:#333 1px solid;

}

#news {
	float:left;
	margin:0px 0px 0px 5px;
	width:190px;
	line-height:20px;
}
	
	#news2t {
		width:196px;
		margin:0px 0px 0px 0px;
		padding:3px;
		color:#FFF;		
		background-color:#333;
	}
	
		#news2t h2 {
			margin:0;
			padding:0;
		}
	
	#news2, #news3 {
		color:#000;
		padding:3px;
		text-align:left;
		width:196px;
	}
	
		#news2 {
			margin:0px 0px 15px 0px;
		}
		
		#news3 {
			margin:0px 0px -1px 0px;
		}
			#news2 img {
				margin:5px 0px 0px 0px;
			}
			
			#news2 a, #news3 a {
				color:#b9242e;
			}
			
			#news2 a:hover, #news3 a:hover {
				color:#000;
			}


/* --------------- WMS */

div#blokwmsTitel {
	margin:25px 0px 0px 0px;
	padding:3px;
	color:#FFF;		
	background-color:#333;
	font-weight:bold;
	}

div#blokwms2, div#blokwms {
	float:left;
	width:230px;
}

div#blokwms {
	margin:3px 10px 0px 0px;
	padding:10px 0px 0px 5px;
}

div#blokwms2 {
	border-left:#ded9d4 1px dashed;
	margin:3px 0px 0px 0px;
	padding:10px 10px 10px 85px;
}

	div#blokwms2 ul, div#blokwms ul {
		margin:5px 0px 0px 0px;
	}
	
	div#blokwms2 li, div#blokwms li {
		margin:3px 0px 0px 0px;
	}

/* --------------- Portfolio */

#brochureMenu {
	margin:0px 0px 0px 0px;
}	
	
#portfolioTekst {
	float:left;
	width:220px;
	margin:0px 0px 15px 0px;
}

#projecten {
	float:right;
}

	#projecten hr {
		margin:0px;
	}

#projectTitel {
	background-color:#333;
	color:#FFF;
	font-weight:bold;
	padding:3px;
}

li.portonder {
	display:block;
	line-height:19px;
	list-style-position:outside;
}

a.portlink {
	color:#b9242e;
	text-decoration:none;
	border-bottom: thin #ddd dotted;
}

a.portlink:hover {
	border-bottom: 1px #b9242e solid;
}

a.portartlink, #portartlink {
	color:#b9242e;
}

a.portartlink:hover, #portartlink:hover {
	text-decoration:underline;
	color:#666;
}

.portgr, .portgr2, .portgr3 { 
	margin:0px;
	width:350px;
	text-align:left;
	padding:5px 0px;
}

	.portgr {
		height:76px;
	}
	
	.portgr2 {
		height:75px;
	}
	
		.portgr img, .portgr2 img, .portgr3 img {
			float:left;
		}
		
		.portgr p, .portgr2 p, .portgr3 p {
			float:left;
			margin:0px 0px 0px 8px;
			line-height:18px;
		}
		
		.portgr3 a {
			text-decoration:none;
			color:#424242;
			cursor:pointer;
		}
		
			.portgr3 a span {
				text-decoration:underline;
				color:#b9242e;
			}
	
	.portgr3 {
		height:65px;
	}

.portonderafb {
	float:left;
	width:115px;
}

.portonderblok {
	float:left;
}	
	
.portblok {
	text-align:left;
	margin-right:10px;
	float:left;
	width:200px;
	height:100px;
}

.portblok2 {
	float:left;
	text-align:left;
	margin-right:10px;
	height:100px;
}

.portblok3 {
	text-align:justify;
	margin-right:10px;
	float:left;
	width:100%;
}

	.portblok3 p {
		margin:0px;
		padding:0px;
		float:left;
		width:270px;
	}
	
#portImg {
	float:right;
	text-align:left;
	margin:0px 0px 10px	0px;
}

	#portImg img {
		margin:0px;
		z-index:3;
	}

	#portImg p {
		background-color:#333;
		margin:-2px 0px 0px 0px;
		padding:6px 0px 7px 10px;
		color:#FFF;
		width:268px;
		line-height:16px;
		z-index:4;	
	}
		
		#portImg p a {
			color:#FFF;
			padding:0px 3px;
		}
		
		#portImg p a:hover {
			color:#000;
			padding:0px 3px;
			background-color:#FFF;
			text-decoration:none;
		}

.portafb {
	float:left;
}

img.portafb {
	margin:0px;
	border: 1px #000000 solid;
	padding:5px;
	background-color:#FFF;
}

a.portonderlink, #portonderlink {
	border:1px #000 solid;
	padding:0px 3px;
	color:#000;
	text-decoration:none;
	font-size:9px;
	background-color:#eee;
}

a.portonderlink:hover, #portonderlink:hover {
	color:#FFF;
	background-color:#C62805;
}

#movie {
	border:#333 solid 1px;
	height:288px;
	width:443px;
}

#cases {
	overflow:auto;
	margin:10px 0px 0px 0px;
}

/* Contact  ------------------ */

#ooleft {
	float:left;
	width:196px;
}

#contactformpage {
	margin:50px 0px -25px 0px;
}

#route {
	float:left;
	margin:25px 0px 0px 0px;
}

hr {
	height:1px;
	margin:10px 0px 3px 0px;
	border:#ded9d4 1px dashed;
}

h3 {
	width:100%;
	font-size:12px;
	margin:0px 0px 10px 0px;
}

#route img{
	margin:0px 0px 0px -3px;
	border:0px;
}

#antw {
	position:relative; top:0px; left:0px;
	margin:10px 0px 10px 0px;
	background-color:#F6F6F6;
	border:#b9242e 1px solid;
	width:590px;
}

.antwveld  {
	font-family:Tahoma, Arial;
	font-size:11px;
	padding:2px;
	border:1px solid #ccc;
}

.knop {
	font-family:Tahoma, Arial;
	font-size:11px;
	margin-right:10px;
	padding:1px;
	color: #666;
	background: #fff;
	border: 0px solid #f6f6f6;
}

.knopOF {
	font-family:Tahoma, Arial;
	font-size:11px;
	margin-right:10px;
	padding:1px;
	color: #666;
	background: #fff;
	border: 0px solid #f6f6f6;
}

#antw textarea {
	font-family:Tahoma, Arial;
	font-size:9px;
	padding:2px;
	border:0px solid #d7ccbd;
}


table#antwtekst {
	font-size:11px;
}

table#antwtekst li {
	list-style-type:none;
	list-style-position:outside;
}

#antwgb {
	position:relative; top:0px; left:0px;
	margin:10px 0px 10px 0px;
	background-color:#F6F6F6;
	border:#b9242e 1px solid;
	width:260px;
}

/*#antwgb input {
	font-family:Tahoma, Arial;
	font-size:11px;
	padding:2px;
	border:0px solid #d7ccbd;
}

#antwgb textarea {
	font-family:Tahoma, Arial;
	font-size:11px;
	padding:2px;
	border:0px solid #d7ccbd;
}*/

table#antwtekstgb li {
	list-style-type:none;
	list-style-position:outside;
}

span.verplicht {
	color:#b9242e;
	font-weight:bold;
}

/* Offerte formulier ------------------ */

img#wmsschema {
	margin:0px 0px 0px 15px;
}

#ofachter {
	position:relative; top:0px; left:0px;
	margin:10px 0px 10px 0px;
	background-color:#F6F6F6;
	border:#b9242e 1px solid;
	width:410px;
}

.antwveldOF  {
	font-family:Tahoma, Arial;
	font-size:11px;
	padding:2px;
	border:1px solid #ccc;
}

#ofachter textarea {
	font-family:Tahoma, Arial;
	font-size:11px;
	padding:2px;
	border:1px solid #ccc;
}

label {
	margin:0px;
	padding:0px;
	cursor:pointer;
}

form {
	margin:0px;
}


/* Sitemap ---------------------------------- */

a#home:hover {
	color:#ba242f;
}

#sitemap a {
	font-weight:bold;
	color:#000;
}

#sitemap li {
	margin:0px 0px 4px 0px;
}

#sitemap li a {
	color:#000;
}

#sitemap li a:hover {
	color:#ba242f;
}

li#subsite {
	color:#FFF;
}

#subsite a {
	font-weight:normal;
	color:#000;
}

/* Footer ---------------------------------- */

#footer {
	float:left;
	position:relative;
	width:590px;
	color:#666;
	line-height:20px;
	font-size:10px;
}

	#footer h1 {
		font-size:10px;
		line-height:20px;
		margin:0px;
		padding:0px;
	}
	
		#footer h1 a {
			font-weight:bold;
			text-decoration:none;
		}
		
		#footer h1 a:hover {
			color:#666;
		}

#footer a {
	font-weight:normal;
	text-decoration:underline;
	color:#666;
}

#footer a:hover {
	color:#000;
}

/* menuImg ---------------------------------- */

/*#menuImg {
	position:fixed; bottom:0px;	left:50%;
	margin-left:-381px;
	width:762px; height:436px;
	background-image:url(../gfx/menu-acht.gif);
	background-position:left;
	background-repeat:no-repeat;
}*/

/* nieuwe tijden ---------------------------------- */

.volgende {
	font-weight: bold;
	float: right;
}

.volgende a {
	color: #000;
	text-decoration: none;
}

.volgende a:hover {
	color: #B60038;
}

.vorige {
	font-weight: bold;
	float: left;
}

.vorige a {
	color: #000;
	text-decoration: none;
}

.vorige a:hover {
	color: #B60038;
}

.contactformulier a {
	color: #B60038;
}

.contactformulier a:hover {
	color: #000;
}