#bloklinks {float:left; top:100px; left:150px; height:200px; width:150px; background:#f2f2f2; border: 1px dotted #0000FF; margin:5px; padding:5px;color:#000099;}
#blokrechts {float:right; top:100px; right:150px; height:200px; width:150px; background:#f2f2f2; border: 1px dotted #0000FF; margin:5px; padding:5px;color:#000099;}


ul.circle {list-style-type: circle;
margin-left: 1cm}


ul.disc {list-style-type: disc;
margin-left: 2cm}

ul.square {list-style-type: square;
margin-left: 2cm}

ul.none {list-style-type: none;
margin-left: 2cm}





BODY {
scrollbar-base-color: #99C3FF;
scrollbar-track-color: #C1DCFE;
scrollbar-face-color: #99c3ff;
scrollbar-highlight-color: #C1DCFE;
scrollbar-3dlight-color: #C1DCFE;
scrollbar-darkshadow-color: #C1DCFE;
scrollbar-shadow-color: #C1DCFE;
scrollbar-arrow-color: #003B88;
}









#bloklinks {float:left; top:100px; left:150px; height:200px; width:150px; background:#F4F5F6; border: 1px dotted #0000FF; margin:5px; padding:5px;color:#000099;}
#blokrechts {float:right; top:100px; right:150px; height:200px; width:150px; background:#F4F5F6; border: 1px dotted #0000FF; margin:5px; padding:5px;color:#000099;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#blokeen {position:relative; top:10px; left:20px; background:#FCE9DA; border: 1px dotted #0000FF; margin:5px; padding:5px;color:#000099; width:90%;list-style-image: url('elletje.gif');
list-style-position:inside}

#bloktwee {position:relative; top:10px; left:20px; background:#f2f2f2; border: 1px dotted #999999; margin:5px; padding:5px;color:#000099; width:90%;}


#blokdrie {position:relative; top:10px; left:20px; background:#BBFFFF; border: 1px dotted #0000FF; margin:5px; padding:5px;color:#000099; width:90%;}



blockquote{
text-align: center;
font-size: 18px;
color: #1eb5e0;
border: 1px dotted #f3843a;
background: #F2F2F2;
margin: 15px 35px;
padding: 5px;
}



#imglefts {float:left;margin:5px; padding:5px; border: 2px solid#F4F5F6;}
#imgrights {float:right;margin:5px; padding:5px; border: 2px solid#F4F5F6;}
#imgcenter {float:center;margin:5px; padding:5px;}




/************************************************************************
**	Ferry.nl
**  Ontwerp door Jacob Ras ( www.jacobras.nl )
************************************************************************/
/************************************************************************
**	Gratis Theorie.nl
**  Ontwerp door Jacob Ras ( www.jacobras.nl )
************************************************************************/
* { padding: 0; margin: 0; }
img { border: none; }
.clear { clear: both; }
.center { text-align: center; }


