html { height:100%; }
body { height:100%; font:12px/17px Arial, "MS Trebuchet", sans-serif; background:#FFF url('../img/body_bg.png') repeat-y fixed top left; }
h1 { font: 3em/1em "Helvetica Neue LT Std", Arial, sans-serif; color:#98A66D; padding:63px 0px 30px 0px; font-weight:300; }
h2 { font: 1.5em/1em Arial, sans-serif; color:#5E5871; margin:25px 0px 25px 0px; font-weight:0; }
h3 { }
h4 { color:#98A66D; font-size:12px; font-weight:bold; }
p { }
a { color:#000; }
ul { }
li { }
small { display:block; clear:both; }
.sky { margin-top:0px; }
.ground { margin-bottom:0px; }
.clear { clear: both; }
p.fixed { width:665px; }

#content { padding:0px 0px 0px 325px; min-height:100%; overflow:hidden; }

/* ======== */
/* = LEFT = */
/* ======== */
#left { position: fixed; width:215px; background: transparent url('../img/left_bg.png') no-repeat top left fixed; height:530px; padding:35px; }
#left p { margin:35px 0px 35px 0px; color:#FFFFFF; }
#navigatie { margin:35px 0px 35px 0px; }
#navigatie li { font: 1.5em/2.2em "Helvetica Neue LT Std", Arial, sans-serif; font-weight:400; border-bottom:1px solid #5A5068; list-style:none; background:transparent url('../img/bullet_nav.jpg') no-repeat center right; }
#navigatie li.last { border-bottom:none; }
#navigatie li a, #navigatie li a:hover { text-decoration:none; color:#BDD576; }
#navigatie li a.inactive { color:#FFFFFF; }

/* =========== */
/* = SIDENAV = */
/* =========== */
#sidenav { float:left; width:145px; padding:64px 35px 45px 5px; margin:0px 40px 0px 0px; text-align:right; text-align:right; }
#sidenav strong { font-weight:bold; }
#sidenav ul { list-style:none; }
#sidenav li { font:0.9em/1.45em Arial, "MS Trebuchet", sans-serif; text-transform:uppercase; }
#sidenav li a { text-decoration:none; color:#5E5871; }
#sidenav strong { font:0.9em/1.45em Arial, "MS Trebuchet", sans-serif; display:block; color:#5E5871; text-transform:uppercase; margin:1.5em 0 0 0; font-weight:bold; width: 140px;  }
#mandje { font:0.9em/3.9em Arial, "MS Trebuchet", sans-serif; width:106px; height:42px; margin:1.5em 0em 0em 0em; padding:0em 0em 1.5em 0em; background: transparent url('../img/btn_mandje.jpg') no-repeat; float:right; color:#5E5871; text-transform:uppercase; font-weight:bold; text-decoration:none; text-align:left; }
#mandje_disabled { width:106px; height:0; margin:1.5em 0em 0em 0em; padding:0em 0em 1.5em 0em; float:right; color:#5E5871; text-transform:uppercase; font-weight:bold; text-decoration:none; text-align:left; }
#sidenav p { font:0.9em/1.45em Arial, "MS Trebuchet", sans-serif; color:#98A66D; margin:0.6em 0em 0.6em 2em; }
#selected_categories li a { padding:0px 20px 0px 0px; background:transparent url('../img/kruisje.jpg') no-repeat right center; color:#98A66D; }
#artikelform { background: transparent url('../img/btn_mandje.jpg') no-repeat right 55px; height: 60px; margin:0px 0px 8px 0px; }
#artikelnummer { width: 75px; height:15px; padding:2px; border: 1px solid #CECBD6; margin:0px; }
#artikelbutton { margin-left: 5px; padding:3px 6px; line-height:100%; height:21px;}
#sidenav #str_artikelnummer { margin-top:0; }


/* ========== */
/* = TOPNAV = */
/* ========== */
#topnav { position:absolute; width:690px; text-align:right; right:10px; }
#topnav a { float:right; text-decoration:none; color:#5e5871; padding:5px 10px 4px 10px; border-left:1px solid #5e5871; font-size:0.85em; text-transform:uppercase; }
#topnav span { float:right; text-decoration:none; color:#5e5871; padding:5px 10px 4px 10px; font-size:0.85em; text-transform:uppercase; }
#topnav a.afgemeld { border-right:1px solid #5e5871; }

/* ========== */
/* = PORTAL = */
/* ========== */
.portal #content { padding-left:285px; height: 100%; }
.portal #content-wrapper { margin:0px 0px 0px 0px; padding:0px; color:#FFFFFF; position:absolute; bottom:25px; width: 100%; left: 0px; }
.portal #content-wrapper h1 { margin: 0px; padding: 25px 0px 15px 0px; width: auto; font: 2.2em/1em "Helvetica Neue LT Std", Arial, sans-serif; }
.portal #content-inner-wrapper { margin: 0px 25px 0px 310px; padding: 0px 25px 25px 25px; background:transparent url('../img/bg-inset.png') repeat;}
.portal #content-wrapper h1 a { color:#BDD576; text-decoration: none; }
.portal #background { display: block; height: 100%; z-index: -1; }

/* ============= */
/* = PRODUCTEN = */
/* ============= */
.products { background:#FFF url('../img/body_bg_products.png') repeat-y fixed top left;  }
.products #content { padding:0px 0px 0px 285px; }
#list { padding-left:225px; list-style:none; } /* max-width:845px; */
#list li { float:left; width:130px; height:185px; float:left; padding:30px 30px 0px 0px; list-style:none; position:relative; overflow:hidden; }
.thumb { float:left; padding:1px; position:relative; min-height:100px; min-width:100px; background:#F4F4F4 url('../img/ajax-loader.gif') no-repeat center center; }
.thumb.noPic{ float:left; padding:1px; position:relative; min-height:100px; min-width:100px; background:#F4F4F4 url('../img/noPic.jpg') no-repeat center center; }
.thumb img { display:block; }
.zoom { position:absolute; left:110px; bottom:18px; }
.mandje_icoon { position:absolute; left:110px; bottom:0px; }
.description { clear:both; display:block; padding:13px 0px 0px 0px; width:130px; text-align:center; color:#5e5871; font:0.9em/1.2em Arial, "MS Trebuchet", sans-serif; }
.description em { color:#98A66D; font-weight:bold; font:1em/1.2em Arial, "MS Trebuchet", sans-serif; margin-top:5px; display:block; }
#pagination { float:left; text-align:center; width:100%; line-height:1em; font:0.9em/1.45em Arial, "MS Trebuchet", sans-serif; color:#98A66D; padding:20px 0px 30px 0px; }
#pagination div { display:inline; }
#pagination a { padding:0px 4px 0px 4px; text-decoration:none; color:#98A66D; }
#pagination b { color:#5e5871; background-color:#E7E6EA; padding:0px 4px 0px 4px; margin:0px 2px 0px 2px; }
#feedback { background: #FFF url('../img/dialog-information.png') no-repeat 5px 8px; margin:30px 0px 0px 0px; padding:10px 10px 10px 30px; color:#98A66D; font-weight:bold; }
#sfeerbeelden_links li { float:left; width:210px; height:180px; float:left; padding:0px 30px 35px 0px; list-style:none; position:relative; }
.sfeerbeeld_link { float:left; padding:1px; position:relative; min-height:50px; min-width:50px; background:#F4F4F4 url('../img/ajax-loader.gif') no-repeat center center; }
.sfeerbeeld_link img { display:block; }
#sfeerbeelden_links li .description {width:210px; bottom: 35px; position:absolute;  }
#sfeerbeelden_links li .zoom {left:194px; bottom:35px; }
#balloon { border: 1px solid #DAD8E4; position: absolute; padding: 10px 20px 10px 45px; top: 30px; left: 440px; background: #FFF url('../img/balloon_icon.png') no-repeat 15px 12px; z-index: 10; height: 55px; } 
#balloon #arrow { position: absolute; left: 5px; top: 75px; height: 23px; z-index: 100; }
#balloon #closeme { position: absolute; right: 12px; top: 12px; cursor: pointer; }
div.popup { position:absolute; bottom:0px; left:0px; background-color:#F4F4F4; width:100%; padding:6px 0px 6px 0px; text-align:center; border-top:#BDB8C4; display:none;color:#5e5871; font:0.9em/1.2em Arial, "MS Trebuchet", sans-serif;font-weight:bold; }
div.popup input { float:none; height:16px; width:40px; padding:3px; border: 1px solid #CECBD6; margin:0px 0px 0px 6px; float:left;  }
div.popup a { float:left; clear:none; height:22px; line-height:22px; display:block;  }
p.terugNaarOverzicht { clear:both; float:left; margin-top:20px; }
p.terugNaarOverzicht a { text-decoration:none; }

/* ============ */
/* = SHOP ===== */
/* ============ */

/* Registratie */
#frmRegistratie p label { font-weight:bold; float:left; width:150px; line-height:20px; }
#frmRegistratie fieldset { width:380px; }
#frmRegistratie #p_leverings textarea { width:226px; float:left; border:1px solid #CECBD6; height:125px; margin:0; }

fieldset, .fieldset { padding:20px; background-color:#F4F4F4; border: 1px solid #B7B4BE; float:left; width:330px; }
fieldset.small { width: 230px; }
fieldset p, .fieldset p { margin:0px 0px 20px 0px; float:left; clear:left; width:100%;}
p label { font-weight:bold; float:left; width:100px; line-height:20px; }
p input.txt { float:left; width:220px; height:16px; padding:3px; border: 1px solid #CECBD6; margin:0px; }

p label.lang { width:115px; }
p input.kort { width:205px; }

select { float:left; width:226px; background:transparent; }
p.select_error select { border:2px solid #5E5871; padding:2px; }
p input.error { background:none; background-color:none; border:2px solid #5E5871; padding:2px; }
button, .btn { background-color:#CECBD6; border:1px solid #B7B4BE; padding:0px 8px 0px 8px; height:24px; float:right; font:1em Arial, "MS Trebuchet", sans-serif; text-decoration:none; line-height:24px; margin:0px 0px 0px 5px;}
fieldset small a { font:1em/1.45em Arial, "MS Trebuchet", sans-serif; color:#333; }
.error { background: transparent url('../img/dialog-information.png') no-repeat 0px 0px; padding:0px 0px 0px 25px; color:#5E5871; font-weight:bold; line-height:22px; display:block; }
textarea { width:648px; margin:0px 0px 22px 0px; border:1px solid #5E5871; min-height:150px; }

table { margin:0px; width:100%; border-collapse:collapse;}
table thead th { padding:5px 10px; border-bottom:1px solid #5E5871; color:#5E5871; border-top:1px solid #5E5871; color:#5E5871; font-size:1.2em; line-height:1.7em; font-weight:bold; }
table tfoot th { padding:5px 10px; border-top:1px solid #5E5871; color:#5E5871; font-size:1.2em; line-height:1.7em; font-weight:bold; }
table td { padding:5px 10px; color:#5e5871; font:0.9em/2.2em Arial, "MS Trebuchet", sans-serif; }
table td.prijs { text-align:right; }
table td.image { width:100px; padding-left:5px; }
table td.image img { display:block; }
table tr.even td { background-color:#F4F4F4; }
table input { width:30px; }
.table_form { width:650px; margin:0px; padding:0px; }

.verkoopsvoorwaarden, .leveringsvoorwaarden { padding-left:25px; margin-bottom:15px; }
.verkoopsvoorwaarden label, .leveringsvoorwaarden label { font-weight:normal; float:none; width:auto; line-height:20px; }
.verkoopsvoorwaarden.error label, .leveringsvoorwaarden.error label { font-weight:bold; }

#frmBevestiging p { clear:left; }
#frmBevestiging p label { font-weight:bold; width:150px; line-height:20px; }
#frmBevestiging p input.txt { float:left; width:220px; height:16px; padding:3px; border: 1px solid #CECBD6; margin:0px 10px 0 0; }
#frmBevestiging p input.error { background:none; background-color:none; border:2px solid #5E5871; padding:2px; }
#frmBevestiging #p_leverings textarea { border:1px solid #CECBD6; height:125px; margin:0; }
#frmBevestiging small { clear:none; }

/* ========== */
/* = NIEUWS = */
/* ========== */
.nieuws #content { background: transparent url('../img/nieuws_bg.png') repeat-y fixed top left; padding:0px 0px 0px 285px; }
.nieuws h1 { padding-left:255px; }
.nieuws em { display:block; padding:0px 20px 20px 255px; font-style:italic; }
.nieuwsblok { padding: 30px 20px 30px 255px; border-bottom:1px solid #BFBCC6; overflow:hidden}
.nieuwsblok .date { font:1.2em/1em Arial, "MS Trebuchet", sans-serif; color:#5E5871; float:left; margin-left:-228px; width:180px; font-weight:bold; text-align:right; padding-top:3px; }
.nieuwsblok h2 { float:left; margin-left:-228px; width:180px; text-align:right; }
.leesmeer { float:right; color:#5E5871; margin:10px 0px 0px 0px; padding:0px 20px 0px 0px; font-weight:bold; text-decoration:none; background:transparent url('../img/knopje.jpg') no-repeat center right; clear:both; }
.bijlage { float:right; color:#5E5871; margin:10px 0px 0px 0px; padding:0px 20px 0px 0px; font-weight:bold; text-decoration:none; background:transparent url('../img/knopje.jpg') no-repeat center right; clear:both; }
.nieuws a.thumb { float:left; padding:1px; margin:0px 10px 10px 0px; position:relative; min-height:50px; min-width:50px; background:#F4F4F4 url('../img/ajax-loader.gif') no-repeat center center; }
.nieuws .last { border:none; }

/* ============= */
/* = VACATURES = */
/* ============= */
.vacatures #content ul { list-style:none; margin:10px 0px 0px 0px; padding:0px 40px 0px 0px; }
.vacatures #content ul li.even { background-color:#F4F4F4; }
.vacatures #content li a { padding-left:25px; background: transparent url('../img/knopje_green.jpg') no-repeat left center; text-decoration:none; line-height:2.5em; }
.vacatures #content li a:hover { color:#98A66D; }
#detail { padding:30px 40px 30px 140px; background-color:#F4F4F4; border-bottom: 1px solid #B7B4BE; border-top: 1px solid #B7B4BE; margin:30px 0px 0px -40px; overflow:hidden; }
#detail h2 { color:#5E5871; margin:0px 0px 10px 0px; }
#detail strong { float:left; width:70px; margin:20px 0px 0px -100px; color:#5E5871; text-align:right; text-transform:uppercase; }
#detail p { padding-top:20px; }

/* =========== */
/* = CONTACT = */
/* =========== */
.contact fieldset {  border:none; min-width:10px;}
#p_opmerkingen textarea { width:226px; float:left; clear:left; margin:25px 0px 0px 0px; border:1px solid #CECBD6; height:325px; }
.contact form { background-color:#F4F4F4; border-top: 1px solid #B7B4BE; border-bottom: 1px solid #B7B4BE; overflow:hidden; margin:30px 0px 0px -40px; padding:30px 20px 00px 20px; min-width:655px; clear:both; }
.contact h2 { margin:0px 0px 10px 20px; }
.contact #gegevens p { float:left; width:250px; margin:0px 0px 30px 0px; }
.contact p.error { margin:30px 0px 10px 20px; }
.contact p.select_error select { width:195px; }
.contact p.select_error { background: transparent url('../img/dialog-information-small.png') no-repeat right center; }

/* =============== */
/* = PRESSCORNER = */
/* =============== */
.presscorner #content ul { list-style:none; margin:-10px 0px 0px 0px; padding:0px 40px 0px 0px; }
.presscorner #content ul li.even { background-color:#F4F4F4; }
.presscorner #content li a { padding-left:25px; background: transparent url('../img/knopje_green.jpg') no-repeat left center; text-decoration:none; line-height:2.5em; }
.presscorner #content li a:hover { color:#98A66D; }

/* ================== */
/* = OVER BELGOFLOR = */
/* ================== */
#over-belgoflor { width:665px; }
#over-belgoflor #right { float:right; width:205px; margin:0px 0px 0px 50px; }
#over-belgoflor p img { margin:25px 0px 10px 0px; display:block; }
#over-belgoflor p img.sky { margin-top:0 }
#sfeerbeelden { padding:0px 0px 0px 0px; background-color:#F4F4F4; border-bottom: 1px solid #B7B4BE; border-top: 1px solid #B7B4BE; margin:30px 0px 0px -40px; overflow:hidden; min-width:705px; }
#sfeerbeelden img { display:block; margin:0px 0px 0px 0px; }

/* ============== */
/* = COLLECTIES = */
/* ============== */
#collecties { padding:0px 0px 0px 0px; background-color:#F4F4F4; border-bottom: 1px solid #B7B4BE; border-top: 1px solid #B7B4BE; margin:30px 0px 0px -40px; overflow:hidden; min-width:705px; }
#collecties_nav { margin:0px 0px 0px 30px; line-height:2.5em; color:#5E5871; }
#collecties_nav a { line-height:2.5em; color:#5E5871; padding:0px 10px 0px 10px; text-decoration:none }
#thumbnails { border-bottom: 1px solid #B7B4BE; border-top: 1px solid #B7B4BE; margin:0px 0px 0px 0px; position: relative; height:88px; padding:0px; }
#thumbnails #prev { position:absolute; left:40px; top:39px;}
#thumbnails #next { position:absolute; left:695px; top:39px; }
#thumbnails #ulwrapper  { margin:0px; padding:0px; width:630px; height:60px; overflow:hidden; margin-top:14px; margin-left:65px; float:left; }
#thumbnails ul { list-style:none; }
#thumbnails li { margin:0px; padding:0px; float:left; padding-right:15px; }
#big-image { float:left; margin:0px 0px 0px 40px; }
#bijschrift { padding: 10px 0px 10Px 40px; border-top: 1px solid #B7B4BE; font-style: italic;  }

/* ============ */
/* = TOONZAAL = */
/* ============ */
#toonzaal { clear:both; padding:0px 0px 0px 0px; background-color:#F4F4F4; border-bottom: 1px solid #B7B4BE; margin:30px 0px 0px -40px; overflow:hidden; min-width:705px; }
.toonzaal #gegevens span { float:right; width:150px; margin:0px 0px 30px 50px; }
/* ========== */
/* = ADRESBLOK = */
/* ========== */
#adresblok { position:fixed; bottom:0px; left:0px; width:235px; color:#FFFFFF; padding:25px; }
#adresblok a { color:#FFFFFF; text-decoration:none; }
#adresblok b { color:#B3D670; font-weight:bold; }