body { margin: 0; text-align: left; background-image: url(/lib/images/bg_leeuw_v2.jpg); background-repeat: no-repeat; background-position: 50% top; background-attachment: fixed; font-family: verdana; font-size: 11px;}
h1 { width: 444px; height: 27px;}
h3 { width: 444px; height: 23px; margin: 20px 0 10px 0; padding: 0;}

input, textarea, select { font-family: verdana; font-size: 11px; }

h6 {color: #ed7900;}
.algemeen h1 {color: #ff6600;}
.economie h1 {color: #1c3d88;}
.educatie h1 {color: #b30077;}
.zorg h1 {color: #c10043;}
.cios h1 {color: #ccd221;}
.techniek h1 {color: #ffde00;}
.economie h3 {color: #c4c4de;}
.educatie h3 {color: #f2c2e2;}
.zorg h3 {color: #eecfc9;}
.cios h3 {color: #e2e487;}
.techniek h3 {color: #000;}
.algemeen h3 {color: #ffcfab;}

.marktportaal h1 {}
.marktportaal h3 {}

.algemeen .paragraph strong { color: #ff6600;}
.cios .paragraph strong { color: #ccd221;}
.techniek .paragraph strong { color: #ffde00;}
.economie .paragraph strong { color: #1c3d88;}
.educatie .paragraph strong { color: #b30077;}
.zorg .paragraph strong { color: #c10043;}

.marktportaal strong {}

.kaart { padding: 10px 20px 10px 20px; margin: 0 0 10px 0; overflow: hidden; border: 1px solid #f5e1c6; background-image: url(/lib/images/bg_blok.png);}
.kaart ul { list-style-type: square;}
.kaart ul li { width: 400px; float: right;}
.kaart ul li span { width: 80px; float: left;}
.kaart table tr { vertical-align: text-top;}
.kaart table tr td.beschrijving { width: 130px; font-weight: normal; color: #ff6600;}

.gids_afbeelding { width: 444px; overflow: hidden;}
.gids_afbeelding img {border: 0; margin: 0 0 15px 0;}

#container { width: 968px; margin: 0 auto; text-align: left; overflow: hidden;}

#header { height: 190px; margin: 0 0 20px 0;}
#logo img{ float: left; border: 0;}
#quote { float: left; margin: 0 0 0 0; position: relative; width: 661px; height: 190px; background-image: url(/lib/images/homepage.jpg);}
#utils { position: absolute; right: 10px; top: 10px;}
#utils ul { list-style: none;}
#utils li { float: left; padding: 0 6px 0 6px; border-right: 1px solid #000;}
#utils li.last { border: 0;}
#utils a { color: #000; font-size: 10px; text-decoration: none; display: block;}
#utils a:hover { text-decoration: underline;}

.wrapper_left { width: 214px; margin: 0 0 0 20px; float: left; overflow: hidden;}
.wrapper_mid { width: 444px; margin: 0 20px 20px 0; float: left; overflow: hidden;}
.wrapper_home { width: 661px; float: left; overflow: hidden; }
.wrapper_right { width: 192px; float: left; overflow: hidden;}

#hoofdmenu { float: left; margin: 0 0 20px 0; width: 191px; border: 1px solid #fbf5ec; overflow: hidden;}
#hoofdmenu ul { background-image: url(/lib/images/bg_menu.png); margin: 0; padding: 0;}
#hoofdmenu ul li { line-height: 23px; list-style: none; background-image: url(/lib/images/bullet.png); background-repeat: no-repeat; background-position: left top;}
#hoofdmenu ul li.active a { color: #ff6600;}
#hoofdmenu ul li a { text-decoration: none; color: #000; padding: 0 0 0 23px; display: block;}
#hoofdmenu ul li a:hover { color: #ff6600;}
#hoofdmenu ul ul { background-image: none; background-color: #fbf5ec; }
#hoofdmenu ul ul { margin: 0; padding: 0; background-image: none; border-bottom: 1px solid #f5e1c6; border-top: 1px solid #f5e1c6;}
#hoofdmenu ul ul li a { color: #000 !important; padding: 0 0 0 38px; width:150px; display: block; overflow: hidden; background-image: url(/lib/images/bullet2.png); background-repeat: no-repeat; background-position: left top;}
#hoofdmenu ul ul li.active a { list-style-type: none; color: #ff6600 !important; }
#hoofdmenu ul ul li a:hover { color: #ff6600; }

#breadcrumbs {width: 444px; color: #ff6600; height: 25px; font-size: 10px; }
#breadcrumbs .wrapper { height: 36px;}
#breadcrumbs .wrapper div { height: 20px; padding-bottom: 2px; }
#breadcrumbs .wrapper div a { color: #ff6600;}

#banners { width: 192px; overflow: hidden;}
.banner { width: 192px; margin: 0 0 20px 0; padding: 0; float: left;}
.banner img { border: 0; }

#keuzemenu { margin: 0 0 20px 0; width: 661px;}

#nieuws_teaser { width: 444px; height: 230px; float: left; margin: 0 25px 0 0;}
#nieuws_teaser .item { width: 210px; float: left; margin: 0 24px 0 0;}
#nieuws_teaser .item_last { width: 210px; float: left;}
#nieuws_teaser .wrapper { height: 44px; margin: 0 0 5px 0; overflow: hidden;}
#nieuws_teaser h6 { font-size: 16px; color: #ff6600; padding:0 0 5px 0; margin:0;}
#nieuws_teaser .foto { position: relative; height: 100px; overflow: hidden; background-image: url(/lib/images/bg_trans.png);}
#nieuws_teaser .foto img { width: 210px; border: 0;}
#nieuws_teaser .datum { text-align: center; padding: 5px 0 0 4px; position: absolute; right: 2px; top: 3px; background-image: url(/lib/images/bg_datum.png); background-repeat: no-repeat; width: 50px; height: 49px;}
#nieuws_teaser .datum .cijfer { font-size: 20px; color: #ff6600;}
#nieuws_teaser .datum .datum { font-size: 12px; color: #000;}
#nieuws_teaser .tekst { margin: 5px 0 10px 0; height: 54px; overflow: hidden;}
#nieuws_teaser .lees a { text-decoration: none; color: #ff6600;}
#nieuws_teaser .lees a:hover { text-decoration: underline;}

.paragraph .text{ overflow: hidden; width: 444px;}
.paragraph .text a { color: #ff6600; font-weight: bold;}
.paragraph .text ul { padding: 0 0 10px 20px; margin: 0;}
.paragraph .text ul li { list-style-type: square;}
.paragraph .text ol { padding: 0 0 10px 26px; margin: 0;}
.paragraph .text ol li { }
.paragraph .text { overflow: auto; margin: 0; padding: 0;}
.paragraph .text p { margin: 0 0 10px 0; padding: 0 0 0 0;}
.paragraph .text img { border: 0; margin: 0 0 10px 10px; float: right; width: 150px;}
.paragraph .text img.left { float: left; margin: 0 10px 10px 0; }
.paragraph .text img.right { float: left; margin: 0 0 10px 10px; }
.paragraph .datum { margin: 0 0 15px 0; padding: 0; color: #ff6600;}
.paragraph strong { color: #ff6600;}

#snelmenu { margin: 0 0 20px 0; padding: 0; float: left; background-image: url(/lib/images/bg_snelmenu.png); background-repeat: no-repeat; height: 188px;}
#snelmenu fieldset { border: 0; margin: 40px 0 0 10px; width: 192px; padding: 0;}
#snelmenu legend { display: none; }
#snelmenu select { color: #000; width: 172px; height:20px; margin: 0 0 7px 0; font-size: 11px;}
#snelmenu div.field { margin: 0; padding: 0;}
#snelmenu input.submit { float: right; background-color: #ff6600; color: #fff; font-size: 11px; border: 0; width: 100px; margin: 10px 20px 0 0;}

#footer { text-align: right; width: 656px; clear: both; float: left; background-image: url(/lib/images/bg_footer.png); height: 27px; font-size: 10px; padding: 0 5px 0 0; margin: 25px 0 0 234px;}
#footer ul { margin: 0; padding: 5px 0 0 0;}
#footer ul li { color: #fff; list-style: none; display: inline; border-right: 1px solid #fff; padding: 0 6px 0 6px;}
#footer ul li.last { border: 0;}
#footer ul li a { color: #fff; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline;}

.opleiding_overzicht table {width: 444px; margin: 0; padding: 0;}
.opleiding_overzicht a { text-decoration: none; font-size: 10px; color: #000; background-image: url(/lib/images/btn_opleiding.png); display: block; width: 26px; height: 16px; padding: 3px 0 0 4px;}
.opleiding_overzicht table tr { height: 20px;}
.opleiding_overzicht table tr td { padding: 3px 5px 2px 5px;}
.opleiding_overzicht table tr td.code { width: 40px;}
.opleiding_overzicht table tr td.opleiding { width: 304px;}
.opleiding_overzicht table tr td.type { width: 100px;}
.opleiding_overzicht tr.head { color: #fff; font-weight: bold;}

.tab_menu {padding: 3px 0 0 0; width: 444px; margin: 10px 0 -1px 0; list-style-type: none;text-align: left; overflow: hidden;}
.tab_menu li { float: left; margin: 3px 3px 0 0;}
.tab_menu li a { display: block; float: left; text-decoration: none; padding: 3px 7px 3px 7px; border-bottom: none;}
.tab_menu li a:hover { background-image: none;}
.tab_menu li.active a { position: relative; background-image: none;}

form.contact legend { display: none; }
form.contact fieldset { border: 0; width: 412px;}
form.contact label { float: left; width: 144px; font-size: 11px; }
form.contact input { width: 264px; border: 1px solid #767676; }
form.contact select { width: 264px; border: 1px solid #767676; }
form.contact textarea { width: 264px; border: 1px solid #767676; }
form.contact div.field { clear: left; margin-bottom: 5px; }
form.contact input.submit { background-color: #ff6600; width: 80px; font-size: 11px; float: right; cursor: pointer; border: 0; color: #fff;}

.nieuwsoverzicht { border-bottom: 1px solid #f5e1c6; background-image: url(/lib/images/bg_kies.png); background-repeat: no-repeat; width: 192px; margin: 0; padding: 40px 0 0 0; overflow: hidden;}
.nieuwsoverzicht .bericht { border-top: 1px dotted #ff6600; overflow: hidden; padding:10px;}
.nieuwsoverzicht legend { display: none;}
.nieuwsoverzicht fieldset { border: 0; margin: 0; padding: 0;}
.nieuwsoverzicht select { margin: 0 0 16px 16px; width: 160px; height: 22px; color: #7b7978;}
.nieuwsoverzicht .bericht { background-image: url(/lib/images/bg_menu.png); border-left: 1px solid #f5e1c6; border-right: 1px solid #f5e1c6;}
.nieuwsoverzicht .bericht .titel { margin: 0 0 3px 0;}
.nieuwsoverzicht .bericht .titel a { color: #000; text-decoration: none;}
.nieuwsoverzicht .bericht .datum a { color: #ff6600; text-decoration: none;}
.nieuwsoverzicht .bericht .datum a:hover { text-decoration: underline;}

form.gids { background-image: url(/lib/images/bg_gids.png); background-repeat: no-repeat; height: 90px; padding: 40px 0 0 0; margin: 0;}
form.gids fieldset { border: 0; margin: 0; padding: 0;}
form.gids legend { display: none; margin: 0; padding: 0;}
form.gids select { width: 420px; margin: 0 0 6px 12px;}
form.gids input.submit { margin: 10px 0 0 12px; padding: 0; cursor: pointer; height: 20px; width: 130px; background-color: #f5822b; border: 0; color: #fff;}

/* ALGEMEEN */
.algemeen .tab_menu {border-bottom: 1px solid #f5e1c6;}
.algemeen .tab_menu li a {border: 1px solid #f5e1c6; border-bottom: 0; background-image: url(/lib/images/tab_bg.png); color: #2d2b2b;}
.algemeen .tab_menu li a:hover { background-color: #f5e1c6; background-image: none;} 
.algemeen .tab_menu li.active a { background-color: #f5e1c6; background-image: none;}

.algemeen .opleiding_overzicht tr.head { background-color: #f5822b;}
.algemeen .opleiding_overzicht tr.first { background-color: #f5e1c6;}
.algemeen .opleiding_overzicht tr.second { background-color: #fbf3e8;}

/* ECONOMIE*/
.economie .opleiding_overzicht tr.head { background-color: #1c3d88;}
.economie .opleiding_overzicht tr.first { background-color: #c4c4de;}
.economie .opleiding_overzicht tr.second { background-color: #e6e6f1;}

.economie .tab_menu {border-bottom: 1px solid #c4c4de;}
.economie .tab_menu li a {border: 1px solid #c4c4de; border-bottom: 0; background-image: url(/lib/images/economie/tab_bg.png); color: #2d2b2b;}
.economie .tab_menu li a:hover { background-color: #7f92bf; background-image: none; color: #fff;} 
.economie .tab_menu li.active a { background-color: #7f92bf; background-image: none; color: #fff;}

body.economie { background-image: url(/lib/images/economie/bg_economie.png);}
.economie h1 { color: #1c3d88;}
.economie #footer { background-image: url(/lib/images/economie/bg_footer_eco.png);}
.economie #snelmenu { background-image: url(/lib/images/economie/bg_snelmenu_eco.png);}
.economie #snelmenu input.submit { background-color: #1c3d88;}
.economie #quote { background-image: url(/lib/images/economie/quote_eco.png);}
.economie #hoofdmenu { border: 1px solid #e6e6f1;}
.economie #hoofdmenu ul ul { background-color: #e6e6f1; background-image: none; border-bottom: 1px solid #c4c4de; border-top: 1px solid #c4c4de;}
.economie #hoofdmenu ul li.active a { color: #1c3d88;}
.economie #hoofdmenu ul li a:hover { color: #1c3d88;}
.economie #hoofdmenu ul ul li.active a { list-style-type: none; color: #1c3d88 !important; }
.economie #hoofdmenu ul { background-image: url(/lib/images/economie/bg_menu_eco.png);}
.economie #hoofdmenu ul li {background-image: url(/lib/images/economie/bullet_eco.png);}
.economie #hoofdmenu ul ul li a { background-image: url(/lib/images/economie/bullet_eco2.png);}
.economie .paragraph .text a { color: #1c3d88;}

/*EDUCATIE*/
.educatie .opleiding_overzicht tr.head { background-color: #b30077;}
.educatie .opleiding_overzicht tr.first { background-color: #e9d0e1;}
.educatie .opleiding_overzicht tr.second { background-color: #fcdcf2;}

.educatie .tab_menu {border-bottom: 1px solid #e9d0e1;}
.educatie .tab_menu li a {border: 1px solid #e9d0e1; border-bottom: 0; background-image: url(/lib/images/educatie/tab_bg_edu.png); color: #2d2b2b;}
.educatie .tab_menu li a:hover { background-image: none; background-color: #fcdcf2; color: #000;}
.educatie .tab_menu li.active a {  background-image: none; background-color: #fcdcf2; color: #000;}

body.educatie { background-image: url(/lib/images/educatie/bg_educatie.png);}
.educatie h1 { color: #b30077;}
.educatie #footer { background-image: url(/lib/images/educatie/bg_footer_edu.png);}
.educatie #snelmenu { background-image: url(/lib/images/educatie/bg_snelmenu_edu.png);}
.educatie #snelmenu input.submit { background-color: #b30077;}
.educatie #quote { background-image: url(/lib/images/educatie/quote_edu.png);}
.educatie #hoofdmenu { border: 1px solid #fcdcf2;}
.educatie #hoofdmenu ul ul { background-color: #fcdcf2; background-image: none; border-bottom: 1px solid #e9d0e1; border-top: 1px solid #e9d0e1;}
.educatie #hoofdmenu ul li.active a { color: #b30077;}
.educatie #hoofdmenu ul li a:hover { color: #b30077;}
.educatie #hoofdmenu ul ul li.active a { list-style-type: none; color: #b30077 !important; }
.educatie #hoofdmenu ul { background-image: url(/lib/images/educatie/bg_menu_edu.png);}
.educatie #hoofdmenu ul li {background-image: url(/lib/images/educatie/bullet_edu.png);}
.educatie #hoofdmenu ul ul li a { background-image: url(/lib/images/educatie/bullet_edu2.png);}
.educatie .paragraph .text a { color: #b30077;}

/*ZORG EN WELZIJN*/
.zorg .opleiding_overzicht tr.head { background-color: #c10043;}
.zorg .opleiding_overzicht tr.first { background-color: #eecfc9;}
.zorg .opleiding_overzicht tr.second { background-color: #ffe3dd;}

.zorg .tab_menu {border-bottom: 1px solid #ffe3dd;}
.zorg .tab_menu li a {border: 1px solid #ffe3dd; border-bottom: 0; background-image: url(/lib/images/zorg/tab_bg_zorg.png); color: #2d2b2b;}
.zorg .tab_menu li a:hover { background-image: none; background-color: #ffe3dd; color: #000;}
.zorg .tab_menu li.active a {  background-image: none; background-color: #ffe3dd; color: #000;}

body.zorg { background-image: url(/lib/images/zorg/bg_zorg.png);}
.zorg h1 { color: #c10043;}
.zorg #footer { background-image: url(/lib/images/zorg/bg_footer_zorg.png);}
.zorg #snelmenu { background-image: url(/lib/images/zorg/bg_snelmenu_zorg.png);}
.zorg #snelmenu input.submit { background-color: #c10043;}
.zorg #quote { background-image: url(/lib/images/zorg/quote_zorg.png);}
.zorg #hoofdmenu { border: 1px solid #ffe3dd;}
.zorg #hoofdmenu ul ul { background-color: #ffe3dd; background-image: none; border-bottom: 1px solid #eecfc9; border-top: 1px solid #eecfc9;}
.zorg #hoofdmenu ul li.active a { color: #c10043;}
.zorg #hoofdmenu ul li a:hover { color: #c10043;}
.zorg #hoofdmenu ul ul li.active a { list-style-type: none; color: #c10043 !important; }
.zorg #hoofdmenu ul { background-image: url(/lib/images/zorg/bg_menu_zorg.png);}
.zorg #hoofdmenu ul li {background-image: url(/lib/images/zorg/bullet_zorg.png);}
.zorg #hoofdmenu ul ul li a { background-image: url(/lib/images/zorg/bullet_zorg2.png);}
.zorg .paragraph .text a { color: #c10043;}

/*CIOS*/
.cios .opleiding_overzicht tr.head { background-color: #ccd221;}
.cios .opleiding_overzicht tr.first { background-color: #e2e487;}
.cios .opleiding_overzicht tr.second { background-color: #f3f4d1;}

.cios .tab_menu {border-bottom: 1px solid #e2e487;}
.cios .tab_menu li a {border: 1px solid #e2e487; border-bottom: 0; background-image: url(/lib/images/cios/tab_bg_cios.png); color: #2d2b2b;}
.cios .tab_menu li a:hover { background-image: none; background-color: #e2e487; color: #000;}
.cios .tab_menu li.active a {  background-image: none; background-color: #e2e487; color: #000;}

body.cios { background-image: url(/lib/images/cios/bg_cios.png);}
.cios h1 { color: #6f6f6f;}
.cios #footer { background-image: url(/lib/images/cios/bg_footer_cios.png);}
.cios #snelmenu { background-image: url(/lib/images/cios/bg_snelmenu_cios.png);}
.cios #snelmenu input.submit { background-color: #ccd221;}
.cios #quote { background-image: url(/lib/images/cios/quote_cios.png);}
.cios #hoofdmenu { border: 1px solid #f6f6d9;}
.cios #hoofdmenu ul ul { background-color: #feffe1; background-image: none; border-bottom: 1px solid #e2e487; border-top: 1px solid #e2e487;}
.cios #hoofdmenu ul li.active a { color: #6f6f6f;}
.cios #hoofdmenu ul li a:hover { color: #6f6f6f;}
.cios #hoofdmenu ul ul li.active a { list-style-type: none; color: #6f6f6f !important; }
.cios #hoofdmenu ul { background-image: url(/lib/images/cios/bg_menu_cios.png);}
.cios #hoofdmenu ul li {background-image: url(/lib/images/cios/bullet_cios.png);}
.cios #hoofdmenu ul ul li a { background-image: url(/lib/images/cios/bullet_cios2.png);}
.cios .paragraph .text a { color: #ccd221;}

/*TECHNIEK*/
.techniek .opleiding_overzicht tr.head { background-color: #ffde00;}
.techniek .opleiding_overzicht tr.first { background-color: #fffbd4;}
.techniek .opleiding_overzicht tr.second { background-color: #fff;}

.techniek .tab_menu {border-bottom: 1px solid #ffde00;}
.techniek .tab_menu li a { border: 1px solid #ffde00; border-bottom: 0; background-image: url(/lib/images/techniek/tab_bg_tech.png); color: #2d2b2b;}
.techniek .tab_menu li a:hover { background-image: none; background-color: #ffde00; color: #000;}
.techniek .tab_menu li.active a {  background-image: none; background-color: #ffde00; color: #000;}

body.techniek { background-image: url(/lib/images/techniek/bg_tech.png);}
.techniek h1 { color: #6f6f6f;}
.techniek #footer { background-image: url(/lib/images/techniek/bg_footer_tech.png);}
.techniek #footer ul li { color: #000;}
.techniek #footer ul li a { color: #000;}
.techniek #snelmenu { background-image: url(/lib/images/techniek/bg_snelmenu_tech.png);}
.techniek #snelmenu input.submit { background-color: #ffde00;}
.techniek #quote { background-image: url(/lib/images/techniek/quote_tech.png);}
.techniek #hoofdmenu { border: 1px solid #f6f6d9;}
.techniek #hoofdmenu ul ul { background-color: #fffbd4; background-image: none; border-bottom: 1px solid #fff060; border-top: 1px solid #fff060;}
.techniek #hoofdmenu ul li.active a { color: #6f6f6f;}
.techniek #hoofdmenu ul li a:hover { color: #6f6f6f;}
.techniek #hoofdmenu ul ul li.active a { list-style-type: none; color: #6f6f6f !important; }
.techniek #hoofdmenu ul { background-image: url(/lib/images/techniek/bg_menu_tech.png);}
.techniek #hoofdmenu ul li {background-image: url(/lib/images/techniek/bullet_tech.png);}
.techniek #hoofdmenu ul ul li a { background-image: url(/lib/images/techniek/bullet_tech2.png);}
.techniek .paragraph .text a { color: #ffde00;}

input.submit { float: right; background-color: #ff6600; color: #fff; font-size: 11px; border: 0; width: 100px; margin: 10px 20px 0 0;}

/*MARKTPORTAAL*/
.marktportaal .opleiding_overzicht tr.head { background-color: #001947;}
.marktportaal .opleiding_overzicht tr.first { background-color: #8488a9;}
.marktportaal .opleiding_overzicht tr.second { background-color: #afb1c8;}

.marktportaal strong { color: #515a83;}

.marktportaal .tab_menu {border-bottom: 1px solid #afb1c8;}
.marktportaal .tab_menu li a {border: 1px solid #afb1c8; border-bottom: 0; background-image: url(/lib/images/marktportaal/tab_bg.png); color: #2d2b2b;}
.marktportaal .tab_menu li a:hover { background-image: none; background-color: #515a83; color: #fff;}
.marktportaal .tab_menu li.active a {  background-image: none; background-color: #515a83; color: #fff;}

body.marktportaal { background-image: url(/lib/images/marktportaal/bg_marktportaal.png);}
.marktportaal h1 { color: #b30077;}
.marktportaal #footer { background-image: url(/lib/images/marktportaal/bg_footer_markt.png);}
.marktportaal #snelmenu { background-image: url(/lib/images/marktportaal/bg_snelmenu_markt.png);}
.marktportaal #snelmenu input.submit { background-color: #515a83;}
.marktportaal #quote { background-image: url(/lib/images/marktportaal/quote_markt.png);}
.marktportaal #hoofdmenu { border: 1px solid #afb1c8;}
.marktportaal #hoofdmenu ul ul { background-color: #e6e6f1; background-image: none; border-bottom: 1px solid #afb1c8; border-top: 1px solid #afb1c8;}
.marktportaal #hoofdmenu ul li.active a { color: #515a83;}
.marktportaal #hoofdmenu ul li a:hover { color: #515a83;}
.marktportaal #hoofdmenu ul ul li.active a { list-style-type: none; color: #515a83 !important; }
.marktportaal #hoofdmenu ul { background-image: url(/lib/images/marktportaal/bg_menu_markt.png);}
.marktportaal #hoofdmenu ul li {background-image: url(/lib/images/marktportaal/bullet_markt.png);}
.marktportaal #hoofdmenu ul ul li a { background-image: url(/lib/images/marktportaal/bullet_markt2.png);}
.marktportaal .paragraph .text a { color: #515a83;}