html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { font:small Arial; margin:0; padding:0; color:#535353 }

div#wrapper { width:1000px; margin:0 auto; position:relative; }
div#header { height:120px; background-image:url(../gfx/header/foto1.jpg); position:relative; z-index:1; }
img#logo { position:absolute; top:0; left:10px }
img#payoff { display:block; position:absolute; right:7px; bottom:7px }
img#logo_ie6, img#payoff_ie6 { display:none; }
div#page { padding:0px 8px 80px 10px; margin:0px 200px; border:1px solid #ccc; border-bottom:0; border-top:0 }

h1 { font-size:14px; margin:0 0 15px; padding:4px 0 5px 11px; text-transform:uppercase; color:white; background-image:url(../gfx/h1_580.gif); background-repeat:no-repeat; line-height:1.3em; }
h1.high { display:block; background-image:url(../gfx/h1_580high.gif);}
h2 { font-size:110%; margin:0 0 2px; color:#ff7300; clear:left; }
p  { margin:0 0 1.4em 0; }
a  { color:#571c7b; }
a img { border:0;}
a:hover { color:#ff7300 }
hr { color:white; border:0; border-bottom:1px solid #ccc; margin:12px 0 10px 0; margin:0; height:1px; display:none; }
div.intro { font-weight:bold }
p.datum { font-size:85%; color:#888 }
#page ul { margin:0 0 1.1em; padding:0 }
#page ul li { padding-left:16px; list-style-type:none; background-image:url(../gfx/bullet.gif); background-repeat:no-repeat; background-position:2px 6px; margin-bottom:0.2em }
#page ol  { margin:0 0 1em 28px; padding:0 }
#page ol li { margin-bottom:0.2em }
img.left { float:left; margin:0px 20px 10px 0;  }
img.right { float:right; margin:0 0 10px 14px }

/* table */
table { font-size:90%; margin:10px 0 30px 0px; }
th { text-align:left; background:#FB5B00; color:white; }
td { background:#ffefe6; }
td, th { padding:2px 10px; border:1px solid #FFF; border-bottom:0; border-left:0  }

/* formulier */
form.formulier h2 { background:#FB5B00; color:white; padding:2px 8px; font-size:90%; width:366px; }
form.formulier label { display:block; float:left; height:16px; padding:3px 8px; border-bottom:1px solid white; background:#ffefe6; width:180px;}
form.formulier input.text { display:block; width:180px; margin:0 0 4px;}
form.formulier select { display:block; width:180px; margin:0 0 4px;}
textarea { font:small Arial; width:180px;}
form.formulier input.submit { display:block; margin:10px 0 0 196px;}
form.formulier div.radio { height:26px; margin:4px 0 0;}
div.error { color:red; font-weight:bold; padding:3px 5px; margin:0 0 10px;}
div.bedankt { background:#ffefe6; color:#222; padding:8px 10px 8px 10px; margin:10px 0; font-weight:bold; line-height:1.5em;}

/* forum */
div.reactie { font-size:12px; background:#ffefe6; color:#571c7b; padding:4px 8px; margin-bottom:16px; position:relative;}
div.reactie h2 { color:#571c7b; font-weight:normal; font-size:12px; }
div.reactie h2 em { position:absolute; right:8px; }
div.forum form.formulier label { background:none; width:160px; }
div.forum form.formulier input.text { width:208px; border:1px solid #999; font-size:13px; margin-bottom:8px;}
div.forum form.formulier input.captcha { float:left; width:100px; margin-right:8px;}
div.forum form.formulier textarea { width:350px; margin-bottom:8px; border:1px solid #999; font-size:13px;}

/* enquete formulier */
div.enquete form.formulier label { float:none; height:auto; width:auto; text-indent:-15px; padding-left:25px;}
div.enquete form.formulier div.radio { height:auto }
div.enquete form.formulier div.radiogroup { margin:5px 0 10px 20px;}
div.enquete form.formulier div.checkboxgroup { margin:5px 0 10px 20px;}
div.enquete form.formulier input.radio { display:block; float:left; cursor:pointer;}
div.enquete form.formulier span.radio_label { display:block; height:20px;}
div.enquete form.formulier textarea { border:1px solid #ff7300; width:500px; height:100px; margin:10px 0 10px 20px;}
div.enquete form.formulier input.submit { margin:20px 0 0 20px; cursor:pointer;}
table.tevreden th { color:#535353; background:#ffefe6; padding:4px 10px;}
table.tevreden td { background:#EEE; padding:0;}
table.tevreden a  { text-decoration:none; display:block; padding:4px 10px; }
table.tevreden a.selected { color:white; background:#FF7300;}

/* menu */
div#menu { position:relative; z-index:100; background-image:url(../gfx/menu_bg.jpg); background-repeat:no-repeat; height:35px }
div#menu a { font-weight:bold; color:#571c7b; background-image:url(../gfx/menu_sep.gif); background-repeat:no-repeat; background-position:right }
div#menu>ul>li:last-child>a { background-image:none }
div.menu a {  }
div.menu ul { margin:0; padding:0 }
div.menu li { display:block; float:left;  list-style-type:none }
div.menu li ul { display:none }
div.menu a { font-size:90%; display:block; float:left; text-decoration:none; padding:10px 14px }
div#menu a:hover { color:white; background:#571c7b; }

/* menu pulldown */
div#menu li div.container { z-index:100; position:absolute; visibility:hidden; padding-bottom:4px; overflow:hidden; top:35px; width:180px  }
div#menu li div.container ul { display:block; z-index:101; position:absolute; left:0; top:0; padding:0px 0 0px 0; border:1px solid #CCC; border-bottom:0; background-image:url(../gfx/pulldown_bg.png); text-transform:none; width:auto }
div#menu li div.container ul li { float:none; display:block; padding:0; margin:0; border:0  }
div#menu li div.container ul a { float:none; border-bottom:1px solid #CCC; background-image:none; padding:4px 14px }
div#menu li.selected div.container ul li a { padding:4px 14px; }
div#menu li div.container ul li ul { display:none }

/* menu 2e niveau (met javascript in #linker gezet) */
div#linker ul { padding:0; margin:0 0 0 10px }
div#linker ul a {font-weight:bold; text-decoration:none; font-size:90%; display:block; padding:2px 0 }
div#linker ul a.selected { color:#ff7300 }
div#linker ul li { display:block; padding:6px 0; border-bottom:1px solid #ccc }
div#linker ul li ul { margin:0 }
div#linker ul li ul li { border:0; padding:0; list-style-type:none }
div#linker ul li ul a { padding-left:12px; font-weight:normal; background-image:url(../gfx/dash_submenu.gif); background-repeat:no-repeat; background-position:2px 5px; font-size:85%; }
div#linker ul li ul a:hover,
div#linker ul li ul a.selected { background-position:2px -46px;}

div#linker ul li ul li ul a { padding-left:32px; font-weight:normal; background:none; font-size:85%; }


body#dossiers div#linker ul li ul { display:none;}
body#dossiers div#linker ul li.selected ul { display:block;}
body#over_ons div#linker ul li ul { display:none;}
body#over_ons div#linker ul li.selected ul { display:block;}


/* menu 2e niveau (zonder javascript) */
div.menu li.selected ul { display:block; position:absolute; left:0; top:251px; width:190px; margin:0 0 0 10px; }
div.menu li.selected ul li { display:block; float:none; padding:6px 0; border-bottom:1px solid #ccc }
div#menu li.selected ul li a:hover { color:#ff7300 }
div.menu li.selected ul li ul { position:static; margin:0px; width:170px }
div.menu li.selected ul li ul li { border:0; padding:0 }
div#menu li.selected a.selected { color:#ff7300 }
div#steunmenu li.selected ul li ul a.selected,
div#steunmenu li.selected ul li ul a:hover,
div#menu li.selected ul li ul a.selected,
div#menu li.selected ul li ul a:hover { background-position:2px -47px;}

div#steunmenu li.selected ul li a,
div#menu li.selected ul li a { float:none; padding:2px 0; background:none }
div#steunmenu li.selected ul li ul a,
div#menu li.selected ul li ul a { padding-left:15px; font-weight:normal; background-image:url(../gfx/dash_submenu.gif); background-repeat:no-repeat; background-position:2px 4px; font-size:85%; }

div#steunmenu { padding:6px 0; height:23px }
div#steunmenu a { color:#ff7300; padding:4px 14px }
div#steunmenu a:hover, div#steunmenu a.selected { color:#571c7b }
div#steunmenu li ul a { font-weight:bold; color:#571c7b; float:none; padding:2px 0;}
div#steunmenu li ul a:hover, div#steunmenu li ul a.selected { color:#ff7300 }


/* breadcrumb */
div#breadcrumb { height:30px }
div#breadcrumb ul { margin:0; padding:6px }
div#breadcrumb li { display:inline; list-style-type:none; font-size:85% }
div#breadcrumb a  { text-decoration:none }

/* zoeken */
form#cse-search-box { padding:0 0 10px 0; margin:0 0 10px; border-bottom:1px solid #ccc; background:white url(../gfx/wit_bg.jpg) repeat-x; background-position:bottom }
form#cse-search-box input.text { display:block; float:left; width:150px; margin:0 5px 4px; border:1px solid #571c7b; }
form#cse-search-box input.submit { display:block; width:15px; height:15px; padding:0; border:0; background:none; background-image:url(../gfx/arrow.gif); background-repeat:no-repeat; background-position:0 0; cursor:pointer }
form#cse-search-box input.button { width:110px; margin-left:15px }
form#cse-search-box input.submit:hover { color:#ff7300; background-position:0 bottom }

div#fontsize { position:absolute; padding:0px 0 0 0; right:0px; color:#ff7300; font-weight:bold }
div#fontsize span { cursor:pointer; }
div#fontsize span.selected { text-decoration:underline }
span#small  { font-size:11px; padding-top:7px }
span#medium { font-size:14px; padding-top:4px }
span#large  { font-size:18px }

div#linker { position:absolute; width:190px; top:220px; left:0px }
div#linker h1 { background-image:url(../gfx/h1_190.gif); margin-bottom:8px }

div#rechts { float:right; width:190px;  font-size:11px }
div#rechts h1 { background-image:url(../gfx/h1_190.gif); }
div#rechts ul { padding:0 0 7px 15px; margin:0 0 10px; border-bottom:1px solid #ccc }
div#rechts ul li { margin:0 0 2px }
div#rechts img { display:block; margin:0 auto; border:0;}

div.button { background-image:url(../gfx/button.gif); padding:0 0 10px; border-bottom:1px solid #ccc; background-repeat:no-repeat; height:43px; margin:0 0 10px }
div.button a { color:white;font-size:14px; margin:0 0 15px; display:block; text-transform:uppercase; padding:5px 15px 0 11px; font-weight:bold; text-decoration:none }

div.banner { text-align:center; margin:15px 0 }

div#footer { border-top:1px solid #ccc; text-align:right; padding:10px; margin-bottom:10px; clear:both }
div#footer a { color:#AAA; padding-left:20px; text-decoration:none; font-size:85% }

/* agenda items */
div#agenda-items h2 { font-size:85%; margin:15px 0 }
div#agenda-items h3 { font-size:100%; color:#571c7b; font-style:italic; margin:0 0 4px 15px }
div#agenda-items p  { margin:0 0 1.5em 15px; line-height:1.4em }
div#agenda-items p.agendapagelinks { margin-left:0  }
div#agenda-items label { display:block; float:left; margin:0; color:#999; width:100px }

p.agendapagelinks { font-size:85%;}

p.agenda label { display:inline; margin:0; color:#777; width:96px }
p.agenda span.agenda { font-size:85% }

div.evaluatie { background:#ffefe6; margin:0 10px 10px 0; padding:4px 0 }
div.evaluatie span.blink { text-decoration:blink; font-weight:bold; }

form#agendazoek p { margin-left:0px }
form#agendazoek input { width:300px }
form#agendazoek input.submit { width:auto }

/* poll */
form.poll input.submit { margin-top:14px }

div.poll label { display:block; font-size:90%; padding:0; margin-bottom:2px; }
div.poll img   { display:block; float:left; margin-right:4px }
div.poll em    { display:block; font-style:normal; height:18px; padding:6px 0 0 0; font-size:85%  }

/* algemeen webetui css */
div.slideshow { position:relative; min-height:430px }
div.slideshow img { position:absolute; top:0; left:0; z-index:8; width:572px; display:none; }
div.slideshow img.bovenop { z-index:10; display:block; }
div.slideshow img.erachter { z-index:9; display:block; }

/*div#agenda_newitems { background:#ffefe6;border:1px solid #FF5600; border-right:1;border-left:0; padding:3px;margin-bottom:10px; }
div#agenda_newitems h2 { color:black; background:none; font-size:11px; font-weight:bold }
div#agenda_newitems a { margin:4px; display:block;font-size:85%; }
div#agenda_newitems em { font-style:normal; color:#FF5600 }
*/

/* formulier bestellen com middelen */
div.commiddelen form { width:500px; }
div.commiddelen form input.aantal { display:block; width:30px; margin:0 0 4px; }
div.commiddelen form input.floatleft { float:left; }
div.commiddelen form textarea { width:184px; }
div.commiddelen form div.comment { font-style:italic; height:24px; margin:4px 0 0 245px; font-size:11px; }