/* ====================== */
/* = WebEtui correcties = */
/* ====================== */
div#webetui_body .stadsdelen { width:380px; }


/* ======= */
/* = CSS = */
/* ======= */

body { margin:0; padding:0; font:small arial }
div#wrapper { width:957px; border:1px solid #B0B8C3; border-bottom:0; margin:0 auto; position:relative; spadding-top:80px; padding-top:90px }
/*div#wrapper { background: url(/gfx/iso9001hkz.gif) no-repeat right top; }*/

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 { color:#6b278a; }
a:hover { color:#ffb400 }
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:#ffb400 }

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.right { float:right; margin:10px 0 10px 10px }

img#logo { position:absolute; top:2px; left:0px }
/*img#logo { position:absolute; top:2px; left:15px }
*/
.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:480px }
.index div#text { margin:0 16px 0 232px; min-height:456px }


/* = payoff = */
div.payoff {
  position: absolute;
  font-size: 25px;
  top: 28px;
  left: 200px;
}
div.payoff a {
  text-decoration: none;
}

/* homepage stadsdelen */
div.stadsdelen { float:right; position:relative; margin-top:53px; margin-left:20px }
div.stadsdelen a { display:block; position:absolute; text-decoration:none; color:#552a66; font-weight:bold; font-size:11px; }
div.stadsdelen a:hover { color:#ffb400 }
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:#ffb400 }
div.nieuws a.loosduinen { background:#ffb400;  }
div.nieuws a.segbroek { background:#ffb400; }
div.nieuws a.ypenburg { background:#ffb400;  }
div.nieuws a.leidschenveen { background:#ffb400; }
div.nieuws a.haagse_hout { background:#ffb400; }
div.nieuws p { font-size:100% }

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

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


/* menu niveau 1 - locaties */
div.menu2 { background: #6B278A; text-align: center; padding-bottom: 1px;}
.menu.menu2 ul li a {
  background: #F6D7A0;
  color:#552a66;
  text-decoration:none; 
  font-weight:bold; 
  font-size:12px; 
  display:inline-block; 
  text-align: center;
  width: 100px;
  padding: 2px 8px;
  margin: 2px 0px;
  }
.menu.menu2 ul li ul li a {
  background: none;
  display: block;
  text-align: left;
  width:100%;
  
}
div.menu a:hover { color:#ffb400 }
div.menu a:active { color: white; }
.loosduinen     .menu2 a#loosduinen { color: #552a66; background: white; }
.segbroek       .menu2 a#segbroek { color: #552a66; background: white; }
.leidschenveen  .menu2 a#leidschenveen { color: #552a66; background: white; }
.haagse_hout    .menu2 a#haagse_hout { color: #552a66; background: white; }
.ypenburg       .menu2 a#ypenburg { color: #552a66; background: white; }

div.menu2 ul { list-style-type:none; margin:0 0 0 185px; padding:0 }
div.menu2 li { display:inline-block; float: left; width: 119px; }

/*div.menu2 .border ul li { width: 100%; }
div.menu2 .border ul li ul { padding-bottom: 0!important; margin-bottom: 0;}
div.menu2 .border ul li ul li ul li a { font-size: 11px!important }
*/
/* 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 div.border { position:absolute; left:18px; top:314px; width:195px; border:1px solid #d5dadd; text-align: left; }*/
/*div.menu ul li.selected div.border { position:absolute; left:0px; top:310px; width:215px; width:254px; ; border:1px solid # #d5dadd; text-align: left; }*/
div.menu ul li.selected div.border { position:absolute; left:18px; top:294px; width:195px; /*width:254px; */; border:1px solid #d5dadd; text-align: left; }
/*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 { display:none; margin:0px 0; padding:10px 11px 10px 11px; sleft:18px; stop:355px; height:445px; background:#eff1f2 url(../gfx/kaderbg.jpg) repeat-x; border-right:1px solid #9f9f9f; border-bottom:1px solid #646566 }*/
div.menu ul li.selected ul { display:none; margin:0px 0; padding:10px 11px 10px 11px; height:445px; height:428px; 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 ul { margin: 0; }

div.menu ul li.selected ul li { float:none; }
/*div.menu ul li.selected ul li a { color:#6b278a; float:none; margin: 0; padding:6px 0px 0px 20px; font-size:12px; background-image:url(../gfx/arrow2.gif); background-repeat:no-repeat; background-position:2px 8px; ttext-transform:none  }*/
div.menu ul li.selected ul li a { color:#6b278a; float:none; margin: 0; padding:6px 0px 0px 20px; font-size:13px; font-weight: bold; background-image:url(../gfx/arrow2.gif); background-repeat:no-repeat; background-position:2px 8px; ttext-transform:none  }

div.menu ul li.selected ul li a#restaurant_h_eerlijk { background-image:url(../foto/restaurant-heerlijk.gif); margin:10px 0 0 0; background-position:0 0; width:188px; height:113px; font-size:1px; text-indent:-100px; overflow:hidden; }
div.menu ul li.selected ul li a#restaurant_h_eerlijk:hover { background-position:0 0;}

div.menu ul li ul li a:hover { color:#F90; }
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:#F90; background-position:2px -60px }
.menu .menu2 ul li a { background-position: 2px 8px; color: #6B278A; font-size: 12px; padding: 2px 8px; }

/* 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               { height: 0px; }
.index div.onderdeel { overflow: hidden; text-indent: -2000px; font-size: 1px;}
/*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  }
*/
div.onderdeel#loosduinen    { color:white; background:#6b278a }
div.onderdeel#segbroek      { color:white; background:#6b278a }
div.onderdeel#leidschenveen { color:white; background:#6b278a }
div.onderdeel#haagse_hout   { color:white; background:#6b278a }
div.onderdeel#ypenburg      { color:white; background:#6b278a }

/*form#zoeken { position:absolute; right:10px; top:30px }*/
form#zoeken { position:absolute; right:25px; top:24px }
form#zoeken input.text { display:block; height: 17px; width:150px; float:left; margin:3px 10px 0 0; border:1px solid #afb7c2; xbackground: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; float: left; }

div.accomodaties_border { position:absolute; right:18px; top:294px; stop:332px; border:1px solid #d5dadd }

div.accomodaties { margin:0; padding:12px 5px 10px 34px; width:156px; height:432px; height:426px; background:#eff1f2 url(../gfx/kaderbg.jpg) repeat-x; border-right:1px solid #9f9f9f; border-bottom:1px solid #646566; font-size:12px }
/*div.accomodaties { margin:0; padding:12px 5px 25px 34px; width:156px; height:445px; hseight: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.png); 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.png); background-repeat:no-repeat; font-size:12px; font-weight:bold }
a.spot.bus, div.cijfer.bus { background-image:url(../gfx/spot_bus.png); background-repeat:no-repeat; font-size:1px; text-indent:-40px; overflow:hidden;}
div.accomodaties a:hover,
div.accomodaties a.hover { color:#ffb400 }
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:#ffb400 }

div#footer { color:white; font-size:11px; background:#6B278A; text-align:center; padding:5px 0; margin:29px 0 0px 0; height: 30px; }
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 }
form#formulier div.checkbox label { width:auto; float:none; display:block; margin:0 0 10px;}
form#formulier div#error { margin:0 0 8px 160px; color:red; font-weight:bold; }

/* ============================ */
/* = nieuwe 3-koloms homepage = */
/* ============================ */
/*.index div#text { margin:0; }*/
.index h1.colheader { border:0; padding:5px 0px 5px 10px; margin:0; }

.index div.menu ul li ul { border: none; background: #eee7f2; height: 428px; }
.index div.menu ul li div.border { border: none; width: 217px; top:310px; left: 0px;}

/*.index div.left { float:left; width:317px; min-height:450px; padding:0 2px 0 0;}*/
/*.index div.left { float:left; width:254px; min-height:450px; padding:0 2px 0 0;}*/
/*.index div.left { float:left; width:217px; position: absolute; left:0; min-height:450px; padding:0 2px 0 0;}*/
.index div.left { float:left; width:217px; position: absolute; left:0; padding:0 2px 0 0;}
.index div.left h1 { background: #6b278a; color:white; margin-top: 5px; }
.index div.left h3 { margin:0 0 2px 0; }
.index div.left p { margin:0px; }
.index div.left a { text-decoration:none; color: #6b278a;}

.index div.left .items {display: none;}
.index div.left .items { background-color:#eee7f2;  padding:10px 10px 10px 10px; height: 428px; }
.index div.left .items h1 { background: inherit; color: black;}
.index div.left .items div { background-color:#fff3a3; margin-bottom:10px; padding:5px; min-height:55px;}
.index div.left .items div:last-child { margin-bottom:0; }

.index div.middle { position: absolute; left: 222px; width:347px; }
/*.index div.middle { float:left; width:310px; blorder-left:1px solid #e5e5e5; blorder-right:1px solid #e5e5e5; padding:0 3px 0 3px;}*/
.index div.middle h1 { background: #6b278a; color:white; margin-top:5px; }
.index div.middle h4 { margin:0 0 2px 0; font-weight:normal; color:#6d7073; font-size:12px; }
.index div.middle .nieuws { padding: 10px 0;  background: #eee7f2; height: 428px;}
.index div.middle .item p { margin:0px; }
.index div.middle .item a { text-decoration:none; color:#582e74; }
.index div.middle .item a:hover { text-decoration:underline; color:#ffb400; }
.index div.middle .item:first-child a { font-weight:bold; }
.index div.middle .item { margin: 10px; }
.index div.middle .item:first-child h4 { color:#000; font-weight:bold; }
.index div.middle .last_child { padding-bottom:10px; }
.index div.middle .item div { background-color:#cedeed; padding:5px; min-height:55px;}
.index div.middle .nieuwslink { width:100%; text-align:right; text-transform:uppercase; margin: 12px -10px; }
.index div.middle .nieuwslink a { text-decoration:none; } 
      
.index div.right { position: absolute; left: 574px; width:383px; pasdding:0 0 0 2px; height:447px; }
/*.index div.right { float:left; width:383px; padding:0 0 0 2px; height:447px; }*/
.index div.right h1 { background: #6b278a; color:white; margin-top: 5px; }
.index div.right div.stadsdelen { background-color:#eee7f2; margin:0px; height:447px; width: 383px; }
/*.index div.right div.stadsdelen img {margin: 30px 0; padding: 0;}*/
.index div.right div.stadsdelen br { display:none; }
.index div.right div.stadsdelen a { display:block; position:absolute; text-decoration:none; font-weight: bold; color:#6b278a; font-weight:normal; font-size:11.7px; sletter-spacing: 1px; padding: 1px 4px; }
.index div.right div.stadsdelen a:hover { color:#ffb400 }
/*.index div.right div.stadsdelen div.iso { width:77px; height:63px; background:url('../gfx/iso9001hkz.gif'); position: absolute; right: 20px; bottom:10px;}*/

.index a#loosduinen { left:32px; top:178px }
.index a#segbroek { left:125px; top:159px }
.index a#haagse_hout { left:260px; top:187px }
.index a#leidschenveen { left:278px; top:282px }
.index a#ypenburg { left:240px; top:309px }
      /*
      .index a#loosduinen { left:39px; top:101px }
      .index a#segbroek { left:142px; top:113px }
      .index a#haagse_hout { left:291px; top:133px }
      .index a#leidschenveen { left:325px; top:254px }
      .index a#ypenburg { left:265px; top:280px }
            */
/* ================= */
/* = nieuwsarchief = */
/* ================= */
.archief .item { margin:0; padding:0;}
.archief .item h3 { margin:0; padding:0; float:left; margin-right:10px;}
.archief .item a { margin:0; padding:0; }


.clear {
  clear:both;
}
div#footer {
  position: absolute  ;
  width: 100%;
}