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

div#wrapper1, div#wrapper2 { width:1000px; margin:0 auto; }
div#wrapper1 { position:relative; }
div#header { height:120px; background-image:url(../gfx/header/foto1.jpg); position:relative; z-index:1; margin-top:0px; }
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:30px 200px; border:1px solid #ccc; border-bottom:0; border-top:0; }

h1 { font-style:normal; 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: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 }

/*div#webetui_body div#page { display:none;}*/

/* 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  }

/* breadcrumb */
div#breadcrumb { height:30px; position:absolute; }
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 }

/* menu */
div#menu { position:relative; z-index:100; background:url(../gfx/menu_bg.jpg) no-repeat; height:35px }
div#menu p { margin:0 0 5px 0; padding:10px 0 5px 20px; font-size:12px; font-weight:bold; }
div#menu a { color:#571c7b; text-decoration:none; }
div#menu a:hover { color:#ff7300; }

/* linker */
div#linker { position:absolute; width:190px; top:220px; left:0px }
div#linker h1 { background-image:url(../gfx/h1_190.gif); margin-bottom:8px; font-style:normal; }
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 }

/* steunmenu */
div#steunmenu li.selected ul li ul a.selected,
div#steunmenu li.selected ul li ul a:hover { background-position:2px -47px;}
div#steunmenu li.selected ul li a { float:none; padding:2px 0; background:none }
div#steunmenu 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 }

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 }

/* rechts */
div#rechts { float:right; width:190px; margin-top:0px; }
div#rechts h1 { background-image:url(../gfx/h1_190.gif); margin-bottom:8px }
div#rechts ul { padding:0; margin:0 0 25px 10px }
div#rechts ul li { display:block; padding:6px 0; border-bottom:1px solid #ccc }
div#rechts ul li a { font-weight:bold; text-decoration:none; font-size:90%; display:block; padding:2px 0 }
div#rechts ul li a.selected { color:#ff7300 }

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 }


/* footer */
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% }

/* 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;}

/* 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 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;}

/* 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 }

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 }

/* 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 }
div.slideshow img.bovenop { z-index:10 }
div.slideshow img.erachter { z-index:9 }