/*
/* (CC) Wevolve, 2011
/*
/* Feel free to be inspired by this CSS,
/* see the Creative Commons License (http://creativecommons.org/)
/*
/* If you re-use parts or whole of this CSS,
/* you must include this copyright notice at the start of the file.
/*
/* Please contact us for commercial use and to find out
/* how we can help you with various web-based solutions:/*
/* web:http://www.wevolve.nl
/* e-mail:info@wevolve.nl
/* tel.:+31-(0)74 255 2140
/*
/* ---------------------------------------- */

body{padding:0 30px;margin:0;text-align:center;font-family:Verdana,Helvetica,Geneva,Arial,sans-serif;font-size:83%;background:#fff;}

/* -------------------- resets -------------------- */
.nocss{display:none;}
a img{border:0;vertical-align:bottom;} /* set image border to zero */
.clear{overflow:hidden;}
a:active,a:focus{outline:0;} /* remove firefox link border */
textarea{overflow:auto;} /* remove textarea scrollbar in ie */
#contentpage a[name]{padding:0;} /* firefox 3 / safari 3 */ 
#printbranding{display:none;}

/* -------------------- titlebar colors -------------------- */
.titlebar,
.titlebar a{line-height:15px;color:#fff;text-decoration:none;background:#464646;}
* html .titlebar a{background:transparent;} /* IE6 specific fix */
.titlebar.red,
.titlebar.red a{background:#d40202;}
.titlebar.blue,
.titlebar.blue a{background:#0085e8;}
.titlebar.green,
.titlebar.green a{background:#66b31c;}
.titlebar.yellow,
.titlebar.yellow a{background:#ffd200;}
.titlebar.orange,
.titlebar.orange a{background:#ff6c00;}
.titlebar.purple,
.titlebar.purple a{background:#490064;}
.titlebar.magenta,
.titlebar.magenta a{background:#cc0066;}
.titlebar.grey,
.titlebar.grey a{background:#857870;}

/* -------------------- title colors -------------------- */
.title,
.title a{text-decoration:none;color:#464646;background:#fff;}
* html .title a{border:0 none !important;}
.title.red,
.title.red a,
.red .mainitem a{color:#d40202;}
.title.blue,
.title.blue a,
.blue .mainitem a{color:#0085e8;}
.title.green,
.title.green a,
.green .mainitem a{color:#66b31c;}
.title.yellow,
.title.yellow a,
.yellow .mainitem a{color:#ffd200;}
.title.orange,
.title.orange a,
.orange .mainitem a{color:#ff6c00;}
.title.purple,
.title.purple a,
.purple .mainitem a{color:#490064;}
.title.magenta,
.title.magenta a,
.magenta .mainitem a{color:#cc0066;}
.title.grey,
.title.grey a,
.grey .mainitem a{color:#857870;}

/* -------------------- wrapper -------------------- */
#wrapper{padding:0;margin:0 auto;width:930px;text-align:left;}

/* -------------------- header -------------------- */
#header{height:83px;border-bottom:1px solid #0085e8;}
#header h1{float:left;display:inline;padding:0;margin:20px 0 0 0;width:174px;}
#branding a{float:left;display:block;padding:0;margin:0;width:174px;height:54px;}

/* -------------------- mainnav -------------------- */
#mainnav{float:left;display:inline;padding:0;margin:18px 0 0 0;font-weight:bold;text-transform:uppercase;}
#mainnav ul{float:left;display:inline;padding:0;margin:0;}
#mainnav li{float:left;display:inline;padding:0;margin:0;}
#mainnav .onpath{padding:0;margin:0 0 0 -3px;}
#mainnav a,
#mainnav strong{display:block;padding:0 13px 0 0;margin:0;color:#000;font-size:10px;text-decoration:none;background:url("../img/mainnav.png") 100% 0 no-repeat #fff;}
#mainnav a span,
#mainnav strong span{display:block;padding:2px 0 8px 10px;margin:0;color:#000;font-size:10px;text-decoration:none;background:url("../img/mainnav.png") 0 0 no-repeat #fff;}
#mainnav .last a{background:none #fff;}
#mainnav .onpath a,
#mainnav .onpath strong,
#mainnav .last .onpath a{position:relative;display:block;padding:0 13px 0 3px;margin:0;color:#000;font-size:10px;text-decoration:none;background:url("../img/mainnav.png") 100% -25px no-repeat #fff;}
#mainnav .onpath a span,
#mainnav .onpath strong span{position:relative;display:block;padding:2px 0 12px 10px;margin:0 0 -2px -3px;color:#000;font-size:10px;text-decoration:none;background:url("../img/mainnav.png") 0 -25px no-repeat #fff;}
#mainnav a:hover{text-decoration:underline;}

/* -------------------- shortcuts -------------------- */
#shortcuts{float:left;display:block;padding:0;margin:20px 0 0 0;width:741px;height:21px;font-weight:bold;list-style-type:none;text-transform:uppercase;}
#shortcuts ul{float:right;display:block;padding:0;margin:0;list-style-type:none;}
#shortcuts li{float:left;display:block;padding:0;margin:0 0 0 5px;}
#shortcuts a{display:block;padding:2px 5px;margin:0;font-size:8px;color:#000;text-decoration:none;}
#shortcuts a:hover{color:#fff;background:#464646;}
#shortcuts .login a{display:block;padding:2px 5px 2px 5px;margin:0;color:#fff;background:#464646;}
#shortcuts .login a:hover{color:#000;background:#fff;}
#shortcuts .contact a{display:block;padding:2px 5px 9px 5px;margin:0;color:#fff;background:url("../img/contact.png") 0 100% no-repeat #464646;}
#shortcuts .contact a:hover{color:#000;background:#fff;}
#shortcuts .overlabel{position:relative;color:#999;top:0px;left:-4px;text-transform:none;font-weight:normal;}
.jsenabled #shortcuts .overlabel{position:relative;color:#999;top:0px;left:66px;text-transform:none;font-weight:normal;}

/* -------------------- contents -------------------- */
#contents{overflow:hidden;clear:both;}

/* -------------------- crumbtrail -------------------- */
#crumbtrail{overflow:hidden;padding:0;margin:5px 0 15px 0;width:100%;font-size:9px;font-weight:normal;text-transform:capitalize;}
#crumbtrail ul{float:left;display:inline;padding:0;margin:0;list-style-type:none;}
#crumbtrail li{float:left;display:inline;padding:0;margin:0;list-style-type:none;}
#crumbtrail a{float:left;display:block;padding:0 1.5em 0 0;margin:0 .5em 0 0;color:#000;text-decoration:none;line-height:1.4em;background:url("../img/breadcrumb.png") 100% 3px no-repeat;}
#crumbtrail a:hover{text-decoration:underline;}
#crumbtrail li span,
#crumbtrail li strong{text-decoration:none;line-height:1.4em;}

/* -------------------- landingblocks -------------------- */
#landingblock01{clear:both;float:left;display:inline;padding:0;margin:0 0 15px 0;width:741px;height:188px;}
#landingblock02{float:left;display:inline;padding:0;margin:0 15px 0 0;}
#landingblock03{float:left;display:inline;margin:0 0 15px 0;width:363px;}
#homevideowrapper{float:left;display:inline;padding:0;margin:0;width:174px;height:187px;background:#0085e8;}
div#homevideo{padding:1px 5px;margin:0;width:174px;height:172px;background:url("../img/movie_container.jpg") 0 0 no-repeat;}
div#homevideo h2{padding:0;margin:0;color:#fff;font-size:9px;text-transform:uppercase;}
#visualcontainer{float:right;display:inline;padding:0;margin:0;width:552px;height:187px;background:#0085e8}
#visual{width:552px;height:172px;background:#0085e8}
#flashheader{width:552px;overflow:hidden;position:relative;margin:0;margin:0;background:#0085e8}
#visual h2{padding:1px 5px;margin:0;color:#fff;font-size:9px;text-transform:uppercase;}
#visual p{padding:0;margin:0;width:552px;height:172px;background:url("../img/welkom.gif") 0 0 no-repeat;}
#visual_en{width:552px;height:172px;background:#0085e8}
#visual_en p{padding:0;margin:0;width:552px;height:173px;background:url("../img/banner_EN.JPG") 0 0 no-repeat;}

/* -------------------- sidebar -------------------- */
#sidebar{clear:both;float:left;display:inline;padding:0;margin:0 15px 0 0;width:174px;}
#sidebar .image{padding:15px 0 0 0;margin:0;height:100px;font-weight:bold;text-transform:uppercase;}

/* -------------------- localnav -------------------- */
.localnav{overflow:hidden;position:relative;padding:15px 0 0;margin:0 0 15px 0; font-size:12px;text-transform:uppercase;font-weight:bold;border-top:1px solid #fff;}
.localnav h2{padding:0 5px;margin:-15px 0 0;}
.localnav ul,
.localnav li{position:relative;padding:0;margin:0;width:174px;background:#fff;}
.localnav .last{position:relative;}
.localnav ul ul{padding:0;margin:0;}
.localnav li li{display:inline-block;list-style-type:none;} 
.localnav a,
.localnav strong{display:block;padding:4px 10px 4px 0;color:#464646;text-decoration:none;border-bottom:1px solid #464646;background:url("../img/localnav.png") -1436px -3px no-repeat;}
.localnav ul ul a,
.localnav ul ul strong{position:relative;margin:0;padding:3px 0;border-bottom:0 none;background:url("../img/localnav_bullets.png") -1600px 9px no-repeat;}
.localnav ul ul span{margin:0 0 0 10px;width:164px;display:block;background:url("../img/localnav.png") -1446px -56px no-repeat;}
.localnav .withsubitems a,
.localnav .withsubitems strong{border:none !important;}
.localnav ul ul .last a,
.localnav ul ul .last strong{border-bottom:1px solid #464646;}
/* ---------- localnav colors ---------- */
#videowrapper{float:left; display:inline;margin:0 15px 0 0;width:174px;height:172px;}
.localnav,
#videowrapper{background:#464646;}
#videowrapper{height:172px;}
.localnav.blue,
#videowrapper.blue{background:#0085e8;}
.localnav.green,
#videowrapper.green{background:#66b31c;}
.localnav.yellow,
#videowrapper.yellow{background:#ffd200;}
.localnav.orange,
#videowrapper.orange{background:#ff6c00;}
.localnav.red,
#videowrapper.red{background:#d40202;}
.localnav.purple,
#videowrapper.purple{background:#490064;}
.localnav.magenta,
#videowrapper.magenta{background:#cc0066;}
.localnav.grey,
#videowrapper.grey{background:#857870;}
/* ---------- localnav blue ---------- */
.localnav.blue a{color:#0085e8;border-bottom:1px solid #0085e8;background:url("../img/localnav.png") 164px -3px no-repeat;}
.localnav.blue ul ul a,
.localnav.blue ul ul strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") 0 9px no-repeat !important;}
.localnav.blue ul ul span{color:#0085e8;background:url("../img/localnav.png") 154px -56px no-repeat;}
.localnav.blue li li.last{border-bottom:1px solid #0085e8 !important;}
.localnav .blue a:hover,
.localnav .blue .onpath a,
.localnav .blue .onpath strong{color:#0085e8;border-bottom:1px solid #0085e8;background:url("../img/localnav.png") 164px -3px no-repeat;}
.localnav .blue ul a:hover,
.localnav .blue ul .onpath strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") 0 9px no-repeat !important;}
.localnav .blue ul a:hover span,
.localnav .blue ul .onpath strong span{color:#0085e8;background:url("../img/localnav.png") 154px -56px no-repeat;}
/* ---------- localnav green ---------- */
.localnav.green a{color:#66b31c;border-bottom:1px solid #66b31c;background:url("../img/localnav.png") -36px -3px no-repeat;}
.localnav.green ul ul a,
.localnav.green ul ul strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -200px 9px no-repeat !important;}
.localnav.green ul ul span{color:#66b31c;background:url("../img/localnav.png") -46px -56px no-repeat;}
.localnav.green li li.last{border-bottom:1px solid #66b31c !important;}
.localnav .green a:hover,
.localnav .green .onpath a,
.localnav .green .onpath strong{color:#66b31c;border-bottom:1px solid #66b31c;background:url("../img/localnav.png") -36px -3px no-repeat;}
.localnav .green ul a:hover,
.localnav .green ul .onpath strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -200px 9px no-repeat !important;}
.localnav .green ul a:hover span,
.localnav .green ul .onpath strong span{color:#66b31c;background:url("../img/localnav.png") -46px -56px no-repeat;}
/* ---------- localnav yellow ---------- */
.localnav.yellow a{color:#ffd200;border-bottom:1px solid #ffd200;background:url("../img/localnav.png") -236px -3px no-repeat;}
.localnav.yellow ul ul a,
.localnav.yellow ul ul strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -400px 9px no-repeat !important;}
.localnav.yellow ul ul span{color:#ffd200;background:url("../img/localnav.png") -246px -56px no-repeat;}
.localnav.yellow li li.last{border-bottom:1px solid #ffd200 !important; }
.localnav .yellow a:hover,
.localnav .yellow .onpath a,
.localnav .yellow .onpath strong{color:#ffd200;border-bottom:1px solid #ffd200;background:url("../img/localnav.png") -236px -3px no-repeat;}
.localnav .yellow ul a:hover,
.localnav .yellow ul .onpath strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -400px 9px no-repeat !important;}
.localnav .yellow ul a:hover span,
.localnav .yellow ul .onpath strong span{color:#ffd200;background:url("../img/localnav.png") -246px -56px no-repeat;}
/* ---------- localnav orange ---------- */
.localnav.orange a{color:#ff6c00;border-bottom:1px solid #ff6c00;background:url("../img/localnav.png") -436px -3px no-repeat;}
.localnav.orange ul ul a,
.localnav.orange ul ul strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -600px 9px no-repeat !important;}
.localnav.orange ul ul span{color:#ff6c00;background:url("../img/localnav.png") -446px -56px no-repeat;}
.localnav.orange li li.last{border-bottom:1px solid #ff6c00 !important; }
.localnav .orange a:hover,
.localnav .orange .onpath a,
.localnav .orange .onpath strong{color:#ff6c00;border-bottom:1px solid #ff6c00;background:url("../img/localnav.png") -436px -3px no-repeat;}
.localnav .orange ul a:hover,
.localnav .orange ul .onpath strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -600px 9px no-repeat !important;}
.localnav .orange ul a:hover span,
.localnav .orange ul .onpath strong span{color:#ff6c00;background:url("../img/localnav.png") -446px -56px no-repeat;}
/* ---------- localnav red ---------- */
.localnav.red a{color:#d40202;border-bottom:1px solid #d40202;background:url("../img/localnav.png") -636px -3px no-repeat;}
.localnav.red ul ul a,
.localnav.red ul ul strong{background:url("../img/localnav_bullets.png") -800px 9px no-repeat !important;}
.localnav.red ul ul span{color:#d40202;background:url("../img/localnav.png") -646px -56px no-repeat;}
.localnav.red li li.last{border-bottom:1px solid #d40202 !important; }
.localnav .red a:hover,
.localnav .red .onpath a,
.localnav .red .onpath strong{color:#d40202;border-bottom:1px solid #d40202;background:url("../img/localnav.png") -636px -3px no-repeat;}
.localnav .red ul a:hover,
.localnav .red ul .onpath strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -800px 9px no-repeat !important;}
.localnav .red ul a:hover span,
.localnav .red ul .onpath strong span{color:#d40202;background:url("../img/localnav.png") -646px -56px no-repeat;}
/* ---------- localnav purple ---------- */
.localnav.purple a{color:#490064;border-bottom:1px solid #490064;background:url("../img/localnav.png") -836px -3px no-repeat;}
.localnav.purple ul ul a,
.localnav.purple ul ul strong{background:url("../img/localnav_bullets.png") -1000px 9px no-repeat !important;}
.localnav.purple ul ul span{color:#490064;background:url("../img/localnav.png") -846px -56px no-repeat;}
.localnav.purple li li.last{border-bottom:1px solid #490064 !important; }
.localnav .purple a:hover,
.localnav .purple .onpath a,
.localnav .purple .onpath strong{color:#490064;border-bottom:1px solid #490064;background:url("../img/localnav.png") -836px -3px no-repeat;}
.localnav .purple ul a:hover,
.localnav .purple ul .onpath strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -1000px 9px no-repeat !important;}
.localnav .purple ul a:hover span,
.localnav .purple ul .onpath strong span{color:#490064;background:url("../img/localnav.png") -846px -56px no-repeat;}
/* ---------- localnav magenta ---------- */
.localnav.magenta a{color:#cc0066;border-bottom:1px solid #cc0066;background:url("../img/localnav.png") -1036px -3px no-repeat;}
.localnav.magenta ul ul a,
.localnav.magenta ul ul strong{background:url("../img/localnav_bullets.png") -1200px 9px no-repeat !important;}
.localnav.magenta ul ul span{color:#cc0066;background:url("../img/localnav.png") -1046px -56px no-repeat;}
.localnav.magenta li li.last{border-bottom:1px solid #490064 !important; }
.localnav .magenta a:hover,
.localnav .magenta .onpath a,
.localnav .magenta .onpath strong{color:#cc0066;border-bottom:1px solid #cc0066;background:url("../img/localnav.png") -1036px -3px no-repeat;}
.localnav .magenta ul a:hover,
.localnav .magenta ul .onpath strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -1200px 9px no-repeat !important;}
.localnav .magenta ul a:hover span,
.localnav .magenta ul .onpath strong span{color:#cc0066;background:url("../img/localnav.png") -1046px -56px no-repeat;}
/* ---------- localnav grey ---------- */
.localnav.grey a{color:#857870;border-bottom:1px solid #857870;background:url("../img/localnav.png") -1236px -3px no-repeat;}
.localnav.grey ul ul a,
.localnav.grey ul ul strong{background:url("../img/localnav_bullets.png") -1400px 9px no-repeat !important;}
.localnav.grey ul ul span{color:#857870;background:url("../img/localnav.png") -1246px -56px no-repeat;}
.localnav.grey li li.last{border-bottom:1px solid #857870 !important; }
.localnav .grey a:hover,
.localnav .grey .onpath a,
.localnav .grey .onpath strong{color:#857870;border-bottom:1px solid #857870;background:url("../img/localnav.png") -1236px -3px no-repeat;}
.localnav .grey ul a:hover,
.localnav .grey ul .onpath strong{border-bottom:0 none;background:url("../img/localnav_bullets.png") -1400px 9px no-repeat !important;}
.localnav .grey ul a:hover span,
.localnav .grey ul .onpath strong span{color:#857870;background:url("../img/localnav.png") -1246px -56px no-repeat;}

/* -------------------- adres -------------------- */
#adres{padding:0;margin:0;font-weight:bold;list-style-type:none;}
#location{padding:0;margin:20px 0 10px;border-bottom:1px solid #464646;}
#location dt{padding:0 5px;margin:10px 0;color:#fff;font-size:9px;text-transform:uppercase;}
#location dd{padding:0;margin:0;color:#464646;font-size:11px;}
#location a{color:#464646;text-decoration:none;}
#location a:hover{color:#fff;background:#464646;}
#adres p.titlebar{margin:15px 0;}
#adres .titlebar a{display:block;padding:0 5px;line-height:15px;vertical-align:middle;color:#fff;font-size:9px;text-transform:uppercase;text-decoration:none;background:url("../img/arrow.gif") 100% 50% no-repeat;}
#adres .titlebar a:hover{text-decoration:underline;}
#timetable h3{padding:0 5px;margin:10px 0;color:#fff;font-size:9px;text-transform:uppercase;}
#timetable th{text-transform:uppercase;font-size:11px;background:#fff;}
#timetable td{color:#464646;font-size:11px;background:#fff;}

/* -------------------- page -------------------- */
#page,
#smalllistpage,
#landingpage{float:left;display:inline;padding:0;margin:0;width:552px;background:#fff;}
* html #smalllistpage{margin:0 0 0 -15px;background:#fff;}
#listpage,
#albumpage,
#sitemap{float:left;display:inline;padding:0;margin:0;width:741px;background:#fff;}
#listpage,
#albumpage,
#sitemap{float:left;display:inline;padding:0;margin:0;width:741px;background:#fff;}
#page .title,
#listpage .title,
#smalllistpage .title,
#asppage .title,
#albumpage .title,
#sitemap .title{clear:both;padding:0;margin:-6px 0 0 0;max-width:741px;font-weight:normal;text-transform:uppercase;background:#fff;}
#page h1.title{font-size:38px;}
#landingpage .title{padding:0;margin:0;max-width:741px;text-transform:uppercase;background:#fff;}
.titlebar{padding:0 0 0 5px;color:#fff;line-height:15px;font-size:9px;font-weight:bold;text-transform:uppercase;}
.titlebar a{line-height:15px;color:#fff;}
h3.titlebar{margin:0 0 15px 0;}
#landingblock01 h3.titlebar{margin:0;}
#landingpage .titlebar{margin:0 0 5px 0;padding:0 5px;height:15px;vertical-align:middle;}
#landingpage .titlebar p{margin:0;}
#smalllistpage p.intro{margin-top:5px;font-size:11px;}
#headerwrapper{display:none}
#headerwrapper.haspicture{display:block;margin:0 0 10px 0;}
#flashheader img{border:0;vertical-align:bottom;}
#page p,
#landingpage p,
#sitemap p{font-size:11px;line-height:16px;color:#000;}

/* -------------------- contentpage -------------------- */
#contentpage{padding:0 0 15px 0;color:#000;border-bottom:1px solid #464646;background:#fff;}
#contentpage a,
#contentpage h1,
#contentpage h2{color:#464646;}
#contentpage h1,
#contentpage h2{margin:10px 0 0 0;padding:10px 0 5px 0;color:#464646;font-style:normal;text-transform:uppercase;}
#contentpage.blue a,
#contentpage.blue h1,
#contentpage.blue h2{color:#0085e8;}
#contentpage.green a,
#contentpage.green h1,
#contentpage.green h2{color:#66b31c;}
#contentpage.yellow a,
#contentpage.yellow h1,
#contentpage.yellow h2{color:#ffd200;}
#contentpage.orange a,
#contentpage.orange h1,
#contentpage.orange h2{color:#ff6c00;}
#contentpage.red a,
#contentpage.red h1,
#contentpage.red h2{color:#d40202;}
#contentpage.purple a,
#contentpage.purple h1,
#contentpage.purple h2{color:#490064;}
#contentpage.magenta a,
#contentpage.magenta h1,
#contentpage.magenta h2{color:#cc0066;}
#contentpage.grey a,
#contentpage.grey h1,
#contentpage.grey h2{color:#857870;}
#contentpage h1{font-size:38px;}
#contentpage h2{font-size:23px;}
#contentpage h1,#contentpage h2{font-weight:normal;}
#contentpage a{font-size:11px;text-decoration:underline;}
* html #contentpage a{text-decoration:none;background:none;} /* IE6 specific fix */
#contentpage p.wh-leesmeerpijl{margin:10px 0 0 0;}
#contentpage .wh-leesmeerpijl a{padding:1px 15px 1px 5px;margin:15px 0;color:#fff;font-size:9px;font-weight:bold;text-transform:uppercase;text-decoration:none;background:url("../img/arrow.gif") 100% 50% no-repeat #464646;}
#contentpage .wh-leesmeerpijl a:hover{color:#000;background:url("../img/arrow.gif") 100% 50% no-repeat #ccc;}

/* --------------------- selectionbar -------------------- */
.selectionbar{position:relative;z-index:1;padding:0;margin:0 0 15px 0;width:100%;height:15px;font-size:9px;font-weight:bold;text-transform:uppercase;background:#ccc;}
/* ----------- selectionbar selection ---------- */
.selectionbar ul.selection{position:relative;float:left;display:inline;padding:0;margin:0;}
.selectionbar .selection li{position:relative;float:left;display:inline;padding:0;margin:0;min-width:8em;}
.selectionbar .selection li a,.selectionbar .selection li p{display:block;padding:1px 15px 1px 5px;margin:0;color:#fff;text-decoration:none;line-height:16px;}
.selectionbar .selection li a{margin-right:15px;background:url("../img/select_down.png") 100% 100% no-repeat #464646;}
.selectionbar .selection li p{background:url("../img/arrow.gif") 100% 50% no-repeat #464646;}
/* ---------- submenu ---------- */
.selectionbar .selection li ul{clear:both;margin:0;padding:0 0 4px 0;position:absolute;left:0; border-top:1px solid #a6a6a6;border-left:1px solid #a6a6a6;background:url("../img/dropdown.png") 100% 100% no-repeat #fff;}
.selectionbar .selection li li{clear:left;margin-right:4px;}
.selectionbar .selection li li a{display:block;padding:1px 5px;margin:0;height:auto;color:#000;white-space:nowrap;text-decoration:none;line-height:16px;background:transparent;}
.jsEnabled .selectionbar .selection li ul{display:none;}
.selectionbar .selection li a:hover{text-decoration:underline;}
.selectionbar .selection li:hover ul,.selectionbar .selection li.hover ul{display:block;}
.selectionbar .selection li ul li a:hover{background:#ccc;}
/* ---------- selectionbar pagenav ---------- */
.selectionbar .pagenav{position:absolute;top:0;right:0;color:#fff;font-size:9px;border-left:1px solid #fff;background:#464646;}
.selectionbar .pagenav ul,
.selectionbar .pagenav li{float:left;display:inline;padding:0;margin:0;list-style-type:none;}
.selectionbar .pagenav li{border-right:1px solid #fff;height:15px;}
.selectionbar .pagenav li.next{border-right:0;}
.selectionbar .pagenav p{padding:0 5px;margin:0;}
.selectionbar .pagenav li.previous a{display:block;width:17px;height:15px;background:url("../img/pagenav.png") 0 0 no-repeat;}
.selectionbar .pagenav li.next a{display:block;width:17px;height:15px;background:url("../img/pagenav.png") 100% 0 no-repeat;} /* IE6 fix... */
.selectionbar .pagenav li.previous a:hover{background-position:0 100%;}
.selectionbar .pagenav li.next a:hover{background:url("../img/pagenav.png") 100% 100% no-repeat;} /* IE6 fix... */
/* ---------- selectionbar backbutton ---------- */
.selectionbar .backtolist{padding:0;margin:0;color:#000;}
.selectionbar .backtolist a{float:left;display:inline;margin:0 10px 0 0;width:20px;height:15px;border-right:1px solid #fff;background:url("../img/backtolist.png") 0 0 no-repeat;}
.selectionbar .backtolist a:hover{background:url("../img/backtolist.png") 0 100% no-repeat;}
.selectionbar .backtolist span{float:left;display:inline;padding:0 0 2px 0;font-size:9px;}
/* ---------- selectionbar itemnav ---------- */
.itemnav{padding:0;margin:0;color:#000;}
.selectionbar ul{padding:0;margin:0;}
.selectionbar li{position:relative;padding:0;margin:0;}
.itemnav .previous,
.itemnav .previous a{float:left;display:inline;margin:0 10px 0 0;line-height:1.5em;}
.itemnav .next,
.itemnav .next a{position:absolute;float:right;display:inline;margin:0 0 0 10px;line-height:1.5em;right:0;}
.itemnav .next span{margin:0 2.5em 0 0;}
.itemnav .previous a{display:block;width:17px;height:15px;border-right:1px solid #fff;background:url("../img/pagenav.png") 0 0 no-repeat;}
.itemnav .previous a:hover{background-position:0 100%;}
.itemnav .next a{display:block;width:17px;height:15px;border-left:1px solid #fff;background:url("../img/pagenav.png") 100% 0 no-repeat;}
.itemnav .next a:hover{background-position:100% 100%;}

/* -------------------- news -------------------- */
#news{overflow:hidden;float:left;display:inline;margin:0 0 15px 0;width:363px;}
#news #columnleft{float:left;display:inline;padding:0;margin:0;}
#news #columnright{float:right;display:inline;padding:0;margin:0;}
#news .item{padding:0;margin:0;width:174px;font-size:11px;}
#news h2{overflow:hidden;padding:0;margin:0;color:#fff;font-size:9px;font-weight:bold;text-transform:uppercase;}
#news .titlebar{padding:0 0 0 5px;line-height:15px;vertical-align:middle;}
#news .item h3{overflow:hidden;padding:10px 0 10px 0;margin:0;font-size:11px;text-transform:uppercase;text-decoration:none;background:#fff;}
#news .item h3 a{text-decoration:none;}
#news .item h3 a:hover{color:#c00;text-decoration:underline;background:none;}
#news .item img{padding:0;margin:0 0 5px 0;}
#news .item p{padding:0;margin:0;}

/* -------------------- studies -------------------- */
#studies{clear:both;width:363px;font-weight:bold;}
#studies h2{display:block;padding:0 5px;line-height:15px;margin:0;color:#fff;font-size:9px;}
/* ---------- main ---------- */
#studies .main_en{padding:5px 0 0 0;margin:0;}
#studies .main{overflow:hidden;padding:5px 0 0 0;margin:0;}
#studies .hbo{height:20px;padding:0 0 5px 0;margin:10px 0 0;border-bottom:1px solid #464646;background:url("../img/opleidingen_hbo.png") 0 0 no-repeat;}
#studies .mbo{height:20px;padding:0 0 5px 0;margin:20px 0 0;border-bottom:1px solid #464646;background:url("../img/opleidingen_mbo.png") 0 0 no-repeat;}
#studies h3.title{font-size:21px;text-transform:uppercase;padding:0;margin:10px 0;font-weight:normal;background:#fff;}
#studies .main dt{overflow:hidden;}
/* ---------- detail ---------- */
#studies .detail{overflow:hidden;padding:10px 0 0 0;margin:0;font-size:9px;}
#studies .detail dt{clear:both;float:left;display:inline;padding:1px 0 2px 3px;margin:0 0 3px 0;width:37px;color:#fff;background:url("../img/arrow.gif") 100% 50% no-repeat #0085E8;}
#studies .detail dt.off{background:url("../img/arrow.gif") 100% 50% no-repeat #A3D7FF;}
#studies .detail dd{float:left;display:inline;padding:0;margin:0;}
#studies .detail dd a{display:block;padding:0;margin:0 0 0 26px;width:295px;line-height:17px;color:#0085E8;font-size:11px;text-decoration:none;}
#studies .detail dd.off a{color:#A3D7FF;}
#studies .detail dd a:hover{text-decoration:underline;}

/* -------------------- actueel -------------------- */
#actueel,
#proefstuderen{overflow:hidden;margin:0 0 15px 0;width:363px;font-weight:bold;text-transform:uppercase;}
#actueel .titlebar,
#proefstuderen .titlebar{display:block;padding:0 5px;margin:0;line-height:15px;vertical-align:middle;color:#fff;font-size:9px;font-weight:bold;text-transform:uppercase;}
#actueel h2.title{float:left;display:block;padding:4px 0 0 0;margin:0;width:174px;font-size:42px;font-weight:normal;background:#fff;}
#proefstuderen h2.title{float:left;display:block;padding:8px 0 0 0;margin:0;width:174px;font-size:26px;font-weight:normal;background:#fff;}
#actueel h2.title a{display:block;color:#ff6c00;text-decoration:none;background:#fff;}
#proefstuderen h2.title a{display:block;color:#66b31c;text-decoration:none;background:#fff;}
#actueel dl,
#proefstuderen dl{float:right;display:block;padding:10px 0 0 0;margin:0;width:174px;font-size:11px;}
#actueel dt,
#proefstuderen dt{clear:both;float:left;display:inline;padding:0;margin:2px 3px 2px 0;height:15px;} /* IE6 needs the height */
#actueel dt a,
#proefstuderen dt a{color:#333;text-decoration:none;background:#fff;}
#actueel dt a:hover{color:#ff6c00;}
#proefstuderen dt a:hover{color:#66b31c;}
#actueel dd,
#proefstuderen dd{text-align:right;height:15px;} /* IE6 needs the height */
#actueel dd a,
#proefstuderen dd a{position:relative;float:right;display:block;padding:0 1.5em 0 0;margin:0;line-height:19px;font-weight:normal;text-decoration:none;background:#fff;}
#actueel dd a:hover,
#proefstuderen dd a:hover{text-decoration:underline;}
#actueel dd a span{position:absolute;float:right;display:block;padding:0;margin:0;top:6px;right:0px;width:8px;height:8px;background:url("../img/readon_frontpage.png") 0 0 no-repeat;}
#proefstuderen dd a span{position:absolute;float:right;display:block;padding:0;margin:0;top:6px;right:0px;width:8px;height:8px;background:url("../img/readon_frontpage.png") -192px 0 no-repeat;}
#actueel dd a:hover span{background-position:0 -8px;}
#proefstuderen dd a:hover span{background-position:-192px -8px;}

/* -------------------- sections -------------------- */
#sections{overflow:hidden;padding:0;margin:0;min-height:80px;}
#sections .titlebar{padding:0 5px;margin:0 0 15px 0;line-height:15px;vertical-align:middle;}
#sections .titlebar #small{display:block;padding:0 5px;margin:0 0 0 111px;width:15px;line-height:15px;vertical-align:middle;background:#fff;}
/* ---------- mainitems ---------- */
#sections .mainitem{overflow:hidden;clear:both;width:100%;padding:0;margin:0 0 15px 0;position:relative;}
#listpage #sections .mainitem .image{float:left;display:inline;padding:15px 0 0 0;margin:0 15px 0 0;width:174px;height:111px;}
#sections .newsitem{position:relative;margin-left:0;width:100%;min-height:111px;}
#itempage #sections .newsitem{border-bottom:1px solid #464646;}
#sections .mainitem .newsitem{min-height:126px;}
#sections .mainitem dl,
#sections .newsitem{float:left;display:inline;margin:0;padding:0;width:552px;}
#smalllistpage #sections .mainitem dl,
#smalllistpage #sections .newsitem{overflow:hidden;position:relative;width:426px;color:#000;}
#sections .mainitem dt{padding:1px 0 0 5px;margin:0;font-size:9px;font-weight:bold;text-transform:uppercase;}
#sections .mainitem .titlebar{padding:0 5px;line-height:15px;vertical-align:middle;color:#fff;}
#itempage #sections .mainitem .titlebar{padding:0 5px;margin-top:0;line-height:15px;vertical-align:middle;color:#fff;}
#sections .mainitem h2,
#sections .newsitem h2{padding:5px 0 5px 0;margin:0;font-size:20px;text-transform:uppercase;}
#sections .mainitem p strong,
#sections .newsitem p strong{padding:0 0 15px 0;margin:0;text-transform:uppercase;}
#sections .mainitem dd,
#sections .newsitem p{padding:0;margin:0;font-size:11px;vertical-align:top;}
#sections p.content{margin-bottom:30px;}
#sections .readon{position:absolute;padding:0;margin:15px 0 0 0;left:0;bottom:0;width:100%;}
/* ---------- subsections ---------- */
#sections .subitem{overflow:hidden;width:100%;padding:0;margin:0 0 15px 0;}
#sections .subitem .image{float:left;display:block;padding:0;margin:0 15px 0 0;width:111px;height:111px;}
#sections .subitem dl{float:left;display:inline;padding:0;margin:0 0 0 15px;width:546px;}
#sections .subitem h2.title{padding:0 0 5px 0;margin:-2px 0 0 0;font-size:20px;font-weight:bold;text-transform:uppercase;}
#sections .subitem h2 a{text-decoration:none;background:none;} /* All versions of IE */
#sections .subitem dd{padding:0;margin:0;font-size:11px;}
#sections .subitem dd p{padding:0;margin:0;}
#sections .subitem dd strong{text-transform:uppercase;}

/* -------------------- item -------------------- */
#itempage{background:#fff;}
#itempage .navbar{overflow:hidden;padding:0;margin:0 0 15px;width:741px;height:15px;}
#itempage .selectionbar{float:left;display:block;padding:0;margin:0;width:552px;}
#itempage .small{float:left;display:block;padding:0;margin:0 15px 0 0;width:174px;}
#itempage #sections{position:relative;width:100%;padding:0;margin:0;width:741px;}
#listpage #itempage #sections .image{padding:15px 0 0 0;margin:0 15px 0 0;width:174px;height:132px;position:relative;}
#itempage #sections dl{float:left;display:inline;padding:0;margin:0 0 0 15px;width:552px;}
#itempage #sections .newsitem{float:right;display:inline;padding:0 0 15px 0;margin:0;/* left-margin is done by .image,fixes MSIE in popup */ width:552px;}
#itempage #sections dt{padding:1px 0 0 5px;margin:0;font-size:9px;font-weight:bold;text-transform:uppercase;}
#itempage #sections .titlebar{color:#fff;}
#itempage #sections .title{padding:5px 0;margin:0;font-size:20px;text-transform:uppercase;}
#itempage #sections dl p{padding:0;margin:0 0 15px 0;}
#itempage #sections dd{padding:0;margin:0;font-size:11px;}
#itempage #sections dd.content{padding:0;margin:0;font-weight:bold;border-bottom:1px solid #464646;}
#itempage #sections p.head{padding:0;margin:0;font-weight:bold;text-transform:uppercase;}
#itempage h2{margin:10px 0 0 0;color:#464646;font-style:normal;text-transform:uppercase;}
#itempage.red h2{color:#d40202;}
#itempage.blue h2{color:#0085e8;}
#itempage.green h2{color:#66b31c;}
#itempage.yellow h2{color:#ffd200;}
#itempage.orange h2{color:#ff6c00;}
#itempage.purple h2{color:#490064;}
#itempage.magenta h2{color:#cc0066;}
#itempage.grey h2{color:#857870;}

/* -------------------- listpageintro -------------------- */
#listpageintro{width:552px;margin:0 0 0 189px;}
#listpageintro .title{margin:0;}
#listpageintro .introduction{margin:0 0 15px 0;font-size:11px;line-height:16px;font-weight:bold;}

/* -------------------- related - related_columns -------------------- */
#related{float:right;display:inline;padding:0;margin:0 0 30px 0;width:174px;}
#related_columns{float:right;display:inline;padding:0;margin:0 0 30px 0;width:237px;}
#related .titlebar,
#related_columns .titlebar{clear:both;padding:0 5px;margin:0 0 10px 0;line-height:15px;vertical-align:middle;color:#fff;font-size:9px;text-transform:uppercase;text-decoration:none;}
#related .image{margin:-10px 0 10px 0;width:174px;height:111px;}
#related_columns .image{margin:-10px 0 0 0;width:111px;height:111px;}
#related dl,
#related_columns dl{padding:0;margin:0;}
#related dt,
#related_columns dt{font-size:11px;font-weight:bold;text-transform:uppercase;text-decoration:none;}
#related dt a,
#related_columns dt a{color:#000;text-decoration:none;}
#related dt a:hover,
#related_columns dt a:hover{text-decoration:underline;}
#related dd,
#related_columns dd{padding:0;margin:0;font-size:11px;}
#related p,
#related p strong,
#related_columns p,
#related_columns strong{padding:0;margin:10px 0 0;font-size:11px;}

/* -------------------- relatedsub -------------------- */
.related_sub{padding:0;margin:0 0 15px 0;}
.related_sub .title{background:#fff;}
.related_sub .titlebar a{color:#fff;text-decoration:none;}
.related_sub dd{position:relative;}
.related_sub input{margin:15px 0 0;width:170px;border:1px solid #d40202;}
.related_sub .overlabel{position:relative;color:#999;top:10px; left:0;}
.jsenabled .related_sub .overlabel{position:absolute;color:#999;top:16px; left:5px;}
.related_sub .tioReasons{background-color:#63B218;}
.related_sub .tioReasons a{color:white;font-family:verdana;text-transform:uppercase;font-weight:900;font-size:10px;text-decoration:none;}

/* -------------------- pagenav -------------------- */
#albumpage #contentpage{border-bottom:0;}
.pagenav{overflow:hidden;height:15px;clear:both;padding:0;margin:15px 0 15px;font-size:11px;font-weight:bold;text-transform:uppercase;background:#ccc;}
.pagenav ul,
.pagenav li{padding:0;margin:0;list-style-type:none;}
.pagenav .previous,
.pagenav .next,
.pagenav .overview,
.pagenav .pageindex{float:left;display:block;text-align:left;}
.pagenav .next{float:right;}
#thumbnailpage .pagenav .previous,
#thumbnailpage .pagenav .next,
#thumbnailpage .pagenav .pageindex{width:33%;}
#thumbnailpage .pagenav .next{width:17px;}
#photopage .pagenav .previous,
#photopage .pagenav .next,
#photopage .pagenav .overview,
#photopage .pagenav .pageindex{width:31%;}
#photopage .pagenav .next{width:17px;}
.pagenav .previous a,
.pagenav .previous strong{display:block;padding:0;width:17px;height:15px;background:url("../img/gallery_nav_icons.png") 0 0 no-repeat !important;}
.pagenav .previous a:hover{background:transparent url("../img/gallery_nav_icons.png") 0 -15px !important;}
.pagenav .next a,
.pagenav .next strong{display:block;width:17px;height:15px;background:url("../img/gallery_nav_icons.png") -90px 0 no-repeat !important;}
.pagenav .next a:hover{background:transparent url("../img/gallery_nav_icons.png") -90px -15px !important;}
.pagenav .overview a,
.pagenav .overview strong{display:block;width:20px;height:15px;background:url("../img/gallery_nav_icons.png") -120px 0 no-repeat !important;}
.pagenav .overview a:hover{background:transparent url("../img/gallery_nav_icons.png") -120px -15px !important;}
.pagenav .disabled{color:#ccc;}
.pagenav span{color:#d00;}
.pagenav a{text-decoration:underline;}
.pagenav a:hover{clear:both;color:#fff;text-decoration:none;}

/* -------------------- thumbnails -------------------- */
#thumbnails ul{position:relative;float:left;display:inline;padding:0;margin:0;}
.thumbnailbox {float:left;display:inline;padding:5px 0;margin:0 15px 15px 0;text-align:center;width:136px;height:104px;background:#efefef;}
#thumbnails a{padding:0;margin:0;}
#thumbnails a img{border:2px solid #fff;}
#thumbnails a:hover img{border:2px solid #464646;}
#thumbnail5,
#thumbnail10,
#thumbnail15,
#thumbnail20,
#thumbnail25{margin:0 0 15px 0;}

/* -------------------- photo -------------------- */
#photo{float:left;display:inline;}
#photo dl,
#photo dt,
#photo dd{padding:0;margin:0;}
#photo h2{padding:.25em;font-weight:normal;color:#0085e8;border:0 none;}
#photo .description{padding:.5em;width:30em;text-align:left;}
#photo a{padding:0;}

/* -------------------- thumbnailstrip -------------------- */
#thumbnailstrip{float:right;display:inline;padding:0 .25em;margin:0 0 1em 0;text-align:center;background:#efefef;}
#thumbnailstrip ul{padding:0;margin:0;list-style-type:none;}
#thumbnailstrip li{padding:.25em;margin:0;list-style-type:none;}
#thumbnailstrip a{padding:0;}
#thumbnailstrip a img{border:3px solid #fff;}
#thumbnailstrip a:hover img,
#thumbnailstrip li.onpath a img{border:3px solid #464646;}
#thumbnailstrip p.overview a{padding:.25em;color:#464646;font-size:.9em;background:#fff;}
#thumbnailstrip .previous a,
#thumbnailstrip .overview a,
#thumbnailstrip .next a{padding:.25em;color:#464646;font-size:.9em;}
#thumbnailstrip .previous a:hover,
#thumbnailstrip .overview a:hover,
#thumbnailstrip .next a:hover{color:#fff;text-decoration:none;background:#464646;}

/* -------------------- contactnav -------------------- */
#contactnav{overflow:hidden;width:100%;/* IE6 */margin:0 0 15px 0;font-weight:bold;text-transform:uppercase;list-style-type:none;}
#contactnav ul{float:left;display:inline;padding:0;margin:0;font-size:9px;list-style-type:none;}
#contactnav li{float:left;display:inline;padding:0;margin:0 0 3px 0;}
#contactnav a,
#contactnav strong{display:block;line-height:15px;vertical-align:middle;padding:0 5px;margin:0;width:164px;color:#fff;text-decoration:none;background:url("../img/arrow.gif") 100% 50% no-repeat #464646;}
#related_columns #contactnav a,
#related_columns #contactnav strong{width:100px;/* voor landingpage */}
#contactnav a:hover{color:#000;background:url("../img/arrow.gif") 100% 50% no-repeat #ccc;}

/* --------------------- readon -------------------- */
.readon,
#contentpage .wh-leesmeer{padding:0;margin:0 0 15px 0;background:#fff;}
#related_columns .readon{padding:0;margin:0;}
.wh-leesmeer{padding:0;margin:0 0 15px 0;vertical-align:bottom;}
#contentpage .wh-leesmeer,
#landingpage .wh-leesmeer{padding:0;margin:0 0 -11px 0;clear:both;border:0;}
.readon a,
#contentpage .wh-leesmeer a{display:block;padding:1px 0;margin:10px 0 0 0;width:100%;color:#464646;font-size:9px;font-weight:bold;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #464646;background:url("../img/readon.png") 100% 0 no-repeat #fff;}
.readon a:hover,
#contentpage .wh-leesmeer a:hover{color:#000;background:url("../img/readon.png") 100% -15px no-repeat #efefef;}

/* --------------------- asppage ------------------ */
#asppage #form{float:left;display:inline;width:552px;}

/* --------------------- sitemap -------------------- */
#sitemap .mainfolder{float:left;display:inline;margin:0 15px 15px 0;width:30%;}
#sitemap .newrow{clear:both;}
#sitemap h2{font-size:16px;text-decoration:none;text-transform:uppercase;}
#sitemap h2 a{padding:0 .25em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid;}
#sitemap ul{padding:10px 0;margin:0;list-style-type:none;font-size:11px;}
#sitemap ul ul{padding:0 0 0 15px;margin:0;list-style-type:none;background:#fff;}
#sitemap li{padding:0;margin:0;line-height:18px;background:#fff;}
#sitemap ul li a{text-decoration:none;border-bottom:1px solid;}

/* --------------------- footer ------------------ */
#footer{clear:both;overflow:hidden;margin:2em 0;}

/* --------------------- footernav ------------------ */
.footernav{clear:both;position:relative;float:left;display:inline;left:50%;padding:5px 0 0;font-size:10px;text-align:center;}
.footernav ul{position:relative;float:left;display:inline; /* IE 6 - > needs this */ padding:0;margin:0;left:-50%;}
.footernav li{float:left;display:inline;}
.footernav li a{display:block;padding:0 .5em;margin:0;color:#666;text-align:center;text-decoration:none;border-right:1px solid #666;background:#fff;}
.footernav li.last a{border:none;}
.footernav li a:hover{color:#000;text-decoration:underline;background:#fff;}

/* -------------------- popup openings -------------------- */
#openings{padding:15px 0 0 0;font-size:12px;background:#ff6c00;}
#openings dl{padding:5px 0;margin:0;border-bottom:1px solid #464646;background:#fff;}
#openings dl{color:#464646;}
#openings.red dl{color:#d40202;border-bottom:1px solid #d40202;}
#openings.blue dl{color:#0085e8;border-bottom:1px solid #0085e8;}
#openings.green dl{color:#66b31c;border-bottom:1px solid #66b31c;}
#openings.yellow dl{color:#ffd200;border-bottom:1px solid #ffd200;}
#openings.orange dl{color:#ff6c00;border-bottom:1px solid #ff6c00;}
#openings.purple dl{color:#490064;border-bottom:1px solid #490064;}
#openings.magenta dl{color:#cc0066;border-bottom:1px solid #cc0066;}
#openings.grey dl{color:#857870;border-bottom:1px solid #857870;}
#openings dt{padding:5px 0 0 0;margin:0;font-weight:bold;text-transform:uppercase;}
#openings dd{padding:0;margin:0;color:#464646;font-size:10px;font-weight:bold;text-transform:none;}
#openings dd.date{padding:0;margin:10px 0 0 0;}