html{height:100%;margin:0;padding:0}
body{height:100%;min-width:970px;margin:0;padding:0;background:#FFF url(../img/bgr0.jpg) repeat-y left bottom;color:#002E3F;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:#16B7D6;font-weight:bold;text-decoration:none}
a:hover{color:#667980;text-decoration:none}
hr{color:#F9973E;height:1px}
input,textarea{border:1px solid #0092C8;color:#02749E;font:1em verdana,arial,helvetica,sans-serif;overflow:auto;}
input.btn{background:#02749E;border:1px solid #45B8DA;color:#FFFFFF;font-weight:bold}
h1,.hoofding1,h1 a,.hoofding1 a{color:#0092C8;font-size:1.8em;font-weight:normal;margin:15px 0;padding:0}
h2,.hoofding2,h2 a,.hoofding2 a{border-bottom:1px dotted #3DD0E6;color:#1CBFD7;font-size:1.2em;margin:10px 0;padding:5px 0}
h3,.hoofding3,h3 a,.hoofding3 a{background:#0092C8;color:#FFFFFF;font-size:1em;margin:5px 0;padding:6px}
h4,.hoofding4,h4 a,.hoofding4 a{background:#0192C8;color:#FFFFFF;font-size:1em;margin:5px 0;padding:6px}
h5,.hoofding5,h5 a,.hoofding5 a{border-bottom:1px solid #EDA509;color:#ED7609}
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(../img/li.gif) no-repeat left 2px}
ol li{ background:none }
label{margin-right:20px}
th{font-size:1.1em}
a img{border:0px none}
/********** home *******************************/
#homefoto{float:right;margin:-30px 50px 0 15px}
#hometekst{color:#8A4B4B;float:left;width:70%}
#banner1{float:right;right:0}
#bottombanner{clear:both;padding:30px 0 20px 0}
/********** interviews *************************/
#introtekst{color:#0092C8;float:left;margin:0 0 30px 0;width:100%}
#teasers,#pp,#news_old,.teasers{float:left;margin:0;padding:0;width:100%}
.tv, .tv_alternate{float:left;width:303px;height:196px;background:url(../img/interview_bgr2b.gif) no-repeat;}
.tv_alternate{float:right;background:url(../img/interview_bgr3b.gif) no-repeat;}
.tv h2,.tv_alternate h2{border:0 none;color:#00597B;font-size:1em;margin:0px;padding:30px 5px 15px 29px}
.tv h2 a,.tv_alternate h2 a{color:#00597B;border:none}
.tv h2 a:hover,.tv_alternate h2 a:hover{color:#0192C9}
.teaserinfo{float:left;margin:0 33px 0 33px}
.tv img,.tv_alternate img{margin:0 20px 0 35px}
#teaserfoto,#teaserfotoright{background:url(../../kinderen/img/interview_bgr.gif) no-repeat;float:left;height:136px;margin:0 3% 0 3%;padding:25px;width:123px}
#teasers h2,#pp h2,#news_old h2,.teasers h2{border-bottom-color:#3DD0E6}
#teasers ul,#news_old ul,.teasers ul{}
#teasers li,#news_old li,.teasers li{color:#024D69;margin:0 0 10px 0}
#teasers li a,#news_old li b,,#news_old li a,.teasers li a{color:#0092C8;font-weight:bold}
#news_old li b,#news_old li a{display:block}
#teasers li a:hover,#news_old li a:hover,.teasers li a:hover{color:#3DD0E6}
#fotos{background:url(../img/interview_bgr_fotos.gif) no-repeat left top;height:130px;padding:22px 0 0 20px}
#fotos img{float:left;padding:0 5px}
#overzichtslijst{clear:both;margin:0 0 20px 0;width:98%}
#overzichtslijst h2,#zoekdiv table caption{;
margin:5px 0 10px 0;border-bottom:1px dotted #EDA509;color:#ED7609;font-size:1em;padding:5px 0;text-align:left}
#overzichtslijst h3{background:#DFF06F;color:#88A50F;margin:20px 0 0 0}
.antw{border:1px dotted #E4EE4A;margin:0 0 20px 0;padding:10px}
.antw img { float:left;margin:0 10px 10px 0 }
/********** watisdat ***************************/
#widtekst{float:left;margin:0 0 55px 0;width:50%}
#widtekst a{}
#widtekst a:hover{}
#alfabet{color:#AD4AAB;float:left;font-size:1.05em;font-weight:bold;margin:0px 0 100px 0;padding:0;width:55%}
#alfabet2{color:#AD4AAB;float:left;font-size:1.05em;font-weight:bold;margin:0px 0 100px 0;padding:0;width:100%}
#alfabet .txt,#alfabet2 .txt{color:#0092C8;padding:0 0 0 35px}
#alfabet2 .txt a{margin:0 0 0 220px;padding:0 0 0 17px}
#topletters{background:url(../img/alfabet_top.gif) no-repeat left top;list-style:none;margin:0 0 0 0;padding:25px 0 10px 50px;width:420px}
#topletters li a{color:#ED7609;font-size:1.4em}
#topletters li a:hover{color:#EDA509}
#bottomletters{background:url(../img/alfabet_bottom.gif) no-repeat left top;list-style:none;margin:0 0 0 60px;padding:27px 28px 10px 10px;width:429px}
#bottomletters li a{color:#0192C9;font-size:1.4em}
#bottomletters li a:hover{color:#1CBFD7}
#topletters li,#bottomletters li{display:inline;padding:0 6px;background:none}
#letter,.letter{clear:both;display:block;width:100%}
#letter h3,.letter h3{background:url(../img/bgr_h3_wid.gif) no-repeat left top;color:#B65A06;float:left;font-size:3.3em;height:72px;padding:10px 0 0 24px;width:66px}
.letter h3 a,.letteralternate h3 a{background:none;margin:0;padding:O}
#letter ul,.letter ul{display:block;float:left;list-style:none none;margin:0 0 0 75;padding:0;width:275px}
#letter li,.letter li{border-bottom:1px dotted #EDD509;padding:0 0 3px 0;background:none}
#letter li a:hover,.letter li a:hover{color:#EDD509}
#letteralternate,.letterlalternate{clear:both;display:block;text-align:right;width:90%}
#letteralternate h3,.letteralternate h3{background:url(../img/bgr_h3_wid_alternate.gif) no-repeat right top;color:#026A91;float:right;font-size:3.5em;width:56px;height:62px;padding:8px 15px 4px 0;text-align:right;}
#letteralternate ul,.letteralternate ul{display:block;float:right;list-style:none none;margin:0 0 0 75;padding:0;width:275px}
#letteralternate li,.letteralternate li{border-bottom:1px dotted #6CD9E3;padding:0 0 3px 0}
#letteralternate li a,.letteralternate li a{color:#1CBFD7;font-size:1.1em}
#letteralternate li a:hover,.letteralternate li a:hover{color:#6CD9E3}
#overzichtslijstwid h4{color:#0192C9;font-size:1.4em;font-weight:normal;margin:0 0 20px 0;padding:0 0 15px 0;background:transparent url(../img/h4_bgr.gif) repeat-x left 20px}
#woord h5,.woord h5{background:White;border-bottom:1px dotted #E0F173;color:#EDA509;font-size:1.3em;margin:0 0 10px 0;padding:0 0 5px 0}
#woordalternate h5,.woordalternate h5{background:White;border-bottom:1px dotted #B1F6E4;color:#1CBFD7;font-size:1.3em;margin:0 0 10px 0;padding:0 0 5px 0}
/********** politieke fiches *******************/
#pptekst{color:#8A4B4B;float:left;margin:0 0 55px 0;width:58%}
#pptekst2{color:#8A4B4B;float:left;margin:0 0 55px 0;width:70%}
#ppfoto{float:right;margin:-20px 20px 0 0}
#ppfoto2{float:left;margin:0 20px 0 0}
#pp ul{list-style:none;margin:0;padding:0}
#pp ul li{float:left;margin:0 15px 15px 0;width:190px;background:none;}
#pp ul li a img{ width:190px; }
/********** Zoek *******************************/
#overzichtslijst h2{margin:5px 0 10px 0;border-bottom:1px dotted #3DD0E6;color:#3DD0E6;font-size:1em;padding:5px 0;text-align:left}
#overzichtslijst h3.zoek{background:#DCF9FD;color:#0092C8;margin:20px 0 0 0}
#overzichtslijst ul li a{color:#0091C8;font-weight:normal}
#overzichtslijst ul li a:hover{color:#6BE1F3}
#zoekdiv{background:#DCF9FD;border:1px solid #3DD0E6;float:left;margin:20px 0 20px 0;padding:15px 5px 15px 5px}
#zoekdiv table{margin:0 0 10px 0;width:100%}
#zoekdiv form{width:90%}
#zoekdiv td{vertical-align:top}
#zoekdiv table caption{;
margin:5px 0 10px 0;border-bottom:1px dotted #3DD0E6;color:#1CC2DB;font-size:1em;padding:5px 0;text-align:left}
#zoekdiv input,#zoekdiv textarea{width:25em}
#zoekdiv input.btn{background:#0092C8;border:1px solid #3DD0E6;color:#FFFFFF;font-weight:bold;width:7em}
#zoekdiv input.check{border:0 none;width:2em}
#zoekdiv .label{text-align:right;width:10%}
/*********** nieuws ****************************/
.news{background:#E9F5F3;float:left;margin:10px 0;padding:5px;width:auto}
.newsalternate{background:white;border:1px solid #E9F5F3;float:left;margin:10px 0;padding:5px;width:auto}
.kort{background:#E9F5F3;float:left;margin:10px 0;padding:5px;width:100%}
#uitgebreidfoto img{float:left;margin:0 0 5px 5px}
.news h2 a,.newsalternate h2 a{border-bottom:0px none;font-size:1em}
.meer{color:#1ABED7}
/********** kwis *******************************/
#kwistekst{background:transparent;color:#92258F;float:left;margin:0 0 0 0;width:100%}
.vraag{position:relative;background:#FFFFFF;border:5px solid #E7E7E7;color:#0192C9;font-size:1.1em;}
.vraag b{padding:1px;background:#CAF0FE;color:#3A535C}
.nr{position:absolute;top:0;left:0;display:block;padding-right:16px;width:64px;height:83px;line-height:63px;color:#FFFFFF;font-size:2.2em;text-align:center;background:url(../img/kwis_n.gif) no-repeat left top;}
.antwoorden{display:block;list-style:none none;margin:5px 175px 5px 80px}
.antwoorden li{height:auto;padding:5px;background:none}
.antwoorden input{border-color:white;margin:0 10px 0 0;float:left}
.antwoorden .checkvalue{ display:table-cell;display:inline-block; }
.fotovraag{position:absolute;top:10px;right:30px;}
.scorebord{clear:right;float:right;margin:20px 15px;padding:30px 0 0 0;width:147px;height:69px;text-align:right;color:#B3D526;background:url(../img/kwis_bgr_score.gif) no-repeat right top;}
.score{color:#B3D526;font-size:2.3em;font-weight:bold;padding:0 18px 0 0}
.duim{float:left;margin:20px 0 0 0;padding:0 0 20px 0}
.intro, .antwoord{margin:0 175px 5px 85px;padding:5px;}
.antwoord{ border-top:5px solid #e7e7e7 }
.antwoord .correct{ padding:1px;color:#728039;font-weight:bold;background:#DCEAA2}
.vorige{clear:right;float:left;margin:10px 0 20px 30px}
.volgende{float:right;margin:10px 30px 20px 0}
.totaal{ margin:20px 180px 30px 57px  }
.totaal .groet{ display:block;font-size:14px;font-weight:bold;color:#000 }
/********** 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_blauw_vet{color:#0092C8;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_blauw{color:#0092C8;font-weight:normal;text-decoration:none}
.tekst_groen{color:#4A730F}
.tekst_felgroen{color:#A0E440}
.tekst_onderlijnd_oranje{border-bottom:1px solid #F9973E}
.tekst_onderlijnd_felgroen{border-bottom:1px solid #A0E440}
.achtergrond_lichtgroen{background:#F9FED9}
.achtergrond_lichtblauw{background:#B1F2E6}
.border_groen{border:1px solid #6E9C1D}
.border_blauw{border:1px solid #0092C8}
p,.tekst_roodbruin{color:#8A4B4B}
ul,#overzichtslijst ul{margin:5px 0 5px 12px;padding:0 0 0 5px}
caption,.tekst_vet{font-weight:bold}
th,#letter li a,.letter li a{color:#EDA509;font-size:1.1em}
a img,#bottombanner a img{border:0px none}
#banner2,#teasertekst{float:left}
.teaserinfo_uitgebreid,#pp{margin:30px 0 0 0}
#overzichtslijstwid,#uitgebreid{float:left;width:100%}
#woord,.woord,#woordalternate,.woordalternate{float:left;margin:0 0 30px 0;padding:0;width:90%}
#zoekdiv b,.tekst_blauw{color:#0092C8}
#uitgebreidfoto,#teaserfotoright,#widfoto{float:right}
.news img,.newsalternate img{float:left;margin:0 10px 10px 0}
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_blauw_vet:hover,a.link_blauw:hover{color:#3DD0E6;text-decoration:none}
#bestel caption{margin:5px 0 10px 0;font-size:1em;padding:5px 0;text-align:left;border-bottom:1px dotted #3DD0E6}
.label{width:40%}

