body{margin:0;padding:0;margin-bottom:2em; font-size:0.8em; font-family:Tahoma,Arial,Helvetica,sans-serif; letter-spacing:1px; margin-top:135px}
select{letter-spacing:0}
img{border:0}
img{-ms-interpolation-mode: bicubic;}
.dontDisplay{display:none}
table{border-collapse:collapse;margin:7px 0 7px 0}
td{vertical-align:top;/*border:1px solid silver;*/padding:4px}
th{font-weight:normal;font-style:italic;text-align:left;white-space:nowrap}
td,th{padding-right:10px}
hr{clear:both;visibility:hidden;height:1px;}
a{color:#FF8E42}
h1, h2, h1 a, h2 a {color:#FF8E42;margin-left:20px;}
#speaker {margin: 0px}
#xp1 {padding: 1px;letter-spacing: 0px;}
#rs_playerarea {margin: 20px 0px 20px 20px;}
h1{font-size:1.5em;margin-bottom:0}
h2{margin-top:0}
h1 strong, h2, h3{font-size:1em;}
h1 strong{color:black;font-size:0.6em;}
h1,h3{margin-bottom:3px}
.leerling h1, .leerlinh h2, .docent h1, .docent h2{color:#339ABA}
#tekst h3{color:#339ABA;float:none}
#tekst p{margin:0 0 1em 0}
#tekst li p {margin:0 0 4px 0;}
#tekst ul {margin-top:0;padding-top:0}

body{background:url(/grafiek/back_vervolgTop.png) no-repeat;}


#logo{display:block;width:270px;height:40px;position:absolute;top:0;left:50px;background:url(x);z-index:50}
#balkje{width:684px;height:10px;position:absolute;left:0;top:43px;overflow:hidden}

#kop{height:4.5em;}
#kop h1, #kop h2{margin:0;margin-left:20px;position:absolute;z-index:98}
#kop h2{margin-top:2em}

#nav{position:absolute;top:24px;left:309px;font-size:9pt;letter-spacing:0px;z-index:900;background:url(x)}
#nav, #nav ul {margin: 0; padding:0;list-style: none;color:white;font-weight:bold;}

#nav li {float: left; width: 126px;text-align:center;}
#nav ul li{float:none;width:auto;text-align:left;font-weight:normal;}

#nav ul {display:none;border:1px solid white;border-top:0;background:yellow}

#nav li:hover ul, .aan ul {display:block !important}

#nav a {color:white; display: block; text-decoration: none;}
#nav ul a {padding: 10px 0 0 5px; background:url(x); position:relative}
#nav ul a:hover, .al #al, .a2 #a2, .b1 #b1, .en #en, .tr #tr, .ar #ar, .id #ind, .en #en,.mb #mb, .po #po, .vo #vo, .po-docent #po-docent, .vo-docent #vo-docent{background:url(/grafiek/pijltje_w.gif) no-repeat -2px 14px}
#nav ul .lt {padding-bottom: 10px;}
#algkeuze li{background:#349ABA}
#leerlingkeuze{margin-left:-1px}
#docentkeuze{margin-left:-1px}
#leerlingkeuze li{background:#F68D46;}
#docentkeuze li{background:#ED1B2F;}

#versie{color:#339ABA;position:absolute;left:310px;top:39px;font-size:7.5pt;font-weight:normal;letter-spacing:0;width:125px;text-align:center;color:white}

#lijst{margin-left:20px}
#lijst p{clear:both;}
#lijst p a span{background-repeat:no-repeat;background-position:center;cursor:pointer;width:60px;height:50px;float:left;border:0;margin-right:10px}
#lijst h3{margin:0 0 0 -270px;clear:both;color:white;width:150px;height:45px;position:absolute;padding-left:55px;background-repeat:no-repeat;background-position:top left}
#lijst hr{height:20px}

.lijsttd{background-repeat:no-repeat;background-position:5px 5px; padding-left:70px;padding-top:3px;font-weight:bold}
td ul{margin-left:25px;padding-left:0}
td li{margin:2px 2px 2px 0;}

#vak{background:url(/grafiek/back_vervolg_blauw.png) top right repeat-y;}
#vak, #onderbocht.venster{width:93%;max-width:1200px;min-width:920px;}
#bovenbocht, #onderbocht{background:url(/grafiek/back2_vervolg_blauw.png) top right;height:40px;clear:both;width:100%}
#onderbocht{background-position:bottom right;}
#onderbocht.venster{margin-top:-40px;}
#onderbocht div{height:30px;width:250px;background:#339ABA;}
#tekst{width:67%;margin:0;float:left;padding:15px;border-left:250px solid #339ABA;margin-top:-30px;}
#kolom{width:230px;position:absolute;left:0;margin-top:-30px;height:400px;background-repeat:no-repeat;padding:10px 0 0 20px;}

.info #tekst, .canonlijst #tekst{width:auto;padding-right:30px;}
.info #tekst{border:0;float:none}
.info #vak, .canonlijst #vak{width:70%;max-width:1200px;min-width:660px;margin-right:300px;float:left;display:inline;}

#bloklinkjes{text-align:right;font-size:0.7em;color:#339ABA;margin-top:2px;font-weight:normal}
#bloklinkjes a{color:#339ABA}
#kalenderblok{margin-top:20px;padding-top:10px;background:#339ABA;color:white;font-weight:normal;}
#kalenderblok, #kalenderblok .onder{background:url(/grafiek/back_vlak_rechts.png)}
#kalenderblok a{color:white;text-decoration:none}
#kalenderblok a span, #dt-Kalendermap h3 span{font-weight:normal;color:black;font-size:11px;display:block;width:35px;height:25px;float:left;text-align:center;margin-right:5px;letter-spacing:0px;text-decoration:none;padding:0}
#kalenderlink, #dt-Kalendermap h3{padding:6px 0 0 10px;cursor:pointer;display:block;background:url(/grafiek/back_kalender.png) 10px 0px no-repeat;height:17px;overflow:hidden}
#kalenderblok .w20, #dt-Kalendermap h3 .w20{width:20px}
#kalenderblok p{margin:0;padding:0}
#kalenderblok div{padding:10px;}
#kalenderblok .onder {background-position: bottom;padding-top:0}
#kalenderblok div a{text-decoration:underline}
#kalenderblok .lnk{color:white;width:auto;font-size:13px;text-decoration:underline;margin-left:2px}
#kalenderblok .knp, #pijltjes a{width:16px;height:16px;background:url(/grafiek/next_prev.png);text-decoration:none !important}
#pijltjes a{display:block;float:left}
#pijltjes #vorige{margin-right:6px;background-position:0 -200px}

#dt-Kalendermap h3{display:block;float:left !important;position:relative;margin-left:-150px; cursor:default !important;display:inline}
#dt-Kalendermap #tekst{border-width:175px}
#dt-Kalendermap #onderbocht div{width:175px}
#kalinf{width:175px;position:absolute;margin-left:-210px;color:white;text-align:right}
#dt-Kalendermap #tekst .kalitem p{margin:0;padding:0}

#menu{float:left;width:200px;background:white;margin-left:-270px;font-weight:bold;margin-top:5px;display:inline;}
#menu{_position:absolute;_left:70%;_margin:0;_margin-left:20px;_top:190px}

#menu ul{list-style:none;margin:0;padding:0;border-top:1px solid #15618d;min-height:300px}
#menu ul a{cursor:pointer;padding:4px 0 4px 1px;border-bottom:1px solid #15618d;text-decoration:none;display:block;color:#15618d;}
#menu ul a:hover, #menu .sel{color:#F68D46}
.leerling #menu ul a:hover, .leerling #menu .sel, .docent #menu ul a:hover, .docent #menu .sel{color:#339ABA !important}

#voormeer{font-size:0.75em;color:#15618D;}

.venster #bovenbocht{padding-top:10px;}
#tijdbalk{margin-left:20px;height:25px;width:418px;background:url(/grafiek/tijdbalk_blauw.gif) no-repeat;position:absolute}
#bovenbocht span{background:#BBE1EC;background:#FFDFBF;display:block;height:12px;margin-left:221px;width:21px;position:absolute}
.leerling #bovenbocht span, .docent #bovenbocht span{background:#BBE1EC;}

#media{display:inline-block;padding:25px;background: url(/grafiek/back_kader_blauw.png) no-repeat top left;overflow:hidden;padding-bottom:80px}
.algemeen #media{padding-bottom:0}
html>body #media{display:block}
#media a{margin:3px;width:90px;height:65px;float:left;overflow:hidden;background:silver}
#media a span{display:none}
#icoon{background:#339ABA;width:250px;}
#icoon embed{position:absolute;margin-top:-60px}

#opkaart{cursor:pointer;background:url(/grafiek/opdekaart.gif); display:block; float:right; height:100px; margin:40px 0 10px 10px; width:100px;}
#opkaart span{display:block;height:99px;width:99px;background-position:center;background-repeat:no-repeat}


.venster #vak{background-image:url(/grafiek/back_venster_blauw.png)}
.venster #bovenbocht, #onderbocht.venster{background-image:url(/grafiek/back2_venster_blauw.png);}
.venster #tekst{border:0;width:auto;margin:-10px 510px 0 0;padding-left:20px}
#kolommen{width:480px;float:right;margin-left:-480px;margin-top:-40px;}
#kolom1{width:250px;float:left;}
#kolom2{width:190px;padding:20px;float:left;}
#icoon, .venster #media{position:relative;margin-bottom:-60px}
.algemeen #icoon, .algemeen #media{top:-60px;margin-bottom:0}
#kolom2 ul{margin:0;padding:0;list-style:none}
#kolom2 li{margin-bottom:1em}
#kolom2 a, #teruglink {color:white;font-weight:bold;text-decoration:none;background:url(/grafiek/next_prev.png) no-repeat;padding-left:22px}
#kolom2 a:hover{background-position:0 -100px}
#kolom2 a:hover strong{text-decoration:underline;}
#kolom2 a small{font-weight:normal; color:#114F73; white-space:nowrap;display:block;margin-left:22px;text-decoration:none !important}
#kolom2 a:hover small{text-decoration:none !important}

#teruglink{background-position:0px -200px !important;}
#teruglink:hover{background-position:0px -300px !important;}

#vak.media {width:950px;background:url(/grafiek/back_media_blauw.png) top right repeat-y;margin-top:3px}
.media #bovenbocht, .media #onderbocht{background-image:url(/grafiek/back2_media_blauw.png)}
.media #bovenbocht{height:80px;}
.media #tekst{border:0;padding:0;color:white;margin:-60px 25px 0 -270px;width:650px;float:right;display:inline}
.media #media{background:none !important;padding:10px;position:static;margin-top:50px;}
.media #tekst h3{margin:0;color:white; height:30px; overflow:visible}
.media #tekst a{color:#114F73;}
.media #teruglink{position:absolute}
.media #kolom{width:230px;position:static;float:left;margin-top:-70px;height:auto}


#dt-Verwijzingen #kolom, #dt-Verwijzingen-map #kolom{width:249px;padding:0}
#dt-Verwijzingen #media, #dt-Verwijzingen-map #media{background:url(/grafiek/back_kader_blauw.png) no-repeat}
#dt-Verwijzingen #teruglink, #dt-Verwijzingen-map #teruglink{position:absolute;margin:10px 0pt 0pt 20px}

.leerling #vak{background-image:url(/grafiek/back_vervolg_oranje.png)}
.leerling #tijdbalk{background-image:url(/grafiek/tijdbalk_oranje.gif)}
.leerling #bovenbocht, .leerling #onderbocht{background-image:url(/grafiek/back2_vervolg_oranje.png)}
.leerling .venster #vak{background-image:url(/grafiek/back_venster_oranje.png)}
.leerling .venster #bovenbocht, .leerling  #onderbocht.venster{background-image:url(/grafiek/back2_venster_oranje.png)}
.leerling #media{background-image:url(/grafiek/back_kader_oranje.png)}
.leerling #vak.media{background-image:url(/grafiek/back_media_oranje.png)}
.leerling .media #bovenbocht, .leerling .media #onderbocht{background-image:url(/grafiek/back2_media_oranje.png)}
.leerling #balkje{background:#F68D46}
.leerling #versie, #menu .m-leerling{color:#F68D46;border-color:#F68D46;}
.leerling #versie{left:433px;color:white}
#dt-Versie #tekst a{color:#339ABA;text-decoration:none;border-bottom:1px dotted #339ABA;cursor:help}

.docent #vak{background-image:url(/grafiek/back_vervolg_rood.png)}
.docent #tijdbalk{background-image:url(/grafiek/tijdbalk_rood.gif)}
.docent #bovenbocht, .docent #onderbocht{background-image:url(/grafiek/back2_vervolg_rood.png)}
.docent .venster #vak{background-image:url(/grafiek/back_venster_rood.png)}
.docent .venster #bovenbocht, .docent  #onderbocht.venster{background-image:url(/grafiek/back2_venster_rood.png)}
.docent #media{background-image:url(/grafiek/back_kader_rood.png)}
.docent #vak.media{background-image:url(/grafiek/back_media_rood.png)}
.docent .media #bovenbocht, .docent .media #onderbocht{background-image:url(/grafiek/back2_media_rood.png)}
.docent #balkje{background:#ED1B2F}
.docent #versie, #menu .m-docent, .docent #login a{color:#ED1B2F;border-color:#ED1B2F}
.docent #versie{left:560px;color:white}

#dt-Homepage #boven{height:43px;overflow:hidden}
#dt-Homepage #vak{background:url(/grafiek/back_home_blauw.png) no-repeat 0 0;width:750px;margin-top:-92px;min-width:0;position:relative;}
#dt-Homepage.docent #vak{background-image:url(/grafiek/back_home_rood.png)}
#dt-Homepage.leerling #vak{background-image:url(/grafiek/back_home_oranje.png)}

.plus #dt-Homepage #vak{background:url(/grafiek/back_home_blauwplus.png) no-repeat 0 0;width:988px}
.plus #dt-Homepage.docent #vak{background-image:url(/grafiek/back_home_roodplus.png)}
.plus #dt-Homepage.leerling #vak{background-image:url(/grafiek/back_home_oranjeplus.png)}


#dt-Homepage #xversie{left:760px}
.plus #dt-Homepage #xversie{left:1010px;}
#dt-Homepage #menu{position:absolute;margin-left:0;left:760px;top:105px}
.plus #dt-Homepage #menu{left:1010px;}
#dt-Homepage h1, #dt-Homepage #balkje{display:none}
#wandkaart{border:0;height:610px;margin:0;padding:0;}
.plus #wandkaart{height:799px;}
#wandkaart embed,#wandkaart img{position:absolute;left:-30px;top:-30px}
#wandkaartstrook{display:block;position:absolute;left:0px;top:40px;z-index:300;overflow:hidden;width:690px;height:100px;}
.tempstrook{background-repeat:no-repeat;background:url('/grafiek/temp.png') no-repeat 35px 17px;cursor:pointer;}
#wandkaartstrook embed{margin-top:-45px;margin-left:4px;overflow:hidden}

#dt-Actueel-categorie hr, #dt-Webwinkel hr{visibility:visible;border:0;border-top:1px solid #339ABA;margin-top:20px}

#dt-Actueel-categorie #voormeer{clear:right;float:right;position:relative;top:-10px;font-weight:bold}
#dt-Actueel-categorie #voormeer img{width:auto !important;height:auto !important}

#navi a{display:block;float:left;text-align:center;width:1.75em;line-height:1.75em;color:white;background:#F68D46;margin-right:3px;text-decoration:none;border:1px solid #F68D46}
#navi .sel{background:white;color:#F68D46;}

#actueeltabs{clear:both;height:30px;position:relative;top:-15px;text-transform:lowercase;letter-spacing:0;min-width:640px}
#actueeltabs a{line-height:22px;padding-bottom:2px;color:white;text-decoration:none;display:block;float:left;width:125px;background:url(/grafiek/tab_donkerblauw.png) no-repeat;text-align:center}
#actueeltabs .sel{background-image:url(/grafiek/tab_blauw.png)}
.docent #actueeltabs .sel{background-image:url(/grafiek/tab_rood.png)}
.leerling #actueeltabs .sel{background-image:url(/grafiek/tab_oranje.png)}

.methodetd{padding-right:60px;height:55px;background-repeat:no-repeat;background-position:93% 5px;text-align:left}

.h3icoon{padding-left:65px;background-repeat:no-repeat;background-position: center left;line-height:55px;}
.llicoon{float:left;margin:0 5px 1px 0;}

.extra{clear:both;font-size:0.85em;margin:30px 0 15px 0;border:1px solid silver;list-style:none;padding:2px 5px 0 10px;}

.bestel{clear:both;margin-bottom:20px;text-align:right;}
.bestel form{display:inline}
.bestel input{width:15px}

#zoekform{width:200px;position:absolute;top:7px;height:21px;left:760px;z-index:0;background:url(/grafiek/back_zoeken.png);overflow:hidden}
#zoekform input, #zoekform button{border:0;float:left;background:none}
#zoekform input{width:144px;height:14px;padding:3px}
#zoekform button{cursor:pointer;color:white;width:48px;height:20px;font-weight:bold}

#dt-Zoeken #tekst div{width:48%;float:left;}
#dt-Zoeken #tekst li{margin-top:1em}
#dt-Zoeken #tekst li li{margin-top:0}

#besteller input, #besteller textarea{width:250px}

#tt{display:none;color:white;position:absolute;z-index:250;width:250px;background:#339ABA;padding:6px;font-size:0.9em;line-height:1.3em;margin-top:15px;margin-left:50px;letter-spacing:0px;border:1px solid white}
html>body #tt{width:auto;max-width:250px}


#dt-Actueel-categorie #tekst img{width:100px;-ms-interpolation-mode: bicubic}
html>body #dt-Actueel-categorie #tekst img{width:auto}
#dt-Actueel-categorie #tekst h3 a{text-decoration:none;background:url(/grafiek/next_prev.png) no-repeat; padding-left:22px}

.imgblokje{margin:0 0 10px 15px;width:100px;height:100px;overflow:hidden;display:block;float:right;overflow:hidden}

/* tbv oud  */
#subslinks{float:left;margin-left:-250px;display:inline;position:relative}
h2 a{margin:0}
#linkkolom p{margin-top:20px}
#linkkolom a{color:white;font-weight:bold}

#login{color:#339ABA;font-weight:normal;display:inline;text-transform:lowercase;position:absolute;left:760px;top:39px;text-align:left;font-size:8pt;}
#speaker {padding:0px; margin:0px;}

.plus #dt-Homepage #login{left:1010px;}

#melding{color:#ED1B2F}

#colorbox form{background:white;padding:20px;margin:0;border:5px solid #339ABA;}
#colorbox input, #colorbox textarea{width:400px}
#colorbox .auto{width:auto}

.aanvulling, #media #aanvulling{color:#339ABA;font-weight:normal;float:left;padding-left:20px;background:url(/grafiek/toevoegen.gif) no-repeat left center;clear:both;height:auto;width:100px;margin:-5px 0 20px 20px}
#media #aanvulling, #dt-Verwijzingen #media #aanvulling{float:left;margin:10px 0 10px 0;}
#dt-Verwijzingen #media{padding-bottom:10px}
#tekst h2{clear:left;}

#alg{display:block;background:url(/grafiek/icons.png) no-repeat;height:16px;margin:20px;float:left;width:120px;clear:both;overflow:hidden;}
#alg span{display:none;}
#alg a{width:24px;height:16px;overflow:hidden;display:block;float:left;background:white;text-decoration:none;filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4}
#alg a:hover {filter:alpha(opacity=10);-moz-opacity:.1;opacity:.1}
#dt-Homepage #alg{margin-top:-10px;padding-bottom:10px;width:300px}

#taalkeuzes{font-size:0.9em; margin:8px 35px 0 0; float:right; text-indent:-1em;overflow:hidden}
#taalkeuzes, #taalkeuzes a{color:#339ABA;}

/* geschiedenis onlineprijs */
#stemopons { display:block; position:absolute; top:0; right:0; z-index:1000; width:75px; height:75px; text-indent:-1000px; overflow:hidden; padding: 0; background: url(../grafiek/stemopons_top_right.png) 0 0 no-repeat; text-decoration:none;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#FFF; padding:1px;}
        #cboxLoadingGraphic{background:url(/grafiek/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/grafiek/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
				
@media print{
body {background-image:none; margin-top:50px;}
#nav {display: none;}
#wandkaartstrook {display: none;}
#zoekform {display: none;}
#tijdbalk {background-image:none;}
#bovenbocht, #onderbocht{background-image:none;}
.venster #vak{background-image:none;}
.venster #bovenbocht, .docent  #onderbocht.venster{background-image:none;}
#media{background-image:none;}
#vak.media{background-image:none;}
.media #bovenbocht, .media #onderbocht{background-image:none;}
#balkje{display:none;}

.docent #tijdbalk {background-image:none;}
.docent #bovenbocht, .docent #onderbocht{background-image:none;}
.docent .venster #vak{background-image:none;}
.docent .venster #bovenbocht, .docent  #onderbocht.venster{background-image:none;}
.docent #media{background-image:none;}
.docent #vak.media{background-image:none;}
.docent .media #bovenbocht, .docent .media #onderbocht{background-image:none;}
.docent #balkje{display:none;}

.leerling #tijdbalk {background-image:none;}
.leerling #bovenbocht, .leerling #onderbocht{background-image:none;}
.leerling .venster #vak{background-image:none;}
.leerling .venster #bovenbocht, .leerling  #onderbocht.venster{background-image:none;}
.leerling #media{background-image:none;}
.leerling #vak.media{background-image:none;}
.leerling .media #bovenbocht, .leerling .media #onderbocht{background-image:none;}
.leerling #balkje{display:none;}