/************************************************************************
**	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 { color: #f3843a; font-weight: normal; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }


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


/************************************************************************
**	Body + Container
*************************************************************************/
body { padding: 70px 0; text-align: center; background: url('http://www.theoriecursus.nl/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('http://www.theoriecursus.nl/images/container_bg.png') repeat-y; position: relative; }
html { background: url('http://www.theoriecursus.nl/images/bgbottom.jpg') bottom center no-repeat; min-height: 100%; position: relative; height:auto !important; height:100%; }
#container_onderkant { height: 5px; background: url('http://www.theoriecursus.nl/images/container_onderkant.png') bottom no-repeat; position: relative; margin-left: 4px; top: 5px; }
#container_bovenkant { height: 7px; background: url('http://www.theoriecursus.nl/images/container_bovenkant.png') no-repeat; margin: 0 auto; width: 968px; }


/************************************************************************
**	Header
*************************************************************************/
#header { height: 119px; background: url('http://www.theoriecursus.nl/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('http://www.theoriecursus.nl/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; right: 35px; top: 19px; }
p#nietingelogdmelding { margin-bottom: 0; }


/* nav */
ul#nav { height: 38px; list-style-type: none; background: url('http://www.theoriecursus.nl/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('http://www.theoriecursus.nl/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('http://www.theoriecursus.nl/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('http://www.theoriecursus.nl/images/headerimg_bg.jpg') no-repeat; }



/************************************************************************
**	Content
*************************************************************************/
#inhoud { padding: 0 20px 20px; }
#inhoud h1 { margin-top: 20px; }
#inhoud h2 { margin-top: 30px; }
#inhoud h2.left30 { margin-top: 30px; margin-left: 30px; }
#inhoud h3.left30 { margin-top: 30px; margin-left: 30px; }
#inhoud p { line-height: 20px; margin-bottom: 20px; }
#inhoud p.left30 { line-height: 20px; margin-bottom: 20px; margin-left: 30px; }
#inhoud h2 a{  color: #f3843a; font-weight: normal; }
#inhoud h3 a{  color: #f3843a; font-weight: normal; }
#inhoud ul.left50 { margin-left: 50px; }
#inhoud ul.circle {margin-left: 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('http://www.theoriecursus.nl/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('http://www.theoriecursus.nl/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; }
ul.sidenav li.subli { height: auto; background: none; border: none; margin: 0; }



/* 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 18px 2px; }
#pijl_rechts { float: left; margin: 20px 2px 18px 0; }
#pijlen_banner { text-align: center; float: left; width: 470px; margin-top: 14px; }


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


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


input {	font-family: sans-serif; }


/* 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; }



/************************************************************************
**	Footer
*************************************************************************/
#footer { background: url('http://www.theoriecursus.nl/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('http://www.theoriecursus.nl/images/footer_rechts.png') right bottom no-repeat; padding: 0 27px; }

.addthis_header {float: right; max-height: 100px; width: 260px;}