body { margin:0; padding:0; font:small arial }
div#wrapper { width:957px; border:1px solid #B0B8C3; border-bottom:0; margin:0 auto; position:relative; padding-top:80px }

h1 {  border-bottom:1px solid #E7E7E7; position:relative; text-transform:uppercase; margin:0 0 8px; padding:10px 0 8px 0; font-size:15px; }
h2, h3, h4, h5 { color:#6b278a }
h2 { font-size:115%; margin:1em 0 8px 0 }
h3 { font-size:100%; margin:1em 0 2px 0 }
h4 { font-size:100% }
h5 { font-size:85% }
p { margin:0 0 1em 0 }

p, li { font-size:90% }

a { color:#4e8abe }
a:hover { color:#ff1212 }
a img { border:0 }

/* regionline table en div */
table { font-size:85%; clear:right }
td, th { text-align:left; padding:2px 8px;  }
th { color:#6b6b6b }
th.right, td.right { text-align:right }
th.center, td.center { text-align:center }
td.c1 { width:270px }
tr.hover td { color:#FF1212 }

td.arrow, table#loosduinen td.arrow, table#segbroek td.arrow, table#leidschenveen td.arrow, table#haagse_hout td.arrow, 
table#ypenburg td.arrow { background-image:url(../gfx/table_arrow.gif); background-repeat:no-repeat; background-position:6px 6px; }
tr.hover td.arrow, table#loosduinen tr.hover td.arrow, table#segbroek tr.hover td.arrow, table#leidschenveen tr.hover td.arrow, table#haagse_hout tr.hover td.arrow, 
table#ypenburg tr.hover td.arrow { background-position:6px -183px }
tr.selected td.arrow, table#loosduinen tr.selected td.arrow, table#segbroek tr.selected td.arrow, table#leidschenveen tr.selected td.arrow, table#haagse_hout tr.selected td.arrow, 
table#ypenburg tr.selected td.arrow { background-image:url(../gfx/table_arrowdown.gif) }

tr.flds { cursor:pointer }
tr.omschrijving td { padding:0; border-bottom:1px solid white }
tr.omschrijving td div { height:0px; overflow:hidden; padding:0px 8px }
tr.selected td div { height:auto; padding:4px 8px 14px  }
div#cursus { padding:8px; background:#dac9e2 }
div#cursus div { font-size:85%;  padding:2px 0 }
div#cursus label { font-weight:bold; width:200px; float:left; display:block }

th { color:#c5c5c5; background:#6B278A; } 
tr { background:#dac9e2 }
table#loosduinen th    { color:#6b6b6b; background:#ffb312 }
table#loosduinen td, div.loosduinen div#cursus  { background:#ffe1a0 }
table#segbroek th      { color:#6b6b6b; background:#FFDE00 }
table#segbroek td, div.segbroek div#cursus      { background:#fff299 }
table#leidschenveen th { color:#6b6b6b; background:#25BDAE }
table#leidschenveen td, div.leidschenveen div#cursus { background:#a8e5df }
table#haagse_hout th   { color:#6b6b6b; background:#E2E53C }
table#haagse_hout td, div.haagse_hout div#cursus   { background:#f3f5b1 }
table#ypenburg th      { color:#6b6b6b; background:#6CCFF6  }
table#ypenburg td, div.ypenburg div#cursus      { background:#c4ecfb }


img.right { float:right; margin:0 0 10px 10px }

img#logo { position:absolute; top:0; left:0 }
address { position:absolute; top:56px; left:290px; color:#6b6b6b; font-style:normal; font-size:12px; font-size:85% }
address a { text-decoration:none }
img#headerfoto { display:block }
div#text { margin:0 16px 0 229px; min-height:450px }

/* homepage stadsdelen */
div.stadsdelen { float:right; position:relative; margin-top:53px; margin-left:20px }
div.stadsdelen a { display:block; position:absolute; text-transform:uppercase; text-decoration:none; color:#552a66; font-weight:bold; font-size:11px; }
div.stadsdelen a:hover { color:#FF1212 }
a#loosduinen { left:39px; top:112px }
a#segbroek { left:146px; top:118px }
a#haagse_hout { left:315px; top:139px }
a#leidschenveen { left:374px; top:265px }
a#ypenburg { left:295px; top:296px }

/* nieuwskolom op de homepage */
div#home.nieuws { position:absolute; left:16px; top:330px; width:190px; font-size:85% }
div#home.nieuws div.nieuws2 { border-top:1px solid #E7E7E7; margin-top:20px; padding-top:10px }
div.nieuws {  }
div.nieuws h2 { margin:0 }
div.nieuws h3 { color:#555; margin:2em 0 2px 0;  }
div.nieuws a { text-decoration:none; color:#3b0256; font-weight:normal }
div.nieuws h3 a { padding:1px 3px }
div.nieuws p { margin:0 0 1em 0 }
div.nieuws a:hover { color:#FF1212 }
div.nieuws a.loosduinen { background:#ffb312;  }
div.nieuws a.segbroek { background:#ffde00 }
div.nieuws a.ypenburg { background:#6ccff6;  }
div.nieuws a.leidschenveen { background:#25bdae }
div.nieuws a.haagse_hout { background:#e2e53c }
div.nieuws p { font-size:100% }

div.vacatures { width:250px; float:right; }

/* menu niveau 1 - algemeen */
div.menu1 { background:#689bc8; margin:0 0 0 254px; height:23px; }
div.menu1 a { color:white; text-decoration:none; display:block; float:left; font-size:12px; padding:4px 16px }
div.menu1 ul { list-style-type:none; margin:0; padding:0 0 0 6px }
div.menu1 ul li { display:inline }


/* menu niveau 1 - locaties */
div.menu2 { background:white url(../gfx/tabs.gif) no-repeat; padding:0; height:23px }
div.menu2 a { color:#552a66; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:12px;
display:block; float:left; padding:4px 0 0 0; /*border:1px solid red;*/ }
div.menu a:hover { color:#FF1212 }
div.menu2 ul { list-style-type:none; margin:0 0 0 266px; padding:0 }
div.menu2 li { display:block; float:left; }
div.menu2 li#loosduinen    { width:130px;}
div.menu2 li#segbroek      { width:130px }
div.menu2 li#ypenburg      { width:130px }
div.menu2 li#leidschenveen { width:130px }
div.menu2 li#haagse_hout   { width:130px }
div.menu2 a#loosduinen     { padding-left:22px }
div.menu2 a#segbroek       { padding-left:18px }
div.menu2 a#ypenburg       { padding-left:20px }
div.menu2 a#leidschenveen  { padding-left:8px }
div.menu2 a#haagse_hout    { padding-left:12px }


/* menu niveau 2 */
div.menu ul li ul { display:none }

div.menu ul li.selected div.border { position:absolute; left:18px; top:332px; width:195px; border:1px solid #d5dadd }
div.menu ul li.selected ul { display:none; margin:0; padding:0 11px 40px 11px; left:18px; top:355px; height:409px; background:#eff1f2 url(../gfx/kaderbg.jpg) repeat-x; border-right:1px solid #9f9f9f; border-bottom:1px solid #646566 }

div.menu ul li.selected ul li { float:none; }
div.menu ul li.selected ul li a { color:#4e8abe; float:none; padding:6px 0px 6px 20px; font-size:12px; background-image:url(../gfx/arrow.gif); background-repeat:no-repeat; background-position:2px 8px; ttext-transform:none  }
div.menu ul li ul li a:hover { color:#FF1212 }
div.menu ul li.selected ul li a:hover { background-position:2px -26px }
div.menu ul li.selected ul li a.selected,
div.menu ul li.selected ul li a.selected:hover { color:#FF1212; background-position:2px -60px }

/* menu niveau 3 */
div.menu ul li.selected ul li ul { display:none }
div.menu ul li.selected ul li.selected ul { display:block; height:auto; position:static; padding:0 0 10px 20px; background:none; border:0; width:140px }
div.menu ul li.selected ul li.selected ul li { border:0 }
div.menu ul li.selected ul li.selected ul li a { padding:0; text-transform:none; background:none; font-weight:normal }

div.onderdeel               { color:#c5c5c5; background:#6B278A; text-align:center; font-size:180%; letter-spacing:1px; padding:8px 0 6px; text-transform:uppercase; margin:0 0 5px 0 }
div.onderdeel#loosduinen    { color:#6b6b6b; background:#ffb312 }
div.onderdeel#segbroek      { color:#6b6b6b; background:#FFDE00 }
div.onderdeel#leidschenveen  { color:#6b6b6b; background:#25BDAE }
div.onderdeel#haagse_hout   { color:#6b6b6b; background:#E2E53C }
div.onderdeel#ypenburg     { color:#6b6b6b; background:#6CCFF6  }

form#zoeken { position:absolute; right:10px; top:30px }
form#zoeken input.text { display:block; width:150px; float:left; margin:3px 10px 0 0; border:1px solid #afb7c2; background:white url(../gfx/zoekbg.gif) repeat-x }
form#zoeken input.submit { background:#AAA url(../gfx/zoekknop.gif) no-repeat; border:0; display:block; width:28px; height:28px; cursor:pointer }

div.accomodaties_border { position:absolute; right:18px; top:332px; border:1px solid #d5dadd }
div.accomodaties { margin:0; padding:12px 5px 25px 34px; width:156px; height:auto; background:#eff1f2 url(../gfx/kaderbg.jpg) repeat-x; border-right:1px solid #9f9f9f; border-bottom:1px solid #646566; font-size:12px }
div.accomodaties p { position:relative  }
div.accomodaties a { display:block; margin:4px 0 0 0; padding:0px 0 4px 0; text-decoration:none; font-weight:bold; font-size:12px }
div.accomodaties ul { margin:-8px 0 1em 20px; padding:0; list-style-type:lower-alpha }
div.accomodaties ul li { float:none; margin:0}
div.accomodaties ul a { display:inline; font-weight:normal; font-size:11px; padding:0; margin:0 }

div#plattegrond { position:relative; }
div#plattegrond p { margin:0 }
div#plattegrond img { display:block; margin-top:15px;  } 
a.spot { color:black; display:block; position:absolute; width:19px; height:18px; background-image:url(../gfx/spot.gif); background-repeat:no-repeat; text-align:center; text-decoration:none; font-size:12px; font-weight:bold; padding:2px 0 0 1px }
a.spot:hover, div#plattegrond a.hover { background-position:0 -20px; color:white }
div.cijfer { position:absolute; left:-25px; top:-3px; color:black; width:19px; height:18px; text-align:center; padding:2px 0 0 1px; background-image:url(../gfx/spot_wit.gif); background-repeat:no-repeat; font-size:12px; font-weight:bold }
div.accomodaties a:hover,
div.accomodaties a.hover { color:#FF1212 }
div.accomodaties a:hover div.cijfer,
div.accomodaties a.hover div.cijfer { background-position:0 bottom; color:white }

div.nieuwskolom { position:absolute; right:18px; top:332px; border:1px solid #d5dadd }
div.nieuwskolom div.nieuws { font-size:85%; margin:0; padding:4px 5px 25px 20px; width:170px; height:420px; background:#eff1f2 url(../gfx/kaderbg.jpg) repeat-x; border-right:1px solid #9f9f9f; border-bottom:1px solid #646566 }
div.nieuws .selected { color:#FF1212 }

/* TIJDELIJK FOOTER WEG */
div#footer { display:none }
div#footer { color:white; font-size:11px; background:#783c90; text-align:center; padding:5px 0; margin:80px 0 20px 0 }
div#footer a { color:white }

div#slideshow_labels { display:none }
div#slideshow { width:350px; height:263px; position:relative; padding:0 }
.slide-image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 263px;
	background-position:0;
	background-repeat: no-repeat 
}
div#rechterkolom div#slideshow_desc h2 {  }

h5 { margin:16px 0 4px }
div.search_results p { font-size:85% }

form#selecteren { position:absolute; left:20px; top:360px; width:200px; font-size:11px }
form#selecteren label { display:block; font-size:11px; font-weight:bold; color:#6B278A; margin:0 0 3px }
form#selecteren select { width:180px; font-size:11px; margin:0 0 10px }
form#selecteren p { font-size:11px }
form#selecteren li { font-size:11px }

form#selecteren_stadsdeel { font-size:11px }
form#selecteren_stadsdeel label { display:block; font-size:11px; font-weight:bold; color:#6B278A; margin:0 0 3px }
form#selecteren_stadsdeel select { width:180px; font-size:11px; margin:0 0 10px }
form#selecteren_stadsdeel p { font-size:11px }
form#selecteren_stadsdeel li { font-size:11px }



div#voorwaarden { margin:24px }

form#formulier label { width:160px; float:left; color:#6b278a }
form#formulier input.text { width:250px; margin:0 0 8px 0; border:1px solid #666 }
form#formulier input.submit { margin:0 0 20px 160px }