/************************************************************************
**	Naam hier
**  Codering door Jacob Ras ( www.jacobras.nl )
************************************************************************/
* { padding: 0; margin: 0; }
.clear { clear: both; }
form fieldset { border: none; }
.links { float: left; }
.rechts { float: right; }


/************************************************************************
**	Body + Container
*************************************************************************/
body { text-align: center; font-size: 12px; font-family: Arial, Tahoma, sans-serif; color: #6a6a6a; }
body, html { height: 100%; }
#container { width: 1020px; margin: 0 auto; text-align: left; min-height: 100%; background: url('afbeeldingen/sidebar_bg2.png') repeat-y left; }
#schaduwbovenkant { background: url('afbeeldingen/content_bg.png') repeat-x top; }


/* links */
a { color: #f78000; }
a:hover { text-decoration: none; }
a.grijzelink { color: #6a6a6a; }


/************************************************************************
**	Header
*************************************************************************/
#header { background: url('afbeeldingen/header_bg.jpg') ; height: 108px; color: #fff; text-align: center; line-height: 108px; }


/************************************************************************
**	Sidebar
*************************************************************************/
#sidebar { float: left; background: url('afbeeldingen/sidebar_bg.png') repeat-y right #f7f7f6; width: 200px; padding-top: 30px; color: #8f8f8f; }


/* nav */
ul#nav { list-style-type: none; }
ul#nav li a { display: block; height: 40px; line-height: 40px; padding-left: 26px; color: #8f8f8f; text-decoration: none; background: url('afbeeldingen/nav_item.png') no-repeat; }
ul#nav li a:hover, ul#nav li.active a { color: #f78000; background: url('afbeeldingen/nav_item_hover.png') no-repeat; }


/* forms */
form input { color: #bcbcbc; }
form input.submit { color: #6a6a6a; }


/* zoekvak */
form#zoekvak { margin-top: 54px; padding-left: 17px; }
form#zoekvak fieldset { width: 171px; height: 31px; background: url('afbeeldingen/zoekvak.png') no-repeat; }
form#zoekvak fieldset #zoekknop { float: left; margin: 5px 7px; }
form#zoekvak fieldset #zoektekst { padding: 4px; color: #bcbcbc; float: left; width: 110px; border: none; margin-top: 4px; }


/* nieuwsbrief */
.sidekop { margin-top: 54px; }
#sidebar h3 { font-size: 12px; font-weight: normal; border-bottom: 1px dotted #c8c8c8; margin-left: 26px; margin-right: 26px; }
form#nieuwsbrief { padding: 0 26px; margin-top: 17px; }
form#nieuwsbrief #nieuwsbrief_email { margin: 12px 0 10px; border: 1px solid #e3e3e3; padding: 4px; }


/************************************************************************
**	Content
*************************************************************************/
#content { float: right; width: 700px; margin: 12px 50px 0 0; }


/* breadcrumbs */
#breadcrumbs { color: #bcbcbc; font-size: 11px; }
#breadcrumbs a { text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }


/* vak */
.vak { border: 1px solid #e3e3e3; padding: 10px; position: relative; margin: 18px 0; }
.vak h1.titel, .vak h2.titel { color: #f78000; font-weight: normal; border-bottom: 1px dotted #f78000; padding-bottom: 6px; margin-bottom: 10px; }
.vak h2.titel { font-size: 14px; }
.afbeeldingcover { position: absolute; bottom: 10px; right: 10px; height: 37px; line-height: 37px; background: url('afbeeldingen/afbeeldingcover.png') no-repeat; width: 678px; text-align: right; }
.afbeeldingcover span { padding: 0 10px; }


/* basis vakken */
.vak_breed { width: 350px; }
.vak_smal { width: 260px; }
.vak_body { width: 100%; }

/* dl list */
.vak dl { clear: right; padding-top: 12px; }
.vak dl.eerste { padding-top: 0; }
.vak dt { float: left; width: 20%; }
.vak dd { float: right; width: 80%; }


/* highlights */
#highlights { float: right; width: 280px; margin: 18px 0; }
.highlight { border-left: 6px solid #f78000; margin-bottom: 26px; background: #eee; height: 101px; }
.highlight p { padding: 6px 10px; float: left; width: 120px; }
.highlight p a.leesmeer { margin-top: 10px; }
.highlight img { float: left; }
.highlight.even { border-left: none; border-right: 6px solid #f78000; }
.highlight.even img { float: right; }


/* loginform */
form#contact input { color: #6a6a6a; border: 1px solid #e3e3e3; padding: 2px; }
form#contact textarea { color: #6a6a6a; border: 1px solid #e3e3e3; padding: 2px; }
form#contact dl { clear: both; }
form#contact dt { float: left; padding-top: 4px; }
form#contact dd { float: left; width: 20px;padding-top: 4px; }
.formscheiding { margin-bottom: 12px; }
form#contact .button { background: #6a6a6a; color: #fff; border: none; padding: 0 12px; }


/* overig form */
form#overig { margin-top: 10px; }
form#overig select { margin: 3px 12px 0 0; }


/* footer */
p#footer { text-align: center; margin: 45px 0 14px; }
p#footer, p#footer * { color: #bfbfbf; }