html, body{ margin:0; padding:0; height:100%; }
body{ background-color:#d9e5ff; font-family:Arial; font-size:11px; background-image:url('images/bg.jpg'); 
      background-attachment: fixed; color:#919191; line-height: 15px; }  /*  color:#a0a5a8; */
      
table  {color: #a0a5a8}
      
      
/* default settings */
      

/* min-height fix voor shadow bij F11 */
div#wrapper_shade{ background-image:url('images/bg_shade.png'); background-position(top center); 
				  background-repeat:repeat-y; margin:0 auto; width:946px; xmin-height:100%; }
div#wrapper_main{ border: 12px white solid; width:865px; padding:0; margin:0 auto; /*center website*/ }
div#wrapper_header, div#wrapper_body, div#wrapper_footer{ position:relative; margin:0px; padding:0px; float:left;}	
div#wrapper_header{ height:321px; /*niet verplicht op te geven*/ background:#fff; 
				   background-repeat:no-repeat; border-bottom:1px #a3ce40 solid; }
div#wrapper_body{ background-color:white;  padding:0px 0px 20px 0px; border:0px solid #e3e5e6; }
div#columnsDivider{ background:url('images/grayColumnDivider.png'); float:left; }
div#body_leftColumn{ width:219px; float:left; margin-right:13px; } 
.nieuws_box{ width:219px; }
div#body_rightColumn{ border:0px solid #e3e5e6; float:left; width:630px; background-color:White;  } 
div#body_rightColumn p {  }
div#body_rightColumn_left{ float:left; text-align:left; xwidth:605px; x_width:585px;
	min-height:375px; 
	height:auto !important; /* voor moderne Browser */
	height:375px; /*voor IE6 */ /* min-height fix voor ie6 */
	border-left:1px solid #e3e5e6; padding-left:13px;
}

.body_rightColumn_left_half { width:373px !important; _width:370px !important; border-left:1px solid #e3e5e6;
padding-right:13px; margin-right:13px; border-right:1px solid #e3e5e6; }

div#body_rightColumn_right{ width:215px; float:left; }

div#wrapper_footer{ padding:0px; margin:0px; color:#858585; background:url('images/footer_bg.jpg') repeat-y #dfe2e5; }
div#wrapper_footer_top { margin:0px; padding:0px; background: url('images/footer_bg_top.jpg') repeat-y #dfe2e5; height:8px; width:864px; }

/* div height:100% werkt niet in ie6 */
div#main_navigation_bg{ width:177px; height:319px; background-image:url('images/main_navigation_bg.png'); 
					   position:absolute; left:0;}
ul#navigatie{ text-align:right; font-family: Tw Cen MT; font-size:16px; color:white;	margin:175px 10px 35px 65px; 
			  padding:0; position:absolute; left:0px;}
/* geen float maar absolute, omdat png's dan juist over het zand alphablenden */
div#sub_navigatie_bg{ margin:0px; padding:0; left:177px; position:absolute; height:319px; width:190px; color:white; 
					 font-size:10px; background-image:url('images/sub_navigation_bg.png'); }
ul#sub_navigatie{ position:absolute; left:180px; top:180px;}

.bulletin{ float:left; padding-right:3px; clear:left;}

/* hoofdpagina content boxes */
div.content_insidebox{ margin-bottom:25px; }
/* div.content_box{ float:left; padding:30px 5px 10px 0px; display: inline-block;} */
/* div.content_box p,*/ 

div.content_box_sub p, h3{ margin-left:0px; margin-right:5px;}
.sub { float:left; width:570px; padding:30px 0px 10px 0px; }
.subCase{ float:left; width:400px; padding:30px 0px 10px 0px; }
div.blogitems { padding-left:25px; padding-right:25px; } .normal { width:290px; } .medium{ width:360px; } .small{ width:200px; }
div#nieuws_box, div#blogitems_box{ margin:0; float:left; padding:0px 0px 0px 0px; }
div.newslistContainer, .dtailGadgets{ margin-bottom:30px; }
	
/* subpagina cotnent boxes */
div#sub_boxes {float:left;}
div#sub_boxes_right { xfloat:right; margin-left:0px; }
.subCaseRight{ width:425px; }
.subCaseRight ul{ margin:0px; padding:0px; } .subCaseRight ul li{ float:left; margin:10px; }
.caseBigImg { margin-top:25px; }
div#gerelateerdnieuws_box, div#blogProjecten_box { xfloat:left; padding:0px 10px 10px 0px; }
div#blogitems_box { xfloat:left; padding:0px 10px 10px 0px; clear:left;}

