/* -----------------------------------------------------------------------------------------------|
MAMA'S 2.0 versie 20081006

background mama's: http://www.dinpattern.com/2008/08/08/sakura/
background 9tot3: http://www.dinpattern.com/2008/06/17/pinkie/
|----------------------------------------------------------------------------------------------- */

/* =BASICS ------------------------------------------------------------------------------------- */
html, body, div, span, p, ol, ul, li, dl, dd, dt, blockquote, q, h1, h2, h3, h4, h5, h6, img, fieldset, legend, label { margin: 0; padding: 0; font-size: 100%;}
body { font: 1em/1.5 calibri, tahoma, verdana, sans-serif; }
select{ font: .8em/1.5 tahoma, sans-serif; }
select option {padding: 0 3px;}
a, a img { border: 0; text-decoration: none; }
a { color: #DF1B9A; }
a:hover { text-decoration: underline; }
body a.log { display:block; float:left; }
abbr { text-decoration: none; border: 0; }
p { margin: 0 0 1.5em; }
#content ul, #content ol { margin: 1em 1.5em; }
#content ul ul, #content ol ol { margin: 0 1.25em; }
.meta { font-size: .7863em }
.leesverder { font-size: .7863em; text-align: right; }
#content h1, h2 { font-size: 1.5em; font-family: Cambria, Georgia, serif; }
h3 { font-size: 1.143em; font-family: Cambria, Georgia, serif; }
strong {font-weight:bolder;}
td img {display:block;}

/* =SITE SPECIFIC STYLES -------------------------------------------------------------------------- */
body#mamas { background: #fff url('/images/layout/v2/sakura.gif'); }
body#negentotdrie{ background: #9BABB2 url('/images/layout/v2/pinkie.gif'); }
#mamas #header { padding-top: 15px; background: #DB98C3 url('/images/layout/v2/header.png') 220px 100% no-repeat; margin-bottom: 15px; position: relative; }
#negentotdrie #header { height: 155px; background: #DB98C3 url('/images/layout/v2/9tot3-header.png') top left no-repeat; margin-bottom: 15px; position: relative; }
#mamas #header h1 { background: url('/images/layout/v2/mamas-logo.gif'); }
#negentotdrie #header h1 { background: url('/images/layout/v2/9tot3-headerlogo.gif') no-repeat bottom left; position: absolute; top: 0; left: 0; height: 155px; }
#negentotdrie #header h1 a { height: 155px; }
#mamas .filler { background: #E6B6D5 url('/images/layout/v2/hplink-bg.png') top left no-repeat; }
#negentotdrie .filler { background: #E6B6D5 url('/images/layout/v2/9tot3-hplink-bg.png') top left no-repeat; }

/* =STRUCTURE ------------------------------------------------------------------------------------- */
#wrapper { width: 985px; margin: 0 auto; }
#container { background: #fff; width: 850px; float: left; }
#negentotdrie #container { border-left: solid 1px #E6B6D5; border-right: solid 1px #E6B6D5; }
#ads { width: 120px; float: right; padding: 55px 0 2em; }
#ads .adimg {display:block;margin-bottom: 5px;}
#sidebar { width: 160px; float: left; padding-bottom: 2em; }
#footer { clear: both; }
#content {  width: 675px;  float: left; padding-bottom: 2em; }
#leaderboard { width:850px; margin: 0 auto; padding-right: 135px; }

/* =FOOTER ------------------------------------------------------------------------------------- */
#footer { border-top: 2px solid #E6B6D5; font-size: .857em; padding-bottom: 2em; }
#footer div { border-top: 2px solid #DF8BD1; padding: 0 15px 6px; }
#footer p { float: right;  text-align: right; }
#footer li { list-style: none; display: inline; border-right: 1px solid #E6B6D5; padding: 0 3px 0 3px; }
#footer a { color: #DF8BD1; }
#footer a:hover { color: #DF1BAD;}

/* =HEADER ------------------------------------------------------------------------------------- */
#header h1 { width: 210px; height: 40px; }
#header h1 a { display: block; height: 40px; text-indent: -999em; overflow: hidden; }
#menu { position: absolute; bottom: 1px; right: 0; font-size: .857em; padding-right: 3px; }
#menu li { list-style: none; display: inline; padding: 0 3px 0 6px; border-left: 1px solid #fff; }
#menu a {  color: #fff; }
#menu a:hover {  border-bottom: 1px solid #DB98C3;   text-decoration: none; }

/* =SIDEBAR > SUBNAVIGATION -------------------------------------------------------------------- */
#subnav {  list-style:none;  font-family: Cambria, Georgia, serif; font-weight: bold; width: 145px; margin-bottom: 1em; }
#subnav ul { font: .857em/1.5 calibri, tahoma, verdana, sans-serif; list-style:none; font-weight: normal; margin-left: 10px; }
#subnav a { text-transform: uppercase; text-decoration: none; padding-left: 15px; color: #DF1B9A;  display: block; }
#subnav a:hover, #subnav .active a {  background: url('/images/layout/v2/subnav.png') 5px 50% no-repeat; }
#subnav ul a, #subnav .active ul a { text-transform: none; background: none; }
#subnav ul a:hover, #subnav ul .active  a {  background: url('/images/layout/v2/subnav.png') 5px 4px no-repeat; text-decoration: underline; }
#subnav .alt a { color: #e80000; }
#subnav .alt a:hover {  background-image: url('/images/layout/v2/subnav-alt.png');}
#subnav .special { margin: 0 0 5px 0; }
#subnav .special span { background: #DF1B9A url('/images/layout/v2/special-bottom.png') bottom right no-repeat; display: block; width: 130px; padding: 0; margin-left: 15px; }
#subnav .special a { background: url('/images/layout/v2/special-top.png') top left no-repeat; display: block; width: 124px; padding: 3px; text-align: center; color: #fff; }

/* =SIDEBAR > AGENDA --------------------------------------------------------------------------- */
#sidebar-agenda h2 { margin: 15px 15px 0; }
#sidebar-agenda a { color: #333; }
#sidebar-agenda li {  list-style: none;  float: left;  width: 145px; padding: 6px 15px 6px 0; }
#sidebar-agenda li a {  display: block;  width: 100px; float: right;  font-size: .857em; }
#sidebar-agenda li.moreagendaitems a {  color: #DF1B9A; float: none;  width: auto; padding-left: 15px; }
#sidebar-agenda li.moreagendaitems a:hover {  background: url('/images/layout/v2/subnav.png') 5px 50% no-repeat; }
.agendadate {  float: left; display: block;  background: #DFDFDF; border: 1px solid #666; width: 23px; font-weight: bold; text-align: center; margin: 3px 0 0 15px; }
.agendadate .month, .agendadate .dow { font-size: .786em; text-transform: uppercase; display: block; line-height: 1em; background: #666; color: #DFDFDF; }
.agendadate .day { font-size: 1em; display: block; line-height: 1em; color: #666; }

/* =HOMEPAGE ----------------------------------------------------------------------------------- */
#hpcontentshorts { width: 325px; float: left; clear: left; margin-top: 1.5em; }
#hpcontentads { width: 336px; float: right; }
#hpcontentads h2 { display: none; }
.hplinkblock { width: 165px; height: 165px; float: left; margin: 0 5px 5px 0; font-family: Cambria, Georgia, serif; line-height: 1.25em; }
.sixth { margin-right: 0;}
.hplinkblock a { display: block; width: 165px; height: 165px; position: relative; text-decoration: none; border: 0; overflow: hidden; }
.hplinkblock a:hover { text-decoration: none; }
.hplinkblock a img { border: 0; display: block; }
.hplinkblock a span { background: #DF1B9A; position: absolute; bottom: 0; left: 0; color: #fff; display: block; width: 100%; font-weight: bold; font-size: 1.5em; }		
.hplinkblock a:hover span { color: #DF1B9A; background:#fff; }
.hplinkblock span b { display: block; padding: 3px 6px 6px; }
#hpcontentshorts h2 a {  border-bottom: 1px solid #DF8BD1;}
#hpcontentshorts h2 a:hover {  text-decoration: none; border-color: #DF1B9A; }
#hpcontentshorts p { margin: 0 0 1em;}
.static {  width: 165px; height: 165px; float: right; background: #FFDFF4; margin: 0 5px 5px 0; line-height: 1.125; overflow: hidden; }
.static h2 { background: #DF1B9A; text-align: center; color: #fff; font-size: 1.143em; line-height: 1.5; }
.static h2 a { color: #fff; }
#homevacatures { background: #FFDFF4 url('/images/layout/v2/9tot3-small.png') 112px 139px no-repeat; }
#homevacatures ul { margin: .25em 0; padding: 0;}
#homevacatures ul li { list-style: none; font-size: .857em; }
#homevacatures li a {  color: #000;  display: block; padding: .125em 6px .125em 1.5em; text-decoration: none; }
#homevacatures li a:hover { background: url('/images/layout/v2/subnav.png') 5px .375em no-repeat; }
#homevacatures li a:hover span {border-bottom: 1px solid #DF1B9A;}
#zoekcoach {  background: #FFDFF4 url('/images/layout/v2/hez-small.png') 112px 139px no-repeat; margin-right: 0;  position: relative; }
#zoekcoach p { margin: 6px; }
#zoekcoach form { margin: 6px; }
#zoekcoach select { width: 100%; }
#zoekcoach option { font-size: .857em; padding: .125em 3px;}
#zoekcoach input { margin: 6px 0; background: #DF1B9A; border: 1px solid #fff; color: #fff; float: right; }

/* ACLGROUP ---------------------------------------------------------------------------------------*/
#aclgroup table {clear: both;}
#aclgroup td.editmode {width: 140px;}

/* AGENDA ---------------------------------------------------------------------------------------*/
#agenda h3 { padding: 1.5em 0 .75em; width: 100%; float: left; }
#agendaitem abbr span, .location { font-weight: bold; }
.agendaitem-def { width: 100%; float: left;}
.agendaitem-def a { display: block; float: left; height: 25px; line-height: 25px; }
.agendaitem-def .agendadate { margin: 0 9px 3px 0;}
.agendatext img { float: right; margin: 0 0 1em 1em }

/* FORM ---------------------------------------------------------------------------------------*/
#form .ff-checkbox {position:relative; top: 5px;}

/* FORUM ---------------------------------------------------------------------------------------*/
.posting {  float: left;  width: 100%;  padding: 1.5em 0; border-bottom: 2px solid #DF1B9A ; }
.postingimage { float: right; width: 120px; }
.postingintro, .posting h3 { width: 540px; float: left; }
.reply {  float: left;  width: 100%;  margin: 1em 0;  padding: 0 0 1em;  border-bottom: 2px solid #DF1B9A}
.replylink { background: #DF1B9A url('/images/layout/v2/special-bottom.png') bottom right no-repeat; text-align: center; font-weight: bold; margin: 1em 0; }
.replylink a { background: url('/images/layout/v2/special-top.png') top left no-repeat; display: block; color: #fff; padding: 3px; font-size: 1.143em; }
.reply .author {  display: block;  font-weight: bold;  color: #DF1B9A;}
.replymeta { float: left; width: 160px; color: #666; overflow: hidden; }
.replytext {  width: 500px;  float: right;}

/* LIBRARY ---------------------------------------------------------------------------------*/
#library .picture {clear:both;}

/* LINKOVERVIEW ---------------------------------------------------------------------------------*/
.startpaginadiv {  background: #FFDFF4; margin: 0 5px 5px 0; line-height: 1.125; overflow: hidden; }
.startpaginadiv h3 { background: #DF1B9A url('/images/layout/v2/special-top.png') top left no-repeat; text-align: center; color: #fff; font-size: 1.143em; line-height: 1.125; }
#content .startpaginadiv ul { margin: 0; }

/* NEWS -----------------------------------------------------------------------------------------*/
ul#newsindex {margin: 0; padding: 0; }
.newspreview {  float: left; width: 100%; padding-bottom: 1.5em; display: block;  list-style: none;  clear: both; }
.newspreview img, .newsintrotext img { float: left; width: 120px;margin:0 5px 5px 0;}
.newstxt, .newspreview h3 { width: 540px; float: right; }
.meta { clear: both; }

/* =SEARCH
---------------------------------------------------------------------*/
#searchform { width: 160px; }
#mamas #searchform { position: absolute; right: 20px; top: 7px; }
#negentotdrie #searchform { position: absolute; right: 20px; top: 107px; }
#searchform input { font-size: .846em; }
#searchform input.searchfield { width: 105px; padding: 1px; border: 1px solid #DF1B9A; float: left; }
#searchform input.button {  background: url('/images/layout/v2/search.png') no-repeat left bottom; overflow: hidden; padding: 0 0 2px 20px; width: 45px; height: 17px; display: block; border: 0; color: #fff; float: right; }

/* PARAMETER----------------------------------------------------------------------------------*/
#parameter td.edit img {display:inline;}
#parameter table {border-collapse:collapse;width:100%;}
#parameter th {text-align:left;font-size: 1.2em;border-bottom: solid 1px #DB98C3;}
#parameter td {vertical-align:top;border-bottom: solid 1px #DB98C3;}

/* SCHOOLGUIDE ----------------------------------------------------------------------------------*/
.paragraphitem .leftimage { float: left; margin: 3px 15px 15px 0}

/* SITEMENU----------------------------------------------------------------------------------*/
#sitemenu ul {list-style:none;}
#sitemenu li img {margin-right: .5em;}

/* CV BANK 
-------------------------------------------------- */
#cvbank #emailform { width: 70%; float:left; }
#cvbank .actionform, #cvbank .loggedin { width: 27%; float:right; padding: 5px; background: #CA0388; color: #fff; }
.loggedin span { display: block; float: left; margin: 0 5px; } 
.loggedin .name { font-weight: bold; font-size: 1.2em; } 
.loggedin a { border-bottom: dotted 1px; color: #fff; } 
.loggedin a:hover { border-bottom: solid 1px; text-decoration: none; } 
#cvbank .actionform .formlabel{ display: block; width: 100%; text-align: left; } 
#cvbank .actionform a { color: #fff; text-decoration: underline; } 
.cvlist a.cvlink { width:100%; display: block; clear: both; height: 40px; padding: 0 5px 0 0; color: #000; } 
a:hover.cvlink { background: #DF1B9A; color:#fff; border:0; text-decoration:none; } 
#refine { float:right; padding: 2em 0 1em; } 
#function, #show { float:left; margin-right: 2em; }
#submit { width: 50px; float:left; position: relative;top:-2px; } 
.cvlist .photo { float:left; width: 30px; height: 40px; margin:0; overflow:hidden; } 
.cvlist .photo img{ width: 30px; } 
.cvlist .odd, .cvlist .even{ overflow: hidden; margin-bottom: 2px; height:40px; } 
.cvlist #refine #function select {width: 350px;} 
.cvlist .maintenance {background: #ddd;clear:both;border:solid 1px #aaa;padding:3px 1em;margin-bottom:.5em;}
.cvlist .maintenance p {margin:0;}
.name, .function { display: block; float: left; margin: 0 0 0 5px; } 
.name { width: 200px; } 
.function { text-transform: uppercase; width: 250px; height: 20px; overflow:hidden; }
.city { display: block; float:right; margin: 0 5px; }
#acluser2 { position:relative; } 
#cvbank #acluser2 #photo { width: 170px; height: 212px;overflow: hidden; position: absolute; top: -15px; right: -10px; background: #fff; padding: 10px; margin: 0; text-align:center; } 
#cvbank .documentimage { position:relative; top: 3px; margin-right: 5px; } 
#cvbank #acluser2 .formelement { clear:both; border-bottom: solid 1px #E6B6D5; margin-bottom: 10px; } 
#cvbank .formlabel { width: 25%; float:left; }
#cvbank #acluser2 .formfield { float:left; } 
#cvbank .formfield ul { margin: 0 0 0 1em; } 
#cvbank .desc { clear:both; border-top: solid 1px #E6B6D5; margin-top: 10px; } 
#cvsearch li, #cvsearch span.cvdata { display: none; }
#cvselect label { display: block; overflow: auto; }
#cvselect label span { display: block; float: left; width: 150px;}
#cvselect select { width: 325px;}
#cvselect select option[value='ALL'], #cvselect select option:first-child { font-weight: bold; font-style: italic; }
#paging { margin: 1em 0; text-align: center; }
#paging a { margin: 1em; }

/* VACATURES (TRAINING)
------------------------------------------------- */
#vacatures ul {padding-left: 1.5em;}
#selection { width: 140px; background: #DF1B9A url('/images/layout/v2/special-bottom.png') bottom right no-repeat; margin: 0px 0 20px 10px; padding-bottom: 20px; }
#selection h1 { color: #fff; background: url('/images/layout/v2/special-top.png') top left no-repeat; text-align: center; font-size: 1em; border-color: #e177ad; padding: 5px 0 0 10px; }
#selection form { margin: 0 0 1px; }
#selection a { text-align: center; border: solid 1px #000;  display: block;  width: 120px; margin: 10px 5px; padding: 0 4px; background-color: #fff; }
#selection select:hover,
#selection a:hover { color: #000; font-weight: bold; text-decoration: none; }
#selection select{ font-size: .8em; background-color: #fff; border: solid 1px #000;  width: 130px; margin: 0 0 0 5px; }
#vacaturesperrid table{ width: 100%; border-collapse: collapse; }
#vacaturesperrid th,
#vacaturesperrid td { text-align: left; padding: 3px; }
#vacatures h2 { font-size: 1em;  margin: 0; padding: 1px; border: 1px solid #fff; }
.fieldheading { color: #DB98C3; font-weight: bold; }
.odd {background: #bbb;clear:both;}
.even {background: #ddd;clear:both;}
.odd p, .even p {margin: 0 0 0 3px;}
.odd h2 a, .even h2 a { display: block; width: 665px; padding: 3px;}
.odd h2 a:hover, .even h2 a:hover { border: none; background: #CB0087; color: #fff; text-decoration: none; }
.linkposition1, .linkposition2, .linkposition3, .linkposition4 { padding: 1px; margin: 2px; float: left; }
.linkposition1, .linkposition3 { clear: left; }
.linkposition1, .linkposition4 { background-color: #BBBCBE; }
.linkposition2, .linkposition3 { background-color: #DB98C3; }
.relatedlinks { text-align: center; color: #fff; }
.relatedlinks a.relatedlink { display: block; width: 220px; height:120px; line-height: 100px; font-size: 150%; color: #fff;	padding-top: 20px; }
.relatedlinks a.relatedlink:hover { text-decoration: none; background: #CB0087; }
#vacatures #maintenance table {width: 100%;}
#vacatures #maintenance .editmode img {display: inline;}
#vacatures #tagoverview li {clear:both;}

/* EDITMODE ------------------------------------------- */
.editmode img {width:auto;float:none;}
#linkoverview .editmode img {display:inline;}
#ps-waiting { width: 100px; height: 100px; position: fixed; top: 35%; left: 50%; background: #fff url('/images/layout/loading.gif') 50% 50% no-repeat; border: 3px solid red; display: none;}
.deletebox input { width: auto;}