@charset "utf-8";
/* CSS Document */

/* CSS RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
small, strong, em, del, ins, b, i, a,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video										{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style: none; }
article, aside, figure, footer, header, hgroup, nav, section	{ display:block; }

/*/////////////////////////////////////////////////////////////////////////////////*/

 
 body						{ color:#4e2319; font-family: Verdana, Geneva, sans-serif; font-size:12px; background-color:#FFF; }
 
 div.shadow                                     { -moz-box-shadow: 0px 0px 10px #FFF; -webkit-box-shadow: 0px 0px 10px #FFF; box-shadow: 0px 0px 10px #FFF; } 
 div.round                                      { border-radius:5px; -moz-border-radius:5px; }
 div.round-bottom                               { border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; }

 div#main                               { margin:0px auto; width:1000px; overflow: auto; }
 div#logo                               { width: 400px; height:200px; float:left; margin: 0px 30px 20px 0px; }
 div#search                             { width:540px; float:left; height:175px; position: relative; background-color: #d8b511; margin: 0px 0px 20px 0px; padding: 10px 15px 15px 15px; }
    span.top_title                      { font-size:15px; font-style: italic; }
    ul#usp                              { width: 530px; margin:5px 0px 10px 0px; padding: 0px 0px 0px 20px; overflow: auto; }
    ul#usp li                           { float:left; width:160px; margin:5px 5px 0px 5px; list-style-image: url('/img/select.png');}
    ul#usp li a                         { text-decoration: none; font-weight: normal; color:#4e2319; }
    ul#usp li a:hover                   { text-decoration: underline; }
    div#searchblock                     { width: 530px; }
    input.zoek_input                    { width: 350px; padding: 8px 10px;  margin-right: 5px; font-size: 15px; }
    input.zoek_btn                      { width: 100px; padding: 9px 10px; text-align: center; }
    input.zoek_btn:hover                { background-color:#a3af07; cursor: pointer; }
    div#social_top                      { position: absolute; right:10px; top:10px; width:40px; }
    div#social_top img                  { margin-bottom: 7px;}
 nav#menu                               { background-color: #a3af07; width:190px; min-height:255px; float:left; padding:20px 10px 20px 40px; margin:0px 20px 20px 88px;  }
 ul#menu_                               { margin: 0px; padding:0px; }
 ul#menu_ li                            { margin-bottom: 25px; list-style: none;}
 ul#menu_ li a                          { color:#000; text-decoration: none; font-weight:normal; font-size: 14px; }
 ul#menu_ li a:hover                    { color:#FFF; text-decoration: underline; }
 ul#menu_ li ul                         { margin: 0px; padding: 5px 0px 5px 5px;}
 ul#menu_ li ul li                      { padding:0px 0px 0px 5px; margin: 0px 0px 2px 0px; font-size:12px; }
 ul#menu_ li ul li a                    { font-size:12px; }
 ul#menu_ li ul li ul li                { padding: 0px 0px 0px 10px;}
 
 article                                { width: 612px; min-height: 255px; background: #FFF; float:left; margin-bottom: 20px; line-height: 22px; padding: 15px 20px 20px 20px; float:left; }
 article#intro                          { width: 622px; min-height: 255px; background: #FFF; float:left; margin-bottom: 20px; line-height: 22px; padding: 15px 20px 20px 10px; }
 div#blog_intro                         { background-color: #716e2d; width:542px; height:140px; padding:15px 20px 15px 40px; float:left; margin: 0px 20px 0px 88px; color:#cad80e; }
 .img_blog                              { float:left; margin-right: 10px; padding:2px; border:1px solid #FFF; max-height: 100px; }
 div#blog_intro a.recept_blog           { padding-bottom: 20px; font-size:14px; color: #FFF; font-style: italic; }
 div#contact_intro                      { background-color: #cba800; width:260px; height:140px; float: left; padding: 15px; position: relative; }
 div#left                               { width: 347px; float: left; }
 div#contact                            { background-color: #cba800; width:225px; height:140px; float: left; padding: 15px 0px 15px 15px; position: relative; margin:0px 20px 20px 88px;  }
 div.adres                              { position: absolute; bottom: 10px; left:15px; font-style: italic; font-size: 12px;  }
 div#contact div.adres                  { font-size:10px; }
 
 div.cnt_details                        { color:#FFF; font-size:15px; padding-top: 5px; font-weight: bold; }
 div.cnt_details img                    { vertical-align: bottom; padding-right: 4px; }
 div.cnt_details a                      { color:#FFF; font-size:14px; text-decoration: none; }
 div.cnt_details a:hover                { color:#000; }
 
 div#fj					{ position:fixed; color:#FFF; right:3px; bottom:3px; width:200px; text-align:right; font-size:10px;  }
		div#fj a			{ color:#FFF; text-decoration:none; }
		div#fj a:hover		{ color:#FFF; text-decoration:underline; }
                
 /* slide */
 h2.slide               { font-size:18px; color:#a3af07; margin-left: 10px; }
 div.prod_slide         { width: 580px; heigth:225; overflow: hidden; position: relative; padding: 5px 25px 0px 15px; }
 div.slide_cnt          { width: 580px; overflow: hidden; }
 div.prod_slide ul      { width: 580px; heigth:225px; overflow: hidden; }
 div.prod_slide ul li   { width: 195px; margin: 0px 0px 0px 0px; height:225px; text-align: center; position: relative; }
 div.prod_slide ul li img { max-height: 175px; padding: 2px; border:1px solid #a3af07; }
 div.prod_slide ul li a { text-decoration: none; color:#a3af07; }
 div.prod_slide ul li:hover a   { text-decoration: underline; color:#a3af07; }
 div.prod_slide ul li a:hover { text-decoration: underline; color:#a3af07; }
 div.link_pro           { position: absolute; bottom:0px; width: 190px; text-align: center; }
 a.prev                 { top:100px; left:0px; position: absolute; z-index: 1000; }
 a.next                 { top:100px; right:0px; position: absolute; z-index: 1000;}

 /* Contact */
 #form_contact input		{ width:250px; }
 #form_contact input.sm		{ width:30px; }
 #form_contact input.radio	{ width:40px; border:none;}
 #form_contact textarea		{ width:250px; height: 100px; }
 #form_contact .btn			{ width:100px; text-align:center; }
 input.sm					{ width:30px; }
 input.sm_no_border			{ width:auto!important; border:none; }
 
 tr.over:hover				{ background-color:#f8cbe6; }
 
 /* Cart */
 div#cart                       { position: fixed; text-align: center; right:0px; top:28px; width: 120px; min-height: 150px; padding:10px; background: url('/img/bck_cart.jpg') no-repeat center top #FFF; }
 div#inhoud                     { padding-top:80px; }
 div#inhoud a                   { font-weight: normal!important; }
 div#cart_nr                    { position: absolute; left:50px; top:50px; width:25px; height:25px; text-align: center; font-size: 20px; background-color: #cba800; border-radius:50%; padding: 5px; }
 
 /* Blog */
 div.news	 				{ position:relative; line-height:normal; width:520px; padding:0px 40px 20px 0px; text-align:justify;  line-height: 22px;  overflow: auto; }
 .news_title 				{ font-size:15px; color:#242424; font-weight:bold; }
 .news_subtitle 			{ font-size:11px; font-style:italic; height:20px; color:#838383; }
 .news_tekst 				{ font-size:12px; color:#17141b; }
 .hr_news 					{ width:520px; height:0px; text-align:left; border:0px; border-top:dotted 1px #a3af07; padding-bottom:15px; padding-top:25px; background-image:none!important; }
 div.news img				{ vertical-align:top; float:right; margin:40px 0px 20px 10px; border:1px solid #a3af07; padding: 2px; width:170px; }
 div.img_news img.imgover                       { margin:5px 20px 0px 0px; border:1px solid #9b000a; width:200px; position: relative; }
 div.img_news                                   { margin:5px 20px 0px 0px; width:202px; float:left; position: relative; top:0px; left:0px; z-index: 1; overflow: auto; }
 div.news_more				{ width:520px; text-align: right; } 
 div.news_more a			{ text-decoration:none; color:#a3af07; }
 div.news_more a:hover		{ text-decoration:underline; }
 ul.news					{ list-style:outside; margin:0px; padding:0px 0px 0px 15px;}
 ul.news li	a				{ font-weight:normal; color:#645f5f; text-decoration:none; }
 ul.news li	a:hover			{ text-decoration:underline; }
 ul.blog					{ list-style:outside; margin:0px; padding:0px 0px 0px 15px;}
 ul.blog li	a				{ font-weight:normal; color:#645f5f; text-decoration:none; }
 ul.blog li	a:hover			{ text-decoration:underline; }
 ul.blog li ul					{ list-style:square; margin:0px; padding:0px 0px 0px 15px; }
 ul.blog li ul li a				{ font-weight:normal; color:#645f5f; text-decoration:none; } 
 ul.blog li ul li a:hover		{ text-decoration:underline; }
 ul.blog li ul li.sel a			{ color:#9b000a!important; }	
  .slide_CNT 				{ width:520px; height:360px; position: relative; top:0px; left:0px; z-index: 1; overflow: auto; margin-bottom: 10px;}
  .slide_CNT img                        { position: relative; }
  .slide_CNT img.width, 
  .slide_CNT div.width 			{ width:480px; height:360px; display:none; }
  .slide_CNT img.height, 
  .slide_CNT div.height			{ width:360px; height:480px; display:none; }
  .addthis						{ position:relative; float:right; overflow:hidden; }
  .addthis2						{ position:relative; float:left; width:520px; overflow:auto; }
  .addthis2 div					{ float:left; padding-left:20px; }
  .addthis a, 
  .addthis2	a					{ padding-right:20px; }
 input.math_input                       { border: none; height:25px!important; width: 20px!important; text-align: center; vertical-align: bottom; padding:0px!important; color:#000; font-weight:bold; size: 16px; }
 input.math_result                      { width: 24px!important; height:25px!important; text-align: center; color:#000; vertical-align: bottom; padding:0px!important; font-weight:bold; size: 16px; }

  #slideBlog_cont				{ position:relative; width:520px; height:400px; padding:0; margin:0; text-align:center;  }
  #slideBlog					{ width:520px; height:400px; padding:0; margin:0; overflow: hidden;  }
  #slideBlog  img 				{ position:absolute; max-height:360px; max-width:480px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:50%; left:50%; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
  #prev-slide 					{ position:absolute; width:24px; height:28px; background-image:url(../img/arrows.png); background-position:-2px 28px; top:40%; left:-30px; z-index:100; }
  #prev-slide:hover 			{ background-position:-2px 0px; }
  #next-slide 					{ position:absolute; width:24px; height:28px; background-image:url(../img/arrows.png); background-position:26px 28px; top:40%; right:-30px;  z-index:100;}
  #next-slide:hover 			{ background-position:26px 0px; }
  
 .hidden                             { display: none; } 
 /* categorie */
 div.cat_cont                        { position:relative; width:570px; min-height:230px; padding:10px 20px 10px 20px; border:1px solid #a3af07; background-color:#FFF; margin-bottom:10px; overflow:hidden; }
 div.cat_cont h2                     { font-size:20px; color:#4e2319;  }
 div.cat_cont h2 a                   { text-decoration: none; color:#4e2319; }
 img.img_pro                         { float: left; margin-right: 10px; padding: 2px; border:1px solid #a3af07;  }
 div.cat_cont h2 a:hover             { text-decoration: underline; }
 ul.usp_pro                          { max-width: 520px; margin:15px 0px 0px 20px; padding: 0px 0px 0px 20px; overflow: auto; }
 ul.usp_pro li                       { float:left; width:100px; margin:5px 5px 0px 5px; list-style-image: url('/img/select.png');}	
 
 /* productie */
 div.pro_cont                        { position:relative; width:570px; min-height:230px; padding:10px 20px 10px 20px; border:1px solid #a3af07; background-color:#FFF; margin-bottom:10px; overflow:hidden; }
 div.cat_cont h1                     { font-size:20px; color:#4e2319;  }

	 div.pro_prijs				{ float:right;  padding:0px 0px 0px 0px; width:100%; height:30px; font-weight:bold; }
	 	div.pro_prijs label		{ float:right; }
	 div.pro_vanprijs				{ float:right;  padding:0px 0px 0px 0px; width:100%; height:20px; font-weight:bold; }
	 	div.pro_vanprijs label		{ float:right; text-decoration:line-through; }
	 div.pro_actieprijs				{ float:right;  padding:0px 0px 0px 0px; width:100%; height:20px; font-weight:bold; color:#a3af07;}
	 	div.pro_actieprijs label	{ float:right; }	
	 div.pro_aantal				{ float:right;  padding:10px 0px 0px 0px; height:30px; text-align:right; margin-bottom:20px; }
		div.pro_aantal input.bestel		{ background-color: #cba800; color: #FFF;  }
		div.pro_aantal input.bestel:hover	{ background-color: #FFF; color: #cba800;  cursor:pointer; }
	 
 
 /* winkelwagen */
 div#block_left_winkel				{ width:605px; padding:20px; float:left; }
 div#winkel_progress				{ width:605px; padding:10px; float:left; }
 div#winkel_inhoud 					{ background-color: #FFF; position:relative; width:605px; padding:0px; float:left; line-height:22px; min-height:448px; }
 	div#winkel_inhoud h1			{ margin:10px 0px; }
	div#winkel_inhoud table			{ width:600px; }
	table input								{ text-align:right; }
	div#winkel_inhoud input.submit 			{ margin:0px 0px 0px 4px; border:none; padding:2px 4px; color:#FFF; font-weight:bold; cursor:pointer; text-align:center; margin-top:10px; background-color:#a3af07; }
	div#winkel_inhoud input.submit:hover	{ cursor:pointer; color:#000; }
	div#winkel_inhoud table tr.table_top	{ background-color:#a3af07; color:#FFF; }
	div#winkel_inhoud .td_product			{ width:180px; padding-left:5px; }
	div#winkel_inhoud .td_aantal			{ width:100px; }
	div#winkel_inhoud .td_prijs				{ width:110px; }
	div#winkel_inhoud .td_totaal			{ width:95px; text-align:right; }
		div#winkel_inhoud .td_totaal div	{ float:left; padding-left:30px; }		
	div#winkel_inhoud .td_tot_prod			{ text-align:right; }
	div#winkel_inhoud .td_tot_bezorg		{ width:90px; text-align:right; }
	div#winkel_inhoud .td_tot_bezorg_prijs			{ text-align:right; }
		div#winkel_inhoud .td_tot_bezorg_prijs div	{ float:left; padding-left:30px; padding-top:3px;  }
	div#winkel_inhoud .td_tot_totaaltxt		{ padding-top:10px; text-align:right; font-size:16px; font-weight:bold; color: #a3af07; }
	div#winkel_inhoud .td_totaal_prijs 		{ padding-top:10px; text-align:right; font-size:16px; font-weight:bold; color: #a3af07; }
	div#winkel_inhoud .td_totaal_prijs div	{ float:left; padding-left:30px;}
	div#winkel_inhoud sup.transport			{ font-size:10px; font-weight:bold; color: #a3af07; }
	div#winkel_inhoud hr.sm					{ border:none; border-bottom:1px solid #CCC; width:580px; margin-bottom:2px; }
	div#winkel_inhoud hr					{ border:none; border-bottom:2px solid #efefef; width:580px; margin:15px 0px; }
	div#winkel_control 						{ width:585px; height:50px; }
	div#winkel_control .btn_next			{ background-color:#a3af07; padding:3px 9px; color:#FFF; font-weight:bold; text-decoration:none; float:right; border-radius:5px; -moz-border-radius:5px;  }
	div#winkel_control .btn_next:hover		{ color:#000; cursor:pointer; }
    div#winkel_control .btn_back			{ background-color:#a3af07; padding:3px 9px; color:#FFF; font-weight:bold; text-decoration:none; float:left; border-radius:5px; -moz-border-radius:5px;  }
	div#winkel_control .btn_back:hover		{ color:#000; cursor:pointer; }
	div#winkel_control span.verzendinfo		{ font-style:italic; font-size:10px; }
 div#block_right_winkel				{ width:180px; float:left; font-size:11px; line-height:normal;  padding:40px 0px 0px 10px; border-left:1px solid #efefef; }
 	div#block_right_winkel strong	{ font-size:12px;  }
 ul.step 							{ list-style:none; width:580px; background:url('../img/ul-steps.gif') left no-repeat; margin:0px!important; height:34px; padding:0px;}
 ul.step a 							{ text-decoration:none; color:#434343;}
 ul.step a:hover					{ text-decoration:underline;}
 ul.step li 						{ line-height: 35px; width:110px; float:left;font-weight:bold; font-size:11px; text-align: center;}
 ul.step li.step_current 			{ background: transparent url('../img/step_current.gif') no-repeat bottom left; line-height:35px; border:none; width: 110px; font-weight:bold; color:#7b6853;}
 ul.step li.step_current a			{ color:#a3af07; }
 ul.step li.step_todo 				{ color:#CCC;}
 ul.step li#step_end 				{ width: 137px; }
 ul.step li#step_end.step_current 	{ background:url('../img/step-end-current.gif') left no-repeat; height:34px; color:#3366CC}
 ul#order_step 						{ background-color: white; margin-left:38px; }
 
  /* korting */
 fieldset.korting					{ border:1px solid #CCC!important; padding:5px; width:350px!important;}
 
 
 /* account */
 div#winkel_inhoud form.float 			{ float:left; width:400px; margin-right:20px; }
 div#winkel_inhoud form h3 				{ color:#434343; border-bottom:1px solid #a3af07; font-size:1em; font-weight:bold; text-align:left; padding: 0.5em 0 0.5em 0; margin: 0 0 10px 0;}
 div#winkel_inhoud fieldset				{ border: none; width:400px; clear:left; margin-bottom: 1em;}
 div#winkel_inhoud fieldset legend 		{ padding:0.3em 0.6em; margin:1em 0 1em 0.5em; font-size:1.6em; font-weight:100; border:#e8e6e6 solid 1px;}
 div#winkel_inhoud div.account			{ width:500px; }
 div#winkel_inhoud div.account a		{ font-size:10px; }
 fieldset.xl 							{ width:500px; }
 div.account div.account_info			{ width:130px; text-align:left; float:left; }
 div.account div.account_adres,
 div.account div#account_factuur		{ width:500px; }
 div.account input						{ width:200px; margin-bottom:3px; border:1px solid #ebebeb; padding:2px;}
 div.account select						{ width:200px; margin-bottom:3px; border:1px solid #ebebeb;}
 div.account input.submit_account		{ width:auto; background-color:#a3af07; padding:3px 4px; border:1px #a3af07 solid; color:#FFF; font-weight:bold; font-size:12px; }
 div.account input.submit_account:hover	{ color:#000; cursor:pointer; }
 div#winkel_inhoud span					{ color: #a3af07; }
 textarea.account_info					{ width:550px!important; height:50px; border:1px solid #ebebeb; margin-bottom:10px; overflow:hidden;}
 
 span.error								{ color:#F00!important; font-weight:bold; }
 ul.error li							{ list-style:disc; color:#F00!important; font-weight:bold; }
 
 /* adresgegevens */
 div#winkel_inhoud div.account_adres	{ width:300px; float:left; margin-right:40px; }
 div#xtr_info							{ margin-top:40px; float:left; width:630px; background:url(../img/comment.png) top left no-repeat; padding-top:10px; }

 /* verzending */
 div#winkel_inhoud .condition 		{ width:630px; /*background:url(../img/texture.gif);*/ border:1px solid #EFEFEF; margin-top:15px; padding:10px 0 10px 10px; margin-bottom:2em;}
 div#winkel_inhoud .condition h3 	{ margin:0; padding:0; color:#a3af07; margin-bottom:0.5em; border:none; }
 div#winkel_inhoud .condition a 	{ color:#a3af07; font-weight:bold; font-size:12px}
 
 /* betaling */ 
 .payment_module img 		{vertical-align: middle; margin-right: 1em;}
 .payment_module a 			{display: block; padding:0.6em 0.6em 1.5em 0.6em; text-decoration: none; height:70px; width:530px; border-bottom:1px solid #E6E6E6; float: left;}
 .payment_module a:hover, .payment_module a:focus, .payment_module a:active {background-color:#F9F5F5; color:#374853;}
 
 /* account inloggen */
 fieldset.account						{ width:500px; border:1px solid #a3af07; padding:10px;  }
 fieldset.account legend				{ color:#a3af07; } 
 fieldset.account input					{ text-align:left; width:200px; padding:2px; }	
 fieldset.account a						{ font-size:10px; color:#a3af07; }
 fieldset.account input.btn				{ width:auto!important; background-color:#a3af07; padding:3px 4px; border:1px #a3af07 solid; color:#FFF; }
 fieldset.account input.btn:hover		{ color:#fff; cursor:pointer; }
 fieldset.account input.sm				{ width:auto!important; border:none; }
 ul#menu_account						{ margin:5px 0px 47px 0px; padding:0px; }
 ul#menu_account li						{ float:left; list-style:none; margin:0px 20px 0px 0px; }
 ul#menu_account li a					{ color: #a3af07; text-decoration:none; }
 ul#menu_account li a:hover				{ text-decoration:underline; }
 div#account_cnt						{ width:500px; padding-top:20px; margin-top:20px;}
 div#account_cnt a						{ color: #a3af07; text-decoration:none; }
 div#account_cnt a:hover				{ text-decoration:underline; }
 
 img.img					{ border:1px solid #feb872; margin-top:15px; }
 a							{ color:#a3af07; text-decoration:underline; font-weight:bold; }
 a:hover					{ color:#000; text-decoration:none; }
 input						{ border:1px solid #feb872; text-align:left; border-radius:5px; -moz-border-radius:5px; padding:4px 5px; }
 .left						{ text-align:left; }
 input.true					{ border:1px solid #0F0; background-color:#9bffb5!important; }
 input.false				{ border:1px solid #F00; background-color:#ff9b9b!important; }
 select.true				{ border:1px solid #0F0; background-color:#9bffb5!important; }
 select.false				{ border:1px solid #F00; background-color:#ff9b9b!important; }
 textarea					{ border:1px solid #feb872; font-family:Arial, Helvetica, sans-serif; border-radius:5px; -moz-border-radius:5px; padding:4px 5px;}	
 textarea.true				{ border:1px solid #0F0; background-color:#9bffb5!important; }
 textarea.false				{ border:1px solid #F00; background-color:#ff9b9b!important; }	
 h1							{ font-size:18px; color:#a3af07; margin-bottom:25px; }
 h2							{ font-size:14px; color:#a3af07; margin:5px 0px 5px 0px; }
 h3							{ color:#000; font-size:16px; font-weight:bold; margin-bottom:10px; padding:0px; }
 h4                                                     { margin-bottom: 10px; color:#000; font-size:14px;  }
 .btn						{ border:1px solid #a3af07; background-color:#a3af07; color:#FFF; border-radius:5px; -moz-border-radius:5px; padding:4px 5px;}
 .btn:hover					{ border:1px solid #a3af07; background-color:#FFF; color:#a3af07; cursor:pointer; }
 hr							{ border:none; border-bottom:1px solid #a3af07; }
 
 .empty						{ border:none; } 
 .naam						{ display:none; }
 
 /******************** Responsive ******************/

@media only screen and (max-width: 1200px) {
    div#search { width: 413px;  }
    div#cart   { top:0px; height:180px; position: absolute; }
    ul#usp                              { width: 400px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 20px; height:120px; }
    ul#usp li                           { float:left; width:100px; font-size:10px; }    
    div#searchblock                     { width: 400px; margin-top: 0px; }
    input.zoek_input                    { width: 250px; }
    
}