html{height: 100%; position: relative; z-index: 100;}
/************************************************************************************************/
/*CMS Site Menu @ top when logged in */
/************************************************************************************************/
/* COLORS USED - TODO: Complete list */
/*
Green #B4CD40
Orange #F79920
Dark orange (lines) #bb9884
Gold (links) #918705
*/
#CMSSiteMenu{
background-color : #DFE0E5;
font-family : arial;
font-size : 12px;
text-align : center;
color : black;
border-bottom : 1px solid black;
position : absolute;
z-index : 999;
top : 0px;
left : 0px;
width : 100%;
height : 22px;
padding-top : 3px;
}
/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, Sans-serif; font-size: 11px;}
img{border:0px;}
a{text-decoration: none; color: #918705;}
body{background: url('../images/background_main_top.gif') repeat-x; height: 100%;}
* html .clouds_background{height: 100%;}
.clouds_background{background: url('../images/background_main_repeat.gif') repeat-y center top !important; background: url('../images/background_main_repeating.gif') repeat-y 50.9% top; position: relative; min-height: 100%;}
table, table *{border-spacing: 0; border-collapse: collapse;}
legend{display: none;}
fieldset, input{border: none;}
table td{vertical-align: top;}
ul{list-style-type: none;}
/************************************************************************************************/
/*sitewide usable elements*/
/************************************************************************************************/
h4{font-size: 12px; margin: 5px 0 1px 0;}
.char_plus {color: #F79920; font-weight: normal;}
/*box_medium*/
.box_medium{width: 363px; background: url('../images/box_medium.gif') no-repeat; float: right; padding: 10px 0 0 0;}
.box_medium p{font-size: 12px;}
.box_medium b{font-size: 12px; font-weight: bold;}
.box_medium strong{font-size: 12px; font-weight: bold;}
.box_medium .topic_icon{width: 77px; float: left; padding: 10px 0 0 8px;}
.box_medium .content{padding: 10px 10px 20px 0;}
.box_medium .topic_icon img{width: 70px; height: 69px;}
.box_medium .table_contact table, table * {font-size: 12px; line-height: 14px;}
/*box_large*/
.box_large{width: 620px; background: url('../images/box_large_repeat.gif') repeat-y;}
.box_large .border_bottom{width: 620px; background: url("../images/box_large_bottom.gif") no-repeat left bottom; float: left; padding: 0 0 5px 0; min-height: 260px; height: auto !important; height: 260px;}
.box_large .button_medium{margin: 10px 5px 0 0;}
.box_large .button_last{margin: 10px 0 0 0;}
/*buttons*/
.subscribe_click {float: left; height: 23px; text-indent: -9999px; overflow: hidden; cursor: pointer; width: 81px; background: url('../images/button_inschrijven.png') no-repeat;}
.button_aanpak {float: left; margin: 10px 5px 0 0; height: 22px; text-indent: -9999px; overflow: hidden; cursor: pointer; width: 65px; background: url('../images/button_aanpak.png') no-repeat;}
.button_advies {float: left; margin: 10px 5px 0 0; height: 22px; text-indent: -9999px; overflow: hidden; cursor: pointer; width: 136px; background: url('../images/button_advies.png') no-repeat;}
.button_verzenden {float: left; margin: 5px 5px 0 0; height: 21px; text-indent: -9999px; overflow: hidden; cursor: pointer; width: 81px; background: url('../images/button_verzenden.png') no-repeat;}
/*button_medium*/
.button_medium{height: 23px; background: #F79920 url('../images/button_medium_repeat.gif') repeat-x; float: left;}
.button_medium span, .button_medium span a{float: left;}
.button_medium span a {margin: 2px 0 0 0; font-size: 12px; color: #ffffff}
.button_medium .button_left{height: 23px; background: url('../images/button_medium_left.gif') no-repeat;}
.button_medium .button_right{height: 23px; background: url('../images/button_medium_right.gif') no-repeat right top; padding: 0 12px 0 12px;}
/*box_medium_border*/
.box_medium_border{width: 364px; background: url('../images/box_medium_border_repeat.gif') repeat-y; margin: 15px 0 0 0; float: right;}
.box_medium_border .corners_bottom .heading_title{width: 354px; background: #B4CD40 url("../images/box_medium_border_top.gif") no-repeat left top; padding: 3px 0 0 10px; height: 24px; overflow: hidden; margin: 0 0 10px 0;}
.box_medium_border .corners_bottom .heading_title h3{font-size: 14px; margin: 0 0 5px 0; color: #ffffff; float: left; display: inline;}
.box_medium_border .corners_bottom .heading_title span{font-size: 14px; color: #ffffff; float: left; margin: 1px 0 0 5px !important; margin: 1px 0 0 0; display: inline;}
.box_medium_border .corners_bottom{width: 364px; background: url('../images/box_medium_border_bottom.gif') no-repeat left bottom; padding: 0 0 15px 0; float: left;}
.box_medium_border p {width: 200px; float: left; font-size: 12px; margin: 0 0 0 10px; line-height: 16px; display: inline;}
.more_link{display: block; color: #918705; font-size: 12px; margin: 10px 0 0 0;}
/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{width: 791px; margin: 0 auto; padding-bottom: 9em;}
/************************************************************************************************/
/*header*/
/************************************************************************************************/
#header{padding: 10px 0 0 0; float: left; background: url('../images/header_background_repeat.gif') repeat-x;}
#header h1 a{float: left; width: 200px; height: 78px; background: url('../images/logo.png') no-repeat; text-indent: -9999px; margin: 0 0 0 22px; overflow: hidden; position: relative; cursor: pointer;}
#header #top_right {float: right; width: 240px; margin-top: 5px; margin-right: 20px;}
#header .search{width: 100%; height: 20px; overflow: hidden; z-index: 700}
#header .search #searchspan{text-align: right;}
#header .butterflies{float: right; width: 94px; height: 66px; margin-top: 9px; overflow: hidden; z-index: 600}
#header .butterflies #flash_butterflies{text-align: center; display: block;}
/*main_navigation*/
#header .main_navigation{width: 791px; height: 29px; float: left; background: url('../images/main_navigation.gif') no-repeat; overflow: hidden;}
#header .main_navigation li{float: left; background: url('../images/main_standard_right.gif') no-repeat right top; padding: 0 2px 0 0;}
#header .main_navigation li span:hover{background: url('../images/main_hover_repeat.gif') repeat-x;}
#header .main_navigation li .spanlink{padding: 3px 9px 0 9px; float: left; font-size: 14px; font-weight: bold; line-height: 29px; height: 29px; background: url('../images/main_standard_repeat.gif') repeat-x;}
#header .main_navigation li .current{padding: 3px 9px 0 9px; float: left; font-size: 14px; font-weight: bold; line-height: 29px; height: 29px; background: url('../images/main_current_repeat.gif') repeat-x;}
.menu_home {width: 59px}
.menu_solutions {width: 100px}
.menu_vision {width: 51px}
.menu_portfolio {width: 77px}
.menu_contact {width: 69px}
#header .main_navigation .phone{float: right; line-height: 29px; margin: 0 9px 0 0;}
#header .main_navigation .phone span{font-size: 11px;}
#header .main_navigation .phone .label{float: left; line-height: 27px; margin: 0 8px 0 0;}
#header .main_navigation .phone .label_content{color: #F9EFAE; float: left; line-height: 27px;}
/*tagline_space*/
#header .tagline_space{width: 791px; height: 225px; float: left;}
#header .index_banner{background: url('../images/index_banner.jpg') no-repeat;}
#header .solutions_banner{background: url('../images/solutions_banner.jpg') no-repeat;}
#header .vision_banner{background: url('../images/vision_banner.jpg') no-repeat;}
#header .portfolio_banner{background: url('../images/portfolio_banner.jpg') no-repeat;}
#header .contact_banner{background: url('../images/contact_banner.jpg') no-repeat;}
#header .request{float: right; text-indent: -9999px; width: 125px; height: 96px; position: relative; overflow: hidden; margin: 104px -22px 0 0;}
#header .index_banner .request{background: url('../images/request_link_index.jpg') no-repeat;}
#header .solutions_banner .request{background: url('../images/request_link_index.jpg') no-repeat;}
#header .solutions_banner .request{background: url('../images/request_link_index.jpg') no-repeat;}
#header .vision_banner .request{background: url('../images/request_link_index.jpg') no-repeat;}
#header .portfolio_banner .request{background: url('../images/request_link_index.jpg') no-repeat;}
#header .contact_banner .request{background: url('../images/request_link_index.jpg') no-repeat;}
/************************************************************************************************/
/*main_content*/
/************************************************************************************************/
#main_content{float: left; margin: 0 0 0 11px !important; margin: -13px 0 0 14px; border-left: 1px solid #bb9884; display: inline; border-right: 1px solid #bb9884;}
.main_page_table{background: #f3f5d1 url('../images/main_content_repeat.gif') repeat-x;}
/*contact_page contact_form*/
.contact_page .box_medium {}
.obligated_field {color: #F79920;}
.contact_form {width: 350px; margin: 0 0 0 10px; float: left; overflow: hidden; display: inline;}
#main_content .right .contact_form_content form{float: left; width: 329px; height: 236px; display: inline; margin: 0; }
#main_content .right .contact_form_content form ul li {height: 25px; float: left; width: 345px;}
#main_content .right .contact_form_content form ul li label{float: left; width: 125px; line-height: 20px; text-align: right; margin: 0 8px 0 0; font-size: 12px; display: inline;}
#main_content .right .contact_form_content form ul li input{height: 16px; margin: 3px 0 0 5px; width: 190px;}
#main_content .right .contact_form_content form ul .input_checkbox {width: 152px; height: 20px; float: left;}
#main_content .right .contact_form_content form ul .input_checkbox input{width: 14px; margin: 3px 3px 0 0; float: right; position: relative}
#main_content .right .contact_form_content form ul .input_checkbox_label label{line-height: 20px; text-align: left; margin: -1px 8px 0 0; font-size: 12px; display: inline; position: relative;}
#main_content .right .contact_form_content form ul .remarks_li {height: 85px; float: left; width: 345px;}
.remarks{float: right; width: 210px; height: 80px; background: url('../images/textarea.gif') no-repeat; margin: 0px 0 0 0;}
.remarks textarea{border: 0; background: none; width: 196px; height: 74px; margin: 3px 0 0 5px; float: left; font-size: 12px;}
.buttons {width: 135px; height: 25px; float: left;}
.map{margin: 0 13px 10px 13px;}
.map iframe, iframe *{margin: 30px 0 0 0; border: 1px solid #bb9884;}
.map small, small *{height: 40px; margin: 0 0 10px 0;}
/*top_header*/
#main_content .top_header .left .heading_title{margin: 10px 10px 5px 0;}
#main_content .top_header .leftB .heading_title{margin: 10px 10px 5px 0;}
#main_content .top_header .right .heading_title{margin: 10px 10px 5px 0;}
#main_content .top_header .rightB .heading_title{margin: 10px 10px 5px 0;}
#main_content .top_header .heading_title h2{font-size: 18px; line-height: 24px; margin: 0 0 5px 0; color: #000; float: left; display: inline;}
#main_content .top_header .heading_title span{font-size: 18px; line-height: 24px; color: #000; float: left; margin: 1px 0 0 5px !important; display: inline;}
/*left*/
#main_content .left{width: 333px; overflow: hidden; padding: 15px 20px 0 10px;}
#main_content .leftB{width: 333px; overflow: hidden; padding: 5px 20px 0 10px;}
#main_content .left .box_medium .content h2{overflow: hidden; font-size: 16px;}
#main_content .box_medium .content h3{overflow: hidden; margin: 0 0 10px 0; font-size: 14px;}
/*box_medium*/
#main_content .left .box_medium .content .subtitle{font-size: 12px; margin: 3px 0 10px 0; float: left; width: 260px;}
#main_content .left .box_medium .content p{font-size: 12px; line-height: 14px;}
#main_content .left .box_medium .button_medium{margin: 10px 0 0 0;}
#main_content .left .box_medium .advice{margin: 10px 0 0 5px;}
#main_content .advice2{margin: 10px -10px 0 5px;}
/*right*/
#main_content .right{width: 364px; padding: 15px 10px 0 0;}
#main_content .rightB{width: 364px; padding: 5px 10px 0 0;}
#main_content .right .box_medium{padding: 0 12px 0 12px; height: 80px;}
#main_content .right .box_medium .content{padding: 10px 12px 0 12px;}
#main_content .right .solutions img{width: 129px; height: 86px; margin: 0 0 0 15px;}
#main_content .right .email_input{float: left; width: 255px; height: 19px; background: url('../images/email_input.gif') no-repeat; margin: 0 3px 0 0;}
#main_content .right .email_input input{border: 0; background: none; width: 240px; height: 17px; padding: 2px 0 0 5px; float: left; font-size: 12px;}
#main_content .right .input_default{float: right; width: 210px; height: 20px; background: url('../images/input.gif') no-repeat;}
#main_content .right .input_mandatory{float: right; width: 210px; height: 20px; background: url('../images/popup_input.gif') no-repeat;}
#main_content .right .input_default input{border: 0; background: none; width: 210px; height: 16px; padding: 0 0 0 0; margin: 3px 0 0 0; float: left; font-size: 12px;}
#main_content .right .input_mandatory input{border: 0; background: none; width: 210px; height: 16px; padding: 0 0 0 0; margin: 3px 0 0 0; float: left; font-size: 12px;}
#main_content .right .subscribe_popup form{float: left; width: 319px; height: 234px; display: inline; margin: 0; }
#main_content .right .subscribe_popup form ul li {height: 25px; float: left; width: 345px;}
#main_content .right .subscribe_popup form ul li label{float: left; width: 125px; line-height: 20px; text-align: right; margin: 0 8px 0 0; font-size: 12px; display: inline;}
#main_content .right .subscribe_popup form ul li input{height: 16px; margin: 3px 0 0 5px; width: 190px;}
#main_content .right .subscribe_popup form ul .remarks_li li {height: 85px; float: left; width: 345px;}
/*right2*/
#main_content .right2{width: 364px; padding: 15px 10px 0 0;}
#main_content .right2 .box_medium .content h2{overflow: hidden; font-size: 16px;}
#main_content .right2 .box_medium .content h3{overflow: hidden; margin: 0 0 10px 0; font-size: 14px;}
/*box_medium right2*/
#main_content .right2 .box_medium .content .subtitle{font-size: 12px; margin: -7px 0 10px 0; float: left; width: 260px;}
#main_content .right2 .box_medium .content p{font-size: 12px; line-height: 14px;}
#main_content .right2 .box_medium .button_medium{margin: 10px 0 0 0;}
#main_content .right2 .box_medium .advice{margin: 10px 0 0 5px;}
/*portfolio*/
#main_content .right .image_list {width: 340px; margin: 0 0 0 10px; float: left; overflow: hidden; display: inline;}
#main_content .right .image_list img{float: left; margin: 0 4px 0 0;}
#main_content .right .image_list .last_item{margin: 0;}
/*subscribe_content*/
#main_content .right .subscribe_content{float: left; position: relative;}
#main_content .right #subscribe_popup{position: absolute; left: -5px; top: -2px; height: 121px; width: 319px; background: url("../images/subscribe_popup_background_transparent.png") no-repeat !important; background: url("../images/subscribe_popup_background.gif") no-repeat; padding: 10px 17px 0 17px; display: none;}
#main_content .right #subscribe_popup .subscribe_click{float: left; margin: 0 0 0 63px;}
#main_content .right #subscribe_popup .top_line{width: 320px; float: left; height: 20px; margin: 0 0 7px 0; display: inline;}
#main_content .right #subscribe_popup .top_line .receive_news{float: left; text-indent: -9999px; width: 168px; height: 13px; background: url('../images/receive_news.gif') no-repeat; margin: 5px 0 0 0;}
#main_content .right #subscribe_popup .top_line .close_popup{float: right; text-indent: -9999px; width: 12px; height: 11px; background: url('../images/close_popup.gif') center center no-repeat; overflow: hidden; margin: 5px 0 0 0; cursor: pointer;}
#main_content .right #subscribe_popup form{float: right; width: 260px; margin: 0 5px 0 0; display: inline;}
#main_content .right #subscribe_popup form ul li {height: 25px; float: left; width: 273px;}
#main_content .right #subscribe_popup form ul li label{float: left; width: 55px; line-height: 20px; text-align: right; margin: 0 8px 0 0; font-size: 12px; display: inline;}
#main_content .right #subscribe_popup form ul li input{height: 16px; margin: 3px 0 0 5px; width: 190px;}
#main_content .right #subscribe_popup form ul li .popup_submit{float: left; margin: 0 0 0 63px; display: inline;}
#main_content .right #subscribe_popup form ul li .input_popup{background: url('../images/popup_input.gif') no-repeat; height: 20px; width: 210px; float: left;}
#main_content .right #subscribe_popup input{background: none;}
/*solutions_content (also used in portfolio) */
.solutions_content{float: left; width: 767px !important; width: 767px; margin: 0 0 0 11px !important; margin: -13px 0 0 15px; border-left: 1px solid #bb9884; display: inline; border-right: 1px solid #bb9884; padding: 19px 0 0 0; background: #f3f5d1 url('../images/main_content_repeat.gif') repeat-x; overflow: hidden; position: relative;}
.solutions_content .solutions_navigation{width: 642px; margin: 0 auto;}
.solutions_content .solutions_navigation li{float: left;}
.solutions_content .solutions_navigation li a{float: left; width: 154px; height: 29px; background: url('../images/solutions_navigation.gif') no-repeat; margin: 0 8px 0 0; text-align: center; padding: 4px 0 0 0; font-size: 12px; color: #000; line-height: 18px;}
.solutions_content .solutions_navigation .last_item a{margin: 0;}
.solutions_content .solutions_navigation .current{background: url('../images/solutions_navigation_current.gif') no-repeat;}
.solutions_content table {margin: 0 0 10px 0;}
.solutions_content .column_left {width: 70px; font-weight: bold}
.solutions_content .column_middle1 {width: 90px;}
.solutions_content .column_middle2 {width: 70px; font-weight: bold}
.solutions_content .column_right {width: 90px;}
.solutions_content .portfolio_text {height: 55px;}
.portfolio_images {display: relative; float: bottom;}
.solutions_content .table_images {text-align: bottom; margin: 10px 0;}
.solutions_content .img_left {}
.solutions_content .img_middle {}
.solutions_content .img_right {}
/*solutions_main portfolio_main*/
.solutions_main{float: left; width: 757px; padding: 0 14px 0 7px; position: relative;}
.solutions_main .last_object{float: left; height: 288px; width: 63px; background: url('../images/last_object.gif') no-repeat; display: inline; position: relative;}
.solutions_main .last_object span{display: block; width: 42px; height: 50px; text-indent: -9999px; background: url('../images/return_object.gif') no-repeat; margin: 120px 0 0 10px; overflow: hidden; position: relative; cursor: pointer;}
.solutions_main .next_object{float: right; height: 288px; width: 61px; background: url('../images/next_object.gif') no-repeat; margin: 0 4px 0 0; position: relative;}
.solutions_main .next_object span{display: block; width: 42px; height: 50px; text-indent: -9999px; background: url('../images/forward_object.gif') no-repeat; margin: 120px 0 0 10px; overflow: hidden; position: relative; cursor: pointer;}
.solutions_main .box_large{margin: 10px 10px 0 0px; float: left;}
.solutions_main .last_items{margin: 10px 0 0 0;}
/*heading_title*/
.solutions_main .heading_title{width: 610px; height: 24px; background: #B4CD40 url('../images/heading_title_large.gif') no-repeat; float: left;}
.solutions_main .heading_title h2, .solutions_main .heading_title span{float: left;}
.solutions_main .heading_title h2{margin: 0 0 0 10px; font-size: 14px; line-height: 24px; color: #ffffff;}
.solutions_main .heading_title span {margin: 0px 0 0 3px; line-height: 24px; color: #B4CD40; font-size: 14px;}
/*solutions_main*/
.solutions_main .solutions_text{width: 600px; float: left; padding: 0 10px 0 10px; margin: 10px 0 0 0;}
.solutions_main .solutions_text p{font-size: 12px; line-height: 16px;}
.solutions_main .solutions_text .left_text{float: left; width: 400px; padding: 0 10px 0 0;}
.solutions_main .solutions_text h3{font-weight: bold; font-size: 12px; margin: 0 0 10px 0;}
.solutions_main .solutions_text .site_management{float: left; width: 212px; height: 23px; background: url('../images/site_management.gif') no-repeat; text-indent: -9999px; margin: 10px 0 0 0; overflow: hidden;}
.solutions_main .solutions_text .vision_approach{float: left; width: 108px; height: 23px; background: url('../images/vision_approach.gif') no-repeat; text-indent: -9999px; margin: 10px 0 0 4px; overflow: hidden;}
/*solutions_textual*/
.solutions_textual{float: left; margin: 0 0 0 11px !important; margin: 20px 0 0 14px; width: 767px; background: #F3F5D1; border-left: 1px solid #bb9884; border-right: 1px solid #bb9884; display: inline;}
.first_box{margin: 0 20px 0 10px; padding: 0 0 30px 0; float: left; display: inline;}
.solutions_textual a{font-size: 12px}
/*viewport*/
#viewport {float: left; overflow: auto; overflow-x: hidden; height: 310px; width: 620px; position: relative;}
#viewport ul{position: relative; padding: 0; width: 620px;}
#viewport ul li{width: 620px; float: left;}
/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{background: #F9EFAE; background: url('../images/background_main_bottom.gif') repeat-x left bottom;}
#footer .footer_content{clear: both; width: 724px; height: 68px; background: url('../images/footer_background.png') no-repeat !important; background:
url('../images/footer_background_ie.png') no-repeat; margin: -9.3em auto 0 auto; overflow: hidden; padding: 35px 60px 0 55px; position: relative;}
#footer .copyright{float: right; width: 130px; text-align: right;}
#footer .footer_link{color: #918705;}
/*footer_navigation*/
#footer .footer_navigation {width: 580px; float: left; margin: 0 0 8px 0; display: inline;}
#footer .footer_navigation li, #footer .footer_navigation li a{font-weight: bold; font-size: 11px; color: #77310a; float: left; }
#footer .footer_navigation li a{margin: 0 10px 0 0; display: inline;}
#footer .footer_navigation .vision{margin: 0 10px 0 50px;}
#footer .footer_navigation .last_item{display: inline;}
/*services*/
#footer .services_navigation{width: 140px; float: left; margin: 0 0 0 45px; display: inline;}
#footer .services_navigation li{color: #918705; display: inline; font-weight: normal;}
#footer .services_navigation li span{color: #000;}
#footer .services_navigation .last_item a{margin: 0;}
#footer .services_navigation .current{}
/*contact_details*/
#footer .contact_details{float: left; width: 260px; margin: 0 0 0 90px;}
#footer .contact_details li{float: left; width: 50%; display: inline;}
#footer .contact_details .email{color: #918705;}