﻿@font-face {
    font-family: 'KreonRegular';
    src: url('/lib/fonts/kreon-regular-webfont.eot');
    src: url('/lib/fonts/kreon-regular-webfont.eot?iefix') format('eot'),
         url('/lib/fonts/kreon-regular-webfont.woff') format('woff'),
         url('/lib/fonts/kreon-regular-webfont.ttf') format('truetype'),
         url('/lib/fonts/kreon-regular-webfont.svg#webfontXuue9WFu') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PuritanRegular';
    src: url('/lib/fonts/puritan-regular-webfont.eot');
    src: url('/lib/fonts/puritan-regular-webfont.eot?iefix') format('eot'),
         url('/lib/fonts/puritan-regular-webfont.woff') format('woff'),
         url('/lib/fonts/puritan-regular-webfont.ttf') format('truetype'),
         url('/lib/fonts/puritan-regular-webfont.svg#webfontbSvYTIp5') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo500';
    src: url('/lib/fonts/museo500-regular-webfont.eot');
    src: url('/lib/fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/lib/fonts/museo500-regular-webfont.woff') format('woff'),
         url('/lib/fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('/lib/fonts/museo500-regular-webfont.svg#Museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-size: 62.5%; }
 
a img { border: 0; }
/*h1 { font-size: 3em; font-weight: normal; margin-bottom: 13px; }*/

h1 { color: #06C; font-size: 250%; font-family: Museo500, Georgia, serif; line-height: 1.45em; margin: 0 0 13px 0; }

h2 { font-size: 1.1em; font-weight: bold; margin-bottom: 3px; }
h2.opleiding { font-size: 3em; margin-bottom: 10px; }
h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 3px; border-bottom: 1px dashed #7f7f7f; }

#container { width: 954px; margin: 0 auto; }

#header { position: relative; height: 90px; }
#utils { position: absolute; top: 10px; right: 0; }
#utils ul { list-style: none; }
#utils li { float: left; padding: 2px 4px; }
#utils a { color: #003768; font-size: 1.1em; }
#utils a:hover { text-decoration: none;}
#utils a.zoeken { color: #df006d; }
#utils a.english { display: block; width: 16px; height: 14px; text-indent: -9999px; background: url(/lib/images/utils_english.png) 0 0 no-repeat; }
#utils a.deutsch { display: block; margin-left: 5px; width: 16px; height: 14px; text-indent: -9999px; background: url(/lib/images/utils_deutsch.png) 0 0 no-repeat; }

#zoeken { position: absolute; top: 60px; right: 0; width: 229px; height: 20px;}
#zoeken fieldset {margin: 0;}
#zoeken legend { display: none; }
#zoeken label { display: none; }
#zoeken input.text { border: 1px solid #c2ccd5; padding: 3px; margin-right: 5px; width: 152px; background: #ebe5d4 url(/lib/images/zoeken_bg.png) 0 0 no-repeat; }
#zoeken input.submit { cursor: pointer; border: 0; padding: 1px 0 2px 0; width: 60px; color: #000; background: #fff000; font-family: Museo500, Georgia, serif; font-size: 14px;}

#hoofdmenu { border-top: 1px dotted #000; position: relative; height: 233px; padding: 8px 0 15px 0; background: url(/lib/images/hoofdmenu_bg.png) 0 10px no-repeat;}
#hoofdmenu .menu { float: left; list-style: none; margin: 19px 0 0 17px; }
#hoofdmenu .menu a { display: block; cursor: pointer; height: 51px; width: 189px; text-indent: -9999px; background: url() 0 0 no-repeat; }
#hoofdmenu a.aanmelden { background-image: url(/lib/images/hoofdmenu_aanmelden.png); }
#hoofdmenu a.organisatie { background-image: url(/lib/images/hoofdmenu_organisatie.png); }
#hoofdmenu a.onderwijs { background-image: url(/lib/images/hoofdmenu_onderwijs.png); }
#hoofdmenu a.relaties { background-image: url(/lib/images/hoofdmenu_relaties.png); height: 52px;}

#hoofdmenu a:hover.aanmelden { background-image: url(/lib/images/hoofdmenu_aanmelden_hover.png); }
#hoofdmenu a:hover.organisatie { background-image: url(/lib/images/hoofdmenu_organisatie_hover.png); }
#hoofdmenu a:hover.onderwijs { background-image: url(/lib/images/hoofdmenu_onderwijs_hover.png); }
#hoofdmenu a:hover.relaties { background-image: url(/lib/images/hoofdmenu_relaties_hover.png); }

#portal-header { margin: 2px 0 0 229px; width: 725px; height: 235px; background: url(/lib/images/news_carrousel.png) 0 0 no-repeat; }
#news-carrousel-container { margin: 2px 0 0 229px; width: 725px; height: 235px; background: url(/lib/images/news_carrousel.png) 0 0 no-repeat; }
#news-carrousel-onderwijs,
#news-carrousel { margin: 0px 0 0 450px; padding-top: 30px; width: 250px; list-style: none; }
#news-carrousel-onderwijs li,
#news-carrousel li { height: 28px; padding-top: 3px; margin-bottom: 13px; text-align: right; }
#news-carrousel-onderwijs a,
#news-carrousel a { color: #fff; font-size: 1.4em; font-weight: bold;  }

#breadcrumbs { width: 769px; height: 25px; font-size: 1.1em; }
#breadcrumbs .wrapper { position: absolute; bottom: 0; right: 10px; width: 769px; height: 25px;}
#breadcrumbs .wrapper div { margin: 4px 0 0 10px;}

.homepage #contentcontainer { overflow: hidden;}
.homepage #contentcontainer .topcontainer { position: relative; }
.homepage #contentcontainer .top { position: absolute; top: -28px; left: -11px; width: 965px; height: 29px; background: url(/lib/images/contentcontainer_top_home.png) 0 0 no-repeat; }
.homepage .nieuwscontainer { border-top: 1px dotted #000; border-bottom: 1px dotted #000; float: left; margin: 0 12px 0 0; width: 229px; height: 253px;}

.homepage #bannerlinks_container {display:block; vertical-align:middle; text-align:center; overflow: hidden;}

/*
.newsblock { float: left; position: relative; margin-right: 5px; width: 230px; height: 235px; background: url(/lib/images/home_newsblock.png) 0 0 no-repeat; }
.newsblock .wrapper { width: 206px; height: 179px; overflow: hidden; padding: 10px 8px; }
.newsblock h2 { margin: 0 11px 3px 11px; overflow: hidden; height: 28px; font-size: 1.1em; font-weight: bold; }
.newsblock .media { margin: 0 0 6px 0; }
.newsblock img { height: 127px; width: 229px;}
.newsblock p { margin: 0 11px 3px 11px; font-size: 1.1em; }
.newsblock a { float: right; margin: 18px 27px 0 0; color: #e4e4e4; font-weight: bold; text-decoration: none; }
.newsblock a:hover { text-decoration: underline; }
*/

.newsblock { width: 229px; height: 253px; position: relative;}
.newsblock h2 { z-index: 10; position: absolute; top: 10px; left: 10px; width: 165px; padding: 5px; background-color: #fff000; color: #000; font-family: Museo500, Georgia, serif; font-weight: normal; font-size: 14px;}
.newsblock a.lees { color: #000; font-size: 12px;}
.newsblock a.meer { color: #df006d;}
.newsblock img { height: 127px; width: 229px; position: absolute; top: 25px; left: 0; z-index: 0;}
.newsblock p.datum { position: absolute; top: 160px; left: 10px; width: 209px; color: #df006d;}
.newsblock p.teaser { position: absolute; top: 180px; left: 10px; width: 209px;}

.banner { float: left; width: 230px; min-height: 1px; margin: 0 13px 0 0;}
#snelmenusector {  height: 154px; background: url(/lib/images/opleidingen_snelmenusector.png); margin-left: 10px;}

.snelmenucontainer { margin: 0 0 0 0; overflow: hidden; width: 229px; float: left;}
.snelmenu { float: left; margin-left: 0; width: 229px; height: 253px; background: #008cf8 url(../images/opleidingen_snelmenu.png) no-repeat; }
.snelmenu .wrapper { padding: 42px 10px; }
.snelmenu legend { display: none; }
.snelmenu select { width: 209px; height: 20px; border: 1px solid #7f9db9; color: #7b7978; font-size: 1.1em; }
.snelmenu div.field { margin-bottom: 12px; }
.snelmenu input.submit { float: right; margin-top: 10px; padding: 4px; cursor: pointer; font-size: 10px; border: 0; color: #000; background: #fff000;}
.snelmenu .toonlijst { color: #003768; margin: 6px 0 0 0; float: left;}

.snelmenu_onderwijs { float: left; margin-left: 0; width: 229px; height: 140px; background: #008cf8 url(../images/opleidingen_snelmenu.png) no-repeat; }
.snelmenu_onderwijs .wrapper { padding: 42px 10px; }
.snelmenu_onderwijs legend { display: none; }
.snelmenu_onderwijs select { width: 209px; height: 20px; border: 1px solid #7f9db9; color: #7b7978; font-size: 1.1em; }
.snelmenu_onderwijs div.field { margin-bottom: 12px; }
.snelmenu_onderwijs input.submit { float: right; margin-top: 10px; padding: 4px; cursor: pointer; font-size: 10px; border: 0; color: #000; background: #fff000;}

.interessegebied { border-top: 1px dotted #000; border-bottom: 1px dotted #000; background: url(../images/bg_interesse.jpg) no-repeat bottom left; min-height: 1px; overflow: hidden; width: 229px; float: left; margin: 0 0 0 12px;}
.interessemenu { float: left; margin-left: 0; width: 229px; height: 253px;}
.interessemenu .intro { margin: 0 0 12px 0;}
.interessemenu .wrapper { padding: 42px 10px; }
.interessemenu legend { display: none; }
.interessemenu select { width: 209px; height: 20px; border: 1px solid #7f9db9; color: #7b7978; font-size: 1.1em; }
.interessemenu div.field { margin-bottom: 12px; }
.interessemenu input.submit { float: right; margin-top: 10px; padding: 4px; cursor: pointer; font-size: 10px; border: 0; color: #fff; background: #df006d;}

#footer { clear: both; padding: 10px 0 50px 0; margin: 20px 0 0 0;}
#footer ul { list-style: none; }
#footer ul.internal { margin-left: 300px; }
#footer ul.external { float: right; }
#footer li { float: left; padding: 1px 5px; font-size: 1.1em; border-right: 1px solid #000; }
#footer ul.internal li { border-right-color: #003666; }
#footer ul.internal * { color: #003666; }
#footer ul.external li { border-right-color: #d1005c; }
#footer ul.external * { color: #d1005c; }
#footer ul li.last { border-right: 0; }
#footer a:hover { text-decoration: none;}
#footer a.rss { position: relative; padding-right: 36px; }
#footer a.rss span { cursor: pointer; position: absolute; bottom: -5px; right: 0; width: 36px; height: 41px; background: url(/lib/images/rss.png) 0 0 no-repeat; }
#footer .top { position: absolute; left: 225px; top: -1px; z-index: 1; padding: 4px; }
#footer .top a { color: #5b5b5b; text-decoration: none; font-family: Museo500, Georgia, serif; font-size: 14px; padding: 0 4px 0 4px;}
.homepage #footer .top { display: none; }
.homepage #footer { padding-top: 15px; }

.portal #hoofdmenu { height: 243px; }
.portal #contentcontainer { margin-top: 15px; }

.bannercontainer { float: left; width: 229px; min-height: 1px;}

.portalcontainer { float: left; width: 496px; margin: 0 0 30px 0;  }
.portalcontainer .portalcontainer_left { float: left; width: 229px; margin: 0 12px 0 12px; }
.portalcontainer .portalcontainer_right { float: left; width: 229px; }
.portalcontainer .portalitem { width: 229px; margin: 0 0 10px 0; }
.portalcontainer .portalitem .wrapper { padding: 10px 10px 20px 10px; }
.portalcontainer .portalitem h2 { color: #fff; font-size: 1.5em; font-weight: bold; margin: 0; }
.portalcontainer .portalitem ul { margin-top: 20px; }
.portalcontainer .portalitem li { margin-top: 10px; }
.portalcontainer .portalitem a { color: #fff; font-size: 1.1em; }

.portal #footercontainer { clear: both; padding-top: 1px; margin-bottom: 20px; position: relative; height: 50px;}
.portal #footer { width: 954px; margin-top: 80px;}

.content #hoofdmenu { height: 134px; padding: 0; margin: 0 0 20px 0; background: url(/lib/images/template_img_standaard.jpg) no-repeat; border: 0;}
.content #hoofdmenu form { float: left; width: 200px; margin: 10px 0 0 10px; padding: 10px; background: #fff;}
.content #hoofdmenu legend {font-family: Museo500, Georgia, serif; margin-bottom: 5px; padding: 0; font-size: 16px; color: #000; font-weight: bold;}
.content #hoofdmenu select { width: 200px; font-size: 11px; height: 20px; color: #7b7978; border: 1px solid #7f9db9; }
.content #hoofdmenu input { margin-top: 5px; border: 1px solid black; }
.content #hoofdmenu .ingelogd legend { margin-bottom: 0; }
.content #hoofdmenu .ingelogd input { padding: 2px 0; border: 1px solid #7f9db9; color: #7b7978; font-size: 1.1em; }
.content #hoofdmenu .ingelogd input.submit { cursor: pointer; border: 0; padding: 4px 2px 12px 2px; font-weight: bold; width: 70px; color: #fff; background: url(/lib/images/zoeken_submit.png) 0 0 no-repeat; }
.content .cite { background: #008cf8; float: right; padding: 5px; margin: 30px 10px 0 0;}
.content .cite cite { font-size: 25px; color: #fff; font-style: normal; text-transform: uppercase; font-family: Museo500, Georgia, serif;}
.content #breadcrumbs { bottom: 30px; }
.content .contentcontainer { min-height: 470px;}
.submenu { width: 215px; margin: 0 0 20px 0;}
.submenu span { font-size: 1.5em; font-weight: bold;}
.submenu ul { margin-top: 10px; border-top: 1px dotted #505050; }
.submenu a { color:#505050; display: block; width: 203px; padding: 6px; border-bottom: 1px dotted #505050; font-size: 1.1em; text-decoration: none; }
.submenu a:hover { text-decoration: underline; }
.submenu a.active { background: url(/lib/images/menu_active.png) 0 0 repeat-y; }
.submenu ul ul { margin: 0; border-top: 0; border-bottom: 1px solid #b0b0b0; list-style: square; padding-left: 40px; }
.submenu ul ul li { font-size: 1.6em; }
.submenu ul ul a { border: 0; padding: 6px 0; font-size: 0.7em; width: 163px; }
.submenu ul ul li.active a { text-decoration: underline; }

.contentcontainer { position: relative; float: left; width: 472px; margin: 0 12px 0 12px; overflow: hidden;}
.paragraph { margin-bottom: 20px; clear: left; }
.paragraph .text { font-size: 1.1em; line-height: 1.7em; /*float: left;*/}
.paragraph .sitemap { font-size: 1.1em; line-height: 1.4em; }
.paragraph .sitemap hr { color: #eee; background-color: #ddd; height: 1px; border: 0;  margin: 10px 0;}
.paragraph .text img { overflow: auto;}
.paragraph .text ol li { list-style-type: decimal }
.paragraph ol,
.paragraph ul { margin: 10px 40px; list-style: square; }
.paragraph ul ul { margin: 0 40px; }
.paragraph .datum { margin: 0 0 20px 0;}
.paragraph .left { float: left; margin: 5px 10px 0 0;}
.paragraph .right { float: right; margin: 5px 0 0 10px;}

.content #footercontainer { clear: both; padding-top: 1px; margin-bottom: 20px; position: relative; height: 50px;}
.content #footer { width: 954px; margin-top: 80px;}

#voorkeurstrefwoorden { display: none; margin-top: 30px; }
#voorkeurstrefwoorden img { float: left; margin: 0 10px 10px 0; }
.tool-tip { z-index: 13000; }
.tool-tip .wrapper { padding: 8px 13px 0 14px; width: 200px; background: url(/lib/images/tooltip_bg.png) 0 0 no-repeat; }
.tool-tip .text { line-height: 1.7em; font-size: 0.9em; }
.tool-tip .bottom { width: 227px; height: 6px; background: url(/lib/images/tooltip_bottom.png) 0 0 no-repeat; }
.tool-tip h3 { color: #fff; padding-bottom: 18px; }
.anchors { padding-bottom: 1px; color: #f08a2b; text-decoration: underline; border-bottom: 1px solid #f08a2b; }

body.fotoboek { margin: 0; padding: 0; overflow: hidden; background: url(/lib/images/fotoboek_bg.jpg) 0 0 no-repeat; }
body.fotoboek #fotogroot { position: absolute; left: 0; top: 0; height: 300px; width: 300px; }
body.fotoboek img { display: block; }
body.fotoboek .thumbs { z-index: 3; position: absolute; left: 93px; top: 393px; }
body.fotoboek .previous { z-index: 4; position: absolute; left: 44px; top: 392px; width: 49px; height: 67px; }
body.fotoboek .next { z-index: 4; position: absolute; left: 633px; top: 392px; width: 48px; height: 67px; }
body.fotoboek .thumbs ul { float: left; }
body.fotoboek .thumbs li { float: left; margin-right: 10px; }
body.fotoboek .thumbs li.last { margin-right: 0; }
body.fotoboek .thumbs li.active { border: 2px solid #fff; }
body.fotoboek .thumbs li.active img { width: 96px; height: 63px; }
body.fotoboek .schaduw { position: absolute; left: 0; top: 392px; z-index: 2; height: 100px; width: 707px; background: url(/lib/images/fotoboek_bg2.png) 0 0 no-repeat; }
body.fotoboek .description { position: absolute; top: 30px; left: 410px; padding: 8px 20px; width: 220px; background: url(/lib/images/fotoboek_omschrijving.png) 0 0 no-repeat; }

form.contact { clear: left; padding-top: 20px; }
form.contact legend { display: none; }
form.contact div.field { margin: 5px 0; overflow: hidden; }
form.contact div.field div.sub { overflow: hidden; }
form.contact div.field div.sub div { clear: both; height: 20px; }
form.contact label { float: left; width: 144px; font-weight: bold; font-size: 1.1em; }
form.contact label.sub { width: auto; line-height: 20px; margin-left: 3px;}
form.contact input { font-size: 1.1em; color: #505050; padding: 1px 0; width: 264px; border: 1px solid #767676; }
form.contact select { font-size: 1.1em; color: #505050; padding: 1px 0; width: 266px; border: 1px solid #767676; }
form.contact textarea { font-size: 1.1em; color: #505050; width: 264px; border: 1px solid #767676; }
form.contact div.field { clear: left; margin-bottom: 5px; }
form.contact input.submit { padding: 2px 7px 2px 7px; margin: 10px 0 0 310px; width: 100px; font-family: Museo500, Georgia, serif; cursor: pointer; color: #fff; background: #df006d; float: left; border: 0; font-size: 14px;}
form.contact input.dag { width: 20px; margin-right: 5px; }
form.contact input.maand { width: 20px; margin-right: 5px; }
form.contact input.jaar { width: 40px; }
form.contact input.checkbox { border: 0 !important; width: auto; height: 20px; float: left; }

form#frmLangeFrans label { width: 230px; }

.nieuwsoverzicht { float: left; width: 229px; }
.nieuwsoverzicht .bericht { background: #008cf8; height:auto; width: 198px; float:left; border-top: 1px dotted #767676; padding: 10px 15px 10px 16px;}
.nieuwsoverzicht .bericht a { font-weight: bold; text-decoration: none; }
.nieuwsoverzicht .bericht a:hover { text-decoration: underline; }
.nieuwsoverzicht .active { background: #bfe3ff; }
.nieuwsoverzicht .wrapper { padding: 20px 15px 10px 15px; background: #008cf8 url(/lib/images/bericht_top.png) no-repeat;}
.nieuwsoverzicht legend { margin: 0 0 10px -5px; padding: 20px 0 0 0; color: #fff;}
.nieuwsoverzicht select { width: 180px; height: 22px; border: 1px solid #7f9db9; color: #000; font-size: 1.1em; }
.nieuwsoverzicht div.field { margin: 0; padding: 0;}
.nieuwsoverzicht input.submit { float: right; margin-top: 10px; width: 131px; height: 28px; cursor: pointer; font-size: 10px; border: 0; color: #7a5929; font-weight: bold; background: url(/lib/images/opleiding_bekijken.png) 0 0 no-repeat; }
.nieuwsoverzicht .bericht .datum {text-align:center; background:#003867; overflow:hidden; width:40px; float:left; margin:0 10px 0 0; border:1px solid #2F5676; color:#fff; padding:2px;}
.nieuwsoverzicht .bericht .wrappernieuws { overflow:hidden;}
.nieuwsoverzicht .bericht .titel a { color: #fff;}
.nieuwsoverzicht .active .titel a { color: #003867;}

#myFlashContent { margin:30px 0 0 -200px;}

#sectornieuws .nieuwsoverzicht { float: left; margin: 10px 0 0 0; width: 229px; }
/*
.poll { width: 475px; margin: 0 0 20px 0;}
.poll h2 { margin: 0; line-height: 16px;}
.poll h2 span.top { display: block; padding: 6px 20px 4px 17px; width: 438px; color: #fff; background: url(/lib/images/faq_cat_top.png) 0 0 no-repeat; }
.poll h2 span.bottom { display: block; height: 15px; width: 475px; background: url(/lib/images/faq_cat_bottom_opened.png) 0 0 no-repeat; }
.poll label { font-size: 11px;}
.poll legend { display: none;}
.poll .optie { background-image: url(/lib/images/poll_bg.png); background-position: bottom; padding: 0 10px 15px 10px;}
.poll .optie div.item { margin-bottom: 5px; }
.poll .optie input { margin-left: 5px; }
.poll .submit input{ cursor: pointer; float: right; background-image: url(/lib/images/btn_stem.png); border: 0; width: 63px; height: 32px; margin: 0 10px 0 0; padding: 0 0 10px 0; color: #fff; font-size: 11px;}
.poll .result { height: 16px; width: 455px; background-color: #ddd; margin-top: 6px; }
.poll .result div { font-weight: bold; color: #396b92; background-color: #b7e042; line-height: 16px;  }
.historie ul { font-size: 11px;}
*/
.poll { width: 460px; margin: 0 0 20px 0;}
.poll h2 { margin: 0; line-height: 16px;}
.poll h2 span.top { display: block; padding: 6px 10px 7px 17px; width: 460px; color: #fff; background: #d70068; }
.poll label { font-size: 11px;}
.poll legend { display: none;}
.poll .optie { background: #fce5f0; padding: 15px; width: 460px;}
.poll .optie div.item { margin-bottom: 5px; }
.poll .optie input { margin-left: 5px; }
.poll .submit input{ cursor: pointer; float: right; background: #008cf8; border: 0; margin: 0 20px 0 0; padding: 4px 7px 4px 7px; color: #fff; font-size: 11px;}
.poll .result { height: 16px; width: 440px; background-color: #fff; margin-top: 6px; }
.poll .result div { font-weight: bold; color: #003867; background-color: #008cf8; line-height: 16px;}
.historie ul { font-size: 11px;}

.faq-item { margin: 0 0 10px 0; float: left;}
.faq-item h2 { position: relative; margin: 0; }
.faq-item h2 span.top { display: block; padding: 6px 0 8px 37px; width: 430px; color: #fff; background: #dc006b; }
.faq-item h2 span.faq_plus { position: absolute; top: 6px; left: 9px; height: 16px; width: 16px; background: url(/lib/images/faq_cat_plus.png) 0 0 no-repeat; }
.faq-item h2 span.faq_minus { position: absolute; top: 6px; left: 9px; height: 16px; width: 16px; background: url(/lib/images/faq_cat_minus.png) 0 0 no-repeat; }
.faq-item ul { padding: 10px 30px; list-style: square; background: #fce5f0; width: 407px;}
.faq-item ul ul { background: none; }
.faq-item li { padding: 0 20px 0 0; margin-bottom: 8px; color: #013867; font-size: 12px; }
.faq-item li a { color: #013867; font-size: 0.9em; text-decoration: none; }
.faq-item li span { display: block; margin: 10px 0; padding: 10px; color: #505050; background: #f1f1f1; font-size: 0.9em;}
.faq-item .faq_questions { margin-bottom: 40px; }
.faq-item .faq_sluiten a { float: right; margin: 0 20px 0 0; color: #fff; padding: 4px 7px 4px 7px; text-decoration: none; background: #008cf8;}

.searched { margin-bottom: 20px; }
.searched h2 { color: #fff !important; margin: 0; padding: 6px 20px 6px 20px; width: 437px; background: #003768;}
.searched div.info { padding: 10px 20px 10px 20px; color: #305d80; border: 1px solid #003768;} 
.searched .searched_word { display: block; margin-bottom: 5px; color: #305d80; font-size: 1.3em; font-weight: bold; }
.searched .searched_sluiten a { float: right; margin: 0 20px 0 0; color: #fff; padding: 4px 7px 4px 7px; text-decoration: none; background: #008cf8; }
.searchresultstabs { margin: 50px 0 0 0; padding: 0; overflow: hidden; }
.searchresultstabs li { float: left;}
.searchresultstabs a { display: block; width: 114px; height: 22px; margin: 0 5px 0 0; padding: 4px 0 0 0; color: #fff; text-align: center; font-family: Museo500, Georgia, serif; text-decoration: none; font-size: 14px;}
.searchresultstabs .tab1 { background: #008cf8; }
.searchresultstabs .tab1active { background: #003768; }
.searchresultstabs .tab2 { background: #008cf8; }
.searchresultstabs .tab2active { background: #003768; }
.searchresultstabs .tab3 { background: #008cf8; }
.searchresultstabs .tab3active { background: #003768; }
.searchresultstabs .tab4 { background: #008cf8; }
.searchresultstabs .tab4active { background: #003768; }
.searchresults { width: 470px; margin-bottom: 20px; border: 1px solid #003768;}
.searchresults .wrapper { overflow: hidden; padding: 17px;  border-width: 0 1px; background: #fff; }
.searchresults .number { float: left; width: 23px; margin: 0; padding: 1px 0 0 0; color: #498bbf; font-weight: bold; }
.searchresults .title { margin-bottom: 5px; }
.searchresults .title a { color: #505050; font-weight: bold; font-size: 1.2em; text-decoration: none; }
.searchresults .title a:hover { text-decoration: underline; }

.zoeken #footer .top { left: 240px;}

.searchresults li { clear: left; padding-top: 5px; margin-bottom: 5px; }
.searchresults .info { float: left; width: 410px; padding: 0 0 3px 0; overflow: hidden; border-bottom: 1px dotted #305d80; }
.searchresults .text { font-size: 1.1em; color: #505050; width: 400px;}
.searchresults .readmore { float: right; }
.searchresults .readmore a { color: #61baff; font-weight: bold; }
.searchresults .tabpager { clear: left; overflow: hidden; padding-top: 15px; margin: 0 0 0 23px; }
.searchresults .tabpager .previous { text-indent: -9999px; margin-right: 4px; float: left; width: 21px; height: 17px; background: url(/lib/images/searchresults_previous.png) 0 0 no-repeat; }
.searchresults .tabpager .next { text-indent: -9999px; float: left; width: 21px; height: 17px; background: url(/lib/images/searchresults_next.png) 0 0 no-repeat; }
.searchresults .tabpager li { float: left; clear: none; margin-right: 4px; }
.searchresults .tabpager a { color: #505050; text-decoration: none; }
.searchresults .tabpager .active { font-weight: bold; }

a.terug { clear: both; float: left; margin: 0 0 20px 419px; color: #fff; padding: 4px 7px 4px 7px; text-decoration: none; background: #013867;}

.opleidingengids .kaart { position: relative; width: 472px; margin: 10px 0 20px 0; }
.opleidingengids .kaart ul { padding: 10px 0 10px 0; border: 1px solid #dc006b;}
.opleidingengids .kaart ul li { list-style-type : none; color: #505050; margin: 0 0 0 10px; padding: 0;}
.opleidingengids .kaart ul ul { padding: 0; border: 0; width: 325px; overflow: hidden; float: left;}
.opleidingengids .kaart ul ul li { list-style-type : none; color: #505050; margin: 0; padding: 0;}

.opleidingengids .kaart li span { width: 134px; display: block; float: left; font-weight: bold; color: #45541a; }
.opleidingengids .kaart .wrapper { padding: 10px 15px 10px 0; border-bottom: 1px dotted #dc006b;}
.opleidingengids .kaart .print { position: absolute; top: 15px; right: 20px; height: 41px; width: 42px; }

.opleiding-item { margin: 0 0 15px 0;}
.opleiding-item .text ul { clear:both; margin:0 0 0 15px; }
.opleiding-item .text ul li { list-style-type:disc; padding: 0 0 0 5px; }
.opleiding-item .text ul li ul { margin:0 0 10px 15px; }
.opleiding-item .text ul li li { list-style-type:disc; padding: 0; margin:0;}
.opleiding-item .text ol {clear:both; margin:0 0 0 20px;  }
.opleiding-item .text ol li { list-style-type:decimal; }

.opleiding-item h2 { position: relative; margin: 0; }
.opleiding-item h2 a { text-decoration: none; }
.opleiding-item h2 span.top { display: block; padding: 6px 20px 7px 37px; width: 418px; color: #fff; background: #dc006b;}
.opleiding-item h2 span.opleidingitem_plus { position: absolute; top: 6px; left: 9px; height: 16px; width: 16px; background: url(/lib/images/faq_cat_plus.png) 0 0 no-repeat; }
.opleiding-item h2 span.opleidingitem_minus { position: absolute; top: 6px; left: 9px; height: 16px; width: 16px; background: url(/lib/images/faq_cat_minus.png) 0 0 no-repeat; }
.opleiding-item div.text { padding: 10px 30px; list-style: square; background: #fce5f0;}
.opleiding-item .opleidingitems { margin-bottom: 40px; }
.opleiding-item .opleidingitem_sluiten a { float: right; margin: 0 20px 0 0; color: #fff; padding: 4px 7px 4px 7px; text-decoration: none; background: #008cf8;}
.opleidingengids h2.locaties { font-size: 3em; }
.opleidingengids h2.startdata { font-size: 3em; }
.opleidingengids h2.opendagen { font-size: 3em; }
.opleidingengids h2.documenten { font-size: 3em; }

.opleidinglijst { margin: 0 0 20px 0;}
.opleidinglijst .top { display: block; padding: 6px 20px 4px 17px; width: 438px; color: #fff; background: url(/lib/images/faq_cat_top.png) 0 0 no-repeat; }
.opleidinglijst .top a { color: #fff; font-weight: bold; text-decoration: none; }
.opleidinglijst .bottom { display: block; height: 15px; width: 475px; background: url(/lib/images/faq_cat_bottom_closed.png) 0 0 no-repeat; }


.searchform { width: 475px; }
.searchform .top { background-image: url(/lib/images/bg_his_top.png); height: 15px;}
.searchform .bottom { background-image: url(/lib/images/bg_his_bottom.png); height: 15px;}
.searchform .wrapper { padding: 0px 15px 10px 15px; background-image: url(/lib/images/bg_poll.png); background-repeat: repeat-y; }

.searchform form legend { display: none; }
.searchform form label { float: left; width: 90px; color: #305d80; font-weight: bold; font-size: 1.1em; }
.searchform form table label { font-weight: normal; padding: 0;}
.searchform form .label { color: #305d80; width: 90px; font-weight: bold; font-size: 1.1em; }
.searchform form input.text { margin: 0 0 10px 0; height: 16px; font-size: 1.1em; color: #505050; padding: 1px 0; width: 214px; border: 1px solid #767676; }
.searchform form select { font-size: 1.1em; color: #505050; padding: 1px 0; width: 266px; border: 1px solid #767676; }
.searchform form textarea { font-size: 1.1em; color: #505050; width: 264px; border: 1px solid #767676; }
.searchform form div.field { clear: left; padding: 15px 0; border-bottom: 1px dotted #bababa; }
.searchform form .radiocheck { float: none; width: auto;}
.searchform form .keuze { width: 150px; vertical-align: top;}
.searchform form td { padding-bottom: 10px; }
.searchform form .calendar input { font-size: 1.1em; color: #505050; padding: 1px 0; border: 1px solid #767676; }
.searchform form input.submit { cursor: pointer; border: 0; padding: 2px 0 12px 2px; margin-left: 10px; font-weight: bold; width: 51px; color: #fff; background: url(/lib/images/searchform_submit.png) 0 0 no-repeat; }
.searchform .submit input{ cursor: pointer; float: right; background-image: url(/lib/images/btn_stem.png); border: 0; width: 63px; height: 32px; margin: 0 10px 0 0; padding: 0 0 10px 0; color: #fff; font-size: 11px;}


/* ORGANISATIE */
.organisatie h1 { color: #008cf8; }
.organisatie h2 { color: #008cf8; }
.organisatie h4 { color: #008cf8; font-size: 14px; font-weight: bold;}
.organisatie .submenu span { color: #008cf8; }
.organisatie #breadcrumbs * { color: #fff; }
.organisatie #breadcrumbs .wrapper { background: #003768; }

.organisatie #footer .top { background: #003768;}
.organisatie #footer .top a { color: #fff;}

.organisatie form.contact label { color: #008cf8; }

.organisatie .historie { width: 475px; margin: 10px 0 20px 0;}
.organisatie .historie .top { background-image: url(/lib/images/organisatie/bg_his_top.png); height: 15px;}
.organisatie .historie .bottom { background-image: url(/lib/images/organisatie/bg_his_bottom.png); height: 15px;}
.organisatie .historie ul {background-image: url(/lib/images/organisatie/bg_poll.png); background-repeat: repeat-y; padding: 5px 0 5px 0;}
.organisatie .historie ul li { list-style-type : square; color: #008cf8; margin: 0 0 4px 30px; padding: 0;}

.portal .organisatie #hoofdmenu a.organisatie { background-image: url(/lib/images/hoofdmenu_organisatie_hover.png); }

.organisatie .portalitem .wrapper { background: #008cf8;}

/* ONDERWIJS */
.onderwijs h1 { color: #003867; }
.onderwijs h2 { color: #003867; }
.onderwijs .submenu span { color: #003867; }
.onderwijs #breadcrumbs * { color: #fff; }
.onderwijs #breadcrumbs .wrapper { background: #003768; }

.onderwijs #footer .top { background: #003768;}
.onderwijs #footer .top a { color: #fff;}

.onderwijs form.contact label { color: #003867; }

.onderwijs .documenten { width: 475px; margin: 10px 0 20px 0;}
.onderwijs .documenten .top { background-image: url(/lib/images/organisatie/bg_his_top.png); height: 15px;}
.onderwijs .documenten .bottom { background-image: url(/lib/images/organisatie/bg_his_bottom.png); height: 15px;}
.onderwijs .documenten ul {background-image: url(/lib/images/organisatie/bg_poll.png); background-repeat: repeat-y; padding: 5px 0 5px 0;}
.onderwijs .documenten ul li { float: left;  width: 220px; list-style-type : none; color: #505050; margin: 0 35px 4px 35px; padding: 0;}
.onderwijs .documenten ul li span { float: left; display: block; font-weight: bold; color: #45541a; }

.portal .onderwijs #hoofdmenu a.onderwijs { background-image: url(/lib/images/hoofdmenu_onderwijs_hover.png); }

.onderwijs .portalitem .wrapper { background: #008cf8; }

/* RELATIES */
.relaties h1 { color: #dc006b; }
.relaties h2 { color: #dc006b; }
.relaties .submenu span { color: #dc006b; }
.relaties #breadcrumbs * { color: #fff; }
.relaties #breadcrumbs .wrapper { background: #dc006b; }
.relaties #footer .top { background: #003768;}
.relaties #footer .top a { color: #fff;}
.relaties form.contact label { color: #dc006b; }

.portal .relaties #hoofdmenu a.relaties { background-image: url(/lib/images/hoofdmenu_relaties_hover.png); }

.relaties .portalitem .wrapper { background: #008cf8; }

a.portal {text-decoration: none; font-style: italic;}

#facetnav { width: 300px; float: left;}
#facetnav h4 {margin-bottom: 5px; width: 300px;}
#facetnav ul {margin-bottom:25px; width: 300px;}
#facetnav ul li { font-size: 11px; margin: 0 0 5px 0;}

.opleidingoverzicht #footer .top { left: 310px;}
.opleidingoverzicht .contentcontainer { float: right; width: 642px; margin: 0 0 20px 0;} 

#facetnav ul.verwijderencriteria li {display:block; margin:0 0 5px 0; width:300px; overflow:hidden;}
#facetnav ul.verwijderencriteria li a {display:block; float:left;}
#facetnav ul.verwijderencriteria li a.active { width:280px;}
#facetnav ul.verwijderencriteria li a.verwijder {width:13px; height:13px; margin:0 4px 0 0; background: url(../images/remove.jpg) 0 0 no-repeat; text-indent:-9999px;}

.overzicht_opleidingen ul { margin: 0; padding: 0;}
.overzicht_opleidingen ul li { overflow: hidden; margin: 0 0 5px 0; background: #fbe5f0; padding: 5px;}
.overzicht_opleidingen ul li .nummer { float: left; background: url(../images/bg_resultaat.jpg); width: 30px; height: 22px; color: #fff; text-align: center; padding: 8px 0 0 0;}
.overzicht_opleidingen ul li a.naam { margin: 7px 0 0 15px; color: #003768; width: 450px; display: block; float: left; line-height: 14px; font-size: 11px;}
.overzicht_opleidingen ul li a.toon { margin: 3px 0 0 0; background: #003768; color: #fff; text-decoration: none; font-family: Museo500, Georgia, serif; padding: 5px 7px 4px 7px; font-size: 12px; float: right;}

#opleidingmedia_container img { max-width: 445px;}
