/********************************************************************************************************/
/***********************************************[ Reset ]************************************************/
/********************************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
body{font:12px Arial,Helvetica,Garuda,sans-serif; line-height: 18px;}
a{color: #000;}
body{height:100%;}
html .hitarea {display: inline;float:none;}


table{margin:0 0 18px 0}
table tr{}
table tr td{border:1px solid #e1e1e1;padding:1px 6px 1px 6px;font-size:12px; background: #fff;}
table tr th {background:#000;padding:2px 6px 2px 6px;border-right:1px solid #000;border-top:1px solid #000;border-left:1px solid #000;color:#fff}
table#domainCheckTable{width:100%;}
blockquote, blockquote p{font-style: italic; padding: 0 0 0 30px;}

.contact table tr td{border:0;padding:1px 6px 1px 6px;font-size:12px;background:none}
.contact table th {background:none}



/********************************************************************************************************/
/***********************************************[ Wrappers ]*********************************************/
/********************************************************************************************************/

.topnavwrapper{background: #000;}
.headwrapper{ background: #edebeb; border-bottom:1px solid #eaeaea;}
.premainwrapper{ background: #edebeb;border-bottom:1px solid #E1E1E1;}
.mainwrapper{ background: #000;}
.footerwrapper{ background: #a07781 url(../img/footerwrapper_bg.jpg) center top no-repeat;}
.wrapper{width: 950px; margin:0 auto;}


/********************************************************************************************************/
/***********************************************[ Global ]***********************************************/
/********************************************************************************************************/
.pagination {line-height:22px;float: left; width: 620px; overflow:hidden; margin:10px 0 0 0; text-align:center;position:relative;}
.pagination .aantalperpagina {display:block;position:absolute;left:0;top:0;}
.pagination .aantalperpagina select{vertical-align: middle;margin:2px 0 0 0;}
.pagination .pages {display:block;position:absolute;right:0;top:0;}
.pagination .pages a{float:left;display:block;text-decoration:none;padding:0 3px 0 3px;}
.pagination .pages a.here{text-decoration: underline;}
.pagination .pages a.eerste{padding:0;text-indent:-3000px;float:left;display:block;height:19px;width:20px;background:url(../img/interface.png) -330px -305px no-repeat;}
.pagination .pages a.vorige{margin:0 3px 0 0;padding:0;text-indent:-3000px;float:left;display:block;height:19px;width:20px;background:url(../img/interface.png) -352px -305px no-repeat;}
.pagination .pages a.volgende{margin:0 0 0 3px;padding:0;text-indent:-3000px;float:left;display:block;height:19px;width:20px;background:url(../img/interface.png) -374px -305px no-repeat;}
.pagination .pages a.laatste{padding:0;text-indent:-3000px;float:left;display:block;height:19px;width:20px;background:url(../img/interface.png) -396px -305px no-repeat;}

.pagination .pages a.eerste{padding:0;text-indent:-3000px;float:left;display:block;height:19px;width:20px;background:url(../img/interface.png) -330px -335px no-repeat;}
.pagination .pages a.eerste.disabled{background-position: -442px -335px;}
.pagination .pages a.vorige{margin:0 3px 0 0;padding:0;text-indent:-3000px;float:left;display:block;height:19px;width:20px;background:url(../img/interface.png) -352px -335px no-repeat;}
.pagination .pages a.vorige.disabled{background-position: -464px -335px;}
.pagination .pages a.volgende{margin:0 0 0 3px;padding:0;text-indent:-3000px;float:left;display:block;height:19px;width:20px;background:url(../img/interface.png) -374px -335px no-repeat;}
.pagination .pages a.volgende.disabled{background-position: -486px -335px;}
.pagination .pages a.laatste{padding:0;text-indent:-3000px;float:left;display:block;height:19px;width:20px;background:url(../img/interface.png) -396px -335px no-repeat;}
.pagination .pages a.laatste.disabled{background-position: -508px -335px;}


.pagination{width:100%;float:left;}
.pagination ul.pagination{float:right;margin:0;width:auto;overflow: visible;}
.pagination ul.pagination li{float: left;}
.pagination ul.pagination li a{padding:0 3px;text-decoration: none;}
.pagination ul.pagination .page_total{right:375px;position:absolute;text-align:center;top:0;width:200px;}
.pagination ul.pagination .next a{background:transparent url(../img/interface.png) no-repeat scroll -374px -305px;display:block;float:left;height:19px;margin:0 0 0 3px;padding:0;text-indent:-3000px;width:20px;}
.pagination ul.pagination .end a{background:transparent url(../img/interface.png) no-repeat scroll -396px -305px;display:block;float:left;height:19px;padding:0;text-indent:-3000px;width:20px;}
.pagination ul.pagination .previous a{background:transparent url(../img/interface.png) no-repeat scroll -352px -305px;display:block;float:left;height:19px;margin:0 3px 0 0;padding:0;text-indent:-3000px;width:20px;}
.pagination ul.pagination .beginning a{background:transparent url(../img/interface.png) no-repeat scroll -330px -305px;display:block;float:left;height:19px;padding:0;text-indent:-3000px;width:20px;}
.pagination ul.pagination .previous.disabled a{background-position: -464px -305px;}
.pagination ul.pagination .next.disabled a{background-position: -486px -305px;}
.pagination ul.pagination .end.disabled a{background-position: -508px -305px;}
.pagination ul.pagination .beginning.disabled a{background-position: -442px -305px;}

/*editor extensions - normaal voegt de editor extentie deze zelf toe in de html, maar dan worden ook de xml files vervuild*/
.editor-button { float:left;height:0;width:3px; display:none}
.editor-button a {}
.editor-button a:hover { opacity:1; }
.editor-button.show{display:block;}


.textarea {position: relative; margin:7px; background:#fafafa;}
.textarea .bordertopleft {position: absolute; width: 100%;  height: 7px; padding:0 0 0 7px; left: -7px; top: -7px; background: url(textarea_sprite.jpg) 0 0 no-repeat;}
.textarea .borderrighttop {position: absolute; width: 7px;  height: 100%; padding:7px 0 0 0; right: -7px; top: -7px; background: url(textarea_sprite.jpg) right top no-repeat;}
.textarea .borderbottomright {position: absolute; width: 100%;  height: 7px; padding:0 0 0 7px; right: -7px; bottom: -7px; background: url(textarea_sprite.jpg) right bottom no-repeat;}
.textarea .borderleftbottom {position: absolute; width: 7px; height: 100%; padding:0 0 7px 0; left: -7px; bottom: -7px; background: url(textarea_sprite.jpg) left bottom no-repeat;}
.textarea textarea{ height: 100%; width:100%; border: 0; z-index: 1000; margin:0; background: #fafafa; font-family: Arial, Helvetica; font-size: 12px; outline: none; resize: none; display: block; overflow:hidden; line-height: 14px;}
.textarea.focus .bordertopleft {background-position: left -7px;}
.textarea.focus .borderrighttop {background-position: -1186px top;}
.textarea.focus .borderbottomright {background-position: right -1186px;}
.textarea.focus .borderleftbottom {background-position: -7px bottom;}
.textarea.error .bordertopleft {background-position: left -14px;}
.textarea.error .borderrighttop {background-position: -1179px top;}
.textarea.error .borderbottomright {background-position: right -1179px;}
.textarea.error .borderleftbottom {background-position: -14px bottom;}
.textarea.error textarea {background-color: #faf3f3; }

.textarea {position: relative; margin:25px 7px 25px 7px; background:#fafafa;}
.textarea .bordertopleft {position: absolute; width: 100%;  height: 7px; padding:0 0 0 7px; left: -7px; top: -7px; background: url(../img/textarea.png) top left no-repeat;}
.textarea .borderrighttop {position: absolute; width: 7px;  height: 100%; padding:7px 0 0 0; right: -7px; top: -7px; background: url(../img/textarea.png) right top no-repeat;}
.textarea .borderbottomright {position: absolute; width: 100%;  height: 7px; padding:0 0 0 7px; right: -7px; bottom: -7px; background: url(../img/textarea.png) right bottom no-repeat;}
.textarea .borderleftbottom {position: absolute; width: 7px; height: 100%; padding:0 0 7px 0; left: -7px; bottom: -7px; background: url(../img/textarea.png) left bottom no-repeat;}
.textarea textarea{ color:#666;font-size:11px;height: 100%; width:100%; border: 0; z-index: 1000; margin:0; background: #fafafa; outline: none; resize: none; display: block; overflow:hidden;}
.textarea.focus .bordertopleft {background-position: left -7px;}
.textarea.focus .borderrighttop {background-position: -1186px top;}
.textarea.focus .borderbottomright {background-position: right -1186px;}
.textarea.focus .borderleftbottom {background-position: -7px bottom;}
.textarea.error .bordertopleft {background-position: left -14px;}
.textarea.error .borderrighttop {background-position: -1179px top;}
.textarea.error .borderbottomright {background-position: right -1179px;}
.textarea.error .borderleftbottom {background-position: -14px bottom;}
.textarea.error textarea {background-color: #faf3f3; }

.topnav form label.error{opacity:0.90;filter:alpha(opacity=90);z-index:1000;width:200px;position:absolute;top:24px;background:#ff0000;color:#fff;font-size:11px;text-align:left;display:block;line-height:14px;font-weight:normal;padding:0 10px 0 10px}
.contact label.error{opacity:0.60;filter:alpha(opacity=60);z-index:1000;width:200px;position:absolute;top:24px;background:#ff0000;color:#fff;font-size:11px;text-align:left;display:block;float:left;line-height:14px;font-weight:normal;padding:0 10px 0 10px}
.contact .textarea label.error{top:201px;left:-9px;}


.body1 {padding:30px 0 30px 0; overflow: hidden; width: 100%;}
.body2 {padding:30px 0 50px 0;  overflow: hidden; width: 100%;}
p, h1,h2,h3,h4,h5,h6 {font-family:"Arial","Helvetica","Sans-serif";}
h2 {font-size:15px; line-height: 24px; text-transform: uppercase;}
label{display:block;float:left;line-height:27px;font-weight:bold;padding:0 10px 0 3px;}

input {outline: none; }
.input {float:left;padding:0 5px 0 0; background:url(../img/interface.png) -352px -597px no-repeat; position: relative;}
.input input{float:left;color:#666;font-size:11px;width:176px;border:0; height:13px; padding:8px 2px 8px 5px;background:url(../img/interface.png)  -30px -597px no-repeat;}


.button {cursor:pointer;float:left;margin:0 0 0 6px; background:url(../img/interface.png) -30px -136px no-repeat}
.button .zoekicon {background:url(../img/interface.png) -368px -143px no-repeat;display:block;height:13px;width:13px;float:left;margin:7px 7px 0 7px;}
.button .submiticon{background:url(../img/interface.png) -398px -143px no-repeat;display:block;height:13px;width:14px;float:left;margin:7px 7px 0 14px;}
.button a{float:left;color:#fff;margin:0 0 0 6px;font-size:11px;text-decoration:none;width:100px;line-height:27px;background:url(../img/interface.png) -170px -136px no-repeat;}

.button.disabled {background-position: -30px -163px;}
.button.disabled .zoekicon{background-position: -368px -170px;}
.button.disabled .submiticon{background-position: -368px -170px;}
.button.disabled a{background-position: -170px -163px}

/*global tekst*/
.tekst h2{margin-bottom: 10px}
.tekst p{margin:0 0 18px 0; line-height: 18px; text-align:justify;}
.tekst ul{padding:0 0 0 30px; list-style-type: disc; margin:0 0 18px 0; line-height: 18px;}

.tekst ol{padding: 0 0 0 40px; list-style-type: decimal; line-height: 18px;}
.tekst ol li{font-size: 12px;margin:0 0 18px 0; }
.tekst ol li div{font-size: 12px;}
.tekst .leesmeer{margin:-18px 0 18px; text-align: right;}
.tekst .leesmeer a{}

/********************************************************************************************************/
/***************************************************[ Top ]**********************************************/
/********************************************************************************************************/
.topnav{padding: 0;}
.topnav ul {padding: 0; margin: 0; list-style: none; line-height: 1;}
.topnav ul a {display: block; width: auto; padding: 0 4px; text-decoration: none; line-height: 38px; color: #fff;}
.topnav ul li {float: left;width: auto;margin-right: 60px;}
.topnav ul li.active a{text-decoration: underline;}
.topnav ul li.last{margin:0;}
.topnav ul li.over{background: #444;}
.topnav ul li.over a{color: #fff;}
.topnav form{float: right;line-height:40px;}

.topnav form .input {float:left;margin:5px 0 0 0;padding:0 5px 0 0; background:url(../img/interface.png) -85px -30px}
.topnav form .input input{float:left;color:#666;font-size:11px;width:183px;border:0; height:13px; padding:7px 2px 7px 5px;background:url(../img/interface.png) -30px -30px no-repeat;}
.topnav form .button {float:left;margin:5px 0 0 6px; background:url(../img/interface.png) -309px -30px no-repeat}
.topnav form .button .zoekicon { background:url(../img/interface.png) -299px -143px no-repeat;display:block;height:13px;width:13px;float:left;margin:7px 7px 0 14px;}
.topnav form .button a{float:left;color:#fff;margin:0 0 0 6px;font-size:11px;text-decoration:none;width:60px;line-height:27px;background:url(../img/interface.png) -489px -30px no-repeat;}
.topnav a:hover{text-decoration:none;}



/********************************************************************************************************/
/**************************************************[ Head ]**********************************************/
/********************************************************************************************************/

.header{overflow: hidden;}
.header h1{ float:left; margin:45px 0 0 0;}
.header h1 a{display:block;text-indent:-9999px; color: #222; text-decoration: none; line-height: 62px; width:192px;background: url(../img/supernav.png) 0 0 no-repeat;}
#supernav{padding: 0 0 0 20px; float:right; margin:60px 0 0 0; background: url(../img/supernav.png) -198px -8px no-repeat;}
#supernav ul {padding: 0 0 0 0; list-style: none;float:left;background: url(../img/supernav.png) -445px -8px no-repeat;}
#supernav ul li {float: left; width: auto;}
#supernav ul a {display: block; width: auto; text-decoration: none; line-height: 35px;padding:0 30px 0 0; background: url(../img/supernav.png) 999px 999px no-repeat; font-size:12px; font-weight:bold;color:#666; text-indent: -9999px; text-transform: uppercase;}
#supernav ul li#nav_home a {background-position: -64px -62px; width: 63px;}
#supernav ul li#nav_diensten a {background-position: -175px -62px; width:84px;}
#supernav ul li#nav_werk a {background-position: -402px -62px; width:93px;}
#supernav ul li#nav_over a {background-position: -563px -62px; width:102px;}
#supernav ul li#nav_contact a {background-position: -724px -62px; width: 80px;padding:0;}
#supernav ul li#nav_home a:hover, .voorpagina #supernav ul li.here a {background-position: -64px -116px !important; color:#ffaf15 !important;}
#supernav ul li#nav_diensten a:hover, .diensten #supernav ul li.here a {background-position: -175px -116px !important; color:#ffaf15 !important;}
#supernav ul li#nav_werk a:hover, .werk #supernav ul li.here a {background-position: -402px -116px !important; color:#ffaf15 !important;}
#supernav ul li#nav_over a:hover, .over #supernav ul li.here a {background-position: -563px -116px !important; color:#ffaf15 !important;}
#supernav ul li#nav_contact a:hover, .contact #supernav ul li.here a {background-position: -724px -116px !important; color:#ffaf15 !important;}


/********************************************************************************************************/
/************************************************[ Paginas ]*********************************************/
/********************************************************************************************************/


.voorpagina .premainwrapper {border:none;}
.voorpagina .banner {width:950px;background: url(../img/banner_bg.png) left top no-repeat;overflow: hidden;}
.voorpagina .banner .foot{float:left;width:950px;height:8px;background: url(../img/banner_bg.png) left -492px no-repeat;}
.voorpagina .banner .text{float:left;padding:30px;width:400px;}
.voorpagina .banner .text h2{font-size: 45px;line-height:45px;text-transform:uppercase;margin:0 0 20px 0}
.voorpagina .banner .eyecandy{float:left;}

/*diensten*/
.diensten .dienst{width:600px; float:left;  }
.diensten .dienst h2{text-transform:uppercase;font-size:24px;line-height:24px;margin: 0 0 20px 0}
.diensten .dienst img{margin: 0 0 6px 6px;}
.diensten .dienst p{margin:0 0 15px 0;}
.diensten .rightcolumn{float:right;background: url(../img/rightcolomn_bg.jpg) left top no-repeat}
.diensten .rightcolumn p{width:258px; margin:20px;}
.diensten .rightcolumn ul{width:258px; margin:20px;}
.diensten .rightcolumn li{border-bottom:1px dotted #000;height:36px;}
.diensten .rightcolumn li a{border-bottom:1px solid #c86556;text-decoration:none;display:block;height:14px; line-height:14px; float:left;margin:11px 0 11px 0;}
.diensten .rightcolumn li a:hover{color: #c86556;}
.diensten .rightcolumn li.here a{color: #c86556;}
.diensten .rightcolumn .foot{height:8px; background: url(../img/rightcolomn_bg.jpg) left -792px no-repeat}

.domaincheck_page{}
.domaincheck_page .formhead{background: url(../img/domain_search_bg.png) left top no-repeat; height: 10px; font-size: 4px; line-height: 4px;}
.domaincheck_page .formfoot{background: url(../img/domain_search_bg.png) left bottom no-repeat; height: 10px; font-size: 4px; line-height: 4px;}
.domaincheck_page .content{background: #f7f7f7; overflow: hidden; width: 560px; padding: 10px 20px;}
.domaincheck_page .form{border-top: 1px dotted black; padding: 20px 0 0 0;}
.domaincheck_page .input{background:transparent url(../img/interface.png) repeat scroll -155px -87px;float:left;padding:0 5px 0 0; width: 380px;}
.domaincheck_page .input input{background:transparent url(../img/interface.png) no-repeat scroll -30px -87px;border:0 none;color:#666666;float:left;font-size:11px;height:13px;padding:8px 2px 8px 5px;width:348px;}
.domaincheck_page .input a{display:block;height:17px;width:17px;float:left;margin:6px 2px 0 6px; background: url(../img/domain_searching.gif) center center no-repeat; display: none;}

.domaincheck_page label.error{background:#FF0000 none repeat scroll 0 0;color:#FFFFFF;display:block;float:left;font-size:11px;font-weight:normal;line-height:14px;opacity:0.6;padding:0 10px;position:absolute;text-align:left;top:24px;width:200px;z-index:1000;}
.domaincheck_page #results{margin-top: 30px;}
.domaincheck_page #results table td{border:0;}
.domaincheck_page .button{width: 169px;}
.domaincheck_page .button a{width: 136px; background-position: -134px -136px;}
.domaincheck_page .disabled a{background-position: -134px -163px;}

/*werk*/
.werk .cases {width:930px;background: url(../img/banner_bg.png) left top no-repeat;overflow: hidden;margin:0 0 40px 0; position: relative; padding:20px 20px 20px 0;}
.werk .cases dt{width:258px; float: right; clear: right; height: 31px; border-top:1px dotted #000;overflow:hidden; }
.werk .cases dt.first{border:0;}
.werk .cases dt a{border-bottom:1px solid #c86556; text-decoration:none;display:block;height:14px;line-height: 14px; margin:8px 0 8px 0; float: left;}
.werk .cases dd{ height:278px; position: absolute;  left: 20px; top: 20px; display: none;}
.werk .cases dd.active{display: block;}
.werk .cases dd span{position: absolute;left:50%; width:180px; height: 90px; margin-left: -90px; top: 50%; margin-top: -45px; color: #fff; text-align: center; line-height: 90px; display: none;background: url(../img/cases_meer_info.png) top left; text-decoration: none;}
.werk .cases .foot{float:left;width:950px;height:8px;background: url(../img/banner_bg.png) left -492px no-repeat;}

.werk .list li{clear:both;float: left; width: 444px; border-right:1px solid #d5d3d3;padding:0 30px 50px 0;}
.werk .list li.right{clear:none;border:0; border-left:1px solid #fff; padding:0 0 50px 30px;}
.werk .list .afbeelding{float: left; width: 112px;}
.werk .list .afbeelding .img{background:url(../img/werk_bg.jpg) left top no-repeat; padding:7px 2px 5px 2px; margin: 0 0 4px 0;}
.werk .list .afbeelding a{color:#ab7f81; font-size: 11px;}
.werk .list .description{float: left; width: 332px; color: #444;}
.werk .list h2{text-transform:uppercase;font-size:15px;line-height:15px;margin:0 0 10px 0;}
.werk .list .description p{margin-bottom:10px;}
.werk .list .description span{color:#777;font-style: italic;font-size: 11px;}

.werk .case{width:600px; float:left;  }
.werk .case h2{text-transform:uppercase;font-size:24px;margin: 0 0 20px 0}
.werk .rightcolumn{float:right;background: url(../img/rightcolomn_bg.jpg) left top no-repeat}
.werk .rightcolumn p{width:258px; margin:20px;}
.werk .rightcolumn ul{width:258px; margin:20px;}
.werk .rightcolumn li{border-bottom:1px dotted #000; height: 36px;}
.werk .rightcolumn li a{border-bottom:1px solid #c86556;text-decoration:none;display:block;height:14px;float:left;margin:11px 0 11px 0; line-height: 14px;}
.werk .rightcolumn li a:hover{color: #c86556;}
.werk .rightcolumn li.here a{color: #c86556;}
.werk .rightcolumn .foot{height:8px; background: url(../img/rightcolomn_bg.jpg) left -792px no-repeat}



/*over*/
.over .premainwrapper{background:#edebeb left top repeat-x;border-bottom:1px solid #E1E1E1;}

.over .left{float:left;width:250px;margin-right:25px;overflow:hidden;}
.over .left .secnav ul{border-top:1px solid #d5d3d3;}
.over .left .secnav ul#nav_sub {padding: 0; list-style: none; line-height: 0;border-bottom:1px solid #fff;overflow:hidden;border-top: 0;}
.over .left .secnav ul li.first{border-top:none;}
.over .left .secnav ul li {line-height:27px; padding: 2px 0 1px 0; width:250px; vertical-align: bottom; border-top:1px solid #fff;border-bottom:1px solid #d5d3d3;}
.over .left .secnav ul li.here {}
.over .left .secnav ul li a{display: block; font-weight: normal; margin:0 1px 0 0px;color: #000;}
.over .left .secnav ul li.here a{color:#C86556;margin:0 11px 0 0px;}
.over .left .secnav ul li .title{float: left;}
.over .left .secnav ul li .price{float: right;}
.over .left .ictgroup{margin:40px 0 30px 0; height: 224px;}
.over .left .ictgroup a{position: absolute; margin:0 0 0 -20px;}

.over .center{float:left;width:400px;overflow:hidden;}
.over .right{float:right;width:250px;overflow:hidden;}
.over .right .specialiteit {background: url(../img/telefoonnummer_bg.png) left top repeat-x;overflow:hidden;color:#fff;}
.over .right .specialiteit_foot {background: url(../img/telefoonnummer_bg.png) left bottom repeat-x;height:8px; line-height: 8px; font-size: 8px;}
.over .right .specialiteit .image {margin:10px 0 10px 14px;height:150px;width:218px;overflow:hidden;line-height:153px;border:1px solid #000;}
.over .right .specialiteit .image img {vertical-align: middle;}
.over .right .specialiteit h2{text-transform:uppercase;padding:20px 20px 10px 20px;}
.over .right .specialiteit h2 .cufon-vml {margin: 5px 0 4px 0;} 
.over .right .specialiteit p {padding:0 20px 10px 20px;font-size:11px}  
.over .right .specialiteit .button {float:left;margin:0 0 0 13px; background:url(../img/interface.png) -30px -136px no-repeat}
.over .right .specialiteit .button a {float:left;color:#fff;margin:0 0 0 40px;font-size:11px;text-decoration:none;width:180px;line-height:27px;background:url(../img/interface.png) -90px -136px no-repeat;}
.over .center .medewerkers .beschrijving{font-style: italic;}
.over .center .medewerkers ul{list-style-type: none; padding: 0; border-top: 1px solid #e1dddd; border-bottom: 1px solid #ffffff;}
.over .center .medewerkers ul li{border-bottom: 1px solid #e1dddd; border-top: 1px solid #ffffff; clear: both;}
.over .center .medewerkers ul li{font-size: 11px; overflow: auto; width: 100%;}
.over .center .medewerkers ul li a{color: #C86556;}
.over .center .medewerkers ul li .afbeeldingen{float: left; margin-top:4px; background:transparent url(../img/home_nieuwsbg.jpg) no-repeat scroll 0 0;}
.over .center .medewerkers ul li .afbeeldingen img{height:47px;margin:4px 4px 7px;width:66px; display: block;}
.over .center .medewerkers ul li .name{float: left; line-height: 64px; margin-left: 10px; width: 120px}
.over .center .medewerkers ul li .email{float: left; line-height: 64px; }
.over .nieuwsbrief {margin:30px 0 0 0;}

.over .center .medewerkers ul li .extracontent {display:none;}
.over .center .medewerkers ul li .extracontent img{float:left;border:1px solid #BDBDBD;margin:0 10px 10px 0;}
.over .center .medewerkers ul li.active .extracontent{display:block;border-top:1px dashed #BDBDBD;padding:10px 0 10px 0;}
.over .center .medewerkers ul li.active .extracontent em{font-weight:normal;}


/*contact*/
.contact .premainwrapper{background:#edebeb left top repeat-x;border-bottom:1px solid #E1E1E1;}
.contact .left {float:left;width:250px;margin-right:25px;overflow:hidden;}
.contact .center {float:left;width:400px;overflow:hidden;}
.contact .center select#website_select_top {float:right;}
.contact .center select#website_select_bottom {float:left;}
.contact .center .button {float:right;margin:0 0 0 6px; background:url(../img/interface.png) -30px -136px no-repeat}
.contact .center .button .berichticon { background:url(../img/interface.png) -398px -143px no-repeat;display:block;height:13px;width:15px;float:left;margin:7px 7px 0 7px;}
.contact .center .button a{float:left;color:#fff;margin:0 0 0 18px;font-size:11px;text-decoration:none;width:150px;line-height:27px;background:url(../img/interface.png) -120px -136px no-repeat;}
.contact .center h2 {margin:0 0 15px 0;}
.contact .center .map {border:1px solid #bebebe;margin:0 0 30px 0;width:398px;height:300px;}
.contact .center .contactform .labels{overflow: auto; width: 100%;}
.contact .center .contactform label.opties{float:left;display:block;font-weight:normal; white-space: nowrap;}
.contact .center table {width:100%}
.contact .center table td{vertical-align: top; padding-bottom: 18px;}
.contact .center table td em{font-size:11px;color:#666;}
.contact .center p {margin:0 0 20px 0;line-height:18px;}

.contact .right {float:right;width:250px;overflow:hidden;}

.contact .right .telefoon {background:url(../img/telefoonnummer_bg.png) left top no-repeat; padding: 35px 50px 0;}
.contact .right .telefoon_foot{height:8px;background:url(../img/telefoonnummer_bg.png) left bottom no-repeat}
.contact .right .telefoon li{padding:0 0 35px 0;}
.contact .right .telefoon li .nummer{font-size: 17px;color: #fff;font-weight: bold;}
.contact .right .telefoon li .site{font-size: 11px; color: #7b7b7b;}

.contact .openingstijden {background:url(../img/openingstijden_bg.png) left top no-repeat;margin:40px 0 0 0;padding:15px 15px 40px 15px;}
.contact .openingstijden_foot{height:8px;background:url(../img/openingstijden_bg.png) left bottom no-repeat}
.contact .openingstijden h2{margin:0 0 15px 0;}
.contact .openingstijden p{font-size: 11px; margin-top: 4px;}
.contact .openingstijden h3{font-size: 13px; margin-top: 40px;}
.contact .openingstijden ol{margin-top:10px;}
.contact .openingstijden li{height: 18px; line-height: 18px; border-top:1px solid #e1dfd2; padding: 0 3px; font-size: 11px; color: #666;}
.contact .openingstijden li.last{border-bottom:1px solid #e4e4e4;}
.contact .openingstijden li .day{float: left;}
.contact .openingstijden li .time{float: right;}
.contact .openingstijden h2{margin-bottom: 10px;}
.contact .openingstijden .telefoon{color: #666666; font-size: 11px; margin-top: 40px;}
.contact .openingstijden .telefoon div{font-size:16px; font-weight:bold; color: #000; font-size: 17px;}
.contact .premainwrapper .input {float:right;padding:0 5px 0 0; background:url(../img/interface.png) -268px -87px; margin: 0 0 10px 0;}
.contact .premainwrapper .input input{float:left;color:#666;font-size:11px;width:260px;border:0; height:13px; padding:8px 2px 8px 5px;background:url(../img/interface.png) -30px -87px no-repeat;}



/*nieuws*/
.nieuws .bericht{width:580px; float:left; padding: 34px; border:1px solid #e1e1e1; background: #f8f6f7;}
.nieuws .rightcolumn{float:right;padding:0 0 0 30px;width:270px; font-size: 11px; line-height: 17px;}
.nieuws .rightcolumn h2{margin-bottom: 20px;}
.nieuws .rightcolumn ol{overflow: hidden;}
.nieuws .rightcolumn ol li{height: 17px;}
.nieuws .rightcolumn ol a{color: #ff790a;float: left; display: block;}
.nieuws .rightcolumn ol .date{color: #828282; float: left; display: block; width:43px;}
.nieuws .rightcolumn ul.pagination{width: inherit; text-align: left;}
.nieuws .rightcolumn ul li a{display: none;}
.nieuws .rightcolumn ul li.next a{background:transparent url(../img/interface.png) no-repeat scroll -392px -387px;display:block;float:left;height:19px;margin:0 3px 0 0;padding:0 0 0 24px; line-height:19px;}
.nieuws .rightcolumn ul li.previous a{background:transparent url(../img/interface.png) no-repeat scroll -474px -387px;display:block;float:right;height:19px; line-height:19px;margin:0 0 0 3px;padding:0 24px 0 0; width: 96px; text-align: right;}
.nieuws .rightcolumn ul li.next.disabled a{background-position: -392px -412px;}
.nieuws .rightcolumn ul li.previous.disabled a{background-position: -474px -412px;}
.nieuws .bericht ul.pagination{width: inherit; text-align: left;}
.nieuws .bericht ul li a{display: none;}
.nieuws .bericht ul li.previous a{background:transparent url(../img/interface.png) no-repeat scroll -321px -436px;display:block;float:left;height:19px;margin:0 3px 0 0;padding:0 0 0 24px; line-height:19px;}
.nieuws .bericht ul li.next a{background:transparent url(../img/interface.png) no-repeat scroll -343px -436px;display:block;float:right;height:19px; line-height:19px;margin:0 0 0 3px;padding:0 24px 0 0; width: 226px; text-align: right;}
.nieuws .bericht ul li.next.disabled a{background-position: -392px -412px;}
.nieuws .bericht ul li.previous.disabled a{background-position: -474px -412px;}

.page404 .bericht{width:880px; float:left; padding: 34px; border:1px solid #e1e1e1; background: #f8f6f7;}
.page404 .bericht h2{margin:0 0 20px 0;}
.page404 .bericht dt{line-height:18px;font-size:12px;}
.page404 .bericht ul{list-style-position:outside;list-style-type:disc;margin-bottom:10px;}
.page404 .bericht li{line-height:18px;font-size:12px;margin:0 0 0 13px;font-style:italic}


/*zoeken*/

.zoeken .body1{padding:30px 0 60px 0}

.zoeken .editor-button{display: none;}
.zoeken .results{position:relative;}
.zoeken .results a.tab {font-size:11px; text-decoration:none;float:left;line-height:32px;background:#fff;color:#000; font-weight:bold; padding:0 19px 0 19px;margin:0 1px 0 0;border: 1px solid #e1e1e1;border:1px 1px 0 1px;}
.zoeken .results a.tab:hover{text-decoration: underline;}
.zoeken .results a.tab.active:hover{text-decoration: none;}
.zoeken .results a.active {border:0;padding:0 20px 0 20px;line-height:34px;color:#fff;background: url(../img/interface.png) -20px -297px no-repeat;}
.zoeken .results .aantal_resultaten{color: #333333; line-height: 34px; float: right;}
.zoeken .results .aantal_resultaten span{font-style: italic; font-weight: bold;}
.zoeken .results .content {clear:both;border-top:3px solid #000;padding:0 0 20px 0;}
.zoeken .results .content.active{display:block;}
.zoeken .results .content h2{margin:50px 0 10px 0;}
.zoeken .results .content .diensten ul, .zoeken .results .content .cases ul,.zoeken .results .content .paginas ul,.zoeken .results .content .nieuwsberichten ul,.zoeken .results .content .zoekresults_vacatures_block ul{border-bottom:1px solid #fff;border-top:1px solid #e1dddd;}
.zoeken .results .content .diensten li, .zoeken .results .content .cases li,.zoeken .results .content .paginas li,.zoeken .results .content .nieuwsberichten li,.zoeken .results .content .zoekresults_vacatures_block li{border-top:1px solid #fff;border-bottom:1px solid #e1dddd;overflow:hidden; width: 100%; vertical-align: bottom;}
.zoeken .results .content .diensten div, .zoeken .results .content .cases div,.zoeken .results .content .paginas div,.zoeken .results .content .nieuwsberichten div,.zoeken .results .content .zoekresults_vacatures_block div{height:60px;float:left}
.zoeken .results .content .diensten div.bericht, .zoeken .results .content .cases div.bericht,.zoeken .results .content .paginas div.bericht,.zoeken .results .content .nieuwsberichten div.bericht,.zoeken .results .content .zoekresults_vacatures_block div.bericht{width:60%;padding-top:6px;height:54px}
.zoeken .results .content .diensten div.count, .zoeken .results .content .cases div.count,.zoeken .results .content .paginas div.count,.zoeken .results .content .nieuwsberichten div.count,.zoeken .results .content .zoekresults_vacatures_block div.count{width:20%;text-align:right;line-height:60px;}
.zoeken .results .content .diensten div.link, .zoeken .results .content .cases div.link,.zoeken .results .content .paginas div.link,.zoeken .results .content .nieuwsberichten div.link,.zoeken .results .content .zoekresults_vacatures_block div.link{width:20%;text-align: right;line-height:60px;}
.zoeken .results .content .diensten div.link a, .zoeken .results .content .cases div.link a,.zoeken .results .content .paginas div.link a,.zoeken .results .content .nieuwsberichten div.link a,.zoeken .results .content .zoekresults_vacatures_block div.link a{color:#c25140;}

.zoeken .results .content .medewerkers ul{border-bottom:1px solid #fff;border-top:1px solid #e1dddd;overflow:hidden;margin-bottom:20px;}
.zoeken .results .content .medewerkers li{border-top:1px solid #fff;border-bottom:1px solid #e1dddd;overflow:hidden;}
.zoeken .results .content .medewerkers div{height:60px;float:left}
.zoeken .results .content .medewerkers div.foto{width:10%;margin-top:4px; line-height: 64px; background:transparent url(../img/home_nieuwsbg.jpg) no-repeat scroll 0 0;}
.zoeken .results .content .medewerkers div.foto img{height:47px;margin:4px 4px 7px;width:66px;}
.zoeken .results .content .medewerkers div.naam{width:27%;text-align:center;line-height:60px;}
.zoeken .results .content .medewerkers div.email{text-align: left;line-height:60px;width:33%}
.zoeken .results .content .medewerkers div.link{text-align: right;line-height:60px;width:30%}
.zoeken .results .content .medewerkers div.link a{color:#ff790a;}



/********************************************************************************************************/
/**************************************************[ Blocks ]********************************************/
/********************************************************************************************************/


/*Nieuwsbrief*/
.nieuwsbrief {display: block; float: right ;width: 300px; margin:0; border-bottom:1px solid #d6d6d6; padding:0 0 16px 10px;}
.nieuwsbrief h2 {line-height:24px;margin:12px 0 25px 0;}
.nieuwsbrief p{color:#666;line-height:16px;font-size:11px;margin:0 0 12px 0;}
.nieuwsbrief form .input {float:left;margin:5px 0 0 0;padding:0 5px 0 0; background:url(../img/interface.png) -352px -87px;}
.nieuwsbrief form .input input{float:left;color:#888;font-size:11px;width:176px;border:0; height:13px; padding:8px 2px 8px 5px;background:url(../img/interface.png) -30px -87px no-repeat;}
.nieuwsbrief form .button {float:left;margin:6px 0 0 6px; background:url(../img/interface.png) -30px -136px no-repeat}
.nieuwsbrief form .button a{float:left;color:#fff;margin:0 0 0 6px;font-size:11px;text-decoration:none;width:73px;line-height:27px;background:url(../img/interface.png) -197px -136px no-repeat;}
.nieuwsbrief form .button .zoekicon { background:url(../img/interface.png) -368px -143px no-repeat;display:block;height:13px;width:13px;float:left;margin:7px;}

.nieuwsbrief form .button.disabled{background-position: -30px -163px !important;}
.nieuwsbrief form .button.disabled a{background-position: -197px -163px !important;}
.nieuwsbrief form .button.disabled .zoekicon{background-position: -368px -170px !important;}
.nieuwsbrief form label{background: none; font-weight: normal; font-size: 11px; color: #c96f6a; position: absolute; left: 0; top: -32px; padding: 0; width: 300px}
.nieuwsbrief form label.succes{color:#666;}
.nieuwsbrief form label.start{color:#666;}

.nieuwsbrief.small{width: 250px;padding: 0; border: 0;}
.nieuwsbrief.small form label{width: 250px;}
.nieuwsbrief.small form .input{background-position: -334px -87px;}
.nieuwsbrief.small form .input input{width: 194px}
.nieuwsbrief.small form .button{background-position: -330px -390px; width: 38px;height: 32px; margin-top: 4px;}
.nieuwsbrief.small form .button .zoekicon{display: none;}
.nieuwsbrief.small form .button a{display: none;}
.nieuwsbrief.small form .button{background: url(../img/interface.png) -330px  -500px no-repeat;}

/*vacatures_block*/
.vacatures_block{background:#fff;border:1px solid #e1e1e1;margin:40px 0 0 0;padding:15px 13px 15px 13px;}
.vacatures_block h2{margin:0 0 15px 0;}
.vacatures_block h2 a{text-decoration: none;}
.vacatures_block p{margin:0 0 10px 0;font-size:11px;}
.vacatures_block a.extralink{font-size:11px; color: #a4787e;}
.contact .vacatures_block{margin:0;}


/*body2 elementen*/
.row{overflow: hidden; width: 100%;}
.row strong{color:#aaa;}

.caseblockleft{position:relative; float: left; width: 298px; margin:0 28px 40px 0; }
.caseblockleft p {color:#666;font-size:11px;text-align:justify;}
.caseblockleft p a, .caseblockleft h2 a{position:relative;color:#fff;}
.caseblockleft a{position:absolute;bottom:0;right:0;}
.caseblockleft a:hover{text-decoration: none;}
.caseblockleft img{float:left;margin:0 20px 10px 0;border:1px solid #fff;}
.caseblockleft h2{margin:0 0 16px 0;color:#fff;text-transform:uppercase;display:inline}

.caseblockcenter{position:relative; float: left; width: 298px; margin: 0 0 40px 0;}
.caseblockcenter p {color:#666;font-size:11px;text-align:justify;}
.caseblockcenter p a, .caseblockcenter h2 a{position:relative;color:#fff;}
.caseblockcenter a{position:absolute;bottom:0;right:0;}
.caseblockcenter a:hover{text-decoration: none;}
.caseblockcenter img{float:left;margin:0 20px 10px 0;border:1px solid #fff;}
.caseblockcenter h2{margin:0 0 16px 0;color:#fff;text-transform:uppercase;display:inline}

.caseblockright{position:relative; float: right; width: 298px; margin:0 0 40px 0;}
.caseblockright p {color:#666;font-size:11px;text-align:justify;}
.caseblockright p a, .caseblockright h2 a{position:relative;color:#fff;}
.caseblockright a{position:absolute;bottom:0;right:0;}
.caseblockright a:hover{text-decoration: none;}
.caseblockright img{float:left;margin:0 20px 10px 0;border:1px solid #fff;}
.caseblockright h2{margin:0 0 16px 0;color:#fff;text-transform:uppercase;display:inline}

.logos {position:relative; float: left ;width: 276px; border:1px solid #242424; margin:0 28px 0 0;padding:10px 0 0 20px;}
.logos img{float:left;margin:0 20px 10px 0;}

.contentblockbelow {position:relative; float: left ;width: 300px;}
.contentblockbelow p {color:#666;font-size:11px;text-align:justify;}
.contentblockbelow p a{position:inherit;color:#fff;}
.contentblockbelow a{position:absolute;bottom:0;right:0;}
.contentblockbelow img{float:left;margin:0 20px 10px 0;}
.contentblockbelow h2{margin:0 0 7px 0;color:#fff;text-transform:uppercase;}


/*Nieuwsbrief*/
.domaincheck {display: block; float: right ;width: 256px; border:1px solid #242424;padding:20px}
.domaincheck h2 {line-height:24px;margin:12px 0 25px 0; color:#fff;text-transform:uppercase;}
.domaincheck p{color:#666;line-height:16px;font-size:11px;margin:0 0 12px 0;}
.domaincheck .button{background-position: -330px -390px; width: 38px;height: 32px}
.domaincheck .button .zoekicon{display: none;}
.domaincheck .button a{display: none;}
.domaincheck form label{background: none; font-weight: normal; font-size: 11px; color: #c96f6a; position: absolute; left: 0; top: -32px; padding: 0; width: 300px}
.domaincheck form label.succes{color:#666;}
.domaincheck form label.start{color:#666;}



/********************************************************************************************************/
/**************************************************[ Footer ]********************************************/
/********************************************************************************************************/

.footer {padding:40px 0 30px 0;  overflow: hidden; width: 100%;}
.footer #sitemap{position:relative; float: left ;width: 620px; height: 260px;}
.footer #sitemap a.tab {font-size:11px; text-decoration:none;float:left;line-height:33px;background:#fff;color:#aaa;padding:0 19px 0 19px;}
.footer #sitemap a.tab:hover{text-decoration: underline;}
.footer #sitemap a.tab.active:hover{text-decoration: none;}
.footer #sitemap a.active {border:0;padding:0 20px 0 20px;line-height:33px;color:#fff;background: url(../img/interface.png) -20px -297px no-repeat;}
.footer #sitemap .content {position:absolute;left:0;top:0;margin-top:33px;display:none;border-top:3px solid #000;padding:20px; width:580px; height:180px; overflow: hidden;}
.footer #sitemap .content.active{display:block;}
.footer #sitemap .content ul{float:left; overflow: hidden;}
.footer #sitemap .content ul h4 {font-size:11px;font-weight:bold;}
.footer #sitemap .content ul li {}
.footer #sitemap .content ul li a {font-size:11px;color:#dfd2d5;text-decoration:none;line-height:16px;}
.footer #sitemap .content ul li a:hover {text-decoration:underline;}

.footer .contact{float: right ;width: 255px; height:240px; padding:20px 15px 0;background:url(../img/footer_contact_bg.png) left top no-repeat;}
.footer .contactfoot{height:8px;width:285px;float:right;background:url(../img/footer_contact_bg.png) left bottom no-repeat;}
.footer .contact li{height: 18px; line-height: 18px; border-top:1px solid #ab908d; padding: 0 3px; font-size: 11px; color: #fff;}
.footer .contact li.last{border-bottom:1px solid #ab908d;}
.footer .contact li.even{}
.footer .contact li .day{float: left;}
.footer .contact li .time{float: right;}
.footer .contact h2{margin-bottom: 10px;text-transform: uppercase}
.footer .contact .telefoon{color: #fff; font-size: 11px; margin-top: 40px;}
.footer .contact .telefoon div{font-size:16px; font-weight:bold; color: #000; font-size: 17px;}

.footer .foot{float:left; width: 100%; margin-top:20px; line-height:40px; border-top:5px solid #b5939d; font-size: 11px; color: #f5e8e8}
.footer .foot ul{display: inline; margin:0; padding:0;}
.footer .foot ul li{display: inline; margin:0; padding: 0 9px 0 6px;  border-right: 1px solid #f5e8e8;}
.footer .foot ul li.last{border:0;}
.footer .foot ul li a{color: #000;}
.footer .foot .small-logos{float:right;overflow:hidden;width:80px;padding:13px 0 0 0;}
.footer .foot img{float: left;margin-left:8px;}




/********************************************************************************************************/
/*************************************[ jQuery.Rating Plugin CSS ]***************************************/
/********************************************************************************************************/
div.rating-cancel,div.star-rating{float:left;width:20px;height:17px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../img/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../img/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -17px!important}
div.star-rating-hover a{background-position:0 -34px}
div.star-rating-readonly a{cursor:default !important}
div.star-rating{background:transparent!important;overflow:hidden!important}