/* CSS Document for BeoordeelZelf.nl */
/* created by Jorn de Vreede 2006 */

html{
margin:0;
padding:0;
}

body{
text-align:center;
padding: 0px;
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

div{
margin:0;
padding:0;
}

p {
text-align:left;
padding:0;
margin:0;
}

img{
border:0;
}

.links{
float:left;
}

.rechts{
float:right;
padding-right:5px;
}

.groen{
margin-left:5px;
padding:5px;
width:120px;
background-color:#0C0;
color:#FFF;
}

.bevestiging{
margin:5px;
padding:5px;
width:600px;
height:64px;
background-color:#0C0;
color:#FFF;
font-weight:bold;
}

.bevestiging #icon{
margin:0 5px 0 0;
padding:0;
float:left;
}

.rood{
margin-left:5px;
padding:5px;
width:120px;
background-color:#F00;
color:#FFF;
}

a.misbruik{
color:#999;
text-decoration:none;
font-weight:bold;
font-size:80%;
}

a.misbruik:hover{
color:#666;
}

a{
color:#00F;
text-decoration:underline;
}

a:hover{
color:#F00;
}

.clear{
clear:both;
}

.padding5px{
padding:5px;
} 

.margin5px{
margin:5px;
}

.kleineletters{
font-size:10px;
padding:0;
margin:0;
}

.width600{
display:block;
width:600px;
}

.center{
text-align:center;
}

.plaatjelinks{
float:left;
margin-right:5px;
border:0;
}

.noborder{
border:0;
}

.borderwitlinks{
border-left:5px solid #fff;
}

.bordergrijs{
border:5px solid #e4e4e4;
font-size:10px;
}

.lichtgrijs{
background-color:#CCEEFF;
}

.tabelheader{
background:url(../gfx/verloop.gif);
background-repeat:repeat-x;
font-size:90%;
font-weight:bold;
color:#FFF;
}

.overzicht{
width:600px;
}

h4{
font-size:100%;
background-color:#09F;
background-image:url(../gfx/verloop.gif);
background-position:bottom;
background-repeat:repeat-x;
font-weight:bold;
color:#FFF;
margin:0;
padding:3px;
}

.klein{
font-size:10px;
color:#999;
}

.fout{
background-color:#F99;
}

.kruimel{
width:580px;
padding:5px 10px 5px 10px;
background-color:#999;
color:#FFF;
margin:5px;
}

.kruimel a{
color:#FFF;
text-decoration:underline;
}

.kruimel a:hover{
color:#FF0;
}

.searchbox{
padding:5px;
margin:5px;
width:600px;
background-color:#0099FF;
color:#FFF;
}

/*--------------------------------- top 10 items---------------------------------*/

ol{
font-size:10px;
padding:2px;
list-style:decimal;
list-style-position:outside;
margin-left:3em;
} 

ol li{
padding-bottom:3px;
}

/* ------------------------------- algemeen menu ------------------------------*/

ul.algemeen{
font-size:10px;
padding:2px;
list-style:none;
list-style-position:inside;
margin-left:1em;
} 

ul.algemeen li{
padding-bottom:3px;
}

/* ---------------------------------layout-------------------------------------*/

#wrapper{
margin:0 auto;
background-image:url(../gfx/wrapper_bg.gif);
background-repeat:repeat;
width:950px;
text-align:left;
position:relative;
}

#header{
width:950px;
height:85px;
padding:0;
margin: 0 0 6px 0;
}

/* beoordeellayout */

.beoordeling{
width: 600px;
border:2px solid #09F;
padding:0;
margin:5px;
background-color:#FFF;
}

.groot{
font-size:36px;
font-weight:bold;
}

.gemiddeld{
width: 600px;
font-size:11px;
padding:3px;
margin:5px 5px 0 5px;
}

.goed{
background-color:#0C0;
color:#FFF;
}
.redelijk{
background-color:#FF3;
color:#000;
}
.slecht{
background-color:#C00;
color:#FFF;
}

h2.winkel{
width:590px;
background-color:#09F;
background-image:url(../gfx/verloop.gif);
background-position:bottom;
background-repeat:repeat-x;
background-image:url(../gfx/verloop.gif);
background-position:bottom;
background-repeat:repeat-x;
font-size:18px;
font-weight:normal;
color:#FFF;
padding:5px;
margin:5px 5px 0 5px;
}

.kop{
font-size:100%;
font-weight:normal;
background-color:#09F;
background-image:url(../gfx/verloop.gif);
background-position:bottom;
background-repeat:repeat-x;
width:590px;
padding:5px;
margin:0;
color:#FFF;
}

.plus{
font-size:24px;
font-weight:bold;
color:#0C0;
text-decoration:none;
}

