/* S2 BEHEER by Primosite - v2.0 - 20090217 
-------------------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; font-size: 100%; }
html, body { height: 100%; }
html { background: #ccc; color: #000; font: 12px/1.833 arial, sans-serif;}
#container { min-height: 100%; margin: 0 auto; width: 960px; padding: 10px; background: #fff url('/images/layout2/bg-container.png') top left repeat-y; position: relative;}

#header { position: relative; height: 161px; background: url('/images/layout2/header-image.jpg') 190px 0 no-repeat; margin-bottom: 10px;}
#header h1 { position: absolute; top: 20px; left: 32px; }
#header h1 a { display: block; width: 466px; height: 123px; text-indent: -999em; overflow: auto; background: url('/images/layout2/header-logo.png') top left no-repeat; }

#header #menu { position: absolute; bottom: 0; left: 196px; height: 45px; width: 754px; background: url('/images/layout2/header-buttons.png') 0 100% no-repeat; }
#header #menu li { display: block; width: 138px; line-height: 40px; text-align: center; }
#menu-item-1 { position: absolute; bottom: 0; left: 5px; }
#menu-item-2 { position: absolute; bottom: 0; left: 156px; }
#menu-item-3 { position: absolute; bottom: 0; left: 305px; }
#menu-item-4 { position: absolute; bottom: 0; left: 454px; }
#menu-item-5 { position: absolute; bottom: 0; left: 604px; width: 140px; background: url('/images/layout2/header-button-cv.png') 0 0 no-repeat;}
#menu-item-5 a { padding-left: 10px; background: url('/images/layout2/header-button-cv-bullet.png') 0 50% no-repeat;}

#header a { color: #b31f17; text-decoration: none; }
#header #menu-item-5 a { color: #fff; }
#header .active, #header a:hover { font-weight: bold;}

#loginbox { color: #fff; position: absolute; top: 11px; right: 21px; width: 140px; height: 100px; background: url('/images/layout2/header-loginbox.png') 0 0 no-repeat; }
#loginbox h2 { line-height: 25px; text-align: center; color: #fff; font-weight: normal; }
#loginform .ff-textinput { width: 126px; margin: 0 auto 4px; display: block; padding: 1px 3px; background: #fdfdfd; border: 1px solid #d0d0d0; color: #939393; }
#loginform label { position: absolute; left: 3px; bottom: 10px; width: 100px; line-height: 12px;}
#loginform label input { vertical-align: bottom; margin-right: 5px; width: auto;}
#loginform #ff-submit { position: absolute; right: 3px; bottom: 8px; height: 20px; width: 30px; background: #fdfdfd; border: 1px solid #d0d0d0; text-align: center; vertical-align: top; line-height: 20px; }
#loginbox a { width: 126px; text-align: center; margin: 0 auto 4px; display: block; padding: 0 3px; background: #fdfdfd; border: 1px solid #d0d0d0; }
#loginbox a:hover { font-weight: normal; text-decoration: underline;}

#wrapper { overflow: auto; position: relative; }

#sidebar-left { width: 180px; background: #9F2D20 url('/images/layout2/left-bottom.jpg') bottom left no-repeat; margin: 0 10px; padding-bottom: 200px; position: absolute; top: 171px; left: 0; bottom: 10px; }
#sidebar-left a { color: #b31f17; text-decoration: none; margin-left: 10px; }
#sidebar-left .active, #sidebar-left a:hover { font-weight: bold;}
#sidebar-left #submenu { background: url('/images/layout2/left-top.png') top left no-repeat; padding: 10px 0 0; }
#sidebar-left #submenu li { display: block; width: 160px; height: 40px; line-height: 40px; margin: 0 auto 10px; background: url('/images/layout2/left-submenu-bg.png') top left no-repeat; }

#sidebar-left .submenu-beheer { margin: 10px; padding: 0 10px; background: #F5F5F5; border: 1px solid #939393; }
#sidebar-left .submenu-beheer h2 { color: #b31f17; }
#sidebar-left .submenu-beheer ul { margin: 0 14px; list-style-image: url('/images/layout2/content-li-bullet.png'); }
#sidebar-left .submenu-beheer a { margin: 0; }

#sidebar-left .banner {clear:both;text-align:center;}
#sidebar-left .banner a {margin-left:0;}

#sidebar-left .bannertext a {border: solid 2px #B56157;color:#fff;display:block;margin:0;}
#sidebar-left .bannertext a:hover {border-color:#E1E1E1;}
#sidebar-left .bannertext {width: 158px;margin: 1em auto;font-size: 1.25em;font-weight:bold;}

#content { width: 406px; min-height: 600px; padding: 10px 10px 10px 24px; background: #f0f0f0; margin: 0 0 10px 200px; float: left;}

#sidebar-right {width: 300px; background: #9F2D20 url('/images/layout2/right-bottom.png') bottom left no-repeat; float: left; margin-left: 10px; padding: 0 0 10px; position: absolute; top: 171px; right: 10px; bottom: 10px;}
#sidebar-right #activeimg { width: 280px; padding: 10px; background: #9F2D20 url('/images/layout2/right-top.png') top left no-repeat;}
#sidebar-right #activeimg-inner { width: 280px; overflow: hidden; }
#sidebar-right #rss { border: 1px solid #939393; background: #fff; margin: 0 10px; }
#sidebar-right #rss h2 { border-bottom: 1px solid #939393; padding: 10px; background: url('/images/layout2/right-dah-logo.png') 189px 50% no-repeat; }
#sidebar-right #rss li { list-style: none; margin: 10px ; padding-bottom: 10px; border-bottom: 1px dotted #939393; }
#sidebar-right #rss li.rss-item-3 { padding-bottom: 0; border-bottom: 0; }
#sidebar-right #rss a { text-decoration: none; color: #000; font-weight: bold; }
#sidebar-right #rss p a { color: #939393; font-weight: normal; }

#footer { clear: both; height: 90px; width: 940px; margin: 0 auto 1em; background: url('/images/layout2/bg-footer.png') 0 0 no-repeat; color: #b31f17; position: relative; }
#footer #address { position: absolute; top: 41px; height: 45px; width: 100%; text-align: center; line-height: 41px; font-size: 11px; }
#footer a, #footernav a, #pwrd a { color: #b31f17; }
b.bar { padding: 0 3px;}

#pwrd {float:left;padding-left:20px}
#footernav {list-style:none;text-align:right;padding:0 20px}
#footernav li {display:inline;}

/* =CONTENT STYLES
-------------------------------------------------------------------------------------------------*/
#content h1 { font-weight: normal; color: #b31f17; background: #eee; border: 1px solid #939393; font-size: 18px; line-height: 1; padding: 10px 13px; margin: 0 0 1em -14px;}
#content h2 { margin: 1em 0; }
#content ul { margin: 0 0 0 14px; list-style-image: url('/images/layout2/content-li-bullet.png');}
#content img.leftimage { display: block; margin: 0 auto; }
#content img.image { float: right; }
#content img.image-left { float: left; width: 130px; margin: 3px 6px 3px 0;  }
#content img.image-right { float: right; width: 130px; margin: 3px 0 3px 6px; }


