/*
   veiligheidshuizen.css
   YPOS8 - veiligheidshuize
   
   Created by Ronald Werring on 2013-01-03.
   Copyright 2013 YPOS internettoepassingen BV. All rights reserved.
*/
html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { font:small Verdana; margin:0; padding:23px 0 0 0; color:#3a3a3a; background:#f3f5f6 }
div#wrapper { position:relative; margin:0 auto; width:980px; background:white url(../gfx/bg_page.gif) repeat-y;  }
div#page { margin:0 158px 0 212px; min-height:800px; padding:0 0 60px }
div#footer { background:#f3f5f6  url(../gfx/footer.gif) no-repeat; padding-top:26px; text-align:right }

body.index div#page { margin-right:248px; margin-left:192px }
body.breed div#page { margin:0 11px }

body.right div#page { margin-right:248px; }

div#header { height:87px; padding:6px 6px 0 6px; background:white url(../gfx/bg-header.gif) no-repeat }
div#header h1 { position:absolute; text-indent:-100px; font-size:1px; overflow:hidden; top:42px; left:18px; width:288px; height:21px; background-image:url(../gfx/veiligheidshuizen.gif); }


div#header img { display:block; margin:20px auto 0 }
/*div#header img.hetccv  { position:absolute; right:20px; top:34px; }*/

h1, h2, h3, h4 { color:#559113 }
h1, h2, h3, h4 { color:#858a27 }
h1 { margin:0 0 0.7em;  font:15px Arial; font-weight:normal } 
h2 { font-size:100%; text-transform:uppercase; margin:0 0 0.5em }
h3 { font-size:100%; margin:0 0 0.5em }
h4 { font-size:85%; margin:0 0 0.5em }
p { font-size:90%; line-height:1.5em; margin:0 0 1.5em }
p em { font-style:normal; color:#838282; font-size:90% }
a { color:#858a27; text-decoration:none }
a:hover { text-decoration:underline }
a img { border:0 }
div#page ul { margin:0 0 1.5em; padding:0; position:relative }
div#page li { list-style-type:none; font-size:90%; margin:0 0 0.5em; padding-left:22px; line-height:1.5em; background:white url(../gfx/bullet.gif) no-repeat; background-position:2px 5px;  }

table { border:0; }
th { border:0; padding:4px; margin:0 1px 1px 0; font-size:85%; background:#a1a223; color:white }
td { border:0; padding:4px; margin:0 1px 1px 0; font-size:85%; background:#ececd3; vertical-align:top }

div.kader { border:1px solid #bcbfba; font-size:100%; padding:10px 12px 4px; margin:0 0 20px;}
div.kader h2 { font-size:105%;  }
div#page div.kader ul { margin-bottom:0; }

div.item { background-image:url(../gfx/border_bottom.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:10px; margin-bottom:20px  }

div.find div.intro { background-image:url(../gfx/border_bottom.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:10px; margin-bottom:20px }
div.find span.datum { color:#838282; font-size:81% }
div.find ul.date span.date { color:#838282; font-size:81%; }
div.find ul.date span.date:after { content:' - ' }
div#page div.find ul.date li { padding-left:0; background:none; text-indent:-68px; margin-left:68px; }
div#page div.right div.find ul.date li { text-indent:0; margin-left:0 }
div.pubdatum { display:none; color:#838282; font-size:81%; margin:0 0 1em 0 }

/* find intro with photo */
div.find a.find_item { display:block; position:relative; padding-left:104px; min-height:104px }
div.find a.find_item div.bgfoto { position:absolute; border:3px solid #ccc; background-repeat:no-repeat; left:0; top:0; width:88px; height:88px; background-color:#ccc; background-size:contain; background-position:center center }
div.find a.find_item p { color:#3a3a3a }
div.find a.find_item:hover p { text-decoration:none }

img.left { float:left; }
img.right { float:right; }

div#twtr-widget-1 { margin-top:-53px }

/* ======== */
/* = menu = */
/* ======== */
a#login { color:#535353; position:absolute; right:15px; top:-21px; font-size:85% }

ul.menuvoet { margin:4px 12px 20px 0; padding:0 }
ul.menuvoet li   { display:inline }
ul.menuvoet li a { color:#535353; margin:0 0 0 12px; font-size:85% }

div#menu   { position:relative;   height:53px; padding:30px 0 0 24px; background:white url(../gfx/bg_menu.gif) no-repeat; margin-bottom:31px }
div#menu h1 { position:absolute; left:19px; top:4px; color:#3A3A3A; font-size:17px; font-weight:bold }
div#menu h1 em { font-style:italic; font-weight:normal; color:#7A7A7A }
div#menu ul { margin:0; padding:0 }
div#menu li { list-style-type:none; display:block; float:left }
div#menu a  { color:#ecedd2; display:block; width:95px; padding:15px 0 10px 10px; float:left; text-decoration:none;  border-right:1px solid #6c701f }
div#menu a.selected, div#menu a.selected:hover { background:#ecedd2; color:#9fa52f }
div#menu a:hover { background:#d2d494;  }
div#menu li:last-child a { border-right:0 }

body.veiligheidshuizen div#menu ul.menu2 { display:none }
body.veiligheidshuizen.menubalk div#menu ul.menu2 { display:block }
body.veiligheidshuizen div.addthis { display:none }
body.veiligheidshuizen.sharebuttons div.addthis { display:block }

body.stappenplan-verstrekken-persoonsgegevens div#menu ul.menu2 { display:none }

body.aanpak-jihadisme div#menu ul.menu2 { display:none }
body.aanpak-jihadisme.menubalk div#menu ul.menu2 { display:block }
body.aanpak-jihadisme div.addthis { display:none }
body.aanpak-jihadisme.sharebuttons div.addthis { display:block }

body.informatie-uitwisselen-in-veiligheidshuizen div#menu ul.menu2 { display:none }
body.informatie-uitwisselen-in-veiligheidshuizen.menubalk div#menu ul.menu2 { display:block }
body.informatie-uitwisselen-in-veiligheidshuizen div.addthis { display:none }
body.informatie-uitwisselen-in-veiligheidshuizen.sharebuttons div.addthis { display:block }

body.informatieuitwisselen div#menu ul.menu2 { display:none }
body.informatieuitwisselen.menubalk div#menu ul.menu2 { display:block }
body.informatieuitwisselen div.addthis { display:none }
body.informatieuitwisselen.sharebuttons div.addthis { display:block }

body.informatiebehoefte-veiligheidshuizen div#menu ul.menu2 { display:none }
body.informatiebehoefte-veiligheidshuizen.menubalk div#menu ul.menu2 { display:block }
body.informatiebehoefte-veiligheidshuizen div.addthis { display:none }
body.informatiebehoefte-veiligheidshuizen.sharebuttons div.addthis { display:block }

body.monitor-zorg-en-veiligheidshuizen div#menu ul.menu2 { display:none }
body.monitor-zorg-en-veiligheidshuizen.menubalk div#menu ul.menu2 { display:block }
body.monitor-zorg-en-veiligheidshuizen div.addthis { display:none }
body.monitor-zorg-en-veiligheidshuizen.sharebuttons div.addthis { display:block }
body.monitor-zorg-en-veiligheidshuizen h1 {  text-align:center; color:white; position:relative; top:-65px; margin-bottom:0px;}
div.dashboard img { display:block; width:100%; }

div#menu li ul { display:none; }
div#menu li.selected ul { display:block; position:absolute; padding:0 0 0px 0; right:13px; top:83px; background:#ecedd4 }
div#menu li.selected ul a  { color:#858a27; text-decoration:none; display:block; float:left; border-right:1px solid #b2c79a; width:auto; padding:3px 12px 4px 12px }
div#menu li.selected ul li:last-child a { border:0 }
div#menu li.selected ul a.selected { color:white; background:#d1d398 }
div#menu li.selected ul a:hover { background:#d1d398 }

div#menulogin { position:absolute; left:13px; top:207px; width:160px }
/*body.index div#menulogin { top:207px }*/
div#menulogin ul { margin:0; padding:0 }
div#menulogin li { list-style-type:none }
div#menulogin a  { text-decoration:none; color:#858a27; background:#ecedd4; margin-bottom:1px; display:block; padding:6px 4px 6px 14px; float:left; width:136px; font-size:90% }

div#menulogin a.banner { background:white; margin:0 0 10px 0; padding:0 }
div#menulogin a.banner h2 { color:white; background:#9fa52f; text-transform:none; width:142px; height:38px; padding:4px 6px; font-weight:normal; font-size:100% }
div#menulogin a.banner h2 strong { font-size:134%; font-weight:normal }
div#menulogin a.banner:hover { background:none}

body.aanpak-jihadisme div#menulogin { display:none }
body.informatie-uitwisselen-in-veiligheidshuizen div#menulogin { display:none }
body.informatie-uitwisselen-in-veiligheidshuizen div#page { margin-right:80px; }
body.informatieuitwisselen div#menulogin { display:none }
body.informatieuitwisselen div#page { margin-right:154px; }
body.informatiebehoefte-veiligheidshuizen div#menulogin { display:none }
body.informatiebehoefte-veiligheidshuizen div#page { margin-right:154px; }

div.banners { position:absolute; left:13px; top:207px; width:160px }
div.banners a, body.index div.right a { display:block; width:137px; padding:145px 10px 5px 10px;  height:36px; margin:0 0 22px; color:white; background:#9fa52f; position:relative }
div.banners a img, body.index div.right a img { position:absolute; left:0; top:0;  }
div.banners br, body.index div.right br { display:none }
div.banners a#nieuwsbrief { padding-top:103px; margin-bottom:20px }
div.banners a#publicatie, body.index div.right a#publicatie  { padding-top:225px }


div#menulogin a:hover { background:#d1d398 }
div#menulogin li ul { display:none }
div#menulogin li.selected ul { display:block; margin-bottom:1px }
div#menulogin li.selected a { color:white; margin:0; background-color:#bbbd88 }
div#menulogin li li a { background:#d1d398; color:#858a27; }
div#menulogin li.selected li a { background:#bbbd88 url(../gfx/menu-bullet.gif) no-repeat; background-position:15px -188px; color:#858a27; width:124px; padding:0px 4px 6px 26px; font-size:85%; }
div#menulogin li.selected li a:hover { color:white }
div#menulogin li.selected li.selected a { color:white; background-position:15px -291px  }
div#menulogin a.arrow { background-image:url(../gfx/menu-bullet.gif); background-repeat:no-repeat; background-position:4px 10px }
div#menulogin a.selected.arrow { background-position:3px -88px }

div#menulogin img { display:block }

div#menuhuis { position:absolute; left:13px; top:207px; width:160px }
div#menuhuis ul { margin:0; padding:0 }
div#menuhuis li { list-style-type:none }
div#menuhuis a  { text-decoration:none; color:#858a27; background:#ecedd4; margin-bottom:1px; display:block; padding:6px 4px 6px 14px; float:left; width:136px; font-size:90% }
div#menuhuis a:hover { background:#d1d398 }
div#menuhuis li ul { display:none }
div#menuhuis li.selected ul { display:block; margin-bottom:1px }
div#menuhuis li.selected a { color:white; margin:0; background-color:#bbbd88 }
div#menuhuis li li a { background:#d1d398; color:#858a27; }
div#menuhuis li.selected li a { background:#bbbd88 url(../gfx/menu-bullet.gif) no-repeat; background-position:15px -188px; color:#858a27; width:124px; padding:0px 4px 6px 26px; font-size:85%; }
div#menuhuis li.selected li a:hover { color:white }
div#menuhuis li.selected li.selected a { color:white; background-position:15px -291px  }
div#menuhuis a.arrow { background-image:url(../gfx/menu-bullet.gif); background-repeat:no-repeat; background-position:4px 10px }
div#menuhuis a.selected.arrow { background-position:3px -88px }

div#menuhuis a#landelijk { position:absolute; left:786px; width:120px;  top:-83px; background:none; 
  color:#ecedd2; display:block; padding:8px 0 8px 15px; border-left:1px solid #6c701f  }
div#menuhuis a#landelijk:hover { background:#d2d494;  }


body.veiligheidshuizen div.banners { display:none }

div#page ul.menuboven {
  position:static; list-style-type:none; margin:0; padding:0; height:40px; margin:0 0 30px;
}

div#page ul.menuboven li { padding:0 }

ul.menuboven li a { display:block; padding:14px 20px; font-size:115%; float:left; color:#ecedd2; background:#a1a223; margin-right:1px }
ul.menuboven li a.selected { background:#ecedd2; color:#9fa52f }
ul.menuboven li a.selected:hover { background:#ecedd2; color:#9fa52f }
ul.menuboven li a:hover { background:#b2b334; text-decoration:none  }

/* ========== */
/* = popup2 = */
/* ========== */
body.popups div#content { width:auto }
div.modal { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) }
div.popup2 { position:absolute; top:374px; width:567px; padding:0; max-height:900px; background:white; box-shadow:0 0 10px rgba(0,0,0,0.6) } 
div.popup2 div.text { padding:20px }
div.popup2 div.text div.intro { background:white; padding:12px; margin:18px; font-size:115% }
div.popup2 div.text div.vlak { background:white; min-height:158px; width:181px; padding:12px 12px 2px 12px; margin:0 0 18px 18px; float:left}
div.popup2 div.text div.vlakk { background:white; min-height:114px; width:181px; padding:12px 12px 2px 12px; margin:0 0 18px 18px; float:left }
div.popup2 div.text h2 { margin:0 0 8px }
div.popup2 div.text p { margin:0 0 8px }
div.popup2 div.text ul { padding:0; margin:0 0 1.5em 20px; }
div.popup2 div.text li { font-size:90%; line-height:1.5em; }
div.popup2 h1 { margin:-20px -20px 20px -20px; color:white; background:#a1a222; padding:6px 20px; }
div.popup2 a.close { position:absolute; right:10px; top:5px }

/* ========== */
/* = popups = */
/* ========== */
div.popups { display:none; }

/*
div#menuhuis { position:absolute; padding:0 0 0 0; right:13px; top:176px; background:#ecedd4 }
div#menuhuis a { color:#858a27; text-decoration:none; font-size:90%; display:block; float:left; border-right:1px solid #b2c79a; padding:3px 45px 4px 12px }
div#menuhuis li:last-child a { border:0 }
div#menuhuis ul { margin:0; padding:0 }
div#menuhuis li { display:block; float:left; position:relative; list-style-type:none }
div#menuhuis li a.selected { color:white; margin:0; background:#bbbd88 }
div#menuhuis li.parent a.selected { color:#858a27; background:#bbbd88}
div#menuhuis a:hover, div#menuhuis li.parent a:hover { background:#d1d398 }

div#menuhuis li div.container { z-index:1000; position:absolute; visibility:hidden; padding-bottom:4px; overflow:hidden; top:22px; width:140px;  }
div#menuhuis li div.container ul { display:block; position:absolute; left:0; top:0; padding:0px 0 0px 0; border-bottom:0; background:#d1d398; text-transform:none; width:auto }
div#menuhuis li div.container ul li { float:none; display:block; padding:0; margin:0; border:0  }
div#menuhuis li div.container ul a { float:none; display:block; border-top:1px solid #b2c79a; background-image:none; padding:3px 14px 5px; width:105px; }
div#menuhuis li div.container a:hover,
div#menuhuis li div.container a.selected { color:white; background:#bbbd88  }
div#menuhuis li.selected div.container ul li a { padding:4px 14px; }
div#menuhuis li div.container ul li ul { display:none }
*/

/* menu rechts */
div#menu3 { position:absolute; right:20px; top:220px; }
div#menu3 ul { list-style-type:none; padding:0; margin:0;}
div#menu3 a { display:block; background:#ecedd4; color:#858a27; margin-bottom:1px; width:111px; padding:5px 4px 5px 14px; font-size:85%;}
div#menu3 a:hover { background:#d1d398; text-decoration:none; }
div#menu3 a.selected {  background:#bbbd88; color:white; }

/*body.home_login div#menu    { background-image:url(../gfx/bg_home_login.gif); }*/
/*body.home_login div#menu ul { display:none; }*/

form#zoeken { margin:0; padding:0; position:absolute; left:799px; top:6px }
/*
form#zoeken input.text { border:1px solid #b4b4b4; width:120px; font-size:11px; margin:0; padding:2px; color:#559113; display:inline }
form#zoeken input.submit { margin:0; padding:0; display:inline; border:0; background:white; color:#559113; font-style:italic; font-size:11px; cursor:pointer }
*/
form#zoeken input.text { border:1px solid #000; border-right:0; display:block; float:left; width:119px; padding:2px; margin:0; height:14px }
form#zoeken input.submit { border:1px solid #000; color:black; background:#ecedd4; display:block; float:left; margin:0; padding:0px 6px 2px 6px; width:44px; height:20px }

body.informatie-uitwisselen-in-veiligheidshuizen div.banners { display:none; }

/* =============== */
/* = formulieren = */
/* =============== */
form.login { margin:20px 0 }
input.text { font-size:11px; width:250px; padding:2px; border:1px solid #9fa52f; display:block; margin:0 0 12px }
select { width:254px; margin:0 0 12px; }
input.captcha { width:100px; float:left; margin:0 4px 0 0; }
img.captcha { width:100px; display:block; }
input.upload { display:block; margin:0 0 12px; }
textarea { display:block; font:11px Verdana; width:350px; height:150px; padding:2px; border:1px solid #9fa52f; display:block; margin:0 0 12px }
label { font-size:11px; float:left; display:block; width:140px  }
div.radio label { width:400px;}
input.submit { color:white; background:#9fa52f; border:0; font-size:11px; display:block; margin:20px 140px 40px; padding:2px 12px; cursor:pointer }
div.onthouden { font-size:9px; color:#b4b4b4; margin-left:120px }
div.error { color:#F00; margin:0 0 8px 120px; font-weight:bold; font-size:11px }
form h1 { margin:20px 0 1em 0; }
body.veiligheidshuis_gooienvechtstreek em { color:#000086; font-size:100%;}

/*body.index div.right, body.right div.right { position:absolute; top:260px; right:20px; width:210px; }*/
body.index div.right, body.right div.right { position:absolute; top:207px; right:50px; width:160px; }
body.right div.right { top:237px }
/*body.right div.right iframe { width:210px;}*/

/* ========= */
/* = zvhmb = */
/* ========= */
form.zvhmb label { display:block; width:350px; float:none; margin:0 0 5px; }
form.zvhmb input.text { width:350px; }
form.zvhmb select { width:350px; }
form.zvhmb input.submit { margin-left:0; }
form.zvhmb input.captcha { width:100px; float:none; }
form.zvhmb img.captcha { float:left; margin:0 3px 0 0; }
form.zvhmb span.radio_label, 
form.zvhmb span.checkbox_label { font-size:11px; }
form.zvhmb div.checkboxgroup div,
form.zvhmb div.radiogroup div { margin:0 0 4px; }
form.zvhmb div.radio,
form.zvhmb div.checkbox { margin:0 0 20px; }

div.uitklap label.checkbox { cursor:pointer; font-size:90%; margin:1px 0 0 0; background-color:#edecd3; background-image:url(../gfx/uitklap.png); background-repeat:no-repeat; background-position:right 7px; color:black; padding:4px 8px }
div.uitklap label.checkbox.expanded { background-position:right -36px; margin-bottom:8px; }

form.zvhmb div.uitklap div.checkbox      { margin-bottom:2px; }
form.zvhmb div.uitklap div.checkboxgroup { display:none; }
form.zvhmb div.uitklap div.toelichting   { display:none; }
form.zvhmb div.uitklap div.toelichting.expanded   { display:block; }
form.zvhmb div.uitklap div.checkbox.expanded div.checkboxgroup { display:block; }

/* =========================== */
/* = dag enquete uitnodiging = */
/* =========================== */
form.dag div.legenda { height:30px;}
form.dag div.legenda label { font-weight:bold; color:#559113;}
form.dag div.legenda label.left { width:167px; }
form.dag label { padding:3px 0 0 0;}
form.dag input.text { margin:0 0 12px;}
form.dag input.left { float:left; margin:0 12px 0 0;}

/* ========================= */
/* = dag enquete overzicht = */
/* ========================= */
form.dagoverzicht div.legenda { height:30px; }
form.dagoverzicht div.legenda label { width:120px; font-weight:bold; color:#559113; margin:0; padding:0; }
form.dagoverzicht div.legenda label.c2 { width:138px; }

form.dagoverzicht label { width:auto; padding-top:2px;}
form.dagoverzicht label.c1 { width:120px; padding:2px 0;}
form.dagoverzicht label.c2 { width:120px; padding:2px 3px; margin:0 12px 0 0; overflow:hidden;}
form.dagoverzicht div.legenda { height:30px;}
form.dagoverzicht div.legenda label { font-weight:bold; color:#559113;}
form.dagoverzicht div.row { height:42px;  }
form.dagoverzicht input.text { margin:0 12px 0 0; float:left; width:120px;}

body.overzicht_enquete_dag div#page { margin-right:20px;}

/* =============================== */
/* = selectiefunctie (dbprivacy) = */
/* =============================== */
body.gegevensuitwisseling div#page { margin-right:40px;}
div.selectiefunctie { height:138px; margin-bottom:30px; border:1px solid #BBB; padding:15px 20px 15px; }
div.selectiefunctie div { float:left; width:190px; padding-right:11px;  }
div.selectiefunctie div.c1 { width:190px;}
div.selectiefunctie div.c2 { width:200px;}
div.selectiefunctie div.c3 { width:200px;}
div.selectiefunctie div.c4 { width:115px; padding:0;}
div.selectiefunctie div h2 { font-size:11px; margin:0 0 10px;}
div.selectiefunctie div a { display:block; padding:4px 2px 4px 17px; font-size:11px; color:#444; text-decoration:none; background-image:url(../gfx/checkbox.gif); background-repeat:no-repeat; background-position:0 6px; }
div.selectiefunctie div a { outline:none }
div.selectiefunctie div a:hover { color:#559113; background-position:0 -31px; }
div.selectiefunctie div a.selected { color:#559113; background-position:0 -67px; }
div.selectiefunctie div a.zero { color:#999; cursor:default; background:none; }
div.selectiefunctie div a.zero:hover { color:#999; }

div.selectieresults div.intros h2 { font-size:13px; margin:0 0 0.5em;}

body.database-privacy a.dbprivacy { display:block; padding:3px 10px 3px 10px; float:right;color:white; background:#559113; border-radius:12px; text-decoration:none; font-size:11px; }

table.dbprivacy    { border-left:1px solid #bbb; border-top:1px solid #bbb; }
table.dbprivacy td, table.dbprivacy th { font-size:11px; vertical-align:top; text-align:left; padding:4px 8px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; }
table.dbprivacy th { color:#559113;}
table.dbprivacy td a { color:#337103;}
table.dbprivacy td div { color:#888; font-size:10px; width:80px; height:25px; padding:35px 0 0 0; background-image:url(../gfx/kwaliteit.gif); background-repeat:no-repeat; text-align:center; }
table.dbprivacy td.kwaliteit { padding:10px 0 0 0; }
div.groen  { background-position:25px   0   }
div.oranje { background-position:25px -90px }
div.rood   { background-position:25px -180px }
div.wit  { background-position:25px -270px }

/* =========== */
/* = addthis = */
/* =========== */
div.addthis { margin:20px 0 }

/* =========== */
/* = uitklap = */
/* =========== */
div.uitklap { margin:0 0 1.5em }
div.uitklap h3 { cursor:pointer; font-size:90%; margin:1px 0 0 0; background-color:#edecd3; background-image:url(../gfx/uitklap.png); background-repeat:no-repeat; background-position:right 7px; color:black; padding:4px 8px }
div.uitklap h3.expanded { background-position:right -36px; margin-bottom:8px; }
div.uitklap p,
div.uitklap ul { display:none; padding:0 8px;  } 
div.expanded p,
div.expanded ul { display:block }

/* ======================= */
/* = kaart van Nederland = */
/* ======================= */
div.nederland { width:500px; height:542px; position:relative; background-image:url(../gfx/nederland.gif); background-repeat:no-repeat; }
div.nederland a { position:absolute; width:10px; height:10px; background-image:url(../gfx/marker.png); background-repeat:no-repeat; }

/* =============== */
/* = publicaties = */
/* =============== */
div.publicaties { margin-right:-200px; }
div.publicaties:after { content:' '; clear:left; display:block }
div.publicaties p { width:200px; height:324px; float:left; margin:0 40px 40px 0 }
div.publicaties p img { display:block; margin:0 0 5px; border:1px solid #ecedd2 }

/* ============= */
/* = slideshow = */
/* ============= */
div.slideshow { position:relative; width:432px; height:253px; }
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 }
div.slideshow div.buttons   { display:none; }

div.plaatje { position:relative; }
div.popup { position:absolute;  left:300px; top:0px; width:400px; padding:15px 20px; font-size:85%; background:white; box-shadow:0 0 10px rgba(0,0,0,0.5); }
div.popup div.text h1 { font-size:125%; margin:0 0 0.5em; }
div.popup div.text h2 { font-size:100%; }
div.popup  a.close { position:absolute; right:10px; top:10px; text-decoration:none; font-size:20px;  } 
div.plaatje div.popup { width:500px; } 

/* ================= */
/* = cookiemelding = */
/* ================= */
div.cookiemelding {
  position:fixed; bottom:0; width:100%; background:#ecedd4; padding:15px;
}
div.cookiemelding h2 { width:920px; margin:0 auto 10px; }
div.cookiemelding p {
  width:920px; margin:0 auto; font:15px Arial; line-height:1.5em;
}

div.cookiemelding a.akkoord { float:right; color:white; text-transform:uppercase; background:#9fa52f; padding:10px; margin:0 400px 0 0;}

/* =============================================================== */
/* = verzendknop uitschakelen in stappenplan-persoonsbeveiliging = */
/* =============================================================== */

body.stappenplan-verstrekken-persoonsgegevens form#formulier input.submit { display:none; }
body.stappenplan-verstrekken-persoonsgegevens form#formulier label { width:auto; float:none; margin:0 0 4px; }body.stappenplan-verstrekken-persoonsgegevens form#formulier textarea { width:500px; }

/* ============================= */
/* = text <-> textarea, a.more = */
/* ============================= */
form#formulier a.more { display:block; position:relative; top:14px; width:10px; height:10px; left:342px; transition:transform 0.3s ease 0s; }
form#formulier a.more:before { content:' '; display:block; position:relative; width:2px;  height:10px; top:0px; left:4px; background:#9fa52f; }
form#formulier a.more:after  { content:' '; display:block; position:relative; width:10px; height:2px; top:-6px; left:0px; background:#9fa52f; }
form#formulier a.more:hover:before, &:hover:after { background:black }
form#formulier a.more.selected { transform:rotate(45deg) }