.captcha img{height:27px; width:170px;} /* in code kan de captcha height niet kleiner dan 30 */

/*width nodig voor ie*/

div#footer_navigatie{ float:left; width: 220px; margin:0px 1px 0px 15px; }
div#footer_links{ font-size:11px; float:left; width: 175px; margin:0px 1px 0px 10px; height:100%; }
div#footer_links img { border:0px; border-collapse:collapse; height:32px; width:32px; font-size:8px; }

div#footer_contact{ font-size:11px; float:left; width: 175px; margin:0px 1px 0px 30px; height:100%; }
div#footer_contact p { margin-left:6px; }

div#footer_inloggen { float:left; width: 175px; margin:0px 1px 0px 20px; }

div#footer_inloggen table { margin-left: 0px; margin-bottom: 4px; width: 210px; }
div#footer_inloggen table tr { padding: 2px 0px;  }
div#footer_inloggen .text { margin: 0px; padding:0; position:relative; margin-right:10px; display:block; }
div#footer_inloggen .btn_login { color:white; background:#b1b1b1; border:0px; padding-bottom:3px; margin-right: 13px; margin-top: 5px; cursor:pointer}
div#footer_logos { float: left; padding: 25px 0 0 0; margin-top:-10px; width: 865px; height: 20px; background-color: #ffffff; text-align: center; }
div.footer_shade { width: 948px; _width: 941px; height: 30px; background: url('images/footer_shade.png'); margin: 0px auto; position: relative; left: 3px; _left: -1px;}

div#socialnetworks { width: 240px; float:left; }
div#socialnetworks img { border: none; }
div.profile{ margin-bottom:37px; float:left; }




/*NIEUWE STYLING BY A.VOS */
/* basic styling */

a {  }

p { padding:0; margin:0px 0px 5px 0px; }
h1 { font-family:Arial Rounded MT Bold; font-size:14px; color:#999999; margin:0px; padding:0px; text-align:left; 
     background: url('images/green_bulletin.png') no-repeat; _background: url('images/green_bulletin.gif') no-repeat; padding-left: 20px; }
h2{ font-family:Arial Rounded MT Bold; font-size:14px; color:#999999; margin:0px; padding:0px; margin-bottom: 10px;
    background: url('images/green_bulletin.png') no-repeat; _background: url('images/green_bulletin.gif') no-repeat;  padding-left: 20px; }
