html{height:100%;margin:0;padding:0}
body{height:100%;min-width:970px;margin:0;padding:0;background:#FFF url(../../leerkrachten/img/bgr0.jpg) repeat-y left bottom;color:#2E4D02;font:70% verdana,arial,helvetica,sans-serif;}
*{font-size:1em}
form{display:inline;width:100%;height:100%;min-height:100%;margin:0;padding:0;}
html>body form{height:auto}
a{color:#FF7900;font-weight:bold;text-decoration:none}
a:hover{color:#5E1A1A;text-decoration:none}
hr{color:#F9973E;height:1px}
input,textarea{border:1px solid #9ACB54;color:#4A730F;font:1em verdana,arial,helvetica,sans-serif;overflow:auto;}
input.btn{background:#4A730F;border:1px solid #243B03;color:#C9E94A;font-weight:bold}
h1,.hoofding1,h1 a,.hoofding1 a{color:#9ACB54;font-size:1.8em;font-weight:normal;margin:15px 0;padding:0}
h2,.hoofding2,h2 a,.hoofding2 a{border-bottom:1px dotted #FCDA3A;color:#FF820C;font-size:1.2em;margin:10px 0;padding:5px 0}
h3,.hoofding3,h3 a,.hoofding3 a{background:#F8A944;color:#FFFFFF;font-size:1em;margin:5px 0;padding:6px}
h4,.hoofding4,h4 a,.hoofding4 a{background:#99CB52;color:#FFFFFF;font-size:1em;margin:5px 0;padding:6px}
h5,.hoofding5,h5 a,.hoofding5 a{border-bottom:1px solid #F8A944;color:#E9760D}
h6,.hoofding6,h6 a,.hoofding6 a{border-bottom:1px solid #99CB52;color:#4E7309}
ul, ol, dl { position: relative; }
ul{list-style:none;margin:5px 0 5px 12px;padding:0}
ol{margin:5px 0 5px 16px;padding:0 0 0 5px}
li{color:#F6973D;margin:0 0 3px 0;padding:0 0 0 10px;background:url(../../leerkrachten/img/li.gif) no-repeat left 2px}
ol li{ background:none }
label{margin-right:20px}
th{color:#F9AA43;font-size:1.1em}
a img{border:0px none}
/********** home *******************************/
#homefoto{float:right;margin:-30px 20px 0 15px}
#hometekst{color:#8A4B4B;float:left;width:53%}
#teasers{clear:left;float:left;padding:30px 0 0 0;width:58%}
#teasers li,#eteasers li{margin:0 0 10px 0}
#teasers li a,#eteasers li a,.teasers li a{color:#F6973D;font-weight:normal}
#teasers li a:hover,.teasers li a:hover,#eteasers li a:hover{color:#834000}
#bottombanner{clear:both;padding:30px 0 20px 0}/********** Educatief **************************/
#introfoto,.introfoto{float:right;margin:0 20px 0 15px}
#introtekst,.introtekst{color:#8A4B4B;float:left;width:65%}
#eteasers{float:left;margin:0 0 30px 0;padding:30px 0 0 0;width:58%}
.eteasers{float:left;width:58%}
#overzichtslijst{display:block;float:left;margin:0 0 20px 0;width:98%}
.overzichtslijst{width:98%}
#overzichtslijst h3,.overzichtslijst h3{background:#F8A944;color:#FFFFFF;font-size:1em;margin:0;padding:6px;text-align:left}
#overzichtslijst h3 a,.overzichtslijst h3 a{color:#FFF}
#overzichtslijst h3 a:hover,.overzichtslijst h3 a:hover{color:#B45801}
div.product{display:block;float:left;margin:0 0 30px 0;width:100%}
#productfoto img{border:1px solid #2E4D02;float:right;height:auto;margin:5px 0 5px 20px}#productfoto img{border:1px solid #2E4D02;float:right;height:auto;margin:5px 0 5px 20px}
#productinfo{color:#2E4D02;float:left;margin:5px 0;width:100%}
.productinfo{color:#2E4D02;float:left;width:100%}
#extrainfo,#uittreksels,#voegtoe{border-top:1px dotted #FCDA3A;clear:both;color:#826239;float:left;margin:10px 0 0 0;padding:10px 0 0 0;width:100%}
.extrainfo,.uittreksels,.voegtoe{border-top:1px dotted #FCDA3A;clear:both;color:#826239;float:left;width:100%}
#extrainfo2{border-bottom:1px dotted #FCDA3A;clear:both;color:#EE780D;float:left;margin:10px 0 0 0;padding:0;width:100%}
.extrainfo2{border-bottom:1px dotted #FCDA3A;clear:both;color:#EE780D;float:left;padding:0;width:100%}
#extrainfo2 b,.extrainfo2 b{color:#FF820C;float:right;font-weight:bold;padding:0 5px 0 0}
#extrainfo2 a,.extrainfo2 a{color:#B3A497;font-weight:normal}
#extrainfo2 a:hover,.extrainfo2 a:hover{color:#3C3630}
#extrainfo img,#uittreksels img,#extrainfo2 img,.extrainfo img,.uittreksels img,.extrainfo2 img{vertical-align:text-top}
#overzichtslijst #uittreksels ul li, #overzichtslijst .uittreksels ul li, #uittreksels ul li, .uittreksels ul li{margin:2px 0;padding:2px 0 2px 14px;background:url(../../leerkrachten/img/detaillist.gif) no-repeat left 2px;}
#uittreksels ul li a, .uittreksels ul li a{color:#826239;font-weight:normal}
#uittreksels li a:hover,.uittreksels li a:hover{color:#FF820C}
#bekijk,.bekijk{float:right;width:260px}
#voegtoe img,#bekijk img,.voegtoe img,.bekijk img{margin:0 5px;vertical-align:middle}
#delete{background:url(../../leerkrachten/img/cart_delete.gif) no-repeat right top;clear:both;float:right;margin:0 2px 0 0;padding:3px 5px 6px 23px}
.delete{background:url(../../leerkrachten/img/cart_delete.gif) no-repeat right top;clear:both;float:right}
#delete a,.delete a{color:#860704;font-weight:normal}
#delete a:hover,.delete a:hover{color:#FF0000;font-weight:normal}
#totaal,.totaal{background:#F8A944;border:1px solid #860704;color:#860704;display:block;float:left;font-size:1.2em;font-variant:small-caps;font-weight:bold;height:auto;padding:5px;text-align:right}
html>body #totaal,html>body .totaal{width:100%}
#bestel{background:#FAF0E7;float:left;margin:20px 0 20px 0;padding:15px 0 15px 0;width:100%}
.bestel{background:#FAF0E7;float:left;width:100%}
#bestel caption{margin:5px 0 10px 0;border-bottom:1px dotted #B3A497;color:#A65003;font-size:1em;padding:5px 0;text-align:left}
.bestel caption{border-bottom:1px dotted #B3A497;color:#A65003;font-size:1em;text-align:left}
#bestel input.btn,.bestel input.btn{background:#C9E94A;border:1px solid #243B03;color:#4A730F;font-weight:bold;width:7em}
#bestel input.btn:hover,.bestel input.btn:hover{color:#FFFFFF}
/********** Kalender ***************************/
#kalendertekst{color:#8A4B4B;float:left;width:58%}
#datepicker{background:#EEFFA5;float:right;margin:0 10px;width:195px}
#datepicker h2{border-bottom:0 none;color:#4A730F;font-size:1.4em;font-weight:normal;margin:0px 5px 20px 0;text-align:center}
#datepicker table{margin:0 12px;width:170px}
#datepicker td{color:#6D6F71;font-size:0.9em;text-align:center}
#datepicker td a img{border:0 none}
#datepicker .month{color:#4A580E;font-weight:bold}
#datepicker .week{color:#4A580E}
#datepicker .available,#datepicker .legende .available{background:#A0E440;border:1px solid #C5F170;color:#2E4D02}
#datepicker .available a{color:#2E4D02;font-weight:normal}
#datepicker .available a:hover{color:#FFF;font-weight:normal}
#datepicker .closed,#datepicker .legende .closed{color:#B8DF0F;font-weight:bold}
#datepicker .taken,#datepicker .legende .taken{color:#4A730F;font-weight:bold}
#datepicker .othermonth{color:#C0D36E}
#datepicker .othermonthtaken{color:#C0D36E;font-weight:bold}
#datepicker .legende{margin-bottom:16px;margin-top:16px}
#datepicker .legende td,#datepicker .legende th{color:#6D6F71;font-size:0.9em;text-align:left}
#datepicker .legende th{color:#4A730F;font-size:1em}
#reserveer table{width:600px}
#reserveer caption{background:#F8A944;color:#FFFFFF;font-size:1em;margin:5px 0;padding:6px;text-align:left}
/********** lesvoorbereiding *******************//********** Vormingen **************************/
#lesinfo{border-bottom:1px dotted #FCDA3A;border-top:1px dotted #FCDA3A;clear:both;color:#826239;float:left;margin:10px 0 10px 0;padding:10px 0 10px 0;width:100%}
#lesinfo a{color:#FF820C;font-size:0.95em;font-weight:bold}
#lesinfo a:hover{color:#FCC592;font-weight:bold}
#lesinfo img{margin:0 2px 0 5px;vertical-align:text-bottom}
/********** Zoek *******************************/
#overzichtslijst h3.zoek{background:#F9FED9;color:#6E9C1D;margin:20px 0 0 0}
#overzichtslijst ul{ margin:5px 0 5px 12px;padding:0 0 0 5px}
#overzichtslijst ul{list-style-image:url(../../leerkrachten/img/li2.gif) no-repeat left 2px; }
#overzichtslijst ul li a{color:#6E9C1D;font-weight:normal}
#overzichtslijst ul li a:hover{color:#355300}
#zoekdiv{background:#F9FED9;border:1px solid #D1F047;float:left;margin:20px 0 20px 0;padding:15px 5px 15px 5px}
#zoekdiv form{width:90%}
/********** extra classes CMS ******************/
a.link_groen_vet{color:#4A730F;font-weight:bold;text-decoration:none}
a.link_felgroen_vet{color:#A0E440;font-weight:bold;text-decoration:none}
a.link_oranje_vet{color:#F9973E;font-weight:bold;text-decoration:none}
a.link_groen{color:#4A730F;font-weight:normal;text-decoration:none}
a.link_felgroen{color:#A0E440;font-weight:normal;text-decoration:none}
a.link_oranje{color:#F9973E;font-weight:normal;text-decoration:none}
.tekst_groen{color:#4A730F}
.tekst_felgroen{color:#A0E440}
.tekst_oranje{color:#F9973E}
.tekst_onderlijnd_oranje{border-bottom:1px solid #F9973E}
.tekst_onderlijnd_felgroen{border-bottom:1px solid #A0E440}
.achtergrond_lichtgroen{background:#F9FED9}
.achtergrond_lichtoranje{background:#FFDB94}
.border_groen{border:1px solid #6E9C1D}
.border_oranje{border:1px solid #F9973E}
caption,.tekst_vet{font-weight:bold}
a img,#bottombanner a img{border:0px none}
#extrainfo b,#uittreksels b,.extrainfo b,.uittreksels b,#lesinfo b{color:#FF820C;font-weight:bold}
#bestel b,.bestel b,#zoekdiv b{color:#A65003}
#bestel input.check,.bestel input.check,#zoekdiv input.check{border:0 none;width:2em}
#reserveer input.btn,#zoekdiv input.btn{background:#4A730F;border:1px solid #243B03;color:#C9E94A;font-weight:bold;width:7em}
#overzichtslijst h2,#zoekdiv caption{margin:5px 0 10px 0;border-bottom:1px dotted #CEF27B;color:#85C21B;font-size:1em;padding:5px 0;text-align:left}
#zoekdiv table,#bestel table,.bestel table{margin:0 0 10px 0;width:100%}
#zoekdiv input,#zoekdiv textarea,#bestel input,#bestel textarea,.bestel input,.bestel textarea,#reserveer input,#reserveer textarea{width:25em}
#zoekdiv .label,#bestel .label,.label,#reserveer .label{width:40%}
a.link_groen_vet:hover,a.link_groen:hover{color:#768066;text-decoration:none}
a.link_felgroen_vet:hover,a.link_felgroen:hover{color:#E2FF40;text-decoration:none}
a.link_oranje_vet:hover,a.link_oranje:hover{color:#FFCE6E;text-decoration:none}
.tekst_roodbruin,p,#reserveer{color:#8A4B4B}
#bestel td,.bestel td,#reserveer td,#zoekdiv td{vertical-align:top}/** Added by SDK **/
.fotolinks {float: left; margin-right:5px;}
.fotorechts {float: right; margin-left:5px;}
.tabellayout {border:1px solid #666; border-collapse:collapse;}
.tabellayout td {border:1px solid #666;}