/* PAGE STYLES */
html { overflow:-moz-scrollbars-vertical; }
body { margin:0; padding:0; background:#003366; font:11px Verdana; color:#003366; }
div#wrapper { background:#003366; width:978px; min-height:888px; margin:20px auto; position:relative; }
/* INHOUD STYLES */
h1 { font-size:18px; color:#CC0033; font-family:Myriad Pro, Verdana; font-weight:normal; margin:0 0 1em 0;}
h2 { font-size:11px; color:#CC0033; font-family:Verdana; font-weight:bold; margin:1em 0 0 0; }
h3 { font-size:11px; color:#CC0033; margin:0 0 1em 0; }
h4 { font-size:11px; margin:0; padding:0; }
h5 { font-size:11px; color:#036; margin:0 0 1em 0; }
h6 { font-size:11px; color:#036; margin:0; font-weight:normal; }
p { line-height:2.8ex; margin:0 0 15px 0;}
a { text-decoration:none; color:#003366; }
a:hover { color:#CC0033; }
a:active, a:focus { outline:0; }
ul { list-style-type:disc; padding:0 0 0 12px; margin:0; }
ul li { margin:10px 0; }
img { border:0; }
img.right { float:right; margin-top:10px;}
table { border-collapse:collapse; margin-bottom:15px; }
iframe { border:1px solid #003366;}
/* ===== HEADER ===== */
div#header { height:100px; width:100%; margin:0; padding-top:39px; }
div#header div#logo a { width:314px; height:59px; float:left; background:url(../gfx/logo.png) no-repeat left top; text-indent:-5000px; margin:0 0 0 40px; }
div#header div#foto { width:411px; height:161px; z-index:25; position:absolute; right:20px; top:10px; background:url(../gfx/header_foto.png) no-repeat left top; text-indent:-5000px; }
/* language */
div#language { height:24px; margin-left:365px; }
div#language a { color:white; display:block; height:24px; width:24px; text-indent:-5000px; }
div#language a#nl { background:url(../gfx/nl.png) no-repeat left top; float:left; }
div#language a#uk { background:url(../gfx/uk.png) no-repeat left top; float:left; margin-left:4px;}
div#language a#de { background:url(../gfx/de.png) no-repeat left top; margin-left:56px; }
div#language a#nl:hover,
div#language a#de:hover,
div#language a#uk:hover { background-position:left -24px; }
div#language a#nl.selected,
div#language a#de.selected,
div#language a#uk.selected { background-position:left -48px; }
/* ====== MENU's ======= */
/* menu 1 */
div#menu1.extranet { display:none; }
div#menu1.internet { width:800px; display:block; }
div#menu1.extranet, div#menu2.extranet { display:none; }
div#menu1 { position:absolute; top:109px; left:40px;}
div#menu1 ul { border-top:1px solid white; margin:0; padding:0 0 0 5px; list-style-type:none; }
div#menu1 ul li { display:block; float:left; margin:0; background:url(../gfx/menu_border_wit.png) no-repeat left 6px;}
div#menu1 ul li a { color:white; display:block; padding:6px 10px 5px 10px; width:80px; text-align:center; font-family:Myriad Pro, Verdana; font-size:13px; }
div#menu1 ul li#het_product,
div#menu1 ul li#aktueel { background-image:none; }
div#menu1 ul li a:hover { background:url(../gfx/bg_menu1_hover.gif) no-repeat 2px top; text-decoration:none; }
/* menu pulldown */
div#menu1 li div.container { z-index:100; position:absolute; visibility:hidden; padding:20px 0 20px 0; overflow:hidden; top:26px; width:180px }
div#menu1 li div.container ul { display:block; z-index:101; position:absolute; left:0; top:0; margin-top:2px; padding:0; background:url(../gfx/transparant_70perc.png); text-transform:none; width:auto }
div#menu1 li div.container ul li { float:none; display:block; padding:0; margin:0; border:0; background:none; }
div#menu1 li div.container ul a { float:none; background-image:none; padding:5px 10px 5px 10px; color:#036; font-size:11px; }
div#menu1 li div.container ul a:hover,
div#menu1 li div.container ul a.selected { background:white; }
div#menu1 li div.container ul li ul { display:none }
/* menu2 */
div#menu2 { clear:both; padding:0 15px; margin-top:20px; /*display:none;*/ }
div#menu2.internet { clear:both; padding:0 15px; margin-top:20px; display:block; }
div#menu2 { clear:both; }
div#menu2 ul { border-top:1px solid #036; margin:0; padding:0 0 0 5px; list-style-type:none; }
div#menu2 ul li { margin:0; display:block; float:left; height:20px; padding-top:5px; }
div#menu2 ul li a { color:#003366; padding:0 10px 0 10px; margin:0; display:block; background:url(../gfx/menu_border_blauw.png) no-repeat right top; font-family:Myriad Pro, Verdana; font-size:13px; }
div#menu2 ul li a:hover { color:#888; }
div#menu2 ul li a.selected { color:#c03; }
div#menu2 ul li a#contact { background:none; }
/* ===== PAGE ===== */
div#page { float:left; width:918px; margin:0 0 0 40px; min-height:716px; padding:0; background:white; }
/* top foto */
div#top_foto { width:918px; height:183px; position:absolute; top:140px; left:40px; padding:0; }
div#top_foto img { width:918px; }
div.slideshow { height:183px; width:918px; }
div.slideshow { position:relative }
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 }
/* username */
div#user { display:none; }
/* content */
div#content { float:left; width:560px; min-height:500px; margin:0; padding:200px 30px 15px 30px; }
/* ===== RIGHT ====== */
div#right { width:247px; z-index:20; height:687px; padding:35px 20px 0 20px;
color:white; position:absolute; top:140px; right:30px; background:url(../gfx/bg_right.png) no-repeat left top; }
div#right h2 { color:white; margin-bottom:10px; }
div#right p { line-height:3.2ex; }
div#right a { color:white; }
div#right a:hover { color:#94cfff; }
div#right div#terug a { display:none; }
div#login { position:absolute; top:645px; right:20px; width:250px; }
div#login a { font-weight:bold; font-size:12px; }
/* ===== WITTE VLAKKEN RECHTS ===== */
/* vlak1 */
div#witvlak1 { z-index:25; width:265px; height:264px; padding:0 5px 10px 15px; background:url(../gfx/witvlak1_272.png) no-repeat left top; position:absolute; top:372px; right:31px; }
/*div#witvlak1 h2 { margin:0.4em 0 0 0;}*/
div#witvlak1 p { margin-bottom:10px; line-height:14px; }
div#witvlak1 h2 { margin:10px 0 0 0;}
div#witvlak1 a { float:left; display:block; width:130px; }
div#witvlak1 a.normal { float:none; display:inline; width:auto; color:#c03; text-decoration:underline; }
/* vlak2 */
div#witvlak2 { z-index:25; width:255px; height:98px; padding:5px 15px 5px; background:url(../gfx/witvlak2_93.png) no-repeat left top; position:absolute; top:650px; right:31px; }
div#witvlak2 p { margin:0; padding:0; }
div#witvlak2 a { margin:0; padding:0; }
/* ===== REDACTIE ===== */
div#redactie { width:260px; margin-left:627px; text-align:right; height:20px; margin-top:4px; }
div#redactie a { font-style:italic; margin:0; padding:0;}
/* ==== FOOTER ===== */
div#footer { position:absolute; top:718px; left:960px; }
div#footer a { display:block; width:17px; height:99px; background:url(../gfx/petranel.gif) no-repeat left top; text-indent:-5000px; }
/* ===== afwijkingen individuele pagina's ===== */
/* login */
body.login div#language a#nl { background-position:left -48px; }
body.login label { display:block; }
body.login input.text { height:15px; width:120px; border:1px solid #003366; margin-bottom:10px;}
body.login input.submit { position:relative; left:30px; top:1px; height:19px; border:1px solid #036; background-color:#036; font-size:11px; color:white; cursor:pointer;}
body.login div#errmsg { font-style:italic; color:#c03; margin-bottom:10px;}
/*body.login form.login div.onthouden { display:none; }*/
body.login div#menu2.extranet { display:block; }
body.login div#menu2.internet { display:none; }
body.login div#login,
body.login div#witvlak1,
body.login div#witvlak2 { display:none; }
/* contact / verkoop / bestuur */
div.contact { margin:0 30px 30px 0; min-height:122px; }
div.contact_algemeen { clear:both; }
div.contact p { font-weight:bold; }
div.contactpagina div#content p { margin:10px 0 0 0; }
div.contactpagina h4 { margin:0 0 2ex 0; clear:both; }
/* de telers */
div#content div.de_telers table { margin-bottom:20px; border:0; }
div#content div.de_telers table th { height:22px; text-align:left; font-weight:normal; color:white; width:180px; border:0; }
div#content div.de_telers table th.c1 { padding-left:2px; }
div#content div.de_telers table td { height:20px; padding:0; margin:0; border:0; }
div.de_telers div.rood table th { background:#CC0033; }
div.de_telers div.geel table th { background:#fae84b; }
div.de_telers div.groen table th { background:green; }
div.de_telers div.oranje table th { background:orange; }
div.de_telers div.grijs table th { background:#999; }
/* de verkoop */
body#verkoop .foto { float:right; width:120px; text-align:center; margin-left:15px; }
body#verkoop .contact img { float:left; margin:0 10px 0 0; padding:0; }
/* ===== UK - DE ===== */
body.uk div#login { display:none; }
body.de div#login { display:none; }
/* ==== afwijkingen EXTRANET ===== */
body.extranet img { margin-right:8px; }
body.extranet div#language a#nl { background-position:left -48px; }
body.extranet div#user { display:block; width:300px; position:absolute; top:200px; left:70px; font-weight:bold; }
/* slideshow */
body.extranet div#top_foto,
body.extranet div.slideshow { display:none; }
/* top menu */
body.extranet div#menu2.extranet { display:block; }
body.extranet div#menu2.internet { display:none; }
body.extranet div#menu1 { top:110px; }
body.extranet div#menu1 ul { padding:0 0 0 0px; }
body.extranet div#menu1 ul li a { width:65px; }
body.extranet div#menu1 li div.container ul { background:url(../gfx/transparant_50perc_blauw.png); }
body.extranet div#menu1 li div.container ul a { color:white; }
body.extranet div#menu1 li div.container ul a:hover,
body.extranet div#menu1 li div.container ul a.selected { color:#CC0033;}
/* page / content */
body.extranet div#page { background-image:none; }
body.extranet div#content { min-height:600px; padding-top:100px;}
/* right */
body.extranet div#right { background-image:url(../gfx/bg_right_extra.png); }
body.extranet div#right a:hover { text-decoration:underline; color:white;}
body.extranet div#right div#terug a { display:block; position:absolute; padding:10px 0 0 40px; right:1px; top:641px; font-weight:bold; color:white; width:104px; height:26px;}
body.extranet div#right div#terug a:hover { background:url(../gfx/bg_terug.png) no-repeat left top;}
body.extranet div#witvlak1 { color:#CC0033; padding-top:15px; }
body.extranet div#witvlak2 { display:none; }
body.extranet div#login { display:none; }
/* redactie */
body.extranet div#footer { bottom:30px; }
/* pdf bestanden met plaatje */
body.extranet a.pdf { background:url(../gfx/pdf25x25.gif) no-repeat left top; display:block; /*height:22px;*/ padding:8px 0 0px 30px; margin:2px 0 0 0; }
/* ===== afwijkingen individuele pagina's EXTRANET ===== */
/* documenten */
body.extranet div.documenten div.doc_links { float:left; width:280px; }
body.extranet div.documenten div.doc_rechts { margin-left:280px; }
body.extranet div.documenten h4 { margin-bottom:10px; }
body.extranet div.documenten p { margin:0; padding:0; }
body.extranet div.documenten br { display:none; }
body.extranet div.documenten p a { display:block; background:url(../gfx/pdf.gif) height:25px; padding:10px 0 0 40px; margin:0 0 5px 0;}
body.extranet div.documenten p a.meer_items { background-image:none; margin-bottom:30px; }
/* bestuur */
body.extranet div.bestuur img { margin-right:18px; }
body.extranet div.bestuur h4 { margin-bottom:2ex; }
/* agenda */
body#aktueel div.bovenschrift { margin:0 0 0 390px; }
body#aktueel div.formulier p em { width:60px; display:block; text-align:center; float:left; margin-right:10px;}
body#aktueel div.formulier h4 { margin-top:15px; clear:both; }
body#aktueel form label { width:400px; display:block; float:left; padding-top:4px; }
body#aktueel form input.text { width:30px; margin-bottom:4px; border:1px solid #003366; padding:3px; }
body#aktueel form input#checkbox { float:right; margin:0 50px 0 0; padding:0; border:0; position:relative; top:-27px; }
body#aktueel form input.submit { border:0; background:#003366; color:white; margin:10px 0 0 468px; padding:3px; cursor:pointer; }
/* marktinformatie */
div.marktinformatie table th,
div.marktinformatie table td { width:100px; text-align:center; border:1px solid #003366; }
/* =========== */
/* = ENQUETE = */
/* =========== */
body#enquete div#menu1,
body#enquete div#language,
body#enquete div#top_foto,
body#enquete div#foto,
body#enquete div#right,
body#enquete div#witvlak1,
body#enquete div#witvlak2,
body#enquete div#footer,
body#enquete div#user,
body#enquete div#menu2 { display:none; }
body#enquete div#page { background:white; width:650px; min-height:300px; }
body#enquete div#content { padding-top:30px; width:650px; /*background:yellow;*/ margin-bottom:15px; }
body#enquete div#wrapper { margin-bottom:15px; }
body#enquete form { /*background:yellow;*/ width:620px; }
body#enquete form h4 { margin:0 0 5px 0; width:330px; }
body#enquete form h5 { font-weight:normal; font-style:italic; margin:15px 0 15px 0; }
body#enquete form h6 { margin:0 0 0 330px; }
body#enquete form h6 span { width:15px; display:block; float:left; margin-right:13.1px; font-weight:normal; text-align:center;}
body#enquete form label { width:328px; display:block; float:left; /*background:green;*/ margin-top:8px;}
body#enquete form input { border:0; border-bottom:1px solid #003366; height:13px; padding:0; margin:0 0 5px 0; }
body#enquete form div.top label { margin:0; }
body#enquete form div.radio { clear:both; }
body#enquete form span.radio_label { display:none; }
body#enquete form input.radio { margin:10px 7.9px 0 0; width:20px; /*background:green;*/}
body#enquete form label.textarea { float:none; }
body#enquete form textarea { margin:5px 0 15px 0; width:595px; color:#888; }
body#enquete form input.submit { border:1px solid #036; background-color:#036; color:white; cursor:pointer; padding:3px 10px; height:20px; }
body#enquete div#error { background:#CC0033; color:white; font-weight:bold; padding:3px 10px; margin-bottom:10px; }
body#enquete div.bedankt a { text-decoration:underline; }
/* ============================ */
/* = PRODUCTIE 2010 formulier = */
/* ============================ */
form.productie2011 { width:400px; /*background-color:yellow;*/ }
form.productie2011 h6 { font-weight:bold; font-style:italic; margin:15px 0 15px 0; }
form.productie2011 h6 span { width:100px; display:block; float:left; margin-right:15px; font-weight:normal; text-align:center; }
form.productie2011 input { width:100px; margin:0 15px 10px 0; border:1px solid #036;}
form.productie2011 input.areaal1,
form.productie2011 input.kleur1,
form.productie2011 input.areaal2,
form.productie2011 input.kleur2,
form.productie2011 input.areaal3,
form.productie2011 input.kleur3,
form.productie2011 input.areaal4,
form.productie2011 input.kleur4 { float:left; }
form.productie2011 div.top label { display:block; float:left; width:100px; }
form.productie2011 div.top input { border:0; border-bottom:1px solid #003366; height:13px; width:200px; padding:0; margin:0 0 5px 0; }
form.productie2011 input.submit { border:1px solid #036; background-color:#036; color:white; cursor:pointer; padding:3px 10px; height:20px; }
form.productie2011 div.error { margin-bottom:10px; color:#c03; }
/* ========================= */
/* = Bestellijst formulier = */
/* ========================= */
form.bestellijst label { display:block; width:80px; float:left;}
form.bestellijst label.empty { width:0; }
form.bestellijst input.text { float:left; width:70px; margin:0 15px 10px 0; border:1px solid #036; }
form.bestellijst input.right { float:none; margin-left:15px;}
form.bestellijst input.submit { margin:10px 0 0 80px; }
form.bestellijst h6 { font-weight:bold; margin:0 0 8px 100px; height:20px; }
form.bestellijst h6 span { width:100px; display:block; float:left;}
input.file { display:block; margin:20px 0; width:300px;}
form textarea { width:300px; height:90px; display:block;}
label.static, label.upload { display:block; float:left; width:100px; }