/* headings */
h1, h2, h3, h4, h5 { color: #f3843a; font-weight: normal; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }


/* links */
a { color: #1eb5e0; text-decoration: none; }
a:hover { text-decoration: underline; }


/************************************************************************
**	Body + Container
*************************************************************************/
body { padding: 70px 0; text-align: center; background: url('images/bgtop.jpg') top center no-repeat; font: 12px Arial, Tahoma, sans-serif; color: #607b7b; }
#container { width: 976px; /* 968 */ min-height: 740px; margin: 0 auto; text-align: left; background: url('images/container_bg.png') repeat-y; position: relative; }
html { background: url('images/bgbottom.jpg') bottom center no-repeat; min-height: 100%; position: relative; height:auto !important; height:100%; }
#container_onderkant { height: 5px; background: url('images/container_onderkant.png') bottom no-repeat; position: relative; margin-left: 4px; top: 5px; }
#container_bovenkant { height: 7px; background: url('images/container_bovenkant.png') no-repeat; margin: 0 auto; width: 968px; }


/************************************************************************
**	Header
*************************************************************************/
#header { height: 119px; background: url('images/header_bg.png') repeat-x; margin: 0 10px; }


/* lettergrootte */
#lettergrootte { position: absolute; right: 20px; top: -32px; }
#lettergrootte a { color: #fff; display: block; width: 22px; height: 20px; float: left; outline: none; line-height: 20px; text-align: center; margin: 0 2px; }
#lettergrootte a.active, #lettergrootte a:hover { background: url('images/lettergrootte_active.png') no-repeat; text-decoration: none; }
a#letter_klein { font-size: 12px; }
a#letter_normaal { font-size: 15px; }
a#letter_groot { font-size: 18px; }


/* header logo */
#header_logo { margin: 20px 0 0 18px; float: left; display: block; width: 500px; }
#header_logo img { float: left; margin-right: 18px; }
#sitetitel { font-size: 38px; margin-top: 6px; color: #033333; }
#sitetitel span { color: #f3843a; }
h4#subsitetitel { font-size: 18px; color: #6d9b9b; }


/* user control panel vak */
#usercp { float: right; width: 287px; border-left: 1px solid #e4ebec; height: 96px; margin-top: 12px; padding-left: 20px; }
#usercp p { margin-bottom: 14px; line-height: 16px; }
#usercp_avatar { border: 1px solid #e7e7e7; padding: 2px; float: left; }
#usercp_overzicht { padding: 10px 0 0 14px; float: left; }
#usercp_overzicht span { width: 60px; display: block; float: left; font-weight: bold; }


/* user control panel: niet ingelogd */
#usercp form#inlogform { position: relative; }
#usercp form#inlogform input[type=text] { margin-bottom: 4px; }
#usercp form#inlogform input { color: #9cb6b6; float: left; }
#usercp form#inlogform input[type=image] { position: absolute; left: 174px; top: 19px; }
p#nietingelogdmelding { margin-bottom: 0; }


/* nav */
ul#nav { height: 38px; list-style-type: none; background: url('images/nav_bg.png') repeat-x; margin: 10px; padding-left: 6px; }
ul#nav li { margin: 0 12px; position: relative; display: block; float: left; }
ul#nav li a { text-decoration: none; color: #94a9aa; text-transform: uppercase; font-size: 14px; border-right: 1px solid #d0dedf; display: block; float: left; height: 28px; line-height: 28px; padding-right: 20px; margin-top: 7px; }
ul#nav li.active a, ul#nav li a:hover, ul#nav li.hover a.hover { color: #033333; }
ul#nav li a img { margin-left: 4px; }


/* submenu */
ul#nav li ul.submenu { visibility: hidden; position: absolute; left: -25px; top: 38px; z-index: 3; width: 189px; background: #f4f5f9; border: 1px solid #e5e3e4; border-top: none; }
ul#nav li.hover ul.submenu { visibility: visible; }
ul#nav li ul.submenu li { padding: 0; margin: 0; padding: 12px 12px 0 12px; width: 189px; }
ul#nav li ul.submenu li a { color: #607b7b; margin: 0; border: none; display: block; width: 152px; padding-bottom: 12px; border-bottom: 1px solid #d5dce2; text-transform: none; height: auto; line-height: 20px; font-size: 12px; }
ul#nav li ul.submenu li a:hover { color: #94a9aa; }
ul#nav li ul.submenu li a:hover span { text-decoration: underline; }
ul#nav li ul.submenu li.last a { border: none; padding-bottom: 6px; }
ul#nav li ul.submenu li a span { color: #f58940; font-size: 16px; }
.submenu_onderkant { width: 191px; height: 9px; background: url('images/submenu_onderkant.png') no-repeat; position: absolute; bottom: -8px; left: -1px; }
ul#nav li ul.submenu li.submenu_onderkant_bg { padding: 0; margin: 0; }


/* zoekvak */
ul#nav li#zoekvak { float: right; }
#zoekvak form fieldset { border: none; line-height: 40px; }
#zoekvak form fieldset input[type=text] { border: 1px solid #e7edf0; padding: 4px 4px 4px 28px; color: #607b7b; background: url('images/vergrootglas.png') 6px 4px no-repeat #fff; }
#zoekvak form fieldset input[type=image] { margin-left: 8px; padding-top: 4px; }


/* header img */
#headerimg { margin: 0 4px; height: 133px; background: url('images/headerimg_bg.jpg') no-repeat; }



/************************************************************************
**	Content
*************************************************************************/
#inhoud { padding: 0 20px 20px; }
#inhoud h1 { margin-top: 20px; }
#inhoud h2 { margin-top: 30px; }
#inhoud p { line-height: 20px; margin-bottom: 20px; }


/* populair examen */
.populair_examen, .examenthumb { width: 25%; text-align: center; float: left; margin-top: 8px; }
.pop_screenshot, .examen_screenshot { width: 219px; height: 112px; background: url('images/pop_screenshot.jpg') no-repeat; text-align: center; margin-bottom: 8px; }
.pop_screenshot img, .examen_screenshot img { margin-top: 10px; border: 1px solid #e8eff3; }


/* banner: proefexamen */
#banner_proefexamen { text-align: center; margin: 10px 0; }


/* sidebar */
#sidebar { float: left; padding: 22px 16px 0 0; width: 168px; }
#sidebar h2 { margin-top: 0; font-size: 24px; }


/* sidebar: sidenav */
ul.sidenav { list-style-type: none; }
ul.sidenav li { background: url('images/sidenav_li.png') repeat-x #f4f6f7; height: 29px; line-height: 30px; padding-left: 14px; border-bottom: 1px solid #e9ecef; margin-top: 6px; }
ul.sidenav li.active { font-weight: bold; }
ul.sidenav ul.sub { margin-top: 6px; list-style: none; }
ul.sidenav ul.sub li { margin-top: 0; }
ul.sidenav ul.sub li img { position: relative; top: 2px; margin-right: 4px; }
.ingeklapt { display: none; }
.uitgeklapt { display: block; }


/* kolom_rechts */
#kolom_rechts { float: left; width: 740px; }
#kolom_rechts_smal { float: left; width: 570px; }
#kolom_rechts h1 { margin-bottom: 8px; }
#kolom_rechts ul, #kolom_rechts ol { margin: 2px 0 20px 6px; list-style-position: inside; }
#kolom_rechts ul li, #kolom_rechts ol li { line-height: 16px; }
img.img_links { float: left; margin: 10px 14px; }
#ad_breed { float: right; margin: 20px 0 0 20px; }
#ad_rechts_breed { float: right; margin: 20px 0 0 20px; }


/* navigatie pijlen */
#pijl_links { float: left; margin: 20px 0 0 10px; }
#pijl_rechts { float: right; margin: 20px 10px 0 0; }
#pijlen_banner { text-align: center; float: left; width: 540px; margin-top: 14px; }


/* examen thumbs */
.examenthumb { margin: 0 24px 20px; width: 198px; }
.examen_negatief  { background: url('images/pop_screenshot_negatief.jpg') no-repeat; }
.examen_positief  { background: url('images/pop_screenshot_positief.jpg') no-repeat; }


/* paginanav */
.paginanav { margin-top: 20px; background: #eeeeee; padding: 8px; text-align: center; }


/* form1 */
form.form1 fieldset { padding: 6px; margin: 12px 4px; }
form.form1 p.clear { margin-bottom: 6px; }
form.form1 fieldset label { margin-right: 20px; font-weight: bold; width: 120px; float: left; }
form.form1 input[type=text], form.form1 input[type=password] { padding: 4px; color: #607b7b; }
form.form1 input[type=submit], form.form1 input[type=reset] { padding: 4px; color: #194242; }
form.form1 input[type=file] {  }
form.form1 fieldset select { margin: 0; padding: inherit; }
form.form1 fieldset select option {  }
form.form1 input[type=submit], form.form1 input[type=reset] { background: #f0f0f0; }
form.form1 input[type=submit]:hover, form.form1 input[type=reset]:hover { background: #e6eff4; }
form.form1 input[type=submit] { font-weight: bold; }

form.form1 fieldset select > option { -moz-padding-start: 3px; -moz-padding-end: 5px; }
form.form1 textarea { font: 12px Arial, Tahoma, sans-serif; color: #607b7b; padding: 4px; width: 400px; }


/* form1: borders */
form.form1 fieldset, form.form1 textarea, form.form1 input[type=text], form.form1 input[type=password], form.form1 input[type=submit], form.form1 input[type=reset], form.form1 select { border: 1px solid #e7edf0; }



#FormContainer		{ padding:10px; margin-bottom:10px; background-color:#f2f2f2; }



/*begin contact formulier*/
.rijschool-formulier p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.rijschool-formulier label{
font-weight: normal;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.rijschool-formulier breed{
font-weight: normal;
float: left;
margin-left: -155px; /*width of left column*/
width: 450px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.rijschool-formulier input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;    
background-color: #F1B791;	
border: 1px solid #27384B;
}

.rijschool-formulier textarea{
width: 400px;
height: 150px;    
background-color: #F1B791;	
border: 1px solid #27384B;
}

.rijschool-formuliererror {
border: 1px solid #27384B; 
background-color: #D6C09B; 
font-weight: bold;
font-size: 12px;	
display:block;
float:left;
margin-left:155px;
margin-bottom: 6px;
padding-left: 5px;
padding-right:5px;
}

.rijschool-formulierbutton {
background-color:#f3843a;
color:#oooooo;
font-size:10pt;
border:1px solid #27384B; 
margin-left: 5px;
}
/*eind formulier*/


/************************************************************************
**	Footer
*************************************************************************/
#footer { background: url('images/footer_links.png') left bottom no-repeat #f2f2f2; height: 43px; line-height: 43px; margin: 10px 13px 0; }
#footer span { float: right; }
#footer div { background: url('images/footer_rechts.png') right bottom no-repeat; padding: 0 27px; }