body {
	background-color: #fff;
	font-family: verdana, sans-serif;
	font-size: 12px;
	height: 100%;
	color: #0E2542;
}

#container {
	width: 960px;
	height: 545px;
	margin: 0 auto;
	margin-top: 2%;
	border: 0px dotted #ccc;
	border-top: 1px solid #1f4269;
	position: relative;
}
/*standaard*/
a { color: #C4DBDE; }

/* 
Main background color classes 
*/
.bgcolor1 { background-color: #a4c5ca } /* = lichtblauw */
.bgcolor1b { background-color: #c4dbde } /* = lichtblauw variant2 */
.bgcolor2 { background-color: #0E2542; } /*#002954 }*/ /* = donkerblauw */
.bgcolor3 { background-color: #cb3024 } /* = oranjerood */

/* 
Top menu 
*/
#container #menu {
	position: absolute;
	top: 0px; left: 0px;
	height: 28px;
	width: 960px; color: #0e2542;
	font-weight: bold;
}
#container #menu a { color: #0e2542; text-decoration: none; }
#container #menu a:hover { color: #e73817; }
#container #menu a.on { color: #e73817; }
#container #menu  #knoppen1 { position: absolute; left: 28px; top: 8px; }
#container #menu  #knoppen2 { position: absolute; left: 470px; top: 8px; }
	#container #menu #knoppen2 a { color: #3e3f5d; } #container #menu  #knoppen2 a:hover { color: #e73817; }
	#container #menu #knoppen2 a.on { color: #e73817; }
#container #menu  #knoppen3 { position: absolute; left: 640px; top: 8px; }
	#container #menu #knoppen3 a { color: #63627d; } #container #menu  #knoppen3 a:hover { color: #e73817; }
	#container #menu #knoppen3 a.on { color: #e73817; }
/*
Sub menu for top 
*/
#container #submenu {
	position: absolute;
	top: 28px; left: 0px;
	height: 28px;
	width: 960px; color: #0e2542;
	font-weight: bold;
	background-color: #0e2542;
	font-size: 10px; letter-spacing: 1px; 
}
#container #submenu #submenu_body { position: absolute; left: 28px; top: 9px; color: #fff; z-index: 9999; height: 20px; }
#container #submenu #submenu_body a { color: #fff; text-decoration: none; padding-bottom: 1px; }
#container #submenu #submenu_body a:hover { color: #c1d6da; height: 11px; }
#container #submenu #submenu_body a.on { color: #e73817; text-decoration: none; }

#container .content { 
	position: absolute; 
	width: 960px;
	left: 0px;
	top: 28px;
	height: 524px;
}
#container .incsubmenu { top: 56px; height: 496px;  } /* gebruiken bij content als er een submenu MOET zijn! */

/* HOME */
.home_row { height: 170px; margin-bottom: 7px; background-repeat: no-repeat; }
.home_top { background-image: url('../images/home_1.jpg'); background-position: top left; text-align: right; }
.home_mid { width: 165px; background-color: #fff; text-align: right; float: right; }
	.home_mid img { display: block; float: right; }
.home_bottom { width: 172px; background-color: #fff; text-align: center; float: left; margin-left: 158px; }
	.home_bottom img { display: block;  }	
.home_nieuws { width: 625px; padding-top: 28px; margin-left: 80px; }
.home_nieuws h1 { color: #fff; }
.home_nieuws .punt { font-size: 10px; margin-top: 20px; color: #0e2542; font-weight: bold; height: 11px; padding-bottom: 1px; }
.home_nieuws .punt a { text-decoration: underline; color: #0e2542;  }  .home_nieuws .punt a:hover { color: #fff; } 

/* FOTOSLIDER! */
.fotoholder1 {
	float: right;
}
.fotoholder2 {
	float: left;
	border-left: 7px solid #fff;
}
.fotobalk {
	margin: 0 auto;
	overflow: hidden;
	width: 158px; 	
	height: 170px;
	position: relative;
}
.fotobalk img {
	display: block;
	float: left;
}
#fotoslider, #fotoslider2 {
	height: 170px; 
}

/* /FOTOSLIDER! */

	
/* BUREAU */
.buro_left { width: 633px; border-top: 1px solid #fff; height: 496px; position: relative; background-color: #333; background-repeat: no-repeat; }
.buro_left h1 { color: #fff; position: absolute; font-size: 20px; letter-spacing: 1px; }
.buro_right { width: 300px; float: right; height: 496px; font-size: 10px; line-height: 19px; letter-spacing: 1px; padding-left: 6px; padding-right: 14px; position: relative;  margin-top: 1px;}
.buro_right h1 { font-weight: normal; font-size: 18px; color: #cb3024; top: 90px; left: 10px; position: absolute; letter-spacing: 2px; line-height: 26px; }
.buro_right .text { top: 150px; left: 0px; position: absolute; font-weight: bold; line-height: 15px; padding: 9px; padding-right: 20px; color: #0E2542; }
.headline h1 { color: #fff; position: absolute; font-size: 20px; letter-spacing: 1px; }

/* BUREAU -> HISTORIE */
.historie_row { height: 170px; margin-bottom: 7px; background-repeat: no-repeat; position: relative; overflow: hidden; font-size: 10px; }
.historie_row h1 { font-weight: normal; font-size: 20px; color: #cb3024; position: absolute; bottom: 45px; left:27px; }
.historie_row .blok { width: 154px; height: 170px; border-right: 7px solid #fff; float: left; }
.historie_row .blok  div { padding: 20px; color: #fff; line-height: 15px; }
.historie_row .blok  div .jaar { display: block; color: #E73817; font-weight: bold; }

/* BUREAU -> TEAM */
.team_row { height: 170px; margin-bottom: 7px; background-repeat: no-repeat; position: relative; overflow: hidden; font-size: 10px; }
.team_row h1 { font-weight: normal; font-size: 20px; color: #cb3024; position: absolute; bottom: 45px; left:30px; }
.team_row .blok { width: 153px; height: 170px; border-right: 7px solid #fff; float: left; position: relative; overflow: hidden; }
.team_row .blok img { position: absolute; top: 0px; left: 0px; width: 154px; height: 170px; }
.team_row .blok .captionbg { position: absolute; top: 0px; left: 0px; height: 36px; width: 154px; }
.team_row .blok .captionbg img { height: 36px; width: 154px; }
.team_row .blok .caption { position: absolute; top: 0px; left: 0px; padding: 4px; line-height: 14px; color: #0E2542; }

.team_row .intro { position: absolute; left: 472px; top: 15px; width: 440px; font-weight: bold; line-height: 18px; }
.team_row .foto { position: absolute; top: 0px; left: 0px; width: 154px; height: 170px; }
.team_row .nix { position: absolute; top: 0px; left: 0px; width: 154px; height: 170px; z-index: 999px; }
.team_row .nix img { width: 154px; height: 170px; }

/* BUREAU -> KERNGEGEVENS*/
.kerngegevens_row { height: 170px; margin-bottom: 7px; background-repeat: no-repeat; position: relative; overflow: hidden; font-size: 9px; }
.kerngegevens_row h1 { font-weight: normal; font-size: 20px; color: #cb3024; position: absolute; bottom: 45px; left:28px; }
.kerngegevens_row .top_blok { float: right; width: 154px; height: 170px; border-right: 7px solid #fff; border-left: 7px solid #fff; margin-right: 154px; }
.kerngegevens_row .top_blok  div { padding-top: 15px; padding-left: 15px; color: #fff; line-height: 15px; }
.kerngegevens_row .blok { float: left; width: 154px; height: 170px; border-right: 7px solid #fff; }
.kerngegevens_row .blok  div { padding-top: 11px; padding-left: 11px; color: #fff; line-height: 15px; }
.kerngegevens_row .blok  div .titel, .kerngegevens_row .top_blok  div .titel { color: #fff; display: block; font-size: 10px; font-weight: bold; }
.kerngegevens_row .blok  .dark { color: #002954; }

/* PROJECTEN -> HOME */
a.projecten_highlight_white { color: #fff !important;}
a.projecten_highlight_white:hover { color: #0E2542 !important; }
a.projecten_highlight_blue { color: #C4DBDE !important;}
a.projecten_highlight_blue:hover { color: #fff !important; }

.projecten_row { height: 170px; margin-bottom: 7px; background-repeat: no-repeat; }
.projecten_top div { margin-top: 130px; width: 300px; float: left; color: #fff; margin-left: 10px;letter-spacing: 1px;   }
.projecten_top div a { font-weight: bold; color: #fff; text-decoration: none; }
.projecten_top div a:hover { color: #cb3024;  }
.projecten_mid { width: 960px; height: 170px; display: block; background-image: url('../images/Xprojecten_1.jpg'); background-position: top left; background-repeat: no-repeat; overflow: hidden;  }
.projecten_mid img { display: block; height:  }
.projecten_bottom div { margin-top: 30px; width: 240px; float: right; text-align: right; color: #fff; margin-right: 50px; }
.projecten_bottom div a { font-weight: bold; color: #fff; text-decoration: none; }
.projecten_bottom div a:hover { color: #cb3024;  }

	/* PROJECTEN HOME MIDDEN MOUSEOVER DIVS */
	.projecten_overlays { cursor: pointer; /* Test with border: 1px solid #ff00cc; */ }
	.projecten_overlays a { display: block; width: 157px; height: 170px; }
	.projecten_overlays a img { display: block; width: 157px; height: 170px; }
	.projecten_overlay1 { width: 154px; height: 170px; position: absolute; top: 177px; left: 0px; }
	.projecten_overlay2 { width: 154px; height: 170px; position: absolute; top: 177px; left: 162px; }
	.projecten_overlay3 { width: 154px; height: 170px; position: absolute; top: 177px; left: 324px; }
	.projecten_overlay4 { width: 154px; height: 170px; position: absolute; top: 177px; left: 484px; }
	.projecten_overlay5 { width: 154px; height: 170px; position: absolute; top: 177px; left: 647px; }
	.projecten_overlay6 { width: 154px; height: 170px; position: absolute; top: 177px; left: 807px; }
	
/* PROJECTEN -> CATEGORIEOVERICHT */
.projectenoz_row { height: 170px; margin-bottom: 7px; background-repeat: no-repeat; position: relative;}
.projectenoz_top h1 { color: #E73817; position: absolute; top: 90px; left: 28px; font-size: 20px; letter-spacing: 1px;  }
.projectenoz_top .projectenlist { position: absolute; top: 10px; left: 640px; font-size: 10px; width: 280px; text-transform: uppercase; line-height: 17px; }
.projectenoz_top .projectenlist a { color: #002954; text-decoration: none; } .projectenoz_top .projectenlist a:hover { color: #fff; }
.projectenoz_mid { background-position: top left; background-repeat: no-repeat; }
.projectenoz_bottom div { padding-top: 15px; width: 520px; margin-left: 30px; font-size: 10px; color: #fff; line-height: 17px; font-weight: bold; }
	
/* PROJECTEN -> CATEGORIEOVERZICHT -> PROJECT */
.project_left { width: 607px; border-top: 1px solid #fff; height: 496px; position: relative; }
.project_left h1 { color: #fff; position: absolute; font-size: 20px; letter-spacing: 1px; }
.project_right { width: 326px; float: right; height: 496px; font-size: 10px; line-height: 19px; letter-spacing: 1px; padding-left: 6px; padding-right: 14px; position: relative; }
.project_right h1 { font-weight: normal; font-size: 20px; color: #cb3024;  }
.project_right .projectenlist { position: absolute; color: #fff; top: 10px; left: 10px; font-size: 10px; letter-spacing: 0px; width: 320px; text-transform: uppercase; line-height: 17px; }
.project_right .projectenlist a { color: #fff; text-decoration: none; } .project_right .projectenlist a:hover { color: #C4DBDE; }
.project_right .vlak { position: absolute; top: 0px; left: 0px; height: 160px; width: 346px; border-bottom: 7px solid #fff; border-top: 1px solid #fff; }
.project_right .projectentitel { position: absolute; top: 120px; left: 10px; line-height: 26px; white-space: nowrap; }
.project_right .projectentitel h1 { font-weight: bold; }
.project_right .projectendescr { position: absolute; top: 170px; left: 10px; padding-right: 20px; font-weight: bold; width: 330px;}
.project_right .projectendescr .titel { color: #cb3024; display: block; font-weight: bold; margin-top:40px; text-transform: uppercase; }
.project_right .projectendescr .projectarchitect { display:block; margin-top:10px; color: #cb3024; font-weight: normal; position: absolute; top: 15px; } 
.project_right .projectendescr .projectenthumbs { position: absolute; top: -2px; left: -10px; white-space: nowrap; }
.project_right .projectendescr .projectenthumbs .thumbs { display: block; float: left; margin-right: 5px; width: 40px; height: 10px; background-color: #002954; cursor: pointer; }
.project_right .projectendescr .projectenthumbs .project_thumb { height: 16px; width: 37px; cursor:pointer; background-color: #002954; display: block; float: left; margin-right: 7px; background-position: 50% 50%; background-repeat: no-repeat; }
.project_right .projectendescr .projectenthumbs .project_thumb:hover { background-color: #CB3024; background-position: -1000px -1000px; }
.project_right .projectendescr .projectenthumbs .on {  background-color: #cb3024; background-position: -1000px -1000px; }

/* PASSIES */
.passies_left { 	width: 477px; float: left; 	height: 496px; position: relative; margin-top: 1px; }
.passies_titel { width: 477px; position: absolute; top: 0px; left: 0px; height: 147px; }
.passies_titel h1 { color: #fff; position: absolute; bottom: 31px; left: 30px; /*margin-left: 30px; margin-top: 98px;*/ font-size: 20px; letter-spacing: 1px;}
.passies_bodytekst { position: absolute; top: 160px; left: 30px; font-size: 10px; line-height: 20px; color: #002954; padding-right: 20px;}
.passies_bodytekst a { color:#CB3024; font-weight:bold; }
.passies_bodytekst a:hover { color:#DF776F; }
.passies_right { margin-top: 1px; width: 477px; float: left; 	height: 496px; position: relative; }
.passies_blokken { background-color: #002954; color: #fff; position: absolute; top: 0px; left: 7px; height: 147px; width: 476px;  }
.passies_blokken .links { width: 150px; border-right: 7px solid #fff; height: 147px; }
.passies_blokken .links div { padding-left: 10px; padding-top: 5px; font-size: 10px; line-height: 16px; }
.passies_blokken .rechts { position: absolute; left: 170px; top: 0px; height: 147px; padding-right: 20px;  }
.passies_blokken .rechts div { padding-left: 0px; padding-top: 5px; font-size: 10px; line-height: 16px; }

.passies_blokken2 { background-color: #002954; color: #fff; position: absolute; top: 155px; left: 7px; height: 147px; width: 476px;  }
.passies_blokken2 .links { width: 150px; border-right: 7px solid #fff; height: 147px; }
.passies_blokken2 .links2 { width: 150px; border-right: 7px solid #fff; margin-top: 7px; height: 147px; }
.passies_blokken2 .rechts { position: absolute; left: 157px; top: 0px; width: 319px; height: 301px; background-repeat: norepeat;  }
.passies_blokken3 { background-color: #002954; color: #fff; position: absolute; top: 155px; left: 7px; height: 147px; width: 476px;  }
.passies_blokken3 .groot { position: absolute; left: 0px; top: 0px; width: 476px; height: 301px; background-repeat: norepeat;  }

.passies_blokken2_2 { background-color: #002954; color: #fff; position: absolute; top: 465px; left: 7px; height: 147px; width: 476px;  }
.passies_blokken2_2 .links { width: 150px; border-right: 7px solid #fff; height: 147px; }
.passies_blokken2_2 .links2 { width: 150px; border-right: 7px solid #fff; margin-top: 7px; height: 147px; }
.passies_blokken2_2 .rechts { position: absolute; left: 157px; top: 0px; width: 319px; height: 301px; background-repeat: norepeat;  }
.passies_blokken3_2 { background-color: #002954; color: #fff; position: absolute; top: 465px; left: 7px; height: 147px; width: 476px;  }
.passies_blokken3_2 .groot { position: absolute; left: 0px; top: 0px; width: 476px; height: 301px; background-repeat: norepeat;  }

.passies_blokken2_3 { background-color: #002954; color: #fff; position: absolute; top: 775px; left: 7px; height: 147px; width: 476px;  }
.passies_blokken2_3 .links { width: 150px; border-right: 7px solid #fff; height: 147px; }
.passies_blokken2_3 .links2 { width: 150px; border-right: 7px solid #fff; margin-top: 7px; height: 147px; }
.passies_blokken2_3 .rechts { position: absolute; left: 157px; top: 0px; width: 319px; height: 301px; background-repeat: norepeat;  }
.passies_blokken3_3 { background-color: #002954; color: #fff; position: absolute; top: 775px; left: 7px; height: 147px; width: 476px;  }
.passies_blokken3_3 .groot { position: absolute; left: 0px; top: 0px; width: 476px; height: 301px; background-repeat: norepeat;  }

#passiefoto { border-left: 7px color #fff; }

/* nieuwsbericht */
.nieuwsbericht_left { 	width: 477px; float: left; 	height: 496px; position: relative; margin-top: 1px; }
.nieuwsbericht_titel { width: 477px; position: absolute; top: 0px; left: 0px; height: 147px; }
.nieuwsbericht_titel h1 { color: #fff; margin-left: 30px; margin-top: 98px; font-size: 20px; letter-spacing: 1px;}
.nieuwsbericht_bodytekst { position: absolute; top: 160px; left: 30px; font-size: 10px; line-height: 20px; color: #002954; padding-right: 20px;}
.nieuwsbericht_bodytekst a { color:#e73817; }
.nieuwsbericht_right { margin-top: 1px; width: 477px; float: left; 	height: 496px; position: relative; }
.nieuwsbericht_blokken { color: #fff; position: absolute; top: 0px; left: 7px; height: 147px; width: 476px;  }
.nieuwsbericht_foto { position: absolute; left: 0px; border-left: 7px solid #fff;  border-right: 7px solid #fff; }

/* nieuwsarchief */
.nieuwsarchief_link { position: absolute; right: 179px; bottom: 191px; font-size: 10px;  }
.nieuwsarchief_link a { font-weight: bold; color: #0E2542; }
.nieuwsarchief_link a:hover { font-weight: bold; color: #fff; }
.nieuwsarchief_item { margin-bottom: 20px; }
.nieuwsarchief_item strong { display: block; }

/* CONTACT */
.contact_row { height: 170px; margin-bottom: 7px; background-repeat: no-repeat; }
.contact_top { background-image: url('../images/home_1.jpg'); background-position: top left; }
.contact_top h1 { padding-top: 120px; padding-left: 370px; font-size: 20px; color: #fff; }
.contact_mid { }
	.contact_mid .naam { display: block; padding-top: 150px; padding-left: 28px; font-size: 10px; font-weight: bold; color: #002954; }
.contact_bottom {  }
	.contact_bottom div {color: #fff; padding: 28px; padding-top: 15px; font-size: 9px; line-height: 18px; }	
	.contact_bottom div a {color: #fff; }
.contact_map { position: absolute; top: 0px; right: 0px; }	

/* PERSONEN - ELEMANS/POSTMA/VANDENHORK PAGINAS  */
.personen_row { height: 170px; margin-bottom: 7px; background-repeat: no-repeat; color: #002954; overflow: hidden; }
.personen_top { background-position: top left; }
.personen_top div { margin-left: 170px; padding-top: 10px; font-size: 10px; width: 430px; line-height: 15px; }
.personen_top div .naam { font-weight: bold; color: #fff; }
.personen_mid div { margin-left: 10px; padding-top: 15px; font-size: 10px; width: 420px; line-height: 15px; }
.personen_mid div .passie { color: #E73817; font-weight: bold; }
.personen_mid div .passie a { color: #E73817; font-weight: bold; text-decoration: underline; }
	.perscaption_bg { width: 140px; position: absolute; right: 91px; bottom: -5px; }
	.perscaption_txt  { width: 140px; position: absolute; right: 85px; bottom: 2px; }
.personen_bottom h1 { font-size: 18px; letter-spacing: 1px; position: absolute; left: 30px; bottom: 70px; }
.personen_overlay { position: absolute; top: 0px; right: 0px; width: 350px; height: 524px; border-left: 7px solid #fff; }
.personen_overlay .quote { color: #fff; font-size: 9px;  line-height: 15px; padding: 14px 14px 0px 14px; text-align: center; height: 156px; }	
.personen_overlay .quote p { display:block; margin-bottom:10px; }
.personen_row p { display:inline; }

/* SERVICE */

.service_row { height: 170px; margin-bottom: 7px; background-repeat: no-repeat; }
.service_top { background-position: top left; text-align: right; position: relative; }
.service_top h1 { position: absolute; top: 130px; left: 20px; font-size: 20px; color: #fff; }
.service_blok1 { width: 154px; height: 170px; float: right; border-left: 7px solid #fff; }
.service_blok2 { width: 154px; height: 170px; float: left; border-right: 7px solid #fff; }
.service_blok3 { width: 315px; height: 170px; float: left; border-right: 7px solid #fff; }

/* KLANTEN FTP LOGIN */
.login label {
   width: 150px;
   padding-right: 20px;
   float: left;
   line-height: 18px;
   margin-bottom: 3px;
}

.login input {
   float: left;
   margin-bottom: 3px;
}

.login br {
   clear: left;
}

.login .error {
   margin: 10px 0px;
   background-color:  #CB3024;
   color: white;
   font-weight: bold;
   padding: 10px;  
   float: left;
}