/* @group Common styles */

body { font:12px/15px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#3F5A69; background:#FFF url(../img/grid-bg.png) repeat-y top center; }
body.no-grid { background-image:none !important; }
h1 { font-size:32px; color:#298de1; font-weight:200; }
h2 { font-size:18px; color:#404040; margin-bottom:4px; }
h3 { font-size:14px; color:#298de1; margin-bottom:4px; }
h4 { font-size:12px; color:#2f352d; margin-bottom:4px; }
h5 {  }
a { color:#768FA3; }
a:hover { color:#2f352d; }
p {  }
em {  }
strong {  }
input, textarea, button { font:11px/15px "Helvetica Neue", Helvetica, Arial, sans-serif; }
input:focus { outline:none; }
img { display:block; border:none; }
button::-moz-focus-inner { border:0; padding:0; }
p.none { padding:0px 10px; font-size:17px; font-weight:bold; line-height:42px; }
p.studierichtingen { border-top:1px solid #E2E2E2; }
p.uurrooster-opmerkingen { float:left; width:544px; padding:15px; border-bottom:1px solid #E2E2E2; line-height:18px; }

div.text ul { line-height:18px; margin:0 0 18px 18px; }

#print-btn-fiche { float:right; display:block; text-decoration:none; line-height:22px; height:22px; background:url(../img/bg-printer.gif) no-repeat 0 0; padding-left:28px; margin-top:10px; }


/* @end */


/* @group Lay-out rules */

#inner-wrapper { width:961px; margin:0px auto; }
/*#header { float:left; position:relative; width:961px; margin:20px 0; height:90px; }*/
#header { float:left; position:relative; width:961px; margin:0; height:130px; }
#content { float:left; position:relative; width:961px; margin-bottom:50px; font-size:13px; }
#inner-wrapper div.col { float:left; position:relative; width:171px; padding:10px; border-left:1px solid #E2E2E2; border-top:1px solid #E2E2E2; background:#FFF; }
#inner-wrapper div.last { border-right:1px solid #E2E2E2; }
#inner-wrapper div.bottom { border-bottom:1px solid #E2E2E2; }
#inner-wrapper div.span-2 { width:363px; }
#inner-wrapper div.span-3 { width:555px; }
#inner-wrapper div.span-4 { width:747px; }
#inner-wrapper div.span-5 { width:939px; }

div.col table { width:555px !important; border-collapse:collapse; margin:0; padding:0; overflow:hidden; }
div.col table td { padding:3px 0; width:auto !important; }

/* @end */


/* @group Header and menu rules */

#header #logo { display:block; float:left; }
#header ul#menu { float:left; position:relative; padding:0; margin:40px 0 0 0; list-style:none; font-size:18px; font-family:"HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; z-index:100; }
#header ul#menu li { position:relative; float:left; padding:0; margin:0; list-style:none; background:transparent; border:1px solid transparent; z-index:90; }
#header ul#menu li a { color:#298de1; text-decoration:none; display:block; float:left; line-height:42px; margin:0px 10px; }
#header ul#menu li.hassub:hover { background:#F4F4F4; border:1px solid #E2E2E2; border-bottom:1px solid #F4F4F4; }
#header ul#menu li.hassub:hover ul { display:block; }
#header ul#menu li:hover a { color:#2f352d; }
#header ul#menu li.current a { color:#2f352d; }

#header ul#menu li ul { position:absolute; font-size:12px; top:42px; left:-1px; width:322px; display:none; z-index:-1; }
#header ul#menu li ul li { position:relative; line-height:42px; height:42px; width:280px; border:1px solid #E2E2E2; border-bottom:none !important; }
#header ul#menu li ul li.bottom { border-bottom:1px solid #E2E2E2 !important; }
#header ul#menu li ul li a { display:block; font-size:12px; width:260px; line-height:42px; height:42px; background:#F4F4F4; margin:0 !important; padding:0 10px; }
#header ul#menu li ul li a:hover { background:#298de1; color:#FFF; }

#header #searchbox { float:right; font:12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; border:none; margin:50px 0 0 0; background:transparent url(../img/bg-searchbox-input.png) no-repeat; padding:5px 5px 5px 32px; height:16px; width:156px; }
#header #searchbox:focus { background-position:0px -26px; }

#header a#overzichtsmenu-btn { position:absolute; top:0px; right:0; padding:6px; height:15px; text-decoration:none; color:#FFF; background:#298de1 url(../img/btn-icon-overzichtsmenu.png) no-repeat top right; padding:6px 38px 6px 6px; }

/* @end */


/* @group Homepage rules */
#nieuws div.col div.roll-over, #kalender div.col div.roll-over  { position:absolute; top:0px; left:0px; background:#298de1; width:191px; ;height:85px !important; line-height:85px; text-align:center; color:#FFF; font-size:18px; }

#nieuws { float:left; width:192px; min-height:258px; background:url(../img/bg-filler.png) repeat-y top left; }
#nieuws div { height:65px; overflow:hidden; font-size:12px; }
#nieuws div a { text-decoration:none; font-size:12px; color:#2f352d; }
#nieuws div p { margin-top:4px; }

#kalender { float:left; width:192px; min-height:258px; background:url(../img/bg-filler.png) repeat-y top left; }
#kalender div { height:65px; overflow:hidden; font-size:12px; }
#kalender div a { font-size:12px; color:#298de1; text-decoration:none; }
#kalender div p { color:#2f352d; margin-bottom:4px; }

#scholen div.scrollable { float:left; position:relative; display:block; width:363px; height:237px; overflow:hidden; }
#scholen a.nav { position:absolute; top:0; left:0; width:24px; height:18px; background:url(../img/arrows-scholen-portal.png) no-repeat; z-index:5; }
#scholen a.nav span { display:none; }
#scholen a.prev { top:150px; left:310px; background-position:top left; }
#scholen a.next { top:150px; left:340px; background-position:top right; }
#scholen a.prev.disabled { top:150px; left:310px; background-position:bottom left; }
#scholen a.next.disabled { top:150px; left:340px; background-position:bottom right; }
#scholen div.items { position:absolute; width:20000em; height:237px; top:0; left:0; }
#scholen div.items div.item { position:relative; float:left; width:363px; height:237px; }
#scholen div.items div.item div.txt { position:absolute; right:0px; bottom:0px; float:left; width:151px; height:131px; background:url(../img/bg-scholen-portal.png) no-repeat right bottom; padding:10px; text-align:right; font-size:14px; font-weight:bold; color:#FFF; }
#scholen div.items div.item div.txt a { position:absolute; right:12px; bottom:12px; color:#FFF; text-decoration:none; padding:0 0 0 10px; }

#interesseproef { font-size:12px; }

#graden-wrapper { float:right; width:577px; overflow:hidden; }
#graden-wrapper div.col { overflow:hidden; height:237px; }
#graden-wrapper div.col div.body { position:relative; overflow:hidden; }
#graden-wrapper div.col div.roll-over { position:absolute; top:-111px; left:0; width:171px; height:348px !important; z-index:1; background:none; }
#graden-wrapper div.col div.hoek { position:absolute; top:96px; left:0; width:171px; height:348px !important; z-index:1; background:none; }

#graden-wrapper div.col div.text { z-index:2; position:absolute; bottom:0px; right:10px; text-align:right; }
#graden-wrapper div.col div.text h3 { font-family:"HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:30px; line-height:36px; color:#fff; font-weight:normal; padding:0 0 4px 0; }
#graden-wrapper div.col div.text a { display:block; text-decoration:none; font-size:12px; color:#2f352d; line-height:14px; }
#graden-wrapper #specialisatie div.text h3 a { font-family:"HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; line-height:36px; color:#fff; font-weight:normal; padding:0 0 4px 0; }
#graden-wrapper #buso div.text h3 a { font-family:"HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:30px; line-height:36px; color:#fff; font-weight:normal; padding:0 0 4px 0; }

#graden-wrapper #graad-1 div.body { background:url(../img/foto-graad1.jpg) no-repeat; height:237px; }
#graden-wrapper #graad-2 div.body { background:url(../img/foto-graad2.jpg) no-repeat; height:237px; }
#graden-wrapper #graad-3 div.body { background:url(../img/foto-graad3.jpg) no-repeat; height:237px; } 
#graden-wrapper #specialisatie div.body { background:url(../img/foto-specialisatie7.jpg) no-repeat; height:237px; }
#graden-wrapper #buso div.body { background:url(../img/foto-buso.jpg) no-repeat; height:237px; }

#graden-wrapper #graad-1 div.roll-over { background:url(../img/slider-groen.png) no-repeat; }
#graden-wrapper #graad-2 div.roll-over { background:url(../img/slider-geel.png) no-repeat; }
#graden-wrapper #graad-3 div.roll-over { background:url(../img/slider-rood.png) no-repeat; }
#graden-wrapper #specialisatie div.roll-over { background:url(../img/slider-blauw.png) no-repeat; height:237px; }
#graden-wrapper #buso div.roll-over { background:url(../img/slider-paars.png) no-repeat; height:237px; }

#graden-wrapper #interesseproef div.body { background:url(../img/bg-interesse-proef.png) no-repeat; height:237px; }
#graden-wrapper #interesseproef div.body div { position:absolute; bottom:0px; }
#graden-wrapper #interesseproef div.body div a { text-decoration:none; color:#298de1; }
/* @end */


#over-koda { border-right:1px solid #E2E2E2; }
#infobar.over-koda { position:absolute; right:0; top:0; } 

/* @group Studierichtingen */

#uitleg-wrapper a { float:left; line-height:42px; display:block; background-color:#298de1; color:#FFF; padding:0 12px; font-size:14px; text-decoration:none; }
#uitleg-wrapper #uitleg { float:left; display:none; width:421px; height:210px; background:#298de1 url(../img/bg-hoe-werkt-het.png) no-repeat; border:none; padding:15px 15px 15px 525px; color:#FFF; }
#uitleg-wrapper #uitleg ol { font-size:13px; line-height:16px; margin-top:0; }
#uitleg-wrapper #uitleg ol li { margin-bottom:4px; }

#filter { float:left; border:1px solid #E2E2E2; width:959px; margin-bottom:40px; }
#filter #grades { list-style:none; margin:0; padding:0; width:959px; font-size:19px; }
#filter #grades li { float:left; display:inline; text-align:center; width:191px; height:46px; line-height:42px; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; }
#filter #grades li a { display:block; color:#A1A4A0; text-decoration:none; }
#filter #grades li a span { font-size:14px; }
#filter #grades li.last { border-right:none; }

#filter #grades #graad-1 a { border-bottom:4px solid #b8dfaa; }
#filter #grades #graad-2 a { border-bottom:4px solid #fdee8f; }
#filter #grades #graad-3 a { border-bottom:4px solid #f5a7a3; }
#filter #grades #specialisatie a { border-bottom:4px solid #9ee1e8; }
#filter #grades #buso a { border-bottom:4px solid #b6a3f5; }

#filter #grades #graad-1 a:hover { border-bottom:4px solid #5db63d; }
#filter #grades #graad-2 a:hover { border-bottom:4px solid #fad900; }
#filter #grades #graad-3 a:hover { border-bottom:4px solid #e8362d; }
#filter #grades #specialisatie a:hover { border-bottom:4px solid #23baca; }
#filter #grades #buso a:hover { border-bottom:4px solid #592de8; }

#filter #grades #graad-1.current a { color:#FFF; background:#5db63d; border-bottom:4px solid #5db63d; }
#filter #grades #graad-2.current a { color:#FFF; background:#fad900; border-bottom:4px solid #fad900; }
#filter #grades #graad-3.current a { color:#FFF; background:#e8362d; border-bottom:4px solid #e8362d; }
#filter #grades #specialisatie.current a { color:#FFF; background:#23baca; border-bottom:4px solid #23baca; }
#filter #grades #buso.current a { color:#FFF; background:#592de8; border-bottom:4px solid #592de8; }

#filter #school-select { float:left; padding:8px; width:175px; line-height:26px; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; overflow:hidden; }
#filter #school-select select { width:175px; }

#filter #results-list-nav { float:left; position:relative; width:725px; border-bottom:1px solid #E2E2E2; }

#filter #reset-btn { float:right; width:42px; height:42px; background:url(../img/btn-reset.png) no-repeat; border-bottom:1px solid #E2E2E2; }
#filter #reset-btn:hover { background-position:0 -42px; }
#filter #reset-btn span { display:none; }

#filter #gebied-select { float:left; padding:8px; width:175px; line-height:26px; border-right:1px solid #E2E2E2; overflow:hidden; }
#filter #gebied-select select { width:175px; }

#filter #zoek-criteria { float:left; position:relative; border-left:none; width:747px !important; line-height:42px; padding:0 10px; font-size:13px; background:#EDEFEC; }
#filter #zoek-criteria #print-btn { position:absolute; top:10px; display:block; text-decoration:none; line-height:22px; height:22px; background:url(../img/bg-printer.gif) no-repeat 0 0; padding-left:28px; right:10px; }

#gebieden { padding-bottom:0px !important; background:#E4E9EE !important; border-color:#a9b7c3 !important; }
#gebieden h3 { font-size:13px; border-bottom:1px solid #a9b7c3; margin:0 -10px; padding:0 10px 10px 10px; line-height:22px; font-weight:bold; }
#gebieden ul { list-style:none; padding:0; margin:0 -10px; }
#gebieden ul li { list-style:none; border-bottom:1px solid #a9b7c3; background:transparent; }
#gebieden ul li a { display:block; line-height:22px; padding:10px; background:transparent; font-size:11px; text-decoration:none; }
#gebieden ul li a:hover, #gebieden ul li.current a { color:#FFF; background:#2F352D; }

#results { float:left; padding:0; width:767px; margin-left:191px; border-left:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; background:#FFF url(../img/bg-filler.png) repeat-y top right; }
#results ul#results-list { list-style:none; margin:0; padding:0; }
#results ul#results-list li { float:left; padding:10px; color:#A1A4A0; font-size:12px; line-height:22px; width:362px; border-top:1px solid #E2E2E2; border-right:1px solid #E2E2E2; }
#results ul#results-list li a { text-decoration:none; color:#A1A4A0;  }
#results ul#results-list li.letter-title { width:746px; color:#404040; }
#results ul#results-list li.even { width:363px; }
#results ul#results-list li.koda { background:#f4f4f4 url(../img/bg-ideaal-richting.png) no-repeat top right; }
#results ul#results-list li.koda a { color:#768fa3; }

#filter-view { position:relative; float:left; width:960px; list-style:none; background:#f4f4f4; border-top:1px solid #E2E2E2; border-left:1px solid #E2E2E2; }
#filter-view li { position:relative; display:inline; float:left; font-size:17px; width:171px; list-style:none; border-right:1px solid #E2E2E2; height:42px; line-height:42px; padding:0 10px; color:#298DE1; background:url(../img/bg-li-studierichtingen.png) no-repeat top right; }
#filter-view li span { color:#404040; }
#filter-view li ul { position:absolute; top:43px; left:0px; width:191px; padding:0; display:none; }
#filter-view li ul li { display:block; width:191px; padding:0; border-bottom:1px solid #E2E2E2; }
#filter-view li ul li a { display:block; width:171px; background:#f4f4f4; padding:0 10px; font-size:12px; text-decoration:none; }
#filter-view li ul li a:hover { color:#FFF; background:#298DE1; }
#filter-view li:hover { color:#404040; background:url(../img/bg-li-studierichtingen.png) no-repeat bottom right; }
#filter-view li:hover ul { display:block; }

#label { background:none !important; cursor:default !important; }
#label:hover { background:none !important; }

#select-graad ul { left:-1px !important; }
#select-graad ul li { border-left:1px solid #E2E2E2; font-size:17px !important; color:#FFF !important; }
#select-graad ul li a { font-size:17px !important; color:#FFF !important; }

#select-graad #graad-1 a { background:#5db63d !important; }
#select-graad #graad-2 a { background:#fad900 !important; }
#select-graad #graad-3 a { background:#e8362d !important; }
#select-graad #specialisatie a { background:#23baca !important; }
#select-graad #buso a { background:#592de8 !important; }

#select-graad #graad-1 a:hover { background:#298DE1 !important; }
#select-graad #graad-2 a:hover { background:#298DE1 !important; }
#select-graad #graad-3 a:hover { background:#298DE1 !important; }
#select-graad #specialisatie a:hover { background:#298DE1 !important; }
#select-graad #buso a:hover { background:#298DE1 !important; }

#select-graad.select-1ste-graad { background:#5db63d url(none) !important; color:#FFF !important; }
#select-graad.select-2de-graad { background:#fad900 url(none) !important; color:#FFF !important; }
#select-graad.select-3de-graad { background:#e8362d url(none) !important; color:#FFF !important; }
#select-graad.select-7e-specialisatie { background:#23baca url(none) !important; color:#FFF !important; }
#select-graad.select-buso { background:#592de8 url(none) !important; color:#FFF !important; }

#select-gebied { width:267px !important; }
#select-gebied ul { width:287px !important; }
#select-gebied ul li { width:287px !important; }
#select-gebied ul li a { width:267px !important; }

#select-gebied.select-1ste-graad { background:#86c86e url(none) !important; color:#FFF !important; font-size:12px; }
#select-gebied.select-2de-graad { background:#fbe340 url(none) !important; color:#FFF !important; font-size:12px; }
#select-gebied.select-3de-graad { background:#ee6862 url(none) !important; color:#FFF !important; font-size:12px; }
#select-gebied.select-7e-specialisatie { background:#5acbd7 url(none) !important; color:#FFF !important; font-size:12px; }
#select-gebied.select-buso { background:#805feb url(none) !important; color:#FFF !important; font-size:12px; }

#select-richting { width:267px !important; }
#select-richting ul { width:287px !important; }
#select-richting ul li { width:287px !important; }
#select-richting ul li a { width:267px !important; }

#select-richting.select-1ste-graad { background:#aeda9e url(none) !important; color:#FFF !important; font-size:12px; }
#select-richting.select-2de-graad { background:#fcec7f url(none) !important; color:#FFF !important; font-size:12px; }
#select-richting.select-3de-graad { background:#f39a96 url(none) !important; color:#FFF !important; font-size:12px; }
#select-richting.select-7e-specialisatie { background:#91dce4 url(none) !important; color:#FFF !important; font-size:12px; }
#select-richting.select-buso { background:#ac96f3 url(none) !important; color:#FFF !important; font-size:12px; }

div.studierichtingen div.slideshow { height:366px; overflow:hidden; }

#info { padding:0 !important; width:576px !important; }
#info h1 { display:block; padding:0px 10px; line-height:42px; background:#f0f1f0; border-bottom:1px solid #E2E2E2; border-right:1px solid #E2E2E2; font-size:18px; }

#info ul.tabs { list-style:none; margin:0; padding:0; }
#info ul.tabs li { float:left; cursor:pointer; width:267px; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; font-size:17px; line-height:42px; padding:0 10px; background:#E4E9EE url(../img/bg-tabs.png) no-repeat top right; }
#info ul.tabs li a { text-decoration:none; }
#info ul.tabs li:hover { color:#404040; }
#info ul.tabs li.current { border-bottom:1px solid #FFF; color:#298DE1; background:#FFF url(../img/bg-tabs.png) no-repeat bottom right; }
#info ul.tabs li.current a { color:#298DE1; }

#info div.content { width:575px; padding:0; border-right:1px solid #E2E2E2; overflow:hidden; }
#info div.content h2 { font-size:15px; color:#4B5D6D; line-height:42px; padding:0 10px; border-bottom:1px solid #E2E2E2; }
#info div.content ul { padding:10px; border-bottom:1px solid #E2E2E2; font-size:15px; line-height:21px; color:#FAD900; }
#info div.content ul li { margin-left:18px; margin-bottom:5px; }
#info div.content ul li span { font-size:12px; color:#768FA3; }

#info div.graad-1ste-graad ul { color:#5db63d !important; }
#info div.graad-2de-graad ul { color:#FAD900 !important; }
#info div.graad-3de-graad ul { color:#e8362d !important; }
#info div.graad-7e-specialisatie ul { color:#23baca !important; }
#info div.graad-buso ul { color:#592de8 !important; }

#info div.content h1.school { float:left; width:555px; font-size:20px; line-height:42px; padding:0 10px; background:#FFF !important; font-size:16px; }
#info div.content table { float:left; width:287px !important; border-collapse:collapse; }
#info div.content table.graad-1 { width:575px !important; }
#info div.content table.even { width:288px !important; border-right:1px solid #E2E2E2; }
#info div.content table td, #info div.content table th { font-size:14px; height:42px; border-bottom:1px solid #E2E2E2; color:#404040; background:#F0F1F0; font-weight:bold; text-align:center; }
#info div.content table th { color:#768fa3; text-align:left; padding:0 10px; background:#E5EEF4; }
#info div.content table td.vakken { font-size:11px; font-weight:normal; text-align:left; padding:0 10px; width:65%; background:#FFF; }
#info div.content table td.totaal { font-size:16px; font-weight:bold; color:#404040; }
#info div.content table td span { color:#999; }
/* @end */


/* @group Scholen */
div.titel { text-align:center; height:108px; line-height:108px; }
div.school { float:right !important; }

div.koda { overflow:hidden; background:#f4f4f4; }
div.koda div.col { background:transparent !important; }

div.school div.logo { text-align:center; padding:17px 10px !important; height:94px; line-height:94px; }
div.school div.logo img { margin:0 auto; vertical-align:middle; }
div.school div.data { padding:17px 10px !important; }
div.school div.data h2 { font-size:18px; margin-bottom:8px; }
div.school div.data h2 a { color:#298de1; text-decoration:none; }
div.school div.data h2 a:hover { color:#2f352d; text-decoration:underline; }
div.school div.data p { line-height:18px; }
/* DETAIL */
div.scholen #sidebar { float:left; width:384px; }
div.scholen #sidebar div.slideshow { height:366px; overflow:hidden; }
div.scholen #sidebar div.routeplan #gmap { height:366px; }
div.scholen #sidebar div.toggle-routeplan a { font-size:13px; color:#298de1; text-decoration:none; }
div.scholen #sidebar div.toggle-routeplan a:hover { color:#2F352D; }
div.scholen #sidebar div.routelink { background:#E4E9EE url(../img/logo-delijn.png) no-repeat bottom right; padding-bottom:40px; }
div.scholen #sidebar div.routelink h3 { color:#404040; font-size:12px; font-weight:normal; }
div.scholen #sidebar div.routelink div { position:relative; height:26px; margin-top:8px; margin-bottom:16px; }
div.scholen #sidebar div.routelink div input { float:left; font:12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#298de1; border:none; margin:0; background:transparent url(../img/bg-locatie-input.png) no-repeat; padding:5px; height:16px; width:324px; }
div.scholen #sidebar div.routelink div button { float:left; background:transparent; border:none; margin:0; padding:0; }
div.scholen #sidebar div.routelink a { color:#298de1; text-decoration:none; font-size:12px; line-height:16px; }
div.scholen #sidebar div.adres { font-size:13px; line-height:20px; color:#2f352d; }
div.scholen #sidebar div.adres h3 { font-size:15px; }
div.scholen #sidebar div.adres a { color:#2f352d; }

div.scholen #text h2 { border-bottom:1px solid #E2E2E2; margin:0 -10px; padding:0 10px 10px 10px; font-size:17px; line-height:20px; color:#298de1; }
div.scholen #text p { margin:18px 0; font-size:12px; line-height:18px; color:#2f352d; }
div.scholen #text ul { margin:0 18px; font-size:12px; line-height:18px; color:#2f352d; list-style-type:square; }

div.scholen #infobar { float:left; background:#FFF url(../img/faux-column.png) repeat-y; width:193px; border-bottom:1px solid #E2E2E2; }
div.scholen #infobar h3 { margin:0 -10px 10px -10px; border-bottom:1px solid #E2E2E2; font-size:17px; line-height:20px; padding:0 10px 10px 10px; }
div.scholen #infobar #logo { min-height:80px; }
div.scholen #infobar div.contact { position:relative; background:#E4E9EE; border-color:#a9b7c3; }
div.scholen #infobar div.contact #feedback { position:absolute; top:0; left:0; width:151px; height:108px; background:#2F352D; text-align:center; font-weight:bold; color:#FFF; padding:100px 20px; opacity:0.85; filter:alpha(opacity=85); cursor:pointer; font-size:12px; }
div.scholen #infobar div.contact h3 { border-bottom:1px solid #a9b7c3; }
div.scholen #infobar div.contact input, div.scholen #infobar div.contact textarea { width:163px; border:1px solid #298de1; padding:3px; color:#768fa3; }
div.scholen #infobar div.contact button { background:#298de1; border:none; padding:5px 8px; margin:8px 0 0 0; color:#FFF; }
div.scholen #infobar div.contact p.uitleg { margin-bottom:15px; }
div.scholen #infobar div.links { margin-bottom:18px; border-top-color:#a9b7c3; }
div.scholen #infobar div.links p { margin-bottom:18px; }


#over-koda p { margin:18px 0; line-height:18px; }
#over-koda p.introductie { font-size:12px; font-style:italic; }
#over-koda h2 { border-bottom:1px solid #E2E2E2; margin:0 -10px; padding:0 10px 10px 10px; font-size:17px; line-height:20px; color:#298de1; }
#over-koda dl { margin-bottom:18px;  }
#over-koda ul { margin-left:18px;  }
#over-koda #structuur p { line-height:14px; }
#over-koda #structuur dl { line-height:18px; }
#over-koda #structuur dt { float:left; width:80px; line-height:18px; color:#404040; }
#over-koda #structuur dd { line-height:14px; line-height:18px; }

/* @end */


/* @group Kalender en nieuws rules */
h1.kalender-h1 { float:right !important; font-size:16px; line-height:42px; width:555px; padding:0 10px; border:1px solid #E2E2E2; border-top:none; border-bottom:none; }

div.kalender-item { float:right !important; }
div.kalender-item div.datum { font-size:30px; height:108px; letter-spacing:-1px; text-align:center; }
div.kalender-item div.datum p { line-height:108px; }
div.kalender-item div.datum p.double { font-size:23px; line-height:23px; padding-top:26px; }
div.kalender-item div.datum p.double span { font-size:15px; }
div.kalender-item div.data { height:108px; cursor:pointer; }
div.kalender-item div.data h5 { color:#2f352d; }
div.kalender-item div.data h2 { margin:8px 0px; }
div.kalender-item div.data h2 a { font-size:17px; color:#298de1; text-decoration:none; }
div.kalender-item div.data h2 a:hover { color:#2f352d; }

div.kalender div.slideshow div { height:495px; overflow:hidden; }
div.kalender div.text { min-height:515px; }
div.kalender div.text h5 { color:#2f352d; }
div.kalender div.text h1 { font-size:20px; line-height:23px; margin:8px 0 18px 0; }
div.kalender div.text p.intro { font-size:13px; font-style:italic; }
div.kalender div.text p { line-height:18px; margin:0 0 18px 0; }
div.kalender a.back-btn { float:left; display:block; margin:10px 0px 0px 384px; font-size:13px; line-height:14px; height:14px; background:url(../img/btn-back.png) no-repeat 2px 1px; padding-left:21px; }
div.kalender a.back-btn:hover { background:url(../img/btn-back.png) no-repeat 2px -13px; }

div.nieuws-item { float:right !important; }
div.nieuws-item div.datum { font-size:30px; height:108px; letter-spacing:-1px; text-align:center; }
div.nieuws-item div.datum p { line-height:108px; }
div.nieuws-item div.datum p.double { font-size:23px; line-height:23px; padding-top:26px; }
div.nieuws-item div.datum p.double span { font-size:15px; }
div.nieuws-item div.data { height:108px; cursor:pointer; }
div.nieuws-item div.data h5 { color:#2f352d; }
div.nieuws-item div.data h2 { margin:8px 0px; }
div.nieuws-item div.data h2 a { font-size:17px; color:#298de1; text-decoration:none; }
div.nieuws-item div.data h2 a:hover { color:#2f352d; }

div.nieuws div.slideshow div { height:495px; overflow:hidden; }
div.nieuws div.text { min-height:515px; }
div.nieuws div.text h5 { color:#2f352d; }
div.nieuws div.text h1 { font-size:20px; line-height:23px; margin:8px 0 18px 0; }
div.nieuws div.text p.intro { font-size:13px; font-style:italic; }
div.nieuws div.text p { line-height:18px; margin:0 0 18px 0; }
div.nieuws a.back-btn { float:left; display:block; margin:10px 0px 0px 384px; font-size:13px; line-height:14px; height:14px; background:url(../img/btn-back.png) no-repeat 2px 1px; padding-left:21px; }
div.nieuws a.back-btn:hover { background:url(../img/btn-back.png) no-repeat 2px -13px; }

div.interesseproef #sidebar { float:left; width:384px; overflow:hidden; }
div.interesseproef #sidebar div.titel { text-align:left; height:65px; line-height:65px; }
div.interesseproef #sidebar div.intro { font-size:12px; line-height:18px; color:#404040; }
div.interesseproef #sidebar div.slideshow { height:366px; overflow:hidden; }
div.interesseproef #text { font-size:12px; padding:0; width:575px; }

div.interesseproef #text p.info-pane { line-height:42px; text-align:right; padding:0; border-bottom:1px solid #E2E2E2; background:#F0F0F0 url(../img/turtle-big.png) no-repeat 10px 0; font-weight:bold; }
div.interesseproef #text p.rabbit { background:#F0F0F0 url(../img/rabbit-big.png) no-repeat 10px 0; }
div.interesseproef #text p.info-pane span.nav { float:right; font-weight:normal; }
div.interesseproef #text p.info-pane span.nav a { text-decoration:none; display:block; float:left; padding:0 10px; }
div.interesseproef #text p.info-pane span.nav a:hover { background:#298de1; color:#FFF; }
div.interesseproef #text p.info-pane span.nav a.disabled { color:#CCC; }
div.interesseproef #text p.info-pane span.nav a { border-left:1px solid #E2E2E2; }

div.interesseproef #text p.info-pane span.nav input { text-decoration:none; cursor:pointer; margin:0; display:block; color:#768FA3; float:left; padding:0 10px; border:none; background:transparent; font-size:12px; height:42px; line-height:42px; }
div.interesseproef #text p.info-pane span.nav input:hover { background:#298de1; color:#FFF; }
div.interesseproef #text p.info-pane span.nav input.disabled { color:#CCC; }
div.interesseproef #text p.info-pane span.nav input { border-left:1px solid #E2E2E2; }

div.interesseproef #text p.none { line-height:20px; font-weight:normal; padding:15px; }
div.interesseproef #text ul { list-style:none; }
div.interesseproef #text ul li { float:left; position:relative; width:575px; border-bottom:1px solid #E2E2E2; padding:0; background:#FFF; }
div.interesseproef #text ul li.even { background:#F0F0F0; }
div.interesseproef #text ul li p { float:left; width:356px; margin-bottom:8px; color:#298de1; padding:8px; }
div.interesseproef #text ul li table { width:556px; border-collapse:collapse; }
div.interesseproef #text ul li table td.checkbox { height:42px; width:42px; background:#f4f4f4; line-height:42px; text-align:center; }
div.interesseproef #text ul li table td.vraag { vertical-align:middle; padding:0px 60px 0 20px; line-height:16px; }
div.interesseproef #text button { background:#298de1; border:none; padding:5px 8px; color:#FFF; }
div.interesseproef #text button[disabled] { opacity:0.5; filter:alpha(opacity=50);  }

div.interesseproef #text ul li table.answer-table { float:right; width:202px !important; border-collapse:collapse; }
div.interesseproef #text ul li table.answer-table td { border-left:1px solid #E2E2E2; padding:3px 6px; }
div.interesseproef #text ul li table.answer-table td label { cursor:pointer; }
div.interesseproef #text ul li table.answer-table td.white { background:#FFF; color:#BBB; }
div.interesseproef #text ul li table.answer-table tr.optie-1 { background:#FFF; }
div.interesseproef #text ul li table.answer-table tr.optie-2 { background:#EEE; }
div.interesseproef #text ul li table.answer-table tr.optie-3 { background:#DDD; }
div.interesseproef #text ul li table.answer-table tr.optie-4 { background:#CCC; }

div.interesseproef #text ul li.even table.answer-table tr.optie-1 { background:#e9f3fc; }
div.interesseproef #text ul li.even table.answer-table tr.optie-2 { background:#d4e8f9; }
div.interesseproef #text ul li.even table.answer-table tr.optie-3 { background:#beddf6; }
div.interesseproef #text ul li.even table.answer-table tr.optie-4 { background:#aed4f4; }

div.interesseproef-tekst p { margin:0 0 8px 0; }
div.interesseproef-tekst p.highlight { background:#F0F0F0 url(../img/turtle-small.png) no-repeat 10px 0; margin:0 -10px 8px -10px; padding:8px 10px 8px 50px; }
div.interesseproef-tekst p.rabbit { background:#F0F0F0 url(../img/rabbit-small.png) no-repeat 10px 0; }

div.interesseproef #text label.error { position:absolute; bottom:10px; left:10px; color:#900; font-weight:bold; width:150px; }

/* @end */


/* @group Footer rules */
div.chart { width:575px; overflow:hidden; line-height:42px; font-size:11px; background:#f4f4f4; }
div.chart div { border-top:1px solid #E2E2E2; overflow:hidden; clear:left; }
div.chart div label { display:block; float:left; width:180px; overflow:hidden; padding-left:10px; background:#FFF; }
div.chart div label a { text-decoration:none; }
div.chart div em { padding-left:1em; color:#fff; float:left; font-weight:bold; background:#768FA3; }
div.chart div.first { border-bottom:1px solid #E2E2E2; overflow:hidden; clear:left; }
div.chart div.first label { font-weight:normal; }
div.chart div.first em { background:#298de1; }
div.summary { float:left; width:575px; }
div.summary h2 { font-size:16px; line-height:42px; font-weight:normal; color:#298de1; border-bottom:1px solid #E2E2E2; padding:0 10px; }
div.summary p { font-size:13px; line-height:18px; padding:10px; }
a.studierichting-btn { float:left; display:block; margin:10px 0px 0px 384px; font-size:13px; line-height:14px; height:14px; background:url(../img/btn-back.png) no-repeat 2px 1px; padding-left:21px; }
a.studierichting-btn:hover { background:url(../img/btn-back.png) no-repeat 2px -13px; }
/* @end */


#searchresults-wrapper { padding:0 !important; width:767px !important; }
ol#searchresults { margin:0 20px; }
ol#searchresults li.results-info { list-style:none; background:#EDEFEC; line-height:42px; height:42px; padding:0 20px; border-bottom:1px solid #E2E2E2; margin:0 -20px; font-size:13px; }
ol#searchresults li { padding:20px 0 0 0; margin:0 0 0 16px; }
ol#searchresults h3 a { color:#298de1; font-weight:bold; }
ol#searchresults li p.resultdesc { font-size:12px; line-height:18px; padding-right:200px }

#paginas { float:left; width:747px; border-top:1px solid #E2E2E2; padding:10px 20px; margin-top:20px; }
#pagination-clean li { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-clean a { border-right:solid 1px #DEDEDE; margin-right:2px; }
#pagination-clean .previous-off, #pagination-clean .next-off { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination-clean .next-pagination a, #pagination-clean .previous-pagination a  { border:none; font-weight:bold; }
#pagination-clean li.current a { color:#000000; font-weight:bold; text-decoration:none; }
#pagination-clean a:link, #pagination-clean a:visited { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:underline; }
#pagination-clean a:hover { text-decoration:none; }


/* @group Footer rules */
#footer { background:#F3F3F3 url(../img/bg-border-footer.png) repeat-x top left; }
#footer-content { width:960px; margin:0 auto; padding:30px 0px; }
#footer-content ul.col { float:left; width:171px; padding:10px; line-height:22px; list-style:none; }
#footer-content ul.col li { font-size:12px; color:#2f352d; padding-left:10px; }
#footer-content ul.first li { padding-left:0; }
#footer-content ul.col li a { font-size:12px; color:#768fa3; text-decoration:none; }
#footer-content ul.col li a:hover { color:#2f352d; }
/* @end */


/* @group Utilities */
/* 
	STYLE SHEET FOR IHWY JQUERY LISTNAV PLUGIN V 2.0, 3/2/2009
	For more information, visit http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
*/
/* default styling example
----------------------------------------------------------------- */
.listNav { margin:0; }
.ln-letters {  }
.ln-letters a { font-size:13px; font-weight:bold; display:block; color:#298de1; float:left; padding:0px 7px; border-right:1px solid #E2E2E2; line-height:42px; text-decoration:none; }
.ln-letters a.ln-last { }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letters a.all { font-weight:normal; padding:0px 15px; }
.ln-letter-count { top:44px !important; width:20px !important; height:17px; text-align:center; font-size:0.8em; line-height:17px; padding-top:3px; margin-left:1px;; color:#FFF; background:url(../img/bg-count.png) no-repeat; }
/* ------------------------------------------------- 
/* Sticky Footer Solution
/* by Steve Hatcher 
/* http://stever.ca
/* http://www.cssstickyfooter.com
/* ------------------------------------------------- */
html, body, #wrapper {height: 100%;}
body > #wrapper { height:auto; min-height:100%; }
#inner-wrapper { padding-bottom:600px; }  /* must be same height as the footer */
#footer { position:relative; margin-top:-600px; height:600px; clear:both; } 
/* CLEAR FIX by Jeff Starr */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* @end */