/********************************************************************************************************/
/***********************************************[ 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;}


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

.topnavwrapper{background: #000;}
.headwrapper{ background: #36659d url(../img/body1_bg1.gif) center top repeat-x;}
.premainwrapper{ background: #143d6e url(../img/body1_bg1.gif) center -105px repeat-x;}
.mainwrapper{ background: #eef7fc;}
.footerwrapper{ background: #f7fbfe; border-top:1px solid #fff}
.wrapper{width: 950px; margin:0 auto;}


/********************************************************************************************************/
/***********************************************[ Global ]***********************************************/
/********************************************************************************************************/

/*pagination*/
.pagination {line-height:22px;float: left; width: 620px; overflow:hidden; margin:25px 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.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;}

.body2 .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;}
.body2 .pagination .pages a.eerste.disabled{background-position: -442px -335px;}
.body2 .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;}
.body2 .pagination .pages a.vorige.disabled{background-position: -464px -335px;}
.body2 .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;}
.body2 .pagination .pages a.volgende.disabled{background-position: -486px -335px;}
.body2 .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;}
.body2 .pagination .pages a.laatste.disabled{background-position: -508px -335px;}


.textarea {position: relative; margin:25px 7px 25px 7px;}
.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:#fff;font-family:"arial";font-size:12px;height: 100%; width:100%; border: 0; z-index: 1000; margin:0;background:url(../img/textarea_bg.png) left top repeat; 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 30px 0;  overflow: hidden; width: 100%;}
p, h1,h2,h3,h4,h5,h6 {font-family:"Arial","Helvetica","Sans-serif";}
h2 {font-size:16px; line-height: 24px;font-weight:bold;}
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 -87px; 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 -87px 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;color:#fff;}
.tekst ul{padding:0 0 0 30px; list-style-type: disc; margin:0 0 18px 0; line-height: 18px;}
.tekst li{color:#fff;}
.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; color:#fff;}
.tekst ol li div{font-size: 12px;}
.tekst .leesmeer{margin:-18px 0 18px; text-align: right;}
.tekst .leesmeer a{}

.cursussen .tekst,
.cursussen .tekst p,
.cursussen .tekst ol li,
.cursussen .tekst ul li,
.diensten .tekst ul li,
.diensten .tekst ol li,
.diensten .tekst,
.diensten .tekst p{color:#000;}

/* tooltip mouse label easytooltip hover*/
#tooltip{padding:10px;color:#fff;background:#000;margin-right:20px;width:200px}

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



/********************************************************************************************************/
/***************************************************[ 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.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; height:13px;width:13px;float:left;margin:7px 7px 0 14px; display: inline;}
.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:54px 0 0 0;}
.header h1 a{display:block;text-indent:-9999px; color: #222; text-decoration: none; line-height: 51px; width:152px;background: url(../img/supernav.gif) 0 -14px no-repeat;}
#supernav{padding: 0 0 0 20px; float:right; margin:60px 0 0 0;}
#supernav ul {padding: 0 10 0 0; list-style: none;float:left;}
#supernav ul li {float: left; width: auto; background: url(../img/supernav.gif) -167px 0 no-repeat; padding: 0 0 0 5px; margin: 0 10px 0 0;}
#supernav ul a {display: block; width: auto; text-decoration: none; line-height: 30px;padding:4px 28px 4px 23px; background: url(../img/supernav.gif) right 0 no-repeat; font-size:14px; font-weight:bold;color:#000;}
#supernav ul li.here{background-position: -167px -42px;}
#supernav ul li.here a{background-position: right -42px; color: #fff;}
#supernav ul li.last {margin:0; }

/********************************************************************************************************/
/************************************************[ Paginas ]*********************************************/
/********************************************************************************************************/
/*voorpagina*/
.voorpagina .cursussen {width:100%;overflow:hidden;}
.voorpagina .cursussen .cursuscategorie{float: left; position: relative; width:216px;}
.voorpagina .cursussen .cursuscategorie li{margin:0 0 5px 0;}
.voorpagina .cursussen .cursuscategorie li a.loading{}
.voorpagina .cursussen .cursuscategorie li a{display: block; width: 191px; padding: 11px 0 11px 9px; color: #000; font-size: 11px; text-decoration: none; background: #fff url(../img/interface.png) -620px -19px no-repeat; line-height: 18px; height: 18px;}
.voorpagina .cursussen .cursuscategorie li a img{vertical-align: text-bottom; margin:0 5px;}
.voorpagina .cursussen .cursuscategorie li.first.here a{width: 212px;background: #fff url(../img/interface.png) -620px -79px no-repeat}
.voorpagina .cursussen .cursuscategorie li.here a{width: 197px;background: #fff url(../img/interface.png) -878px -79px no-repeat}


.voorpagina .cursussen .right{float: right;position: relative; margin:0 0 0 -20px;}
.voorpagina .cursussen .right .content{width:676px; padding:20px 34px 20px 33px; overflow:hidden;background-color:#f4fafd;border-left:1px solid #d7e5ef;border-right:1px solid #d7e5ef;}
.voorpagina .cursussen .right .top{background: #fff url(../img/interface.png) -620px -139px no-repeat;height:8px; line-height: 4px; font-size: 4px;width:678px; padding:0 34px 0 33px;}
.voorpagina .cursussen .right .foot{position:absolute:bottom:0;background: #fff url(../img/interface.png) -619px -172px no-repeat;height:8px; line-height: 4px; font-size: 4px;width:678px; padding:0 34px 0 33px;}
.voorpagina .cursussen .omschrijving{width:380px; float: left;}
.voorpagina .cursussen .logo{text-align:center;margin:10px 0 0 0; clear:  both; height:88px;}
.voorpagina .cursussen .logo img{ display:none;}


.voorpagina .cursussen .rightcolumn{width: 267px; float: right;}
.voorpagina .cursussen .informatie{height: 204px; padding: 22px 40px 0; background: transparent url(../img/interface.png) -630px -200px;overflow:hidden;}
.voorpagina .cursussen .informatie h3{font-size: 16px; color: #693f1c;}
.voorpagina .cursussen .informatie ul{position:relative;padding: 18px 0 18px 0; width: 100%; overflow: hidden;}
.voorpagina .cursussen .informatie .soort{float: left; clear: both; color: #9a7b61;}
.voorpagina .cursussen .informatie .waarde{float: right; color: #9a7b61;}
.voorpagina .cursussen .informatie .waarde.nietgepland{color:#ca0000;cursor: pointer}
.voorpagina .cursussen .informatie .waarde.nietgepland a{color:#ca0000;text-decoration:none;cursor: pointer}

.voorpagina .informatie .button {cursor:pointer;float:left;margin:0 0 0 0; background:url(../img/interface.png) -309px -238px  no-repeat}
.voorpagina .informatie .button span.icon {background:url(../img/interface.png) -208px -246px no-repeat;display:block;height:13px;width:13px;float:left;margin:7px 0px 0 50px;display:inline;}
.voorpagina .informatie .button a{float:left;color:#fff;margin:0 0 0 10px;font-size:11px;text-decoration:none;width:114px;line-height:29px;background:url(../img/interface.png) -435px -238px no-repeat;}

.voorpagina .cursussen #cursuscontent .cursus{display: none;}
.voorpagina .cursussen #cursuscontent .cursus.active{display: block;}
.voorpagina .cursussentabs{border-bottom: 3px solid #000; width: 100%; overflow: hidden;margin: 0 0 30px 0}
.voorpagina .cursussentabs a {font-size:11px; text-decoration:none;float:left;line-height:32px;color:#1fcced;padding:0 19px 0 19px;margin:0 1px 0 0;text-decoration: underline;}
.voorpagina .cursussentabs a:hover{text-decoration: none;}
.voorpagina .cursussentabs a.active:hover{text-decoration: none;}
.voorpagina .cursussentabs a.active {padding:0 20px 0 20px;line-height:33px;color:#fff;background: url(../img/interface.png) -20px -297px no-repeat; text-decoration: none;}
.voorpagina .imageviewer {position:relative;width:629px;height:266px;float:left;overflow:hidden}
.voorpagina .imageviewer dt{z-index:100;cursor:pointer;position:absolute;height:22px;}
.voorpagina .imageviewer dt span{display: none;}
.voorpagina .imageviewer dd a.url {text-indent:-3000px;position:absolute;height:22px;left:400px;top:30px;height:22px;width:200px;}
.voorpagina .imageviewer dd{position: absolute; left: 0; top: 0; display: none;height:266px; z-index: 90;}
.voorpagina .imageviewer dd .introtekst{position:absolute;font-size:11px;color:#fff;display:block}
.voorpagina .imageviewer dd.active{display:block;color:#000}
.voorpagina .imageviewer .introtekst{line-height:17px;}


/*diensten*/
.diensten p{margin:0 0 18px 0; line-height: 18px;}
.diensten .dienst{width:580px; float:left; padding: 35px 35px 100px 35px; background: #fff;}
.diensten .dienst h2{margin:0 0 15px 0}
.diensten .dienst img{float: right; margin: 0 0 6px 6px;}
.diensten .rightcolumn{float: right; width: 275px;}
.diensten .foot{height:8px;background: url(../img/rightcolumn_bg.png) left bottom no-repeat; line-height: 6px; font-size: 6px; }
.diensten .rightcolumn .content{padding:10px 0 2px 0;background: url(../img/rightcolumn_bg.png) left top no-repeat;}
.diensten .rightcolumn ul{margin:20px;border-top:1px dotted #1d3a5a;border-bottom:1px dotted #6f90b6;}
.diensten .rightcolumn li{line-height:32px;border-top:1px dotted #6f90b6;border-bottom:1px dotted #1d3a5a; vertical-align: bottom;}
.diensten .rightcolumn li.here{background: url(../img/interface.png) -646px -449px no-repeat;}
.diensten .rightcolumn li.here a{text-decoration:none;padding:0 10px 0 20px}
.diensten .rightcolumn li a{color:#fff;font-size:11px;display:block;padding:0 10px;}

.inschrijven .body1 .pagination{width:100%}
.inschrijven .body1 .pagination ul.pagination{float:right;margin:0;width:auto;overflow: visible;}
.inschrijven .body1 .pagination ul.pagination li{float: left;}
.inschrijven .body1 .pagination ul.pagination li a{padding:0 3px;text-decoration: none;}
.inschrijven .body1 .pagination ul.pagination .page_total{right:375px;position:absolute;text-align:center;top:0;width:200px;}
.inschrijven .body1 .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;}
.inschrijven .body1 .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;}
.inschrijven .body1 .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;}
.inschrijven .body1 .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;}
.inschrijven .body1 .pagination ul.pagination .previous.disabled a{background-position: -464px -305px;}
.inschrijven .body1 .pagination ul.pagination .next.disabled a{background-position: -486px -305px;}
.inschrijven .body1 .pagination ul.pagination .end.disabled a{background-position: -508px -305px;}
.inschrijven .body1 .pagination ul.pagination .beginning.disabled a{background-position: -442px -305px;}
.inschrijven .headers {float:left;padding:0 0 0 90px}
.inschrijven .headers div{line-height:20px;float:left;color:#000;font-weight:bold;font-size:11px}
.inschrijven .headers div.cursus{margin:0 240px 0 0}
.inschrijven .headers div.wanneer{margin:0 55px 0 0}
.inschrijven .headers div.duur{margin:0 30px 0 0}
.inschrijven .headers div.bijeenkomsten{margin:0 20px 0 0}
.inschrijven .headers div.prijs{margin:0 55px 0 0}
.inschrijven .headers div.beschikbaarheid{margin:0 10px 0 0}
.inschrijven .headers div.inschrijven{margin:0 10px 0 0}
.inschrijven .grid {width: 100%; float: left;margin:10px 0 0 0;overflow:hidden;}
.inschrijven .grid li{margin:0 0 1px 0;width:100%;overflow:hidden;}
.inschrijven .grid li h3{float:left;}
.inschrijven .grid li .content{background: url(../img/li_bg.png) left -8px no-repeat;overflow:hidden;width:100%;}
.inschrijven .grid li .top{font-size:1px; line-height:1px; display:block;height:6px;background: url(../img/li_bg.png) left top no-repeat;}
.inschrijven .grid li .foot{clear:both;font-size:1px;line-height:1px; display:block;height:6px;background: url(../img/li_bg.png) left bottom no-repeat;}
.inschrijven .grid span{float:left;display:block;font-size:11px;font-weight:bold; white-space:  nowrap;}
.inschrijven .grid span span{float:none;color:#999;font-weight:normal;}
.inschrijven .grid span.afbeelding {display:block;padding:0 30px 0 10px; height:48px;width:50px;overflow:hidden;text-align:center;line-height:48px;}
.inschrijven .grid span.afbeelding img{vertical-align: middle;}
.inschrijven .grid span.cursus{width:250px;margin:6px 30px 0 0}
.inschrijven .grid span.wanneer{width:70px;margin:6px 30px 0 0}
.inschrijven .grid span.duur{width:50px;line-height:48px;margin:0 20px 0 0}
.inschrijven .grid span.bijeenkomsten{width:50px;line-height:48px;margin:0 35px 0 0}
.inschrijven .grid span.prijs{width:50px;line-height:48px;margin:0 30px 0 0}
.inschrijven .grid span.beschikbaarheid{width:100px;line-height:48px;margin:0 0 0 0}

.inschrijven .grid a.inschrijven{position:relative; color:#11c1e4;font-weight:normal; float:  right; display: inline; font-size:11px;font-weight:bold; white-space:  nowrap; line-height: 18px; margin: 13px 20px 0 0; padding: 0 25px 0 0; }
.inschrijven .grid a.inschrijven .icon{background:transparent url(../img/interface.png) no-repeat scroll -522px -140px; position: absolute; right: 0; top: 0; display: block; height: 21px; width: 21px;}
/**/

.inschrijven .cursusoverzicht {width:580px; float:left; padding: 35px 35px 100px 35px; background: #fff; }
.inschrijven .cursusoverzicht .afbeelding{float:left;height:40px;width:40px; margin-right:10px; line-height:40px;overflow:hidden;text-align:center;margin-top: 4px;}
.inschrijven .cursusoverzicht .afbeelding img{vertical-align: middle;}
.inschrijven .cursusoverzicht h2{margin:0}
.inschrijven .cursusoverzicht h3{margin:0 0 25px 0;font-size:16px;color:#153e6f}
.inschrijven .cursusoverzicht p{margin:0 0 15px 0;}
.inschrijven .cursusoverzicht .form{position:relative; margin:60px 0 0 0; background-color: #f4f4f4; border:1px solid #e4e4e4; padding:20px;}
.inschrijven .cursusoverzicht .form h2{margin:0 0 15px 0}
.inschrijven .cursusoverzicht .form .info{border-bottom:1px dashed #999;margin:0 0 30px 0;padding:0 0 30px 0;color:#777;}
.inschrijven .cursusoverzicht .form .input {float:left;padding:0 5px 0 0; background:url(../img/interface.png) -328px -200px; margin: 0 0 10px 0;}

.inschrijven .cursusoverzicht form{zoom:1;}
.inschrijven .cursusoverzicht .form .input input{float:left;color:#999;font-size:11px;width:200px;border:0; height:13px; padding:8px 2px 8px 5px;background:url(../img/interface.png) -30px -200px no-repeat;}

.inschrijven .cursusoverzicht .form label{width:100px;display:block;float:left;line-height:27px;font-weight:bold;padding:0 20px 0 3px;}
.inschrijven .cursusoverzicht .form 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}

.inschrijven .cursusoverzicht .form .bottomright{float:right;margin:-78px 0 0 0; width: 185px;} 

.inschrijven .cursusoverzicht .form .label{padding:0 20px 0 0;width:300px;font-weight:normal; float: left; margin:30px 0 0 0; line-height: 22px;}
.inschrijven .cursusoverzicht .form .label div{position: relative;}
.inschrijven .cursusoverzicht .form .label 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}
.inschrijven .cursusoverzicht .form .label a{color:#11c1e4;}
.inschrijven .cursusoverzicht .form .label label{display:inline;width:auto;padding:0 5px 0 0; line-height: 22px; text-align:left;font-weight:normal;display:inline;width:auto;padding-right:5px;}


.inschrijven .cursusoverzicht .form .button {cursor:pointer;margin:42px 0 0 0; background:url(../img/interface.png) -309px -238px no-repeat;
float: right; position: relative;}

.inschrijven .cursusoverzicht .form .button span.icon {background:url(../img/interface.png) -208px -246px no-repeat; position: absolute; height:13px;width:13px;float:left; top: 8px; left: 13px; display:inline;}

.inschrijven .cursusoverzicht .form .button a{float:none; color:#fff;margin:0 0 0 36px;font-size:11px;text-decoration:none;width:152px;line-height:29px;background:url(../img/interface.png) -397px -238px no-repeat; display: block;}



.inschrijven .cursusoverzicht .form .info ul{position:relative;padding: 18px 0 18px 0; width: 500px; overflow: hidden;}
.inschrijven .cursusoverzicht .form .info .soort{float: left; clear: both; color: #000;font-weight:bold;}
.inschrijven .cursusoverzicht .form .info .waarde{display:block;float: right; color: #999;width:300px;text-align:left;overflow:hidden;}

.inschrijven .cursusoverzicht .form .inputklein {position:relative;float:right;padding:0 5px 0 0; background:url(../img/interface.png) -478px -200px; margin: 0 0 10px 0;}
.inschrijven .cursusoverzicht .form .inputklein input{float:left;color:#999;font-size:11px;width:50px;border:0; height:13px; padding:8px 2px 8px 5px;background:url(../img/interface.png) -30px -200px no-repeat;}


/*over*/
.over .left{float:left;width:250px;margin-right:25px;overflow:hidden;}
.over .left .secnav { background: url(../img/interface_transparent.gif) -10px -11px no-repeat;}
.over .left .secnav ul {padding: 0; list-style: none; line-height: 0;}
.over .left .secnav ul li {line-height:28px; padding: 2px 0 1px 0; margin: 0 0 1px 0; width:250px; }
.over .left .secnav ul li.here{background: url(../img/interface_transparent.gif) -292px -9px no-repeat;}
.over .left .secnav ul li a{display: block; font-weight: normal; margin:0 1px 0 13px;color: #000; text-decoration: none;}
.over .left .secnav ul li.here a{color:#fff;margin:0 11px 0 23px;}
.over .left .secnav ul li .title{float: left;}
.over .left .secnav ul li .price{float: right;}
.over .left .ictgroup{margin:30px 0 20px 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 .medewerkers {background:#f9f7ea;border:1px solid #e1e1e1;overflow:hidden;padding:10px 0 20px 0;}
.over .right .medewerkers .image {margin:10px 0 10px 14px;height:150px;width:218px;overflow:hidden;line-height:153px;border:1px solid #000;}
.over .right .medewerkers .image img {vertical-align: middle;}
.over .right .medewerkers p {padding:0 13px 10px 13px;}  
.over .right .medewerkers .button {float:left;margin:0 0 0 13px; background:url(../img/interface.png) -30px -136px no-repeat}
.over .right .medewerkers .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; height: 64px;}
.over .center .medewerkers ul li a{color: #ff790a;}
.over .center .medewerkers ul li .afbeeldingen{float: left; margin-top:4px; line-height: 64px; 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;}
.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;}

/*contact*/

.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;color:#c3d2e3; border: 0;}
.contact .center table td em{font-size:11px;color:#c3d2e3;}
.contact .center p {margin:0 0 20px 0;line-height:18px;color:#c3d2e3;}
.contact .right {float:right;width:250px;overflow:hidden;}
.contact .right .telefoon {background: url(../img/interface.png) -1405px -19px no-repeat; padding: 35px 50px 0;}
.contact .right .telefoonfoot {background: url(../img/interface.png) -1405px -361px no-repeat; height:8px;}
.contact .right .telefoon li{padding:0 0 35px 0;}
.contact .right .telefoon li .nummer{font-size: 17px;color: #000;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 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 #2c5687; padding: 0 3px; font-size: 11px; color: #fff;}
.contact .openingstijden li.last{border-bottom:1px solid #2c5687;}
.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 .input {float:right;padding:0 5px 0 0; background:url(../img/interface.png) -268px -87px; margin: 0 0 10px 0;}
.contact .input input{float:left;color:#fff;font-size:11px;width:260px;border:0; height:13px; padding:8px 2px 8px 5px;background:url(../img/interface.png) -30px -87px no-repeat;}
.contact .openingstijdenfoot {background:url(../img/openingstijden_bg.png) left bottom no-repeat;height:8px}
.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 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:32px;color:#fff;background: url(../img/interface.png) -20px -297px no-repeat;}
.zoeken .results .aantal_resultaten{color: #333333; line-height: 32px; 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 .paginas ul, .zoeken .results .content .nieuwsberichten ul, .zoeken .results .content .diensten ul{border-bottom:1px solid #38608f;border-top:1px solid #122d4c;}
.zoeken .results .content .paginas li, .zoeken .results .content .nieuwsberichten li, .zoeken .results .content .diensten li{border-top:1px solid #38608f;border-bottom:1px solid #122d4c;overflow:hidden; width: 100%;}
.zoeken .results .content .paginas div,.zoeken .results .content .nieuwsberichten div,.zoeken .results .content .diensten div{height:60px;float:left}
.zoeken .results .content .paginas div.bericht a,.zoeken .results .content .nieuwsberichten div.bericht a,.zoeken .results .content .diensten div.bericht a{color:#fff;}
.zoeken .results .content .paginas div.bericht,.zoeken .results .content .nieuwsberichten div.bericht,.zoeken .results .content .diensten div.bericht{width:60%;padding-top:6px;height:54px;color:#fff;}
.zoeken .results .content .paginas div.count,.zoeken .results .content .nieuwsberichten div.count,.zoeken .results .content .diensten div.count{width:20%;text-align:right;line-height:60px;}
.zoeken .results .content .paginas div.link,.zoeken .results .content .nieuwsberichten div.link,.zoeken .results .content .diensten div.link{width:20%;text-align: right;line-height:60px;}
.zoeken .results .content .paginas div.link a,.zoeken .results .content .nieuwsberichten div.link a,.zoeken .results .content .diensten div.link a{color:#11C1E4;}
.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*/
.nieuwsbriefborder {float:right; width: 300px; border-top:1px solid #0e1f34;border-bottom:1px solid #4e719a;}
.nieuwsbrief {display: block; float: right ;width: 300px; margin:0; border-bottom:1px solid #0e1f34;border-top:1px solid #4e719a; padding:0 0 16px 0;}
.nieuwsbrief h2 {line-height:24px;margin:12px 0 25px 0; color: #b4cae4;}
.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:#afbdcf;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:100px;line-height:27px;background:url(../img/interface.png) -170px -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:#fff;}
.nieuwsbrief form label.start{color:#fff;}

/*rechtsboven*/
.cursuscadeau{float:right;position:relative;height:129px;width:300px; margin:0 0 21px 0;background:url(../img/cursuscadeau_bg.png) left top no-repeat;}
.cursuscadeau h2{margin:10px 0 5px 70px;}
.cursuscadeau p{color:#fff;margin:0 15px 18px 70px}
.cursuscadeau a{position:absolute;bottom:10px;right:30px;color:#000}
.right .cursuscadeau{background-image: url(../img/cursuscadeau_small_bg.png); width: 250px;}
.right .cursuscadeau h2{margin:10px 0 5px 70px;}
.right .cursuscadeau p{font-size: 11px; line-height: 15px; margin-right: 10px}
.right .cursuscadeau a{font-size: 11px;}


/*.over contentbloklinks*/
.jemoetje_inschrijven{float:left;position:relative;height:129px;width:300px; margin:0 0 21px 0;background:url(../img/inschrijven_bg.png) left top no-repeat}
.jemoetje_inschrijven h2{margin:10px 0 10px 70px;}
.jemoetje_inschrijven p{color:#fff;margin:0 15px 18px 70px}
.jemoetje_inschrijven a{position:absolute;bottom:10px;right:30px;color:#000}
.jemoetje_inschrijven.small {background-image: url(../img/inschrijven_bg.png); width: 250px;}
.jemoetje_inschrijven.small h2{margin:10px 0 5px 90px;}
.jemoetje_inschrijven.small p{font-size: 11px; line-height: 15px; margin:0 15px 18px 90px}
.jemoetje_inschrijven.small a{font-size: 11px;}


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

.footer {padding:30px 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:32px;background:#fff;color:#aaa;padding:0 19px 0 19px;margin:0 1px 0 0;border: 1px solid #e1e1e1;border:1px 1px 0 1px;}
.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:183px; 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:#aaa;text-decoration:none;line-height:16px;}
.footer #sitemap .content ul li a:hover {text-decoration:underline;}
.footer .contact{ background:#fff;float: right ;width: 258px; height:240px; padding:20px 20px 0 20px; border:1px solid #d7e5ef;}
.footer .contact li{height: 18px; line-height: 18px; border-top:1px solid #d7e5ef; padding: 0 3px; font-size: 11px; color: #666;}
.footer .contact li.last{border-bottom:1px solid #d7e5ef;}
.footer .contact li.even{}
.footer .contact li .day{float: left;}
.footer .contact li .time{float: right;}
.footer .contact h2{margin-bottom: 10px;}
.footer .contact .telefoon{color: #666666; 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 #000; font-size: 11px; color: #8b8b8b}
.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 #8b8b8b;}
.footer .foot ul li.last{border:0;}
.footer .foot ul li a{color: #8b8b8b;}
.footer .foot .small-logos{float:right;overflow:hidden;width:80px;padding:13px 0 0 0;}
.footer .foot img{float: left;margin-left:8px;}