/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family:Verdana, Arial, "Times New Roman", Arial, Sans-serif;}
html{background: url("../images/html_background_pattern.gif");}
img{border:0px;}
ul{list-style-type: none;}
a{text-decoration: none;}

/************************************************************************************************/
/*definitions of sitewide usable boxes*/
/************************************************************************************************/

/*contentbox_medium*/
.contentbox_medium_repeat{width: 680px; background: url("../images/contentbox_medium_repeat.gif") repeat-y; margin: 0px auto; overflow: hidden;}
.contentbox_medium_top{width:658px; background: url("../images/contentbox_medium_ttop.png") no-repeat; height: 50px; margin: 0 auto; clear: both; position: relative; overflow: hidden;}
.contentbox_medium_bottom{width: 680px; margin: 0 auto; overflow: hidden; padding: 10px 0 80px 46px; background: url("../images/contentbox_medium_bottom.gif") no-repeat left bottom;}

/*side_box_medium*/
.sidebox_medium{width: 280px; background: #11796B url("../images/sidebox_medium_top.gif") no-repeat; overflow: hidden;}
.sidebox_medium .map_background{width: 246px; padding: 45px 17px 0 17px; background: url("../images/sidebox_map.gif") no-repeat right 450px; min-height: 633px; height: auto !important; height: 633px; overflow: hidden;}

/*contentbox_large*/
.contentbox_large{background: #edf2f1 url("../images/contentbox_large_top.gif") no-repeat; padding: 0 0 30px 0; overflow: hidden;}

/*contentbox_big*/
.contentbox_big_top{width: 930px; background: url("../images/contentbox_big_top.gif") no-repeat; overflow: hidden;}
.contentbox_big_repeat{width: 930px; background: url("../images/contentbox_big_repeat.gif") repeat-y; overflow: hidden; border-bottom: 1px solid #e8eaea; padding: 0 0 50px 0;}

/*contentbox_big_shadow*/
.contentbox_big_shadow_top{width: 951px; background: url("../images/contentbox_big_shadow_top.gif") no-repeat; overflow: hidden;}
.contentbox_big_shadow_repeat{width: 951px; background: url("../images/contentbox_big_shadow_repeat.gif") repeat-y; overflow: hidden;}
.contentbox_big_shadow_bottom{width: 951px; background: url("../images/contentbox_big_shadow_bottom.gif") no-repeat left bottom; overflow: hidden; padding: 0 0 30px 0;}

/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{width: 990px; background: url("../images/container_repeat.png") repeat-y; margin: 0 auto; overflow: hidden;}
#container_top{width: 990px; height: 14px; margin: 0px auto 0 auto; background: url("../images/container_top.png") no-repeat; overflow: hidden;}
#container_bottom{width: 990px; height: 15px; margin: 0 auto; background: url("../images/container_bottom.png") no-repeat;}

/************************************************************************************************/
/*header*/
/************************************************************************************************/
#header {position:relative;z-index:3;}
#header{background: #FFF url("../images/header_background.gif") no-repeat left bottom; overflow: show; margin: 0 0 9px 0; float: left; width: 978px;}
#header ul{height: 170px; width: 679px; background: url("../images/navigation_bottom.gif") no-repeat left bottom; float: left; margin: 0 16px 0 0; display: inline;}
#header ul li{float: left; height: 159px; border-right: 1px solid #FFF;}
#header ul li a{height: 30px; display: block; font-size: 12px; text-align: right; color: #ffffff; font-weight: bold; background: #272525; line-height: 30px; padding: 0 10px 0 0; margin: 128px 0 0 0; border-top: 1px solid #FFF;}
#header ul li a:hover{height: 30px; display: block; font-size: 12px; text-align: right; color: #f5eb49; font-weight: bold; background: #4e4e4e; line-height: 30px; padding: 0 10px 0 0; margin: 128px 0 0 0; border-top: 1px solid #FFF;}
#header ul li a.active{height: 30px; display: block; font-size: 12px; text-align: right; color: #f5eb49; font-weight: bold; background: #4e4e4e; line-height: 30px; padding: 0 10px 0 0; margin: 128px 0 0 0; border-top: 1px solid #FFF;}
#header ul li a.active:hover{height: 30px; display: block; font-size: 12px; text-align: right; color: #ffffff; font-weight: bold; background: #272525; line-height: 30px; padding: 0 10px 0 0; margin: 128px 0 0 0; border-top: 1px solid #FFF;}
#header ul li span{margin: 128px 0 0 0; background: #272425; height: 30px; display: block; border-top: 1px solid #FFF;}
#header ul .home{width: 83px; background: url("../images/navigation_home.jpg") no-repeat;}
#header ul .home_over{width: 83px; background: url("../images/navigation_home_over.jpg") no-repeat;}
#header ul .projecten {width: 107px; background: url("../images/navigation_projects.jpg") no-repeat;}
#header ul .projecten_over {width: 107px; background: url("../images/navigation_projects_over.jpg") no-repeat;}
#header ul .slowakije{width: 107px; background: url("../images/navigation_slovakia.jpg") no-repeat;}
#header ul .slowakije_over{width: 107px; background: url("../images/navigation_slovakia_over.jpg") no-repeat;}
#header ul .contact{width: 94px; background: url("../images/navigation_contact.jpg") no-repeat;}
#header ul .contact_over{width: 94px; background: url("../images/navigation_contact_over.jpg") no-repeat;}
#header ul .not_assigned{width: 284px; border: 0;}
#header ul .building{background: url("../images/navigation_not_assigned_building.jpg") no-repeat;}
#header ul .measure{background: url("../images/navigation_not_assigned_measure.jpg") no-repeat;}
#header ul .slowakije_hm{background: url("../images/navigation_not_assigned_slowakije.jpg") no-repeat;}
#header ul .contact_image{background: url("../images/navigation_not_assigned_contact.jpg") no-repeat;}
#header h1{float: left; margin: 31px 0 0 0;}
#header h1 a{display: block; height: 79px; width: 166px; text-indent: -9999px; background: url("../images/logo.gif") no-repeat; overflow: hidden;}
#header .address{width: 270px; float: left; margin: 26px 0 5px 0; display: inline;}
#header .address span{font-style: normal; font-size: 10px; font-weight: bold; color: #666; float: left;}
#header .address .dot_separator{color: #45786a;}
#header dl{float: left; width: 270px; display: inline;}
#header dl dt{display: none;}
#header dl dd{float: left;}
#header dl dd abbr{border: none; color: #45786a;}
#header dl dd,#header dl dd abbr, #header dl dd a{font-size: 10px; font-weight: bold;}
#header dl dd,#header dl dd a {color: #666;}

/**
 * uitbreiding op menu projecten
 */
#menu_projecten ul{background: none; position:relative; left:-999em; margin:0; display:inline; width:100px}
#menu_projecten:hover ul{position:relative; left:0px; z-index:3; display:block;}
#menu_projecten ul li {width:180px;height:30px;float:left;border-right:1px solid #fff;}
#menu_projecten ul li a {height: 30px; display: block; font-size: 12px; text-align: right; color: #ffffff; font-weight: bold; background: #272525; line-height: 30px; padding: 0 10px 0 0; margin:0; border-top: 1px solid #FFF;}
#menu_projecten ul li a:hover{height: 30px; display: block; font-size: 12px; text-align: right; color: #f5eb49; font-weight: bold; background: #4e4e4e; line-height: 30px; padding: 0 10px 0 0; margin:0; border-top: 1px solid #FFF;}
#menu_projecten ul li a.active{height: 30px; display: block; font-size: 12px; text-align: right; color: #f5eb49; font-weight: bold; background: #4e4e4e; line-height: 30px; padding: 0 10px 0 0; margin:0; border-top: 1px solid #FFF;}
#menu_projecten ul li a.active:hover{height: 30px; display: block; font-size: 12px; text-align: right; color: #ffffff; font-weight: bold; background: #272525; line-height: 30px; padding: 0 10px 0 0; margin:0; border-top: 1px solid #FFF;}

/************************************************************************************************/
/*main_content*/
/************************************************************************************************/
#main_content{float: left; width: 978px;}

/*homepage*/
.homepage{background: #fff;}

/*Use this class next to #main_content (so in the same div) if the sidebox on the right should always grow with the container height */
.homepage_height{background: #edf2f1 url("../images/homepage_background.gif") repeat-y;}

/************************************************************************************************/
/*content_holder*/
/************************************************************************************************/
.content_holder{width: 951px; margin: 0 0 0 25px;}
.content_holder h2 {line-height: 25px; height: 25px; letter-spacing: 3px; margin: 25px 0 25px 0;}
.content_holder h2 span{font-size: 25px; line-height: 25px; font-weight: normal; font-style: italic; float: left;}
.content_holder h2 .heading_left{color: #45786a;}
.content_holder h2 .heading_right{color: #979797;}

/*projecten_text*/
.projects_text h3{width: 653px; font-size: 22px; font-weight: normal; font-style: italic; color: #959595; height: 32px; background: url("../images/h3_background.gif") no-repeat; line-height: 32px; padding: 0 0 0 125px; letter-spacing: 2px; float: left;}
.projects_text .lopende_projecten h3{margin: 43px 0 34px 0;}
.projects_text ul{width: 866px;float: left; margin: 0 0 0 36px; display: inline;}
.projects_text ul li{width: 866px; float: left; margin: 0 0 10px 0;}
.projects_text ul .last_item{margin: 0;}
.projects_text ul li .digit{float: left; width: 56px; border-top: 1px solid #b1b1b1; padding: 13px 0 0 10px;}
.projects_text ul li .project_pic{float: left; width: 202px; margin: 0 0 0 26px;}
.projects_text ul li div{width: 516px; margin: 0 9px 0 0; float: right; border-top: 1px solid #b1b1b1; padding: 15px 17px 0 17px;}
.projects_text ul li div h4{font-size: 14px; line-height: 20px;}
.projects_text ul li div .project_text, .projects_text ul li div .project_text *{font-family:"Times New Roman", Verdana, Arial, Arial, Sans-serif; font-size: 13px; line-height: 20px;}
.projects_text ul li div .project_links{width: 516px; border-top: 1px solid #b1b1b1; padding: 10px 0 0 0; margin: 10px 0 0 0;}
.projects_text ul li div .project_links a{font-style: italic; color: #45786a; font-size: 13px; float: left; margin: 0 5px 0 0;}
.projects_text ul li div .project_links .arrows{font-size: 16px; line-height: 16px; float: left; margin: 0 5px 0 0; color: #a32330;}
.projects_text .volgetekende_projecten h3{margin: 20px 0 34px 0;}
.projects_text .lopende_projecten_introtekst p {font-family:"Times New Roman", Verdana, Arial, Arial, Sans-serif; font-size: 13px; line-height: 20px;padding:40px 60px 20px 40px;}

/*project_detail*/
.project_detail{width: 860px; margin: 44px auto 0 auto;  border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; overflow: hidden; padding: 15px 0 30px 0;}
.project_detail .detail_text h3{line-height: 52px;font-size: 17px; color: #363636;}
.project_detail .detail_text h5{line-height: 32px;font-size: 14px; color: #363636;margin-top:20px;}
.project_detail .detail_text .digit{float: left;}
.project_detail .detail_text{width: 500px; float: left;}
.project_detail .detail_text .project_text{margin-top:20px;font-family:"Times New Roman", Verdana, Arial, Arial, Sans-serif; line-height: 19px; font-size: 14px; width: 480px; color: #363636;}
.project_detail .detail_text .project_links{width: 510px; margin: 8px 0 18px 0; float: left;}
.project_detail .detail_text .project_links .flyer{background: url("../images/pdf_icon.gif") no-repeat right center; padding: 0 25px 0 0;}
.project_detail .detail_text .project_links a{font-style: italic; color: #45786a; font-size: 13px; float: left; margin: 0 5px 0 0; line-height: 20px;}
.project_detail .detail_text .project_links .arrows{font-size: 16px; line-height: 16px; float: left; margin: 0 5px 0 0; color: #a32330; line-height: 20px;}
.project_detail .side_images{width: 347px; text-align: center; float: right;}
.project_detail .side_images img {margin-top:30px;}
.project_detail .detail_text .project_text strong {color: #45786a; font-family:"Times New Roman", Verdana, Arial, Arial, Sans-serif; line-height: 19px; font-size: 14px;}
table.table_project_detail {width:500px;border-collapse:collapse; display:block; margin:0px;}
table.table_project_detail tr td.first{font-weight:bold;line-height: 20px;}
table.table_project_detail tr td {background:#ecf2f0;border-top:1px solid #c5c5c5;padding:5px;margin:0px;font-family: "Times New Roman";line-height: 20px;font-size:14px;vertical-align:top;}
table.table_project_detail tr th {background:#ecf2f0;border-top:1px solid #c5c5c5;padding:5px;margin:0px;font-family: "Times New Roman";line-height: 20px;font-size:14px;vertical-align:top;text-align:left;font-weight:bold;}
ul.project_detail_opsomming {margin: 10px 10px 10px 20px; list-style-image: url("../images/li-image.jpg")}
ul.project_detail_opsomming li {font-family:"Times New Roman", Verdana, Arial, Arial, Sans-serif; line-height: 22px; font-size: 14px; font-weight: bold; color: #363636; padding-left:5px;}

/*slowakije_detail*/
.slowakije_detail{width: 860px; margin: 44px auto 0 auto;  border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; overflow: hidden; padding: 15px 0 30px 0;}
.slowakije_detail .detail_text h3{line-height: 52px;font-size: 17px; color: #363636;margin-top:-10px;}
.slowakije_detail .detail_text h4{line-height: 30px;font-size: 15px; color: #46796b; margin-top:20px;}
.slowakije_detail .detail_text .digit{float: left;}
.slowakije_detail .detail_text{width: 500px; float: left;}
.slowakije_detail .detail_text .project_text{font-family:"Times New Roman", Verdana, Arial, Arial, Sans-serif; line-height: 19px; font-size: 14px; width: 480px; color: #363636;}
.slowakije_detail .detail_text .project_links{width: 510px; margin: 8px 0 18px 0; float: left;}
.slowakije_detail .detail_text .project_links .flyer{background: url("../images/pdf_icon.gif") no-repeat right center; padding: 0 25px 0 0;}
.slowakije_detail .detail_text .project_links a{font-style: italic; color: #45786a; font-size: 13px; float: left; margin: 0 5px 0 0; line-height: 20px;}
.slowakije_detail .detail_text .project_links .arrows{font-size: 16px; line-height: 16px; float: left; margin: 0 5px 0 0; color: #a32330; line-height: 20px;}
.slowakije_detail .side_images{width: 347px; text-align: right; float: right;}
.slowakije_detail .side_images img{margin-top: 10px;}
.background_slowakije_left {background-image: url("../images/background-slowakije-left.jpg"); background-repeat: no-repeat; background-position: 0px 165px;}
.background_slowakije_right {background: #fff; background-image: url("../images/background-slowakije-right.jpg"); background-repeat: no-repeat; background-position: 0px 90px;}
.bron {font-family:"Times New Roman", Verdana, Arial, Arial, Sans-serif; line-height: 19px; font-size: 14px; color: #45786a; font-style:italic;}
ul.slowakije_detail_opsomming {margin: 10px 10px 10px 20px; list-style-image: url("../images/li-image.jpg")}
ul.slowakije_detail_opsomming li {font-family:"Times New Roman", Verdana, Arial, Arial, Sans-serif; line-height: 22px; font-size: 14px; font-weight: bold; color: #363636; padding-left:5px;}
p.slowakije_rechts_extra_aandacht {font-size: 14px; line-height: 22px; font-weight: normal; font-style: italic; font-variant: small-caps; color: #0a7b69; margin-top:35px;}

/*contact_content*/
.contact_content{width: 860px; margin: 44px auto 0 auto;  border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding: 30px 0 30px 0; overflow: hidden;}
.contact_content .contact_form{float: left; width: 484px; margin: 0 0 0 30px;}
.contact_content .contact_form .submit{display: block; background: #000; width: 97px; height: 30px; line-height: 30px; color: #FFF; font-weight: bold; font-size: 12px; text-align: right; padding: 0 10px 0 0; clear: both; margin: 0 0 0 422px;}
.contact_content form{width: 484px; background: #70A59B; padding: 15px 23px 20px 23px; overflow: hidden; margin: 0 0 15px 0;}
.contact_content form fieldset{border: 0;}
.contact_content form legend{font-size: 13px; font-weight: bold; color: #FFF; float: left; border: 0; margin: 0 0 17px -6px; position: relative;}
.contact_content form label{line-height: 27px; font-size: 12px;}
.contact_content form ul li{float: left; width: 484px; margin: 0 0 10px 0;}
.contact_content form ul .last_item{margin: 0;}
.contact_content form ul li label{float: left;}
.contact_content form ul li input{height: 21px; padding: 6px 0 0 10px; display: block; font-size: 12px; border: 0; float: right; width: 340px; background: url("../images/standard_input.gif");}
.contact_content form ul li select,.contact_content form ul li select option{height: 24px; padding: 4px; display: block; font-size: 12px; border: 0; background-color:#fff; background-image:none;}
.contact_content form textarea{float: right; overflow: auto; border: 0; font-size: 12px;}
.contact_content form input[type=checkbox]{float: left; clear:both; overflow: auto; border: 0; font-size: 12px; background-image:none; text-align:left; width:24px; line-height:24px; margin-right: 6px;}
.contact_content form input.checkbox_ie6{float: left; clear:both; overflow: auto; border: 0; font-size: 12px; background-image:none; text-align:left; width:24px; line-height:24px; margin-right: 6px;}
.contact_content form input[type=hidden]{background-image:none; width:0px;}
.contact_content form #opmerking{background: url("../images/standard_textarea.gif") no-repeat; width: 473px; height: 92px; padding: 3px 0 0 10px; }
.contact_content form #aanhef{width: 97px;background: url("../images/aanhef_input.gif") no-repeat; float: left; margin: 0 5px 0 0;}
.contact_content form #voorletters{width: 66px; background: url("../images/voorletters_input.gif"); float: left; margin: 0 5px 0 0;}
.contact_content form #label_voorletters{float: left; margin: 0 5px 0 0;}
.contact_content form #achternaam{width: 151px; background-image: url("../images/naam_input.gif") no-repeat;float: right;}
.contact_content form #label_naam{float: left; margin: 0 5px 0 0;}
.contact_content form label.error {color: #ff0000; font-weight: bold;}
.contact_content form ul li span.tussentekst {font-size: 12px; font-weight: bold; color: #FFF; position: relative;}

/*contact bedankt*/
.contact_content .contact_form_bedankt{color: #fff; font-weight:bold; font-size:12px; line-height:20px;float: left; width: 484px; height:340px; margin: 0 0 0 30px; background: #70A59B; padding: 15px 20px 20px 20px;}

/*contact_details*/
.contact_content .contact_details{width: 300px; float: left;}
.contact_content .contact_details h3{color: #45796a; font-size: 12px; line-height: 20px;}
.contact_content .contact_details ul li{font-size: 12px; line-height: 20px;}
.contact_content .contact_details .contact_list{border-bottom: 1px solid #c5c5c5; padding: 0 0 30px 0; margin: 0 0 20px 0;}
.contact_content .contact_details .flyer_list{margin: 20px 0 0 0;}
.contact_content .contact_details .flyer_list li{width: 300px; float: left; line-height: 20px; margin: 0 0 14px 0;}
.contact_content .contact_details .flyer_list li span{font-weight: bold; float: left;}
.contact_content .contact_details .flyer_list li a{text-indent: -9999px; display: block; float: right; width:22px; height: 21px; line-height: 21px; overflow: hidden; background: url("../images/pdf_icon.gif") no-repeat;}
.contact_content .contact_details .flyer_list li a.flyername{color: #000;text-indent: 0px; display: inline; float: none; line-height: 21px; width: 280px; background-image:none;}


/************************************************************************************************/
/*left*/
/************************************************************************************************/
#left{width: 680px; float: left; overflow: hidden; padding: 0 0 0px 0;}
#left .flashbanner{height: 85px;}

/*area_images*/
#left .area_images{background: #f8faf9; overflow: hidden; margin: 0 0 -50px 0; float: left; height: 154px; width: 680px;}
#left .area_images li{float: left;}
#left .area_images .indented{margin: 13px 0 0 0;}

/*main_text*/
#left .main_text{position: relative; z-index: 100; overflow: hidden; margin: 0px auto 0 auto;}
#left .main_text h2{float: left; height: 25px; width: 588px; padding: 0 0 20px 0; background: url("../images/h2_border_background.gif") no-repeat left bottom; margin: -10px 0 0 0; letter-spacing: 3px;}
#left .main_text h2 span{font-size: 25px; line-height: 25px; font-weight: normal; font-style: italic; float: left;}
#left .main_text h2 .heading_left{color: #45786a;}
#left .main_text h2 .heading_right{color: #979797;}
#left .main_text h3{font-size: 14px; line-height: 19px; float: left; height: 19px; margin: 20px 0 0 0;}
#left .main_text strong{color: #45786a;}
#left .main_text .map_country{float: right; margin: -97px 50px 0 0; position: relative; width: 216px; height: 112px;}
#left .main_text p {line-height: 19px; font-size: 14px;}
#left .main_text p, #left .main_text p *{font-family:"Times New Roman", Verdana, Arial, Arial, Sans-serif;}
#left .main_text p, #left .main_text h3{width: 520px; float: left; color: #363636;}


/************************************************************************************************/
/*right*/
/************************************************************************************************/
#right{float: left; width: 298px; background: #FFF;}
#right .nieuws{margin: 0 auto;}
#right .nieuws h3{font-style: italic;color: #f5ec49; margin: 0 0 25px 0; font-size: 20px;}
#right .nieuws ul{width: 246px;}
#right .nieuws ul li{border-top: 1px solid #c9dcd8; padding: 13px 0 13px 0;}
#right .nieuws ul li h4{line-height: 32px; font-size: 13px; color: #FFF; background: url("../images/news_heading.gif") no-repeat; padding: 0 0 0 34px; margin: 0 0 6px 0;}
#right .nieuws ul li p{font-size: 11px; color: #FFF; line-height: 18px;}

/*
 * flash intro
 */
#flash_intro {
    position:absolute;
    z-index:2;
    top:194px;
    left:50%;
    margin: 0px auto 0px -496px;
}
#in-between-layer {
    position:absolute;
    z-index:1;
    top:194px;
    left:50%;
    margin: 0px auto 0px -496px;
    width: 300px;
    height: 40px;
    background-color: transparent;
}