/* ---------------------- Algemeen ---------------------- */

body {
	background-color: #e7e7e7;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../bg_2.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:60px;
}

#wrapper_all{
	width:900px;
	margin:auto;
	padding-top:163px;
	padding-left:45px;
	}
	
/*------------------- Navigatie --------------------*/

#nav{
	display:inline;
	width:440px;
	height:37px;
	list-style:none;
	float:right;
	text-indent:-9000px;
	}	
	
.home{
	background-image:url(../nav/home.jpg);
	width:68px;
	height:37px;
	float:left;
	display:block;
	margin-right:6px;
	}
	
.home#active{
	background-image:url(../nav/home_active.jpg);
	width:68px;
	height:37px;
	float:left;
	display:block;
	margin-right:6px;
	}
	
.diensten{
	background-image:url(../nav/diensten.jpg);
	width:105px;
	height:37px;
	float:left;
	display:block;
	margin-right:6px;
	}
	
.diensten#active{
	background-image:url(../nav/diensten_active.jpg);
	width:105px;
	height:37px;
	float:left;
	display:block;
	margin-right:6px;
	}
	
.onswerk{
	background-image:url(../nav/onswerk.jpg);
	width:107px;
	height:37px;
	display:block;
	float:left;
	margin-right:6px;
	}	
	
.contact{
	background-image:url(../nav/contact.jpg);
	width:101px;
	height:37px;
	display:block;
	float:left;
	margin-right:6px;
	}	


/* ---------------- 1e tekstvak, introductie + javascript caroussel ---------------- */

#intro{
	width:900px;
	height:380px;
	}

#into_links{
	float:left;
	width:195px;
	text-align:right;
	padding-left:20px;
	height:355px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	}
	
#into_links p{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	}
	
#titel{
	width:195px;
	margin-top:5px;
	text-align:right;
	margin-bottom:10px;
	}
	
#beschrijving{
	height:135px;
	}
	
#toegepastetechnieken{
	height:147px;
	}
	
#bezoek{
	height:20px;
	margin-top:15px;
	}
	
#beschrijving a:link{
	height:20px;
	margin-top:15px;
	color:#949494;
	}
	
#beschrijving a:hover{
	height:20px;
	margin-top:15px;
	color:#585858
	}
	
#bezoek a:visited{
	height:20px;
	margin-top:15px;
	color:#949494;
	}

#intro_rechts{
	float:right;
	width:670px;
	padding-left: 0px;
	padding-top:0px;
	margin-right:10px;
	}
	
#intro_clear{
	clear:both;
	width:900px;
	height:40px;
	}
	
#titel_en_knop{
	border:1px solid #ececec;
	height:45px;
	width:622px;
	margin-left:17px;
	margin-top:-3px;
	margin-bottom:40px;
}
	
#titel_recentwerk{
	padding:0px;
	margin-top:15px;
	margin-left:10px;
	float:left;
	}
	
#titel_en_knop p{
	font-size:11px;
	text-transform:uppercase;	
	color:#999;
	text-align:right;
	float:left;
	margin-left:10px;
	margin-top:21px;
	}

#knop_meerwerk{
	background:transparent url(../img/meerwerk.jpg);
	width:159px;
	height:45px;
	margin:0px;
	padding:0px;
	text-indent:-9000px;
	display:block;
	float:right;
	}
	
#knop_meerwerk:hover{
	background: transparent url(../img/meerwerk.jpg) 0px -45px;
	width:159px;
	height:45px;
	cursor:pointer;
	}	
	
#titel_en_knop_clear{
	width:622px;
	clear:both;
	}
	

/* ---------------- 2e tekstvak, de linker kolom is groter dan de rechter ---------------- */
	
.item_linksgroot{
	background-color:#fff;
	width:878px;
	margin-top:10px;
}

.item_linksgroot_links{
	float:left;
	width:496px;
	padding-left:20px;
	padding-right:20px;
	border-right:1px solid #dadada;
	}
	
.item_linksgroot_links a:link{
	height:20px;
	margin-top:15px;
	color:#949494;
	}
	
.item_linksgroot_links a:hover{
	height:20px;
	margin-top:15px;
	color:#585858;
	}
	
.item_linksgroot_links a:visited{
	height:20px;
	margin-top:15px;
	color:#949494;
	}
	
.blogimagesmall{
	background-image:url(../img/img_bg.jpg);
	background-repeat:no-repeat;
	padding:9px;
	margin-right:20px;
	margin-bottom:10px;
	}
	
.item_linksgroot_rechts{
	float:right;
	width:330px;
	padding-left:10px;
	}
	
.item_linksgroot_rechts ul{
	list-style:none;
	margin-left:-10px;
	margin:0px;
	padding:0px;
	}

.item_linksgroot_rechts li{
	height:35px
	}

.item_linksgroot_clear{
	width:878px;
	clear:both;
	height:40px;
	}	
	
/* ---------------- 3e tekstvak, beide kolommen zijn even breed ---------------- */
	
.item_5050{
	width:878px;
	margin-left:0px;
	background-color:#FFFFFF;
	padding-top:10px;
}

.item_5050_links{
	float:left;
	width:390px;
	padding-left:20px;
	padding-right:20px;
	border-right:1px solid #dadada;
	}
	
.item_5050_rechts{
	float:right;
	width:428px;
	margin-left:10px;
	background-color:#fff;
	}

.item_5050_clear{
	width:878px;
	clear:both;
	height:40px;
	}	
	
/* ---------------- Portfolio pagina; Text links ---------------- */
.technieken{
	margin:0px;
	padding:0px;
	text-align:left;
	width:210px;
	}

.technieken li{
	background-image:url(../img/checkicon.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	padding-right:20px;
	padding-left:0px;
	list-style:none;
	padding-top:3px;
	padding-bottom:4px;
	border-bottom:1px solid #dadada;
	}
	
	
	
/* ---------------- Portfolio pagina; Thumbnails ---------------- */

.werk_wrapper{
	width:863px;
	border-top:8px solid #e5e5e5;
	margin-left:7px;
	padding-top:24px;
	padding-bottom:15px;
	}
	
.thumb{
	width:201px;
	margin-left:6px;
	margin-right:6px;
	float:left;
	border-bottom:3px solid #e5e5e5;
	margin-bottom:35px;
	}
	
.thumb{
	text-decoration:none;
	color:#b1b1b1;
	}
	
.thumb:hover{
	text-decoration:none;
	border-bottom:3px solid #bbbbbb;
	color:#666666;
	}
	
.thumb img{
	border:1px solid #bbbbbb;
	padding:4px;
	background-color:#FFFFFF;
	} 
	
.werk_wrapper p{
	font-size:11px;
	text-transform:uppercase;	
	color:#b1b1b1;
	margin-top:3px;
	margin-bottom:10px;
	}
	
.werk_wrapper h1{
	text-transform:uppercase;
	text-align:left;
	color:#898989;
	font-size:26px;
	margin-top:10px;
	margin-left:-4px;
	}

.thumb_clear{
	width:800px;
	clear:both;
	}
	
.terug{
	background:transparent url(../img/terug.jpg);
	width:125px;
	height:45px;
	}
	
.terug:hover{
	background: transparent url(../img/terug.jpg) 0px -45px;
	width:125px;
	height:45px;
	cursor:pointer;
	}
	
.terug a:link{
	color:#949494;
	}
	
.terug a:hover{
	color:#585858
	}
	
.terug h1{
	color:#FFFFFF;
	text-align:left;
	padding:0px;
	margin:0px;
	padding-top:14px;
	padding-left:20px;
	}
	
/* ------------------------- Tekst stijlen --------------------------*/
	
.italic_serif{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	}
	
p{
	padding:0px;
	margin:0px;
	}
	
h1{
text-transform:uppercase;
text-align:right;
color:#898989;
font-size:26px;
padding:0px;
margin:0px;
margin-bottom:0px;
font-family:franklin;
}

h2{
text-transform:uppercase;
color:#898989;
font-size:26px;
padding:0px;
margin:0px;
padding-left:10px;
margin-bottom:20px;
border-left:5px solid #d3d3d3;
}

h3 a:link{
text-transform:uppercase;
color:#949494;
font-size:20px;
padding:0px;
margin:0px;
padding-left:10px;
margin-bottom:20px;
text-decoration:none;
}

h3 a:hover{
color:#585858;
text-decoration:none;
}

h3 a:visited{
text-transform:uppercase;
color:#949494;
font-size:20px;
padding:0px;
margin:0px;
padding-left:10px;
margin-bottom:20px;
text-decoration:none;
}

.leesmeer{
	text-align:right;
	padding-top:10px;
	display:block;
	color:#999999;
	}
	
.leesmeer:hover{
	color:#666666;
	}
	
/* ------------------------ De knoppen van de Javascript caroussel -------------------*/

.knoppen{
	width:670px;
	position:absolute;
	float:left;
	height:67px;
	margin-top:125px;
	z-index:1;
	}

.knop_links{
	float:left;
	background-image:url(../pijl_links.png);
	height:67px;
	width:50px;
	cursor:pointer;
	}
	
.knop_rechts{
	float:right;
	background-image:url(../pijl_rechts.png);
	height:67px;
	width:51px;
	cursor:pointer;
	}
	
.knoppen_clear{
	width:654px;
	clear:both;
	}

/* ------------ Contactformulier -------------------*/

#form{
	width: 401px;
}

#form_links{
	width:150px;
	float:left;
	}	
#form_name{
	background-color:#e1e1e1;
	border-bottom:1px solid #c2c2c2;
	border-style:none;
	font-family:arial;
	font-style:italic;
	font-size:12px;
	color:#616161;
	width:176px;
	height:17px;
	margin-bottom:7px;
	margin-top:3px;
	}
	
#form_email{
	background-color:#e1e1e1;
	border-bottom:1px solid #c2c2c2;
	border-style:none;
	font-family:arial;
	font-style:italic;
	font-size:12px;
	color:#616161;
	width:176px;
	height:17px;
	margin-bottom:7px;
	margin-top:3px;
	}
	
#form_subject{
	background-color:#e1e1e1;
	border-bottom:1px solid #c2c2c2;
	border-style:none;
	font-family:arial;
	font-style:italic;
	font-size:12px;
	color:#616161;
	width:176px;
	height:17px;
	margin-bottom:7px;
	margin-top:3px;
	}
	
#form_message{
	background-color:#e1e1e1;
	border-bottom:1px solid #c2c2c2;
	border-style:none;
	font-family:arial;
	font-style:italic;
	font-size:12px;
	float:right;
	width:213px;
	height:136px;
	color:#616161;
	margin-top:17px;
	margin-right:20px;
	}	
	
#form_clear{
	clear:both;
	width:396px;
	margin-left:5px;
	}
	
button{
	background:transparent  url(../img/verzenden.jpg) no-repeat 0px 0px;
	height:15px;
	width:90px;
	border-style:none;
	margin-top:7px;
	margin-left:85px;
	}
	
button:hover{
	background:transparent url(../img/verzenden.jpg) no-repeat 0px -15px;
	height:15px;
	width:90px;	
	cursor:pointer;
	}
	
.errors{
	color:#990000;
	margin-bottom:8px;
	margin-top:-10px;
	
	}