#content a { color: #b31f17; }
#content a:hover { color: #959CA1; }
#content h1 a { color: #b31f17; text-decoration: none; }
#content h2 a, #content h3 a { color: #000; text-decoration: none; }

.newssmall { padding: 0 0 10px 0; position: relative; border-bottom: 1px dotted #939393; margin: 10px 0;}

.newstoc, p.leesverder { display: none; }

.docext, .docsize {padding-left:5px;font-style:italic}

/* FORM
-------------------------------------------------------------------------------------------------*/
form input { width: 95%; }
form textarea { width: 95%; height: 100px; }
form .formelement { clear: both; padding-top: .5em; }
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 { width: 24%; float: left; }
#emailform .formfield { width: 75%; float: left; }
#emailform .checkbox { padding: 0 10px; width: 100%; }
#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; }

/* =LIBRARY
-------------------------------------------------------------------------------------------------*/
ul.librarytoc {margin-left: -1em;}
.librarytoc li {font-weight:bold;list-style:none;margin-left: -1em;}
.librarytoc li li, .librarytoc ul {margin-left: 1em;}
.librarytoc li.libdoc {margin-left: 3em;font-weight:normal;}
.librarytoc li img {margin-right: 3px;position:relative;top:3px;}

/* =NEWS
-------------------------------------------------------------------------------------------------*/
#news .intro {margin-bottom: 1em;}
#news .leftimage {float:right;margin: 0 0 3px 10px;}
#news .icon {display: none;}

/* =NEWSLETTER
-------------------------------------------------------------------------------------------------*/
.newsletterpreviewlink {display:block;margin-top:2em;border:solid 1px #9F2D20;background:#ccc;text-align:center;font-weight:bold;text-decoration:none;}
#content .newsletterpreviewlink:hover {background:#aaa;color:#9F2D20;}

/* =PORTEFEUILLE
-------------------------------------------------------------------------------------------------*/
#portefeuille ul.documents li { list-style: none; }
#portefeuille .documentimg { float:left; }
#portefeuille .documenttitle { width: 275px; float:right; }

#portefeuille .projectov .projectsummary { padding: 0 146px 10px 0; position: relative; border-bottom: 1px dotted #939393; margin: 10px 0;float:left;width:100%}
#portefeuille .projectov .projectsummary img.image { width: 130px; float:right;margin:0 0 2px 10px; }

#portefeuille .project table { width: 100%; border-collapse: collapse; }
#portefeuille .project th { border-bottom: 1px dotted #939393; text-align: left; width: 130px; vertical-align: baseline;}
#portefeuille .project .image th { vertical-align: top;}
#portefeuille .project td { border-bottom: 1px dotted #939393; overflow: hidden; vertical-align: baseline;}
#portefeuille .project td img.image { width: 275px; display: block; margin: 5px 0; }
#portefeuille .project .folder li { list-style: url('http://primconf.betterbe.com/images/editicons/set1/lib-folder-closed.png'); }
#portefeuille .projectrapportage th { text-align: left; vertical-align: baseline;}

/* =RSSITEM
-------------------------------------------------------------------------------------------------*/
#rssitem .date {font-style:italic;font-size: .875em;margin: 0 0 1em 0;}
#rssitem .copyright {border-top: solid 1px #000;margin: 10px 0}
#rssitem img {padding: 2px;margin:2px; border: solid 1px #ccc}


/* =SCHOIOLGUIDE
-------------------------------------------------------------------------------------------------*/
#schoolguide img.leftimage {margin: 0 0 10px 0;}