.tabelcijfers{
border:0;
margin:0;
padding:0;
width:600px;
text-align:left;
color:#000;
background-color:#EEE;
}

.sterrenrechts{
width:120px;
text-align:right;
padding:2px;
}

.wit{
background-color:#FFF;
}

.volgorde{
width:590px;
padding:5px;
background-color:#CCC;
text-align:right;
font-size:10px;
color:#000;
margin:5px;
}

.paging{
width:590px;
padding:5px;
background-color:#CCC;
text-align:center;
margin:5px;
}

.totaalaantal{
position:absolute;
right:5px;
top:5px;
border:1px solid #03F;
color:#03F;
font-size:24px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:2px;
text-align:center;
height:60px;
width:110px;
}

/* ------------------------------- STARTPAGINA ----------------------------------*/

#kolomlinks {
padding:0 10px 10px 10px;
float:left;
width:185px;

}
#kolommidden {
padding-left:0px;
padding-right:10px;
float:left;
padding-bottom:10px;
width:185px;
padding-top:0px;
}
#kolomrechts {
padding-left:0px;
padding-right:10px;
float:left;
padding-bottom:10px;
width:185px;
padding-top:0px;
}

.bloktitel{
width:175px;
color:#FFF;
font-size:120%;
background-color:#09F;
background-image:url(../gfx/verloop.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:2px 0 2px 5px;
font-weight:bold;
}

.searchresults{
width:400px;
margin:0;
padding:0 0 10px 0;
background-color:#FFF;
}

.start{
width:185px;
margin:0;
padding:0 0 10px 0;
background-color:#FFF;
}

.start ul, .searchresults ul{
list-style:none;
margin:0;
padding:0;
border:0;
}

.start ul li, .searchresults ul li{
margin:2px 0 0 0;
}


/* ------------ COLUMNS LAYOUT --------------- */

#columns-float{
float:left;
width:790px;
margin:0;
padding:0;
}

#center{
float:right;
width:630px;
padding-left:0px;
margin:0;
}

#links {
margin-right:620px;
padding:0;
}

#rechts{
margin-left:790px;
padding-left:5px;
}

/* ------------- boxes ---------------------*/

.box150px{
width:150px;
margin:0;
padding:0;
border:1px solid #000;
background-color:#E4E4E4;
}

.box620px{
width:620px;
padding:0;
margin:0;
border:1px solid #000;
background-color:#FFF;
}

.notopborder{ border-top:none;}

/* ------------ tabmenu -------------------------*/
/* ontwerp van: Joshua Kaufman, unraveled.com    */

#tab1, #tab2, #tab3, #tab4{
width:622px;
}

ul#tabnav {
font:bold 11px verdana, arial, sans-serif;
list-style-type:none;
padding-bottom:24px;
border-bottom:1px solid #000;
margin:0;
padding-left:3px;
}

ul#tabnav li {
float:left;
height:21px;
background-color:#09F;
background-image:url(../gfx/verloop.gif);
background-position:bottom;
background-repeat:repeat-x;
margin:2px 2px 0 2px;
border:1px solid #000;
}


#tab1 li.tab1, #tab2 li.tab2, #tab3 li.tab3, #tab4 li.tab4 {
border-bottom:1px solid #fff;
background-color:#FFF;
background-image:none;
}

#tab1 li.tab1 a, #tab2 li.tab2 a, #tab3 li.tab3 a, #tab4 li.tab4 a{
color:#009;
}

#tabnav a {
float:left;
display:block;
color:#FFF;
text-decoration:none;
padding:4px 30px;
}

#tabnav a:hover {
text-decoration:underline;
}

/*  ----------------------------- formulieren ----------------------------------------*/

form{
margin:0;
padding:0;
}

.form120px{
width:120px;
border:1px solid #30D;
}

.button100px{
width:100px;
border:1px solid #30D;
background-color:#CCC;
}

.toelichting{
width:540px;
border:1px solid #30D;
}

.captcha{
width:8em;
border:1px solid #30D;
}

.button{
width:200px;
border:1px solid #30D;
background-color:#CCC;
}

.klein{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
height:18px;
}

#vink1, #vink2, #vink3, #vink4, #vink5, #vink6, #vink7, #vink8, #vink9{
width:20px;
background-image:url(../gfx/vink.gif);
background-repeat:no-repeat;
display:none;
clear:none;
}

/* -------------------------------- message pop-up ------------------------------------------ */

#flippen {
background-image:url("../gfx/message.gif");
background-repeat:no-repeat;
background-position:left top;
color:#000;
width:404px;
height:284px;
padding:30px 0 10px 0;
position:absolute;
z-index:1000;
top:50%;
left:50%;
margin-left:-202px;
margin-top:-142px;
}

.topright{
position:absolute;
top:6px;
right:6px;
width:18px;
height:18px;
cursor:pointer;
}