h3{ font-family:Arial; font-size:11px; color:#777777; margin:0px; }
h4 { font-family: Arial Rounded MT Bold; font-size: 12px; color: #999999; margin: 0px; padding: 0px; }

.item {margin-bottom: 10px; clear:none;}
.content h2 {background: none;}

/* basic colors */
.green { color:#a3ce40; font-weight:normal;}
.gray { color:#a0a5a8 }
.darkgray { color: #777777; font-weight:bold; }

/* basic cms styling */
.text { margin:0px; margin-bottom: 10px; text-align:left;}
.text a { color:#A3CD41; }
.text a:hover { color:#85c30a;  }
.text p {margin-bottom: 6px;}

/* homepagina */
div#recentlist { margin-top: 10px; text-align:left; display:block}
div#recentlist ul {list-style: none; margin: 0px}
div#recentlist li {margin-left: 0px; }
div#recentlist li.list {margin-left: 0px;  line-height: 18px }

div#recentlist h3 {margin: 0px; padding: 0px; }
div#recentlist a { text-decoration: none; }
div#recentlist a:hover { text-decoration: underline }
/* div#recentlist li.list:hover { background-color: #858585; } */
div#recentlist .item {margin-bottom: 10px; clear:both;}
div#recentlist .readmore {color:#a3ce40; text-decoration:none; float:right; display:block; }
div#recentlist .icon_nieuws { padding-right: 22px; background-image: url('images/icon_news.gif'); background-repeat:no-repeat; background-position: right center}
div#recentlist .icon_vacatures { padding-right: 22px; background-image: url('images/icon_vacatures.gif'); background-repeat:no-repeat; background-position: right center}
div#recentlist .icon_in_de_media { padding-right: 22px; background-image: url('images/icon_media.gif'); background-repeat:no-repeat; background-position: right center}
div#recentlist .icon_weblog { padding-right: 22px; background-image: url('images/icon_blog.gif'); background-repeat:no-repeat; background-position: right center}


div#twitterlist {margin-top: 10px; text-align:left; display:block;}
div#twitterlist h3 {margin: 0px;}
div#twitterlist .item {margin-bottom: 10px; clear:both; float:left;}
div#twitterlist .content {float:right; width:170px}
div#twitterlist .thumb { height: 40px; width: 40px; border: solid 1px #a3ce40; margin-right: 5px; float:left}
div#twitterlist .text {text-align:left;}
div#twitterlist .time {float:right;}

/* subpage */

div#relatedlist { margin-bottom: 20px;}
div#relatedlist h2 { background: url('images/green_bulletin.png') no-repeat; _background: url('images/green_bulletin.gif') no-repeat; padding-left: 20px }
div#relatedlist ul {list-style: none; margin: 0px 0px 0px 20px;}
div#relatedlist li { color:#a4ce39; list-style-type: disc; margin-bottom:5px}
div#relatedlist li a { font-family:Arial; color:#a0a5a8; text-decoration:none; xline-height:18px; word-spacing: 1px;}
div#relatedlist li a:hover { color:#85c30a;}

div#portfolio{ position:relative; float:left; margin:0; margin-bottom:10px; padding:9px 6px 0px 9px; color:#ffffff; background:#8ac70a; width:204px; }
div#portfolio .thumbnail{ width:204px; }
div#portfolio h3{ margin:0px; padding: 6px; padding-bottom:0px;}
div#portfolio p { padding:0; padding-left: 6px; padding-right: 6px; letter-spacing:1px; font-size:9px; }
div#portfolio .thumbnail img { border:0px; width:196px; height:86px; }

div#thumbs_view {width: 228px; margin-top: 10px;}
div#thumbs_view li { margin: 0px;  }
div#thumbs_view .thumbs img { width: 67px; height: 67px; xfloat:left; display:block; margin: 0px 2px 4px 2px; border: solid 1px #a3cd41}



/* medewerkersoverzicht */
div#employeeslist { margin: 10px 0px;}
div#employeeslist .item {display:block; margin:15px 0px; padding: 0px;}
div#employeeslist .content { width:395px; xmin-height:0px; padding: 0px 0px 0px 0px; margin-left:15px; float:right; display:block; }
div#employeeslist h2 , div#employeeslist h3 { margin:0px; padding:0px; color:#a3ce40;}
div#employeeslist .text { margin-top: 5px; }
div#employeeslist .photo { border: solid 1px #a3ce40; height: 97px; width:204px; float:left; margin-bottom:0px}

/* medewerkerspagina */
table.tblInteresses { margin:0; padding:0; margin-top:10px; margin-left:0px; }
table.tblInteresses .tblRow span{ vertical-align:top; margin-bottom:8px;  display:block;}
td.tblLeftColumn { vertical-align:top; padding-top:0px; }
td.tblCellSpace { vertical-align:top; padding-top:6px; padding-right:5px; }
td.tblRightColumn { color:#b5d31b; vertical-align:top; padding-top:0px; }
td.tblRightColumn a { color:#b5d31b; text-decoration:none; }
td.tblRightColumn ul { margin-left:0px; }
.dtailGadgets{ margin: 5px 0px 10px 0px ; }

.memberSaysTail{ background:url('images/memberSaysBoxTail.png'); width:25px; height:17px; 
                 margin:0; padding:0; margin-left:300px; }
.memberSays{ background:#eceded; margin:0px 0px 20px 0px; padding:10px;}
.memberSays p {margin:0; padding:0;}


/* comments */
div#comments {}
div#comments .commentBy{ color:#a3cd41; font-size:12px; }
div#comments .date{ padding:0; margin:0 0 0 40px; }
div#comments .commentLine{ background:url('images/commentLine.gif'); height:4px; }
div#comments .content { background:#eceded; padding: 8px 8px 3px 8px;}
div#comments .content p{ padding:0px; }
div#comments .tail{ background:url('images/commentBoxTail.png'); width:25px; height:17px; margin-left:10px; margin-top: 0px; }
div#comments .commentPost{ margin-bottom:10px; }


/* portfoliooverzicht */
div#portfoliolist {margin: 10px 0px;}
div#portfoliolist .item {display:block; margin:15px 0px; padding: 0px;}
div#portfoliolist .content { width:395px; xmin-height:0px; padding: 0px 0px 0px 0px; float:right; display:block; }
div#portfoliolist h2 , div#portfoliolist h3 { margin:0px; padding:0px; color:#a3ce40;}
div#portfoliolist h2 a  { margin:0px; padding:0px; color:#a3ce40;}
div#portfoliolist h2 a:hover {color:#2e6a1d; }
div#portfoliolist .text { margin-top: 5px; }
div#portfoliolist .photo img { border: solid 1px #a3ce40; height: 97px; width:204px; float:left; margin-bottom:0px}
div#portfoliolist .photo img:hover {  }
div#portfoliolist .noresults {margin-top: 10px;}

div#search_field { color:#a3ce40; margin: 10px 0px; text-align:left;}
div#search_field .services {width: 50%; float:left}
div#search_field .categories { }
div#search_field input.tbx_search{ width:300px; height:14px; border:1px #e5e5e5 solid; color:#8a8a8a; font-size:11px; }
div#search_field select { height:18px; width:305px; border:1px #e5e5e5 solid; color:#8a8a8a; font-size:11px; }
div#search_field .btn_search{ background:#a3ce40; color:#ffffff; border:1px; font-size:11px; padding:1px; width:100px; }

/* portfoliocase */
div#portfoliocase {}
div#portfoliocase .table { width:100%; margin-top:10px; }
div#portfoliocase .labels { vertical-align:top; width: 80px; }
div#portfoliocase .info { display:block;}
div#portfolio h2{ padding:0; margin:0; padding-bottom:5px; color:#ffffff;}
div#portfolio h3{color:#ffffff;}
div#portfolio a{color:#ffffff; text-decoration:none;}
div#portfolio a:hover{color:#2e6a1d;}

/* sitemap */

div#sitemap { margin-left:0px; margin-right:5px;}
div#sitemap h2 { width: 841px; background: none #E9E9E9; padding: 2px 0px 2px 22px; }
div#sitemap h2 a { text-decoration: none;  }

div#sitemap h3  {  background: none #E9E9E9; padding: 3px 0px 3px 22px; font-family:Arial Rounded MT Bold; font-size:14px; color:#999999; }
div#sitemap h3 a { text-decoration: none; color:#999999; }

div#sitemap .blok { width: 212px; margin: 0px 4px 0px 0px; padding: 0px; float: left; background-color: #F6F6F6;  }

div#sitemap .blok ul li a { color: #a0a5a8; text-decoration: none; }
div#sitemap .blok ul li ul li a { color: #a3cd3f; text-decoration: none; }
div#sitemap .blok ul li { padding: 2px; }
div#sitemap .blok ul { padding-left: 0px; }
div#sitemap .blok ul ul { padding: 0px 0px 0px 25px; list-style: disc; }


/* pager */
div#pager {float:right}
div#pager .pagerItem {float:left}
div#pager .pagerItem a {
	margin:2px; padding: 3px 0px 0px;  width:18px; height:16px;
	border: solid 1px #a0a5a8;  text-decoration:none; text-align:center; color:#fff;  display:block; }      
div#pager .pagerItem a.pager_button {background:#8c8c8c; }
div#pager .pagerItem a.selected {background:#fff; color:#8c8c8c;}

/* XForm */
.XForm .top {background: none; height: 0px;}
.XForm .inner {padding: 0px 10px 0px 0px; background: none }
.XForm #id_matrix { margin: 0px; padding: 5px; width: 100%; }
.XForm tr{ padding: 0px; vertical-align: top; }
.XForm td { vertical-align: top; }
.XForm td span { padding-top: 4px; margin: 0px; }
.XForm label { color: Black; }
.XForm fieldset { margin: 0px; border: none; }
.XForm fieldset label { vertical-align: top; margin: 0px; display: inline-block; color: Black; }
.XForm fieldset legend { color: #4b4b4b; left: -8px; position: relative; }
.XForm fieldset input { border: none; }
.XForm textarea { border: solid 1px #969696; margin: 2px 0px; }
.XForm select { border: solid 1px #969696; margin: 2px 0px; }
.XForm input,  { border: solid 1px #969696; margin: 2px 0px; float:none;  }
.XForm input[type="submit"]{ cursor: pointer;  background-color: #a3cd41; color: #fff; border: none; cursor: pointer; margin: 10px 0px;  }
.XForm input[type="submit"]:hover { color:#2e6a1d; }
.XForm input[type="radio"], .main_content input[type="radio"] { margin: 0px; border: none; }
.XForm input[type="checkbox"], .main_content input[type="checkbox"] { margin: 0px; border: none; }
.XForm span { color: #4b4b4b; font-weight: bold; margin-right: 5px; padding: 0px 0px; display: inline-block; }
.XForm .button { cursor: pointer; }
.XForm span.xformvalidator { color: Red; margin-left:5px; vertical-align: top;}