* { margin:0; line-height:120%; }
html, body { color:#42170d; min-width:955px; height:100%; font:12px/22px Helvetica, Arial;  background:#ffe8c6 url('../img/bg.jpg') repeat-x top;*/ }

#taalkeuze { position:absolute; top:0px; right:0px; width:220px; height:30px; line-height:30px; color:#F39800; font-family:Helvetica, Arial; font-size:12px; text-decoration:none; text-align:center; z-index:100; }
#taalkeuze a{color:#956939;}
#wrapper{min-height:100%; height:auto !important; height:100%;}
#container { background:transparent url('../img/bg_all.jpg') no-repeat top left; min-height:100%; height:auto !important; height:100%; margin:0 auto -35px; }


#container #header { width:655px; height:200px; margin-left:330px; padding-top:25px; text-align:center; text-align:left;}
#container #header a{ color:#42170d; text-decoration:none; font-size:24px; font-weight:normal; text-align:left; }
#container #header p{ padding-top:50px;}

/* HEADER */
#container #header img { float:left; }

div.overlay { display:none; background:transparent url('../img/bg-overlay.png') repeat; width:100%; height:100%; position:fixed; z-index:20000; }
* html div.overlay { display:none; background:transparent url('../img/bg-overlay.png') repeat; width:100%; height:100%; position:absolute; z-index:20000; }

span.titel { float:left; }
span.close-btn { float:right; display:block; width:15px; height:21px; padding:0 4px 0 2px; font-size:18px; font-weight:bold; color:#FFF; background:#302019; text-align:right; cursor:pointer; }
div.data_recept { width:550px; height:auto; position:fixed; display:none; left:50%; top:100px; margin-left:-215px; padding:5px; z-index:20001; background:#55463c; color:#af8554; }
* html div.data_recept { width:550px; height:auto; position:absolute; display:none; left:50%; top:380px; margin-left:-215px; padding:5px; z-index:20001; background:#55463c; color:#af8554; }
div.data_recept a { color:#af8554; }
div.data_recept .data { clear:left; background:#302019; padding:10px; margin-top:25px; }
div.data_recept .bottom { clear:left; background:#302019; padding:10px;}
div.data_recept .data .links { float:left; width:140px; padding-top:10px; margin-left:10px; }
div.data_recept .data .rechts { float:right; width:320px; margin-left:20px; line-height:15px; }
div.data_recept .data .rechts h1 { font-size:18px; color:#FFF; margin:10px 0 10px 0; }
div.data_recept .data .rechts h2 { font-size:14px; color:#FFF; }

#tekst span.recept_link { cursor:pointer; text-decoration:underline; color:#956939;}
/* 
		+---------------------------------------------------------------+
		|								SIDEBAR							|
		+---------------------------------------------------------------+
*/
#sidebar { width:300px; height:100%; position:fixed; z-index:-1; background:transparent url('../img/bg_sidebar.jpg') repeat-y; }
* html #sidebar { display:none; }


#col1 div.home_button{ padding:10px; margin-bottom:10px; background: transparent url('../img/home/bg_button.png') repeat-y top; min-height:78px; width:230px; }
#col1 div#home_button_instructies{background: transparent url('../img/home/bg_button_instructies.png') no-repeat top;}
#col1 div#home_button_peter{background: transparent url('../img/home/bg_button_peter.png') no-repeat top;}
#col1 div.home_button a{font-size:16px; text-decoration:none; color:#42170d; line-height:18p;}

#col1 img.sidebar_werkwijze{width:250px; margin-bottom:10px;}

#col1 img#sidebar_latte_art{padding-left:10px;}

#col1 img.nieuweTrend_sidebar{padding:0px 10px 10px 10px;}

#col1 div#sidebar_bce_scae{width:250px;}
#col1 div#sidebar_bce_scae{text-align:center; margin:auto;}
/* 
		+---------------------------------------------------------------+
		|							NAVIGATION							|
		+---------------------------------------------------------------+
*/

#container #navi { width:655px; height:50px; margin-left:300px; text-align:left; }
ul#topnav.nl { margin:0px 0 0 25px; padding:0; float:left; width:655px; list-style:none; position:relative; font-size:16px; }
ul#topnav.fr { margin:0px 0 0 0px; padding:0; float:left; width:700px; list-style:none; position:relative; font-size:16px; }
ul#topnav li { float:left; margin:0; padding:0; border-right:1px solid #42170d; }
ul#topnav li a { padding:0px 5px; display:block; color:#42170d; text-decoration:none; }
ul#topnav li a:hover { color:#7d5024; }
ul#topnav li:hover a { color:#7d5024; }
ul#topnav li a:hover + span a, ul#topnav li:hover span a { color:#7d5024; }
ul#topnav li span { float:left; padding:3px 0px; position:absolute; top:20px; display:none; width:350px; color:#7d5024; font-size:14px; }
ul#topnav li:hover span { display:block; }
ul#topnav li span a { display:inline; }
ul#topnav li span a:hover { color:#7d5024; text-decoration:none; font-style:italic; }
/*	#navi ul li a.active + span { display:block; }	*/
ul#topnav li.last {border-right-style:none; border-width:0px;}
#container #content { width:955px; height:auto; display:block; }

/* 
		+---------------------------------------------------------------+
		|								CONTENT							|
		+---------------------------------------------------------------+
*/

.bold{font-weight:bold;}

#content .content { display:block; }
#content .content h1 { color:#000; font-size:24px; line-height:30px; margin-top:10px; margin-bottom:10px; }
#content .content h2 { color:#000; font-size:16px; line-height:26px; margin-top:10px; margin-bottom:10px;}
#content .content p { margin-bottom:10px; font-size:12px;}
#content .content .bright { color:#FFF; }
#content .content a { color:#956939; }

#container2 { clear:left; float:left; width:955px; overflow:visible; /*background:#ffa7a7;*/ }
#container1 { float:left; width:955px; position:relative; right:655px; }
#container1 a { color:#CBA674; }
#col1 { float:left; width:240px; position:relative; left:645px; overflow:hidden; margin-left:50px; padding:15px 10px 15px 10px; /*background:#FFF000;*/ }
#col2 { float:left; width:590px; position:relative; left:655px; overflow:visible; padding:0px 0px 15px 55px; /*background:#FF0000;*/ }
* html #col1 { margin-left: 25px; }
* html #col2 { margin-left: 10px; width:580px;}

.footer-mask { clear:both; width:100%; height:268px; overflow:hidden; }
.pic-kop { margin:0 0 0 300px; }
ul.list { margin-left:30px; margin-top:10px; }
ul.sublist { margin-left:15px; margin-top:10px; }
ol.list { margin-left:30px; }
div.caption { position:relative; margin:-175px 0 0 320px; color:#FFF; font-size:16px; line-height:120%; }
img.producten { margin:15px 0 15px 17px; }

div#tekst{text-align:left;}
div#tekst ul{font-size:12px;}
div#tekst ul li{margin-left:20px; line-height:20px;}
div#tekst l{font-size:12px;}
div#tekst ol li{margin-left:20px;}
* html div#tekst ol{margin-left:10px;}

p#home_lnk_films{text-align:right;padding-right:10px;}

div.quote{background-color:#e4d8c8; height:100px;}
div.quote img{float:left;}
div.quote p{margin-left:110px; padding:10px;}

div.voetnoot{font-size:10px;}

table#werkwijze{border-width:0px; border-style:none;}
table#werkwijze tr td{vertical-align:top;}
table#werkwijze tr td.stap{width:70px;}
table#werkwijze tr td.graden{width:100px;}

img#product_info{ position:fixed; bottom:0px; right:0px}

.overview-downloads{ display:block;}
.overview-downloads a{text-decoration:none; display:inline; float:left; margin-right:30px; width:100px; text-align:center;}

div#tekst p.highlight{background-color:#e4d8c8; color:#7d5024; font-size:14px; font-weight:bold; padding:10px; margin-top:25px;}

div#tekst table#kalender{width:100%;}
div#tekst table#kalender tr.odd{background-color:#d8c7b4;}
div#tekst table#kalender tr td.date{width:70px; padding-left:10px;}

/* 
	+---------------------------------------------------------------+
	|								SIDEBAR							|
	+---------------------------------------------------------------+
*/
.side-fles { width:220px; text-align:center; margin-top:320px; }
* html .side-fles { width:250px; text-align:center; margin-top:320px; }

/* 
	+---------------------------------------------------------------+
	|								FOOTER							|
	+---------------------------------------------------------------+
*/

#footer { height:27px; background:#2B1A16; color:#FFF; padding:8px 0 0 0; position:relative; z-index:100; }
#footer p { margin-left:325px; }
#footer a { color:#CBA674; text-decoration:none; }
.push { clear:both; height:35px; }
/* 
		+---------------------------------------------------------------+
		|								CONTACT							|
		+---------------------------------------------------------------+
*/

div.row {clear: both; padding-top: 5px;}
div.row label { margin-top:3px; float:left; width:170px; text-align:right; vertical-align:middle; }
div.row span.formw { float:left; margin-left:10px; text-align:left; }
.frmInput{ width:400px; display:block; }

input { border-style:solid; border-width:1px; border-color:#42170d; height:20px; vertical-align:middle; padding:5px 5px 0px 5px; font-family:Helvetica, Arial; font-size:12px; }
input.valid{border-style:solid; border-width:1px; border-color:#42170d;}
input.error{border-style:solid; border-width:1px; border-color:#FF0000;}
textarea {border-style:solid; border-width:1px; border-color:#42170d; height:150px; vertical-align:middle; padding:5px; font-family:Helvetica, Arial; font-size:12px; }
textarea.valid{border-style:solid; border-width:1px; border-color:#42170d;}
textarea.error{border-style:solid; border-width:1px; border-color:#FF0000;}

#button{float:left; width:590px; text-align:right;}
#submit{background-color:#CBA674; border:none;width:100px;height:30px; font-size:12px; font-weight:bold; color:#FFF; vertical-align:middle;}
#submit:hover{border-width:1px; border-style:solid; border-color:#FFF;}

.radio{float:left; margin-left:10px; display:block;}
.radiotext{float:left; margin-left:5px;}
.radio2{float:left; margin-left:50px; display:block;}

div.rowRadio{clear: both; padding-top: 10px; margin-bottom:3px;}
div.rowRadio label {float: left; width: 170px; text-align: right;	vertical-align:middle;}
div.rowRadio span.formw {float: left; margin-left:10px; text-align: left;} 

#postcode{float: left;margin-left:10px;text-align: left;}
#gemeente{float: left;margin-left:20px;text-align: left;}
#divForm{margin-left:auto; margin-right:auto; width:570px;}
#txtPostcode{width:70px;}
#txtGemeente{width:300px;}
#contact-form{width:600px; margin:0 auto; }
#required{margin-top:3px;float: left;width: 150px;text-align: right;vertical-align:middle;}

#prof{display:none; float:left;}

#clickme{display:block; cursor:pointer;}