/* CSS stylesheet - Politiekeurmerk */

body {
	margin:0 0 20px 0px; padding:0;
	font-family:Arial, Verdana, sans-serif;
	font-size: small; 
	color: #003082;
  background:white;
  background-position:20px 0 ;
}
div#webetui_body { margin:0; padding:0 20px 20px 20px }
div#wrapper { width:945px; min-height:520px; padding-bottom:60px; position:relative; margin:0 auto; background:white url(../gfx/bg.gif) repeat-y;}

div#header { padding:20px 0 0 0;  background:white; position:relative;}
div#header p { margin:0; padding:0; background-image:url(../gfx/bg.gif);}
div#header img { display:block; padding:2px 0 0 0; background:white; margin-left:215px; }
img#politiekeurmerk { position:absolute; display:block; left:41px; top:40px;}
img#ccv { position:absolute; display:block; left:44px; top:520px;}
div#page { margin:14px 210px 0 240px }

/* INHOUD STYLES */
h1 { font-size:1.8em; padding:0; margin:0 0 12px;	font-weight: normal; }
h2 { font-size:1.2em; padding:0; margin:0 0 8px; }
h3 { font-size:1em; padding:0; margin:0 0 4px; }
h4 { font-size:0.8em; padding:0; margin:0 0 2px; }
h5 { font-size:0.8em; padding:0; margin:0 0 2px; }
a { color:#003082; }
a:hover { color:black }
a:focus, a:active { outline:0; }
a img { border:0 }
ul { margin:0 0 1em 25px; padding:0;}
#page li { line-height:1.5em;}
p { margin:0 0 1.5em; line-height:1.5em; }
iframe { border:0; margin:0 0 10px 0; padding:0; }

/* MENU STYLES */
h2#menutitle { color:white; font:25px Arial; font-style:italic;  position:absolute; top:203px; padding:0 0 0 20px; width:177px; }

#menu1 { height:30px; }
#menu1 ul   { background:#7C4411 url(../gfx/header_bg.gif); background-repeat:no-repeat; height:30px; padding:0 0 0 215px; margin:0;  }
#menu1 li   { list-style-type:none; float:left; }
#menu1 ul a { color:white; background:#EE6900; text-decoration:none; height:20px; padding:5px 20px 5px; display:block; float:left; font:16px Arial; font-style:normal; font-weight:bold;  }

#menu1 ul a#consument { background:#edc009 }
#menu1 ul a#pkvw_erkend_bedrijf { background:#FF8500 }
#menu1 ul a#corporaties { background:#C75000; padding:5px 26px 5px;}
#menu1 ul a#gemeenten { background:#7C4411; padding:5px 26px 5px 28px;}

#menu1 li ul { display:none; position:absolute; height:auto; } 
#menu1 li.selected ul { display:block; position:absolute; width:155px; padding:44px 5px 20px 25px; left:760px; top:270px; background:#D6D7D9 url(../gfx/arrows.png) repeat-y;}
#menu1 li.selected ul li { list-style-type:disc; float:none; margin:0 0 0px 0; padding:0; line-height:20px;  }
#menu1 li.selected ul a { float:none; background:none; height:auto; font:13px Arial; color:#003082; padding:0; margin:0; line-height:20px;}
#menu1 li.selected ul a:hover,
#menu1 li.selected ul a.selected { color:black;}

#menu2 { position:absolute; left:0px; top:250px; min-height:218px; padding:22px 22px 22px 22px; background-image:url(../gfx/arrows.png); background-repeat:no-repeat;}
#menu2 ul { margin:0; padding:0 0 0 20px;}
#menu2 li { color:white; margin:0; padding:0; line-height:20px;}
#menu2 a { color:white; font-size:13px; text-decoration:none ;}
#menu2 a:hover, #menu2 a.selected { color:#7381FF }
#menu2 li ul { display:none;}
#menu2 li.selected ul { display:block; position:absolute; height:auto; width:155px; padding:44px 5px 20px 25px; left:760px; top:25px; background:#D6D7D9 url(../gfx/arrows.png) no-repeat;}
#menu2 li.selected ul li { list-style-type:disc; margin:0 0 0px;color:#003082;}
#menu2 li.selected ul a { float:none; background:none; font:13px Arial; color:#003082; padding:0;}
#menu2 li.selected ul a:hover,
#menu2 li.selected ul a.selected { color:black;}

/* menutitle vor menu2 en menu1 */
#menu2 h2 { position:absolute; padding:0; margin:0; width:155px; left:770px; top:30px; z-index:100; font:17px Arial; line-height:17px; font-style:italic; color:#003082;}

/* BREADCRUMB */
div#breadcrumb { margin:10px 0 20px 0px  }
div#breadcrumb ul { margin:0; padding:0; list-style-type:none; font:11px Arial }
div#breadcrumb ul li { display:inline }
div#breadcrumb a { text-decoration:none; font-weight:normal }

/* FORMULIER */
form#formulier label { display:block; margin:0 0 4px;  }
form#formulier input.text,
form#formulier textarea { margin:0 0 12px 0; width:380px; border:1px solid #111C75; }
form#formulier input.submit { margin:8px 0 0 0px }
form#formulier div.radiogroup { margin:0 0 12px;}
form#formulier span.radio_label { display:block; height:20px; padding-top:3px; }
form#formulier input.radio { float:left;}

/* ZOEKEN */
form#zoeken { font-size:11px; position:absolute; width:180px; top:204px; left:774px }
form#zoeken input.text { display:inline; width:105px; padding:2px; border:1px solid #111C75; font-size:11px }
form#zoeken input.submit { font-size:11px; border:0; background:none; color:#003082; padding:0 0 3px; margin:0 0 0 3px; cursor:pointer }

a#print  { position:absolute; top:0px; left:-60px; display:block; width:16px; height:16px; background-image:urL(../gfx/print.gif); }
a#email  { position:absolute; top:0px; left:-40px; display:block; width:16px; height:16px; background-image:urL(../gfx/mail.gif); }

div.search_results em { color:#c75000; font-style:normal }
div.search_results p { font-size:85%; margin:0 0 12px; line-height:1.2em  }
div.search_results h5 { margin:0; padding:0; font-size:11px }

div#tableofcontent { font-size:85% }
div#tableofcontent ul { margin:0 0 1.5em; padding:0; list-style-type:none }

/* STAPPENPLAN - MENU 3 */
body div#stappenplan { display:none; }
body.stappenplan div#menu1 ul li ul { display:none; }
body.stappenplan div#menu2 h2 { display:none; }
body.stappenplan div#stappenplan { display:block; }

div#stappenplan { position:absolute; width:185; left:760px; top:270px; /*border:1px solid red;*/ cursor:pointer; }
div#stappenplan h2 { margin:0 0 10px 0; padding:0; }
div#stappenplan a { text-decoration:none; }
div#stappenplan ul { margin:0; padding:0; }
div#stappenplan ul li { width:203px; height:46px; list-style-type:none; padding:0; margin:0; }
div#stappenplan ul li a { background-image:url(../gfx/stap_blok_midden_blauw.gif); background-position:left top; background-repeat:no-repeat;  width:185px; height:45px; display:block; color:white; text-decoration:none; font-size:13px; padding:11px 0 0 12px; }
div#stappenplan ul li a#stap_1,
div#stappenplan ul li a#stap_1_c,
div#stappenplan ul li a#stap_1_p { background-image:url(../gfx/stap_blok_boven_blauw.gif); }
div#stappenplan ul li a#stap_5,
div#stappenplan ul li a#stap_5_c,
div#stappenplan ul li a#stap_5_p { height:36px; background-image:url(../gfx/stap_blok_onder_blauw.gif); }

div#stappenplan ul li a:hover, 
div#stappenplan ul li.selected a { background-position:0px -46px; color:#111c75; }

div#stappenplan ul li a#stap_1:hover, div#stappenplan ul li a#stap_1_c:hover, div#stappenplan ul li a#stap_1_p:hover, 
div#stappenplan ul li.selected a#stap_1, div#stappenplan ul li.selected a#stap_1_c, div#stappenplan ul li.selected a#stap_1_p
{ background-position:0px -57px; }

/* terug knop/pijl */
div#stappenplan p.terug a { color:#111c75; background-image:url(../gfx/arrow_stappenplan.gif); display:block; text-decoration:none; background-position:top left; background-repeat:no-repeat; height:21px; padding:2px 0 0 35px; margin-top:20px; }
div#stappenplan p.terug a:hover { color:#d6d7d9; background-position:bottom left; }

/* formulier jubileum uigave */
div.jubileum_form form#formulier label { width:280px; clear:both; }

/*body#corporaties div#stappenplan p.terug a         { background-image:url(../gfx/arrow_stappenplan_corp.gif); color:#C75000; }
body#pkvw_erkend_bedrijf div#stappenplan p.terug a { background-image:url(../gfx/arrow_stappenplan_pkvw.gif); color:#ff8500; }
body#gemeenten div#stappenplan p.terug a           { background-image:url(../gfx/arrow_stappenplan_gemeente.gif); color:#7c4411; }
body#corporaties div#stappenplan p.terug a:hover,
body#pkvw_erkend_bedrijf div#stappenplan p.terug a:hover,
body#gemeenten div#stappenplan p.terug a:hover { background-position:bottom left; color:#edc009; }*/

/* gemeenten */
/*body#gemeenten div#stappenplan ul li a { background-image:url(../gfx/stap_blok_midden.gif); }
body#gemeenten div#stappenplan ul li a#stap_1 { background-image:url(../gfx/stap_blok_boven.gif); }
body#gemeenten div#stappenplan ul li a#stap_1:hover, 
body#gemeenten div#stappenplan ul li.selected a#stap_1 { background-position:0px -57px; }
body#gemeenten div#stappenplan ul li a#stap_5 { height:37px; background-image:url(../gfx/stap_blok_onder.gif); }
body#gemeenten div#stappenplan ul li a#stap_5:hover, 
body#gemeenten div#stappenplan ul li.selected a#stap_5 { background-position:0px -47px; }*/
/* corporaties */
/*body#corporaties div#stappenplan ul li a { background-image:url(../gfx/stap_blok_midden_corp.gif); }
body#corporaties div#stappenplan ul li a#stap_1_c { background-image:url(../gfx/stap_blok_boven_corp.gif); }
body#corporaties div#stappenplan ul li a#stap_1_c:hover, 
body#corporaties div#stappenplan ul li.selected a#stap_1_c { background-position:0px -57px; }
body#corporaties div#stappenplan ul li a#stap_5_c { height:37px; background-image:url(../gfx/stap_blok_onder_corp.gif); }
body#corporaties div#stappenplan ul li a#stap_5_c:hover, 
body#corporaties div#stappenplan ul li.selected a#stap_5_c { background-position:0px -47px; }*/
/* PKVW */
/*body#pkvw_erkend_bedrijf div#stappenplan ul li a { background-image:url(../gfx/stap_blok_midden_pkvw.gif); }
body#pkvw_erkend_bedrijf div#stappenplan ul li a#stap_1_p { background-image:url(../gfx/stap_blok_boven_pkvw.gif); }
body#pkvw_erkend_bedrijf div#stappenplan ul li a#stap_1_p:hover, 
body#pkvw_erkend_bedrijf div#stappenplan ul li.selected a#stap_1_p { background-position:0px -57px; }
body#pkvw_erkend_bedrijf div#stappenplan ul li a#stap_5_p { height:37px; background-image:url(../gfx/stap_blok_onder_pkvw.gif); }
body#pkvw_erkend_bedrijf div#stappenplan ul li a#stap_5_p:hover, 
body#pkvw_erkend_bedrijf div#stappenplan ul li.selected a#stap_5_p { background-position:0px -47px; }*/

body#nieuws #menu2 h2 { display:none; }
body#nieuws #menu2 li.selected ul { padding-top:18px;}

body#bedankt div#menu2 h2 { display:none; }