/* PAGE STYLES */
body { margin:0; padding:0; font-family:Arial; background:url(../gfx/bg_body.gif) repeat-x left top; color:#5a5a5a; font-size:14px; }
div#webetui_body { background:url(../gfx/bg_body.gif) repeat-x left top; min-height:500px; }
div#wrapper { margin:0px auto; width:950px; position:relative; }

h1 { color:#1d5da7; font-size:24px; font-family:Georgia; font-weight:normal; margin:0 0 0.6em 0; }
h2 { color:#1d5da7; font-size:18px; font-family:Georgia; font-weight:normal; margin:0 0 0.6em 0; }
h3 { color:#1d5da7; font-size:14px; font-weight:bold; margin:0 0 0.2em 0; }
h4 { color:#1d5da7; font-size:14px; font-weight:normal; background:#e5eff7; padding:4px 5px 3px; }
a  { color:#1d5da7; outline:0; }
div#webetui_body div.editable a { color:#1d5da7; }

div.kolom { width:28%; float:left; margin:0 2% 0 2%;}

div.full { display:none; }
body.index div.full { display:block; }

body.kinderen_0_12 a   { color:#fc8320; }
body.jongeren_13_20 a  { color:#358ea6; }
body.volwassenen_21_ a { color:#87cf0b; }
body.senioren_55_ a    { color:#45467f; }
a:hover { color:#5a5a5a; }
p { margin:0 0 1em 0; font-size:14px; }
ul, ol { padding:0 0 0 12px; margin-top:0; }

/* kader */
.kader { background:#e5eff7; color:#1d5da7; padding:0 10px 0 10px; margin-bottom:5px;}
.kader p { padding:10px 0;}
body.kinderen_0_12 .kader   { background:#fedabc; color:#fc8320; }
body.jongeren_13_20 .kader  { background:#c0d8df; color:#358ea6; }
body.volwassenen_21_ .kader { background:#dbf1b5; color:#87cf0b; }
body.senioren_55_ .kader    { background:#b5b5cc; color:#45467f; }

/*intro kleuren */
/*.intro { color:#5a5a5a; font-size:16px; border:1px solid red; font-weight:normal; font-style:italic; clear:both; background:#c0d8df; /*margin-bottom:5px; padding:10px; }
.intro p { background:url(../gfx/bg_intro_bottom_paars.gif) no-repeat left bottom; border:1px solid green; }*/
/*body.kinderen_0_12 .intro   { background-image:url(../gfx/bg_intro_geel.gif); }
body.jongeren_13_20 .intro  { background-image:url(../gfx/bg_intro_oranje.gif); }
body.volwassenen_21_ .intro { background-image:url(../gfx/bg_intro_groen.gif); }
body.senioren_55_ .intro    { background-image:url(../gfx/bg_intro_blauw.gif); }*/

/* kleuren h1 + h2 per doelgroep */
body.kinderen_0_12 h1, body.kinderen_0_12 h2,
body.kinderen_0_12 h3,body.kinderen_0_12 h4 { color:#fc8320; }
body.kinderen_0_12 h4 { background:#fedabc; }
body.jongeren_13_20 h1, body.jongeren_13_20 h2,
body.jongeren_13_20 h3, body.jongeren_13_20 h4 { color:#358ea6; }
body.jongeren_13_20 h4 { background:#c0d8df; }
body.volwassenen_21_ h1, body.volwassenen_21_ h2,
body.volwassenen_21_ h3, body.volwassenen_21_ h4 { color:#87cf0b; }
body.volwassenen_21_ h4 { background:#dbf1b5; }
body.senioren_55_ h1, body.senioren_55_ h2,
body.senioren_55_ h3, body.senioren_55_ h4 { color:#45467f; }
body.senioren_55_ h4  { background:#b5b5cc; }

/* MENU STYLES */
div.menu    { font-size:14px; font-family:Georgia, serif; }
div.menu ul { padding:0; margin:0; }
div.menu li { /*display:block;*/ float:left; list-style-type:none;  }
div.menu a  { display:block; /*float:left;*/ color:white; text-decoration:none; }

/* ===== MENU ALGEMEEN ===== */
div#menu1 ul { padding:3px 0 0 0; margin:0; }
div#menu1 li { background:url(../gfx/bg_nav_lijn.gif) no-repeat right 2px; position:relative; }
div#menu1 li#contact { background:none; }
div#menu1 a  { padding:0 8px 3px 5px; }
div#menu1 a:hover, div#menu1 a.selected { background:url(../gfx/nav_pijl_wit.gif) no-repeat center 15px; }

/* menu pulldown */
div#menu1 li div.container       { z-index:1000; position:absolute; visibility:hidden; padding:20px 0 20px 0; overflow:hidden; top:24px; width:180px; /*border:1px solid red;*/ }
div#menu1 li div.container ul    { display:block; z-index:101; position:absolute; left:0; top:0; margin-top:0px; padding:0; background:#1d5da7; text-transform:none; border-bottom:2px solid white;/*width:auto*/ }
div#menu1 li div.container ul li { float:none; display:block; padding:0; margin:0; border:0; background:none; }
div#menu1 li div.container ul a  { float:none; background-image:none; padding:3px 8px 3px 12px; }
div#menu1 li div.container ul a:hover,
div#menu1 li div.container ul a.selected { background:white url(../gfx/nav_pijl_algemeen_blauw.gif) no-repeat 5px 50%; color:#1d5da7; }
div#menu1 li div.container ul li ul { display:none }

/* ===== HEADER ===== */
div#logo a { /*clear:left;*/ display:block; background:url(../gfx/logo.png) no-repeat left top; width:212px; height:96px; margin-top:40px; text-indent:-5000px; }
div#zoek { position:absolute; top:65px; left:680px; width:232px; height:29px; background:url(../gfx/zoekvak.png) no-repeat left top;  }
div#zoek .text   { border:0; margin:7px 0 0 10px; width:185px;}
div#zoek .submit { border:0; background:0; margin-left:4px; height:20px; width:20px; cursor:pointer; }

/* ===== MENU BUURTEN ===== */
div#menu2 { position:absolute; top:86px; left:215px; height:68px; background:url(../gfx/bg_nav_links.png) no-repeat left top; padding-left:13px; }
div#menu2 div#bg_rechts { float:left; height:68px; background:url(../gfx/bg_nav_rechts.png) no-repeat right top; padding-right:13px; }
div#menu2 p { float:left; margin:0 0 0 0; display:block; height:38px; padding:30px 2px 0 0; width:98px; color:white; background:url(../gfx/bg_nav_blauw.png) repeat-x left top; }
div#menu2 ul { float:left; height:68px; }
div#menu2 ul li { background:url(../gfx/bg_nav_groen.png) repeat-x left top; }
div#menu2 ul li a { height:38px; padding:30px 25px 0 25px; color:white; background:url(../gfx/bg_nav_lijn.gif) no-repeat right 32px;  }
div#menu2 ul li a#scheveningen_dorp { background:none; }
div#menu2 ul li a:hover,
div#menu2 ul li.selected a,
div#menu2 ul li a#scheveningen_dorp:hover { color:#87cf0b; background:url(../gfx/nav_pijl_groen.gif) no-repeat center 45px;  }
div#menu2 ul li.hover, div#menu2 li.selected { background:url(../gfx/bg_nav_selected.png) repeat-x left top; }

/* ===== PAGE ===== */

/* ===== MENU DOELGROEPEN ===== */
div#menu3 { position:absolute; top:201px; left:-20px; }
div#menu3 p.top { background:url(../gfx/bg_nav_top.png) no-repeat left top; color:white; width:156px; height:21px; margin:0; padding:17px 0 0 26px; }
div#menu3 p.bottom { background:url(../gfx/bg_nav_bottom.png) no-repeat left top; color:white; width:182px; height:23px; margin:0; padding:0; }
div#menu3 div.schaduw { background: url(../gfx/bg_nav_schaduw.png) repeat-y left top; }
div#menu3 ul { border-left:2px solid white; border-right:2px solid white; margin:0 0 0 10px; padding:0; width:158px; }
div#menu3 li { float:none; }
div#menu3 ul li#kinderen_0_12 { background:url(../gfx/bg_nav_hoek_links_geel.png) no-repeat left top; }
div#menu3 ul li a { border-top:1px solid white; padding:3px 0 3px 15px; margin:0; }

/* bg-kleuren menu */
div#menu3 ul li a#kinderen_0_12   { background:#fc8320; }
div#menu3 ul li a#jongeren_13_20  { background:#358ea6; }
div#menu3 ul li a#volwassenen_21_ { background:#87cf0b; }
div#menu3 ul li a#senioren_55_    { background:#45467f; }

div#menu3 ul li ul { border:0; margin:0; background:none;}

/* bg-kleuren submenu */
div#menu3 ul li#kinderen_0_12 ul li a   { background:#fda862; }
div#menu3 ul li#jongeren_13_20 ul li a  { background:#6da5b5; }
div#menu3 ul li#volwassenen_21_ ul li a { background:#abdd54; }
div#menu3 ul li#senioren_55_ ul li a    { background:#7c7da5; }

div#menu3 ul li#kinderen_0_12 ul li a:hover,
div#menu3 ul li#kinderen_0_12 ul li a.selected   { color:#fc8320; background:white url(../gfx/nav_pijl_menu3_oranje.gif) no-repeat 150px 8px; }
div#menu3 ul li#jongeren_13_20 ul li a:hover,
div#menu3 ul li#jongeren_13_20 ul li a.selected  { color:#358ea6; background:white url(../gfx/nav_pijl_menu3_blauw.gif) no-repeat 150px 8px; }
div#menu3 ul li#volwassenen_21_ ul li a:hover,
div#menu3 ul li#volwassenen_21_ ul li a.selected { color:#87cf0b; background:white url(../gfx/nav_pijl_menu3_groen.gif) no-repeat 150px 8px; }
div#menu3 ul li#senioren_55_ ul li a:hover,
div#menu3 ul li#senioren_55_ ul li a.selected    { color:#45467f; background:white url(../gfx/nav_pijl_menu3_paars.gif) no-repeat 150px 8px; }

/* ===== DOELGROEPFOTO ===== */
div#doelgroepfoto { height:130px; width:946px; margin-top:16px; display:none;}
body.kinderen_0_12 div#doelgroepfoto,
body.jongeren_13_20 div#doelgroepfoto,
body.volwassenen_21_ div#doelgroepfoto,
body.senioren_55_ div#doelgroepfoto { display:block; }


body.kinderen_0_12 div#groepsfoto,
body.jongeren_13_20 div#groepsfoto,
body.volwassenen_21_ div#groepsfoto,
body.senioren_55_ div#groepsfoto  { display:none; width:946px; height:130px; /*margin-top:16px;*/ position:absolute; top:155px; z-index:-10; background:url(../foto/groepsfoto.jpg) no-repeat left top; }
/* kinderen */
body.kinderen_0_12 div#groepsfoto { background-image:url(../foto/kinderen1.jpg); }
body#samenspel div#groepsfoto     { background-image:url(../foto/kinderen2.jpg); }
body#peuterspeelzalen_voorscholen div#groepsfoto { background-image:url(../foto/kinderen3.jpg); }
/* jongeren*/
body.jongeren_13_20 div#groepsfoto { background-image:url(../foto/jongeren1.jpg); }
/* volwassenen */
body.volwassenen_21_ div#groepsfoto { background-image:url(../foto/volwassenen1.jpg); }
body#opvoedondersteuning div#groepsfoto   { background-image:url(../foto/volwassenen2.jpg); }
/* senioren */
body.senioren_55_ div#groepsfoto      { background-image:url(../foto/senioren2.jpg); }

/* ============= */
/* = Formulier = */
/* ============= */
form#formulier div.kader { padding:20px; }
form#formulier label { font-size:12px; display:block; margin:0 0 2px;  }
form#formulier input.text { border:1px solid #1d5da7; width:300px; font-size:13px; display;block; margin:0 0 16px;}
form#formulier textarea { width:300px; font:13px Arial; border:1px solid #1d5da7; margin:0 0 16px; }
form#formulier div.radiogroup { margin-bottom:16px; font-size:12px;}

/* ===== CONTENT ===== */
div#content { margin-top:50px; }


/* links */
div#content { margin-left:170px; }
div#content div#links { width:550px; float:left; }
/* rechts */
div#content div#rechts { width:200px; margin:0px 0 0 740px; margin-left:577px; }
div#content div#rechts img { margin:10px 0; }

/* ====== VERSCHILLENDE PAGINA'S ====== */

/* ===== ZOEKEN ===== */
body.zoek h5 { color:#1d5da7; font-size:14px; margin:0; }

/* ===== SLIDESHOW ===== */
div.slideshow { position:relative; }
div.slideshow img { position:absolute; top:0; left:0; z-index:8 }
div.slideshow img.bovenop { z-index:10 }
div.slideshow img.erachter { z-index:9 }

ul.acties    { padding-top:153px; list-style-type:none; width:190px; }
ul.acties li { display:none; }
ul.acties li.bovenop { display:block; }

/* ===== HOME PAGE ===== */
body.index div#groepsfoto { display:none; }
body.index div#content img { float:right; margin-left:20px; }

/* ===== ACTIVITEITEN ===== */
div.activiteit strong { display:block; width:100px; font-weight:normal; float:left; }

/* ===== GOOGLE MAPS ===== */
div#map { height:400px; margin:0 0px 0px 0; border:1px solid #7f8083; margin-bottom: 15px; }