html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { font:medium Verdana; margin:0; padding:0; color:#757575 }
div#wrapper_full { min-width:1000px; background:white url(../gfx/header.jpg) no-repeat; background-position:center 0; }
div#wrapper { width:1000px; margin:0 auto; position:relative; }
div#page { padding:210px 0 80px 50px; width:726px; }
h1 { color:#2a667b; font:36px Arial Narrow; letter-spacing:0px; font-weight:normal; margin:0 0 20px 0 }
h2 { font:115% Arial; font-weight:normal; margin:20px 0 0.5em 0; color:#7a8726; }
h3 { font-size:80%; color:#2a667b; margin:30px 0 6px 0; font-weight:normal }
div#page h2 { padding:0 0 0 20px; background-image:url(../gfx/arrow_big.gif); background-repeat:no-repeat; background-position:0 3px }
p { font-size:100%; line-height:1.4em; margin:0 0px 1em 0 }
form { margin:0 }
p.small { font-size:80%; font-family:Arial }
p.medium { font-size:90% }
a { color:#7a8726 }
a img { border:0 }
div.left { float:left; margin-right:15px }
div#page img { display:block; float:right; padding:0 0 10px 20px; }
body#index p.small { width:504px }
body#index div.balk { width:504px }
/* menu */
div#menu { position:absolute; left:655px; top:106px }
div#menu ul { padding:0; margin:0; width:229px; height:64px; position:relative; }
div#menu ul li { list-style-type:none; display:block; position:absolute; width:229px; height:22px }
div#menu ul li a { display:block; padding:4px 0 0 30px; height:18px; color:white; font-size:12px; text-decoration:none; }
div#menu ul li a.selected { color:#8e9b33; background:white }
div#menu ul li a:hover { color:#2a667b }
div#menu li#het_landschap_thuisbezorgd { width:229px; }
div#menu li#het_nieuwe_water { top:21px; left:5px }
div#menu a#het_nieuwe_water { width:193px; padding-left:25px }
div#menu li#de_hapklare_natuur { top:42px; left:9px }
div#menu a#de_hapklare_natuur { width:186px; padding-left:21px }
/* topmenu */
div#topmenu { position:absolute; left:686px; top:10px; color:white; font-size:70% }
div#topmenu ul { margin:0; padding:0 }
div#topmenu ul li { display:inline }
div#topmenu a { color:white; text-decoration:none; padding:0 10px 0 0 }
div#topmenu a:hover, div#topmenu a.selected { color:#8e9b33 }
/* breadcrumb */
div#breadcrumb ul { margin:0 0 18px; padding:0 }
div#breadcrumb li { display:inline; color:#2a667b; list-style-type:none; font-size:70% }
div#breadcrumb a { color:#757575; text-decoration:none }
img#logo { position:absolute; left:0px; top:26px }
/* banner */
div#page div.banner { color:#2a667b; background-image:url(../gfx/banner.gif); background-repeat:no-repeat; width:133px; height:347px; padding:12px 7px 14px 11px; margin:30px 0; font-size:11px; }
div#page div.banner { margin:0 0px 10px 0px }
div#page div.banner h2 { color:#2a667b; font-size:22px; font-family:Arial Narrow; background:none; padding:0; margin:0 0 8px }
div#page div.banner p { margin:0 0 1em; line-height:1.3em }
div.right { float:right }
/* banner 2 */
div#page div.banner2 { color:#2a667b; background-image:url(../gfx/banner2.gif); background-repeat:no-repeat; width:133px; height:260px; padding:12px 7px 14px 11px; margin:30px 0; font-size:11px; }
div#page div.banner2 { margin:0 20px 10px 0px }
div#page div.banner2 h2 { color:#2a667b; font-size:22px; font-family:Arial Narrow; background:none; padding:0; margin:0 0 8px }
div#page div.banner2 p { margin:0 0 1em; line-height:1.3em }
div.right { float:right }
/* balk met aantal reacties en button */
div.balk { position:relative; font-size:70%; background:#d5e1e5; border:1px dotted #a5a9ab; border-left:0; border-right:0; margin:0 0 0px; padding:0 2px; }
div.balk p { margin:0; line-height:17px }
div.balk em { color:#2a667b; font-style:normal }
div.balk a { display:block; right:-4px; color:white; background-image:url(../gfx/button.gif); width:70px; height:21px; text-decoration:none; padding:3px 0 0 0; position:absolute; top:-3px; text-align:center }
div.balk a.big { width:130px; background-image:url(../gfx/button_big.gif); }
div.balk a.big:hover { background-position:0 -54px }
div.balk a:hover { background-position:0 -55px }
/* reacties */
div.reacties p { font-size:80% }
div.reacties h3 { position:relative }
div.reacties h3 strong { position:absolute; right:0; top:0px; font-size:85%; font-weight:normal }
div.reacties h3 a { text-indent:-100px; overflow:hidden; background-image:url(../gfx/rate_plus.gif); display:inline-block; width:13px; height:13px }
div.reacties h3 a.min { background-image:url(../gfx/rate_minus.gif) }
div.reacties h3 a:hover { background-position:0 -43px }
/* reactieformulier */
form#formulier { display:none; margin:0px 0 0 0; padding:18px; width:688px; background:#e9eff1; border:1px dotted #a5a9ab; border-top:0 }
form#formulier label { display:none }
form#formulier input.text,
form#formulier textarea { color:#28647b; border:1px solid #28647b; font:12px Verdana; padding:3px }
form#formulier div { display:inline }
form#formulier input.text { display:inline; width:206px; margin-right:8px }
form#formulier textarea { width:680px; height:228px; margin:18px 0 }
form#formulier input.submit { display:block; color:white; font:11px Verdana; border:0; width:70px; padding:4px 0 6px; background-image:url(../gfx/button.gif); background-repeat:no-repeat; cursor:pointer; position:relative; left:618px}
form#formulier div#error { display:block; font-size:80%; color:red; margin:0 0 8px }
div.bedankt { background:#d5e1e5; border:1px dotted #a5a9ab; border-top:0; padding:20px }
/*
form#formulier input.submit { display:block; line-height:12px; border:0; background-image:url(../gfx/button.gif); padding:5px 0 22px 0; width:70px; height:15px; color:white; font-size:12px; cursor:pointer; position:relative; right:0 }
*/
/* rechterkolom */
div#kolom { position:absolute; width:150px; top:256px; right:42px; font-size:70% }
div#kolom p { margin:0 0 14px 0; line-height:1.3em }
hr { color:white; border:0; border-bottom:1px solid #0f7994; margin:20px 0 }
div#kolom a { color:#7a8726 }
div#kolom h1 { font-size:170%; margin:0 0 10px }
div#kolom h3 { font-size:100%; color:#2a667b; font-weight:normal; margin:0 0 2px }
/* slideshow */
.slideshow { position:relative; width:150px; height:270px; overflow:hidden; margin-bottom:10px }
.slideshow div { background:white; z-index:8; height:320px; overflow:hidden; position:absolute; }
.slideshow div.active { z-index:10 }
.slideshow div.last-active { z-index:9 }
/* inzendingen */
div.item { font-size:70%; width:290px; min-height:150px; margin:0 0 30px 0; padding:0 40px 0 0; }
#page div.item img { float:left; padding:0; margin:0 20px 10px 0; }
div.item p { margin:0 }
div#page div.item h2 { padding:0; background:none }
div.kolom { width:330px; border-right:1px dashed #9fcbd1; }
div#kolom1 { float:left; width:330px }
div#kolom2 { margin-left:374px; padding-right:10px }
/* stuur in */
div.inzenden { padding:18px 1px 0; width:398px; background-image:url(../gfx/bg_form_top.gif); background-repeat:no-repeat; position:relative }
div.inzenden label { font-size:75%; display:block; float:none; width:100px; padding:3px 0 0 0; }
div.inzenden_bottom { float:right; width:400px; margin:0 0 0 0px; padding-bottom:42px; background-image:url(../gfx/bg_form_bottom.gif); background-repeat:no-repeat; background-position:bottom }
div.inzenden h1 { margin-bottom:0px; font-size:24px }
div.inzenden p { font-size:12px; margin:0 }
div.inzenden div.error { margin:0 0 3px }
div.inzenden input.submit { border:0; cursor:pointer; background:#0f7894; color:white; text-transform:uppercase; padding:2px 12px; margin:20px 0 }
div.bijdrage { margin:57px 50px 0 0 }
div.error { font-size:12px; color:red }
div#kiesfoto { background:#c7deda; background:white; padding:50px 30px 20px 30px; margin:0 0 20px }
div#kiesfoto input.text, div#kiesfoto textarea { width:140px;border:1px solid #c4c4c4; margin:0 0 5px 0 }
div#kiesfoto textarea { height:120px; font:12px arial }
/*
div#kiesfoto a#upload_foto { display block; position:relative; padding:2px 12px; background:#0f7894; color:white; text-transform:uppercase; overflow:hidden; cursor:pointer }
input#upload_file { position:absolute; cursor:pointer; opacity:0; filter:alpha(opacity=0); top:0px; height:21px; left:-125px; font-size:12px}
*/
div#keuzebeelden { width:150px; height:150px; float:left; margin-right:20px; overflow:hidden; position:relative; }
div#keuzebeelden img { position:absolute; float:none; margin:0; padding:0; left:0px; cursor:pointer }
div#keuzebeelden img.left { left:-150px }
div#keuzebeelden img.right { left:150px }
div#keuzebeelden h2 { display:none }
iframe { position:absolute; left:30px; top:168px }
div.padding { padding:0 30px; }
div#kiesfoto a#foto_left { position:absolute; left:18px; top:272px; width:14px; height:18px; background-image:url(../gfx/arrow_foto_left.gif); background-repeat:no-repeat; padding:0; background-position:0 0 }
div#kiesfoto a#foto_right { position:absolute; left:186px; top:272px; width:14px; height:14px; background-image:url(../gfx/arrow_foto_right.gif); background-repeat:no-repeat; padding:0; background-position:0 0 }
div#kiesfoto a#foto_left:hover, div#kiesfoto a#foto_right:hover { background-position:0 -43px }
input.text { width:300px; border:1px solid #c4c4c4 }
ul.radiogroup { margin:0px 0 18px 100px; padding:0; position:relative; top:-17px }
ul.radiogroup li { color:#0f7894; cursor:pointer; font-size:12px; list-style-type:none; display:block; height:11px; padding:3px 0 3px 17px; margin:0; line-height:14px; background-image:url(../gfx/radiobutton.gif); background-repeat:no-repeat; background-position:0 5px; }
ul.radiogroup li:hover { color:#b2d234 }
ul.radiogroup li.selected { background-position:0 -36px }