* { margin: 0; padding:0; font-size: 100%; }
html  { background: #cecece; font: .75em/1.5 arial, sans-serif; }
#container { width: 996px; background: #fff; margin: 0 auto; box-shadow: 0 2px 10px #000; -moz-box-shadow: 0 2px 10px #000; -webkit-box-shadow: 0 2px 10px #000; }

#header { position: relative; float: left; height: 140px; width: 100%; background: #fff url('/images/layout/header-bg.png') 100% 0 no-repeat; border-bottom: 1px solid #bbb; }
#header .last {margin-right: 0;}
#header h1 { width: 260px; }

#languages { width: 96px; position: absolute; top: 10px; right: 10px; }
#languages li { display: block; float: right; width: 20px; height: 20px; line-height: 20px; margin-right: 4px;  text-align: center; color: #000; font: bold .833em/20px mono-space;}
#languages a { display: block; width: 20px; height: 20px; color: #000; text-decoration: none; border: 0;}

#menu { width: 736px; position: absolute; bottom: -1px; left: 260px; }
#menu li { display: block; float: left; width: 119px; height: 31px; line-height: 31px; background: url('/images/layout/header-menu-left.png') 0 0 no-repeat; margin-right: 3px;}
#menu li a { display: block; text-align: center; text-decoration: none; background: url('/images/layout/header-menu-right.png') 100% 0 no-repeat; color: #000; border: 0;}
#menu li a:hover, #menu .active a { font-weight: bold; }

#loginbox { width: 250px; height: 70px; position: absolute; right: 0; top: 41px; overflow: hidden;}
#loginbox p {width: 230px; margin: 10px auto;}
#loginbox a { font-weight: bold; }
#loginbox form div {width: 180px; margin: 0 auto; padding-top: 8px;}
#loginbox label { width: 140px; display: block; float: left; display: none; }	
#loginbox .ff-textinput { margin: 2px 0;}

#inner-wrapper { float: left; width: 996px; overflow: hidden; background: url('/images/layout/main-bg.png') top left repeat-y; }

#sidebar-primary { width: 260px; float: left; }
#sidebar-primary ul { width: 135px; float: right; margin-top: 56px; list-style: none; }
#sidebar-primary li { padding-left: 15px; background: url('/images/layout/submenu-bullet.png') 0 16px no-repeat; }
#sidebar-primary li.active { background-image: url('/images/layout/submenu-bullet-active.png'); }
#sidebar-primary a { display: block; text-decoration: none; border-bottom: 1px dotted #bbb; padding: 10px 0 ;color: #000; }
#sidebar-primary a:hover { font-weight: bold; }
#sidebar-primary li.last a { border-bottom: 0; }

.infoavond-teaser { 
background: url('/images/layout/informatieavond-teaser.jpg') 0 0 no-repeat; float: right; height: 115px; margin: 5px 8px -30px 0; width: 245px; }
#sidebar-primary .infoavond-teaser a { border: 0; color: #fff; display: block; font-size: 1.333em; height: 85px; padding: 15px; text-align: right; width: 215px; }
#sidebar-primary .infoavond-teaser a:hover { font-weight: normal; }
#sidebar-primary .infoavond-teaser strong { display: block; }
#sidebar-primary .infoavond-teaser .spreydion { color: #C7B300; font-weight: bold; }

/*
#sidebar-primary { width: 260px; position: relative; }
#sidebar-primary ul { width: 135px; position: absolute; right: 0; top: 56px; list-style: none; }
#sidebar-primary li { padding-left: 15px; background: url('/images/layout/submenu-bullet.png') 0 16px no-repeat; }
#sidebar-primary li.active { background-image: url('/images/layout/submenu-bullet-active.png'); }
#sidebar-primary a { display: block; text-decoration: none; border-bottom: 1px dotted #bbb; padding: 10px 0 ;color: #000; }
#sidebar-primary a:hover { font-weight: bold; }
#sidebar-primary li.last a { border-bottom: 0; }
*/

#sidebar-secondary { width: 250px; float: right;position:relative;}
#sidebar-secondary img {display: block; }
#sidebar-secondary form { background: #eae19d; height: 40px; border-bottom: 1px solid #bbb; }
#sidebar-secondary form div {width: 180px; margin: 0 auto; padding-top: 8px;}
#sidebar-secondary #activeimg { margin: 10px; position: relative; height: 230px; width: 230px; overflow: hidden;}
#sidebar-secondary .teaser { margin: 10px; position: relative; height: 124px; width: 230px; }
#sidebar-secondary .teaser a { background:url(/images/layout/button.png) 95% 90% no-repeat;display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; }
#sidebar-secondary .teaser a img { display:none; }
#sidebar-secondary .fluff-top { background: url('/images/layout/imagefluff-top-trans.png') 0 0 no-repeat; display: block; height: 10px; width: 100%; position: absolute; top: 0; left: 0;}
#sidebar-secondary .fluff-bottom { background: url('/images/layout/imagefluff-bottom-trans.png') 0 0 no-repeat; display: block; height: 10px; width: 100%; position: absolute; bottom: 0; left: 0;}

.initialhide, .slideshow {display:none;}
.slideshow img{ position:absolute; top:0; left:0; }

#content { border: 1px solid #bbb; border-top: 0; border-bottom: 0; margin: 0 250px 0 260px; padding: 0 15px; }
#content h1 { border-bottom: 1px solid #bbb; background: #C7B300; color: #fff; font-size: 1.75em; line-height: 40px; padding: 0 15px; margin: 0 -15px .875em; }
#content h2 { color: #C7B300; font-size: 1.25em; }
#content p { margin: 0 0 1.5em; }
#content ul, #content ol  { margin: 1em 15px 1em 30px; }
#content #form, #content .searchtable, #content #aclgroup { float: left; width: 454px; }
#content .editmode { margin: 15px;}


#footer { clear: both; height: 63px; background: #535C55 url('/images/layout/footer-top.png') 0 0 no-repeat;}
#footer img { display: block; float: left; margin-top: 5px; }
#footer .payoff { font: 1em/1.5 times;font-weight:bold;display: block; width: 400px; color: #fff; float: right; margin: 28px 45px 0 0; text-align:right;}
#footer .spreydion {color:#C7B300;}

#sitelinks { background: #CECECE; padding-bottom: 1em; float: left; width: 100%; font-size: .833em;}
#sitelinks ul { list-style: none; float: left;}
#sitelinks li { display: block; float: left; margin-right: 1em; }
#sitelinks a { color: #000; }
#sitelinks .pwrd { float: right; margin-left: 2em}

/* FORM
-------------------------------------------------------------------------------------------------*/
form input { width: 95%; }
form textarea { width: 95%; height: 100px; }
form .formelement {padding-top: .5em;overflow:auto; }
form .formlabel { font-weight: bold; }
form .formfield-buttons { padding: 2em 0 0; text-align: center; }
form .ff-filename { width: 75%; }
form .date input { width: 25px !important; text-align: right;}
form .date input.date-year {width: 40px !important; }
form select.singleselect  { width: 45%; }
form .selectbox, form .multipleselectbox { float: left; width: 90%; padding: 0 3px; }
form .formfield select option {padding-right: 1em;}
form .multipleselectbox { width: 40%; }
form .leftrightarrows, form .updownarrows  { float: left; width: auto; text-align: center; margin: 0 3px 0; }
form .updownarrows img, form .leftrightarrows img  { display: block; }
form .leftrightarrows a, form .leftrightarrows a:hover { text-decoration: none; border: 0; }
form .formfield a { color: black; }
form .formfield a:hover { color: #999; }
form .formfield input, form .formfield textarea, form .formfield option, form .formfield select { font-family: sans-serif; font-size: 1em; }
form .formfield .button, form .formfield input.ff-checkbox, form .formfield input.ff-radio, form .formfield input.ff-file { width: auto !important; vertical-align: middle; }
form .formfield-buttons input { width: auto !important; margin-right: 3px; }
form .formfield-buttons input[type=submit] { font-weight: bold; }
form .formmessage { font-weight: bold; color:red;}
form .helplink { font-weight: bold; color: #000; margin-left: 6px; cursor: pointer; }
form .editortoggle a { border: 0; }
* .errFld {border: 1px solid #F00; }
* .errMsg { color: #C33; }
form #AcceptTheTerms { width: 95%; height: 150px; overflow: auto; border: 1px solid #000; padding: 3px; }

#emailform strong { color: #000 !important;}
#emailform .formlabel, #newemailform .formlabel { width: 24%; float: left; }
#emailform .formfield, #newemailform .formfield { width: 75%; float: left; }
#emailform .checkbox { padding: 0 10px; width: 95%; }
#emailform .ff-text { border: 1px solid #939393; padding: 2px; }

#ps-cgh { padding: .5em 1%; margin-top: 2em; float: left; background: #DFFFE0; border: 1px solid #939393; width: 98%; }
#ps-cgh .formlabel { padding: 0 0 0 9%; width: 14%;}
#ps-cgh input { width: 2em; border: 1px solid #939393; padding: 2px; }


/* =EDITSLIDESHOW
-------------------------------------------------------------------------------------------------*/
#editslideshow ul {list-style: none;}
#editslideshow .image {width: 100px;display:block;margin: 0 auto 10px;}
#editslideshow li {float:left;width: 120px; background: #F6F0D2;border: solid 2px #EAE19D; margin: 5px;text-align: center;}

/* =LIBRARY
-------------------------------------------------------------------------------------------------*/
#library li, #library ul {list-style:none;margin:0;padding:0;}
#library li p {margin-left: 1.5em}

#folder .document {color:#C7B300;position:relative;width:100%;float:left;margin: 0 0 1em;background:#F6F0D2}
#folder .documentimage {float:left;clear:left;margin: 0 2em 0 0;}
#folder h2 {width:320px;float:right;color:#000;margin-top: 1em;}
#folder .meerinfo {display:block;border:none;background: url(/images/layout/button.png) 0 0 no-repeat; width:120px;height: 30px;position:absolute; bottom:5px;right:20px;text-indent: -9999px;}

#NL #folder .meerinfo {background-image: url(/images/layout/btn_more_info_ned.png);}
#DE #folder .meerinfo {background-image: url(/images/layout/btn_more_info_dui.png);}
#FR #folder .meerinfo {background-image: url(/images/layout/btn_more_info_fra.png);}
#EN #folder .meerinfo {background-image: url(/images/layout/btn_more_info_eng.png);}


/* =SCHOOLGUIDE
-------------------------------------------------------------------------------------------------*/
#schoolguide .leesverder {display:none;}
.paragraphitem {margin-bottom: 1.5em; }
.imagelink {list-style:none;margin: 0 0 1em;}
#schoolguide .imagelink a {border: 0;}

/* =GENERAL STYLES
-------------------------------------------------------------------------------------------------*/
img { border: 0; }
a { color: #C7B300; text-decoration: none; border-bottom: 1px solid #C7B300; }
a:hover { color: #535C55; border-color: #535C55; }
.ff-textinput { border: 1px solid #bbb; height: 16px; padding: 2px 5px; width: 140px; display: block; float: left; color: #939393; }
input.button{ width: 22px; height: 22px; display: block; float: right; background: transparent url('/images/layout/button.png') no-repeat; line-height: 400px; font-size: 200px; outline: none; border: none; cursor : pointer; }
#aclgroup td.editmode { padding: 0; width: 80px; }
#aclgroup td.editmode div.editmode { padding: 0; margin: 0; }
.editlink img {width: auto !important;}

#informatieavond table { border: 1px solid #bbb; border-collapse: collapse; margin: 1em 0 1.5em; width: 100%; }
#informatieavond thead th { background-color: #EAE19D; border-right: 1px solid #bbb; padding: 6px; text-align: left; }
#informatieavond tr { background-color: #EAE19D; }
#informatieavond tr.odd, .vevent tr td { background-color: #fff; }
#informatieavond td { border-right: 1px solid #bbb; padding: 6px 1em 6px 6px; }
#informatieavond td.moreinfolink { padding: 6px; width: 112px; }
#informatieavond td.moreinfolink img { display: block; }
#informatieavond.vevent th { text-align: left; padding: 6px; vertical-align: baseline; }

#informatieavond-header { background: url('/images/layout/informatieavond-header.jpg'); color: #fff; height: 115px; text-align: right; }
#informatieavond-header p { font-size: 1.5em; line-height: 25px; padding: 20px; }
#informatieavond-header strong { display: block; }
#informatieavond-header .spreydion { color: #C7B300; font-weight: bold; }