/* =BASE */
body {background:url(/images/frontend/body_bg.png) top repeat-x;}
h1,h2,h3  {font-family:Georgia;font-style:italic;font-weight:100;}
h1 {font-size:1.38em;}
h2 {font-size:1.13em;}
h3 {font-size:1.1em;}
p {font-family:Verdana;font-size:0.75em;}
a {color:#853000;text-decoration:none;}

/* =BOXES */
.box_type_1 {background:url(/images/frontend/bg_bar_type_1.png) repeat;}
.box_type_2 {background:url(/images/frontend/bg_bar_type_2.png) repeat;margin-top:-10px;}
.box_type_3 {background:#FAEBB6;border:1px solid #FAD88B;}
.box_type_5 {border-top:3px solid #993300;}
.box_type_6 {border-bottom:1px dotted #D8D8D8;}
.box_type_7 {background:url(/images/frontend/box_type_7.png) repeat;overflow:visible;}




/* =GRID =MODIFIERS */

/* OH TOOD: Evaluate the necessity of the following declarations */
.container_16:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_16{display:inline-block}
* html .container_16{height:1%}
.container_16{display:block}

.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_12{display:inline-block}
* html .container_12{height:1%}
.container_12{display:block}

.clearfix li:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix li{display:inline-block}
* html .clearfix li{height:1%}
.clearfix li{display:block}

.alpha { clear: left}







#top {width:1024px;margin-left:auto;margin-right:auto;background:url(/images/frontend/top.png) no-repeat;}
#top_not_home {width:1024px;margin-left:auto;margin-right:auto;background:url(/images/frontend/top2.png) no-repeat;}
#top #logo {margin-top:50px;}
#top_not_home #logo {margin-top:50px;}

#header {width:1024px;margin-left:auto;margin-right:auto;background:url(/images/frontend/header.png) center no-repeat;height:271px;}
#header #images  {height:270px;padding:10px;}
#header #images a.btn_architecten {float:left;width:279px; height:249px; background:url(/images/frontend/header/voor_architecten.png) no-repeat; text-indent:-9999px; overflow:hidden;background-position:-125px -125px;}
#header #images a.btn_architecten:link  {float:left;width:279px; height:249px; background-position:-125px -125px; text-indent:-9999px; overflow:hidden;}
#header #images a.btn_architecten:hover {float:left; display:block; width:279px; height:249px; background-position:-125px -623px; text-indent:-9999px; overflow:hidden;}
#header #images a.btn_particulieren_bedrijven {float:left;width:279px; height:249px; background:url(/images/frontend/header/voor_particulieren_bedrijven.png) no-repeat; text-indent:-9999px; overflow:hidden;background-position:-125px -125px;margin-left:10px;}
#header #images a.btn_particulieren_bedrijven:link  {float:left;width:279px; height:249px; background-position:-125px -125px; text-indent:-9999px; overflow:hidden;margin-left:10px;}
#header #images a.btn_particulieren_bedrijven:hover {float:left; display:block; width:279px; height:249px; background-position:-125px -623px; text-indent:-9999px; overflow:hidden;margin-left:10px;margin-left:10px;}
#header #images a.btn_bouwpromotoren {float:left;width:361px; height:249px; background:url(/images/frontend/header/voor_bouwpromotoren.png) no-repeat; text-indent:-9999px; overflow:hidden;background-position:-125px -125px;margin-left:10px;}
#header #images a.btn_bouwpromotoren:link  {float:left;width:361px; height:249px; background-position:-125px -125px; text-indent:-9999px; overflow:hidden;margin-left:10px;}
#header #images a.btn_bouwpromotoren:hover {float:left; display:block; width:361px; height:249px; background-position:-125px -623px; text-indent:-9999px; overflow:hidden;margin-left:10px;margin-left:10px;}



#spacer{height:65px;}

/*
	=PAGE TYPES
*/

.home {width:1024px;margin-left:auto;margin-right:auto;background:url(/images/frontend/content.png) no-repeat;min-height:271px;}
.not_home {width:1024px;margin-left:auto;margin-right:auto;background:url(/images/frontend/not_home.png) no-repeat;min-height:271px;}
.not_home #main {margin-top:30px;}
.not_home #sidebar {margin-top:30px;}

/*
	=GRID
*/
#content #grid {background:url(/images/frontend/grid.png) repeat-y;}


#content #main #maintitle {height:50px;margin-top:4px;}
#content #main .maintitle {height:50px;margin-top:4px;}
#content #main #maintitle h1 {margin:13px 0 0 13px;color:#853000;}
#content #main .maintitle h1 {margin:13px 0 0 13px;color:#853000;}
#content #main h1,h2,h3 {color:#853000;margin-bottom:15px;}
#content #main ul {list-style-image:url(/images/frontend/list_style_item_type1.png);color:#000;margin-left:10px;font-size:0.70em;font-family:Verdana,Tahoma,Arial,Helvetica;}
#content #main ul li {margin-bottom:5px;margin-left:10px;padding:4px;}
#content .box_type_2 div {padding:30px;}
#content .box_type_2 p {margin-bottom:0.75em;}

/*
	=Page: Diensten
	
*/

#content #main .diensten {margin-bottom:30px;}



ul.button_type1 {font-family:Verdana,Tahoma,Arial,Helvetica;font-size:0.75em;float:right;}
ul.button_type1 li {margin:0;padding:0;width:100px;list-style:none;}
ul.button_type1 li a.lees_meer {display:inline-block;padding-left:20px;text-decoration:none;background-color:#666666;color:#FFFFFF;width:80px;line-height:25px;float:right;margin-top:15px;margin-bottom:15px;}
ul.button_type1 li a.lees_meer:hover {display:inline-block;padding-left:20px;background-color:#853000;width:80px;line-height:25px;float:right;}

#content #sidebar .list_type_1 {border:1px dotted #CCCCCC;border-left:none;border-right:none;padding-top:20px;padding-bottom:20px;}
#content #sidebar .list_type_1 ul li {list-style-image:url(/images/frontend/list_style_item_type2.png);;color:#853000;font-size:1em;margin-bottom:5px;margin-left:30px;font-style:italic;}
#content #sidebar .list_type_1 a {color:#853000;}
#content #sidebar .list_type_1 a:hover {color:#666666}
#content #sidebar #diensten {margin-bottom:30px;}





/*
	=Page: Referenties
*/


#content #main .project_title {color:#993300;line-height:30px;height:50px;text-transform:uppercase;margin-top:30px;}
#content #main #project_mainpicture {padding:8px;}
#content #main #text {margin-top:20px;}
#content #main #text h3 {margin-bottom:20px;color:#853000;}
#content #main #text p {margin-bottom:0.75em;}
#content #main #text b {margin-bottom:0.75em;color:#993300;}
#content #sidebar #categorien {margin-top:20px;}

#content #main .overview_image_holder {margin-top:-110px;padding:10px;}
#content #main .overview_text {height:100px;}
.pagination {text-align:center;font-family:Verdana;height:25px;margin-top:20px;font-size:0.75em;line-height:25px;}




/*
	=Verkoop=Tabs
*/


#content #main #tabs {margin-top:20px;}
#content #main .panel {margin-top:-10px;}
#content #main .scrollContainer div.panel {height: 400px;width: 540px; /* change to 560px if not using JS to remove rh.scroll */}
#content #main #tabs #slider {width: 540px;margin: 0 auto;position: relative;}
#content #main #tabs .scroll {min-height: 330px;overflow: auto;position: relative; /* fix for IE to respect overflow */clear: left;margin-top:-5px;}
#content #main #tabs .panel {font-family:verdana;font-size:0.75em;min-height:130px;}
#content #main #tabs .col_1 {background:#FFFFFF;height:30px;line-height:30px;width:135px;padding-left:10px;float:left;margin-top:4px;}
#content #main #tabs .col_2 {background:#FFFFFF;height:30px;line-height:30px;width:360px;padding-left:10px;float:left;margin-left:4px;margin-top:4px;}
#content #main #tabs .col_14 {background:#FFFFFF;height:30px;line-height:30px;width:300px;padding-left:10px;float:left;margin-top:4px;}
#content #main #tabs .col_24 {background:#FFFFFF;height:30px;line-height:30px;width:195px;padding-left:10px;float:left;margin-left:4px;margin-top:4px;}
#content #main #tabs .gmap {margin-top:5px;}
#content #main #tabs .data {margin:10px;margin-top:15px;}
#content #main	ul.navigation {list-style: none;margin: 0;padding: 0;padding-bottom: 9px;}
#content #main	ul.navigation li {display: inline;margin-right: 10px;}
#content #main	ul.navigation a {padding: 10px;color: #464544;text-decoration: none;background:url(/images/frontend/box_type_8.png);font-family:Verdana;text-transform:uppercase;font-size:0.75em;}
#content #main	ul.navigation a:hover {background:url(/images/frontend/box_type_7.png);color: #993300;}
#content #main	ul.navigation a.selected {background:url(/images/frontend/box_type_7.png);overflow:hidden;color: #993300;}
#content #main	ul.navigation a:focus {outline: none;}
.hide {display: none;}

/*
	=Referenties=Informatie
*/


#content #sidebar #project_informatie #informatie .col_13 {width:100px;height:20px;line-height:20px;float:left;margin-top:4px;}
#content #sidebar #project_informatie #informatie .col_23 {width:70px;height:20px;line-height:20px;float:left;margin-top:4px;clear:right;}
#content #sidebar #project_informatie h2 {height:30px;line-height:30px;}

#content #sidebar #project_informatie h2 {height:30px;line-height:30px;}

#content #sidebar #project_images {margin-top:78px;}
#content #sidebar #project_images .project_image_holder {padding:8px;float:left;margin-top:10px;margin-right:0.5em}

/*
	=Referenties=App_Details
*/
#content #sidebar #app_details {margin-top:10px;margin:0;padding:0;}
#content #sidebar #app_details #app_info {padding:5px;}
#content #sidebar #app_details {font-family:Verdana;margin-top:10px;padding:10px;}
#content #sidebar #app_details .drop {border-bottom:1px solid #D8D8D8;font-family:Verdana;;background:url(/images/frontend/arrow.png) no-repeat right top;margin-bottom:10px;font-size:0.8em;}
#content #sidebar #app_details h3 {margin-bottom:20px;}
#content #sidebar #app_details h2 {height:30px;line-height:30px;margin-bottom:10px;}
#content #sidebar #app_details .col_21 {background:#FFFFFF;height:20px;line-height:20px;width:130px;padding-left:10px;float:left;margin-left:4px;margin-top:2px;font-size:0.65em;}
#content #sidebar #app_details .col_22 {background:#FFFFFF;height:20px;line-height:20px;width:134px;padding-left:10px;float:left;margin-left:4px;margin-top:2px;font-size:0.65em;}

#content #sidebar #app_details a:link.pdf,a.pdf {color:#993300;padding-left:20px;background:url(/images/frontend/pdf_icon.png) no-repeat;}
#content #sidebar #app_info_1 { display:none;width:308px;padding:10px;}
#content #sidebar #app_info_2 { display:none;width:308px;padding:10px;  }
#content #sidebar #app_info_3 { display:none;width:308px;padding:10px;  }
#content #sidebar #app_info_4 { display:none;width:308px;padding:10px;  }
#content #sidebar #app_info_5 { display:none;width:308px;padding:10px;  }
#content #sidebar #app_info_6 { display:none;width:308px;padding:10px;  }
#content #sidebar #app_info_7 { display:none;width:308px;padding:10px;  }
#content #sidebar #app_info_8 { display:none;width:308px;padding:10px;  }
#content #sidebar #app_info_9 { display:none;width:308px;padding:10px;  }
#content #sidebar #app_info_10 { display:none;width:308px;height:140px;padding:10px;  }






/*
	=Page:	Contact
*/

#content #main #contactform {font-family:Verdana;margin-top:20px;}
#content #main #contactform .label {width:120px;text-align:right;line-height:50px;float:left;font-family:Verdana;margin-top:15px;}
#content #main #contactform input {margin-left:20px; width:340px;height:28px;outline:none;border:none;color:#993300;font-family:Verdana;font-size:1em;padding:15px;margin-top:15px;}
#content #main #contactform textarea {margin-left:20px;margin-top:15px;width:350px;height:200px;padding:10px;border:none;outline: none;color:#993300;font-family:Verdana;font-size:1em;}

#content #main #contactform .submit {margin-top:15px;margin-left:20px;font-size:1.13em;font-family:Verdana;width:170px;height: 35px;cursor: pointer;background:#FAEBB6;text-align:center;margin-bottom:30px;border:none;color:#993300;}
#content #main #contactform .submit:hover {margin-top:15px;margin-left:20px;font-size:1.13em;font-family:Verdana;width:170px;height: 35px;cursor: pointer;background:#fffce0;text-align:center;margin-bottom:30px;border:none;color:#993300;}
#content #sidebar #map {border:1px dotted #D8D8D8;border-left:none;border-right:none;margin-top:15px;padding:10px;}

#content #sidebar #info #contactinfo h2 {margin-bottom:15px;}

label { width: 10em; float: left; }
label.error { float: none; color: #853000; padding-left: .5em; vertical-align: top;font-family:Verdana;font-size:0.75em; }




/* Latest Projects */

#sidebar  {width:350px;}
#content #sidebar #latest_projects h2 {margin:13px 0 1.13em}
#content #sidebar #latest_projects p {margin:0 0 0.75em}
#content #sidebar #latest_projects .project_picture_holder {background:#FAEBB6;border:1px solid #FAD88B;width:350px;height:232px;}
#content #sidebar #latest_projects .project_picture_holder img {margin:10px;}


#content #sidebar #latest_projects .bekijkproject {height:30px;background:url(/images/frontend/btn_go.png) #FAEBB6 top right no-repeat;border:1px dotted #853000;width:220px;height:40px;border-left:none;border-right:none;margin-top:2px;}
#content #sidebar #latest_projects .bekijkproject h2 {margin:10px;}
#content #sidebar #latest_projects .bekijkproject a {text-decoration:none;color:#853000;}
#content #sidebar #latest_projects .bekijkproject a:hover {color:#853000;text-decoration:underline;}

/* Contact Informatie */

#content #sidebar #contactinfo {margin-top:25px;}
#content #sidebar #contactinfo h2 {margin:13px 0 1.13em 13px}
#content #sidebar #contactinfo .line-top {border-top:1px solid #CCCCCC;height:2px;}
#content #sidebar #contactinfo .info {background:#EDEDED;padding:30px}
#content #sidebar #contactinfo .info h2 {margin:0;}
#content #sidebar #contactinfo .info ul {list-style:none;margin-top:10px;font-family:Verdana;font-size:0.75em;}
#content #sidebar #contactinfo .info li {margin-bottom:3px;}
#content #sidebar #contactinfo .line-bottom {border-bottom:1px solid #CCCCCC;height:2px;margin-top:1px;}

/* =FOOTER */

#footer {margin:30px 0 30px;background:url(/images/frontend/grid.png) repeat-y;font-family:Verdana;}
#footer .line-top {border-top:1px solid #CCCCCC;height:2px;}
#footer .info {background:#EDEDED;text-align:center;height:30px;}
#footer .line-bottom {border-bottom:1px solid #CCCCCC;height:2px;margin-top:1px;}
#footer .info  ul {list-style:none; display:inline;line-height:30px;}
#footer .info ul li {float:left;margin-left:15px;}
#footer .info ul li a  {text-transform:uppercase;color:#464544;font-size:0.63em;font-family:Verdana;}
#footer .info ul li a:hover {text-decoration:underline;}
#footer #copyright {margin-top:10px;font-size:0.75em;}