@charset "utf-8";

/*wrap*/
html{height:100%}
body{margin:0;padding:0;height:100%;min-width:980px;font-size:12px;font-family:Verdana,Arial,sans-serif;color:#000;background:#ccc;-webkit-text-size-adjust:none}
#wrap{position:relative;width:940px;height:auto;min-height:100%;margin:0 auto;background:url(/images/design/middle.gif) 0 0 repeat-y #fff}

/*html tags*/
hr{background-color:#000;border:0;color:#000;height:1px;margin:10px 0 10px 0}
a{color:#000}
a:hover{color:#666}
h1{font-size:18px;margin:0;padding:0 0 20px 0}
h2{font-size:15px;margin:0;padding:0 0 4px 0}
h3,
h4,
h5,
h6{font-size:12px;margin:0;padding:0}
p{margin:0;padding:0 0 20px 0}
ul{margin:0;padding:0 0 20px 0}
ol{margin:0;padding:0 0 20px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
address{position:absolute;left:20px;top:40px}

/*common classes*/
.hidden{display:none}
.center{text-align:center}
.flr{float:right}
.fll{float:left}
.clr{clear:right}
.cll{clear:left}
.tar{text-align:right}
.tal{text-align:left}
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both}
.fs90{font-size:90%}
.fs80{font-size:80%}

/*header,footer,columns*/
#header{position:relative;width:940px;height:160px;background:url(/images/design/header.gif) 0 20px no-repeat #ccc}
#left_column{float:left;width:170px;padding:0 0 50px 0}
#content_column{float:right;width:770px;padding:0 0 50px 0}
#content{float:left;width:600px}
#right_column{float:right;width:170px}
#footer{position:absolute;left:0px;bottom:0px;height:50px;width:940px;text-align:right;background:url(/images/design/footer.gif) 0 0 no-repeat #ccc}
#footer_content{display:block;line-height:30px;margin:0;padding:0 13px 0 0}

/*horizontal menu
.hmenu{position:absolute;right:20px;bottom:5px}
.hmenu ul{display:block;list-style-type:none;margin:0;padding:0}
.hmenu ul li{display:block;float:left;margin:0;padding:0}
.hmenu ul li a{display:block;float:left;padding:4px 10px;white-space:nowrap;color:#666;text-decoration:none;font-weight:bold;line-height:14px}
.hmenu ul li a:hover,
.hmenu ul .active a{color:#000}
*/

/*vertical menu*/
.vmenu{padding:29px 0 0 0}
.vmenu ul{display:block;list-style-type:none;margin:0;padding:0}
.vmenu ul li{margin:0;padding:0;display:block}
.vmenu ul li a{display:block;text-decoration:none;padding:5px 10px;color:#666;font-weight:bold}
.vmenu ul li li a{padding:5px 10px 5px 20px}
.vmenu ul li li li a{padding:5px 10px 5px 30px;font-weight:normal}
.vmenu ul li a:hover, 
.vmenu ul li .active{color:#000}

.vmenu ul ul{display:none}
.vmenu .showsub ul{display:block}
.vmenu .showsub ul ul{display:none}
.vmenu .showsub .showsub ul{display:block}
.vmenu .showsub .showsub ul ul{display:none}

/*DefaultPage*/
#DefaultPage{padding:50px 20px 20px 20px;line-height:20px}

/*DefaultForm*/
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm fieldset{border:0;margin:0;padding:30px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:10px;display:block;font-weight:bold;font-size:120%}
.DefaultForm label{display:block;float:left;width:110px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:Verdana,Arial,sans-serif;font-size:100%;margin:0 0 5px 0}
.DefaultForm .input1{width:300px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input2{width:200px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input3{width:100px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm select.input1{width:308px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input2{width:208px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input3{width:108px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm .radiocontainer{display:block;padding:0;margin:0;clear:left;min-height:24px}
.DefaultForm .radiocontainer2{display:block;padding:10px 0 0 110px;margin:0;min-height:24px;clear:left}
.DefaultForm .radiocontainer span.label{display:block;float:left;width:110px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm .radiocontainer .radio{display:block;float:left;position:relative;width:auto;padding:2px 10px 7px 20px;margin:0;line-height:15px;clear:none}
.DefaultForm .radiocontainer .radio span{position:absolute;display:block;left:0;top:1px;line-height:15px}
.DefaultForm .radiocontainer .radio input{margin:0;padding:0;vertical-align:middle}
.DefaultForm .submit{border:1px solid #333;cursor:pointer;margin:5px 0 0 110px;-webkit-appearance:none}
.DefaultForm input.input1_error,
.DefaultForm textarea.input1_error{width:300px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input2_error,
.DefaultForm textarea.input2_error{width:200px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input3_error,
.DefaultForm textarea.input3_error{width:100px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm .error{color:red}
.DefaultForm .required{color:red}
.DefaultForm .form_footer{text-align:right}
.DefaultForm .formline1{padding-top:10px;line-height:24px}

/*SubscribeForm*/
#SubscribeForm{}
#SubscribeForm fieldset{padding:30px 10px 10px 10px;}
#SubscribeForm legend{}
#SubscribeForm legend span{left:10px}
#SubscribeForm label{display:block;float:none;width:auto;clear:none;line-height:normal}
#SubscribeForm .input1{width:140px}
#SubscribeForm input.input1_error,
#SubscribeForm input.input1_error:focus{width:140px}
#SubscribeForm .submit{margin:5px 0 0 0}
#SubscribeForm #hypt{position: absolute; top: -10000px}


/*SearchForm*/
#SearchForm{position:absolute;right:10px;top:30px;text-align:right}
#SearchForm fieldset{padding:0}
#SearchForm label{display:block;height:18px;padding:0 5px 0 0;line-height:18px;float:left;width:auto;margin:0;clear:none}
#SearchForm .input1{width:120px;float:left}
#SearchForm input.input1_error,
#SearchForm input.input1_error:focus{float:left;width:120px}
#SearchForm .submit{margin:0 0 0 5px}

/*breadcrumb*/
.breadcrumb{position:absolute;left:190px;top:165px;width:560px;height:20px;line-height:20px;margin:0;padding:0;overflow:hidden;font-size:10px}
.breadcrumb a{}
.breadcrumb a:hover{}

/*GoogleMaps*/
#map_canvas{width:560px;height:400px;overflow:hidden;margin:0 0 20px 0;padding:0}
#infowindow{line-height:16px;width:200px;height:120px}
#infowindow h2{font-size:14px;padding:0;margin:0}
#infowindow p{padding:0;margin:0}

/*SearchResults*/
.search_result{list-style-type:none;margin:0;padding:0}
.search_result li{margin:0;padding:0;padding-bottom:4px}
.search_result li{line-height:13px;padding-bottom:15px}
.search_result table{margin:3px 0 1px 0}
.search_result table td{line-height:3px;height:3px}

/*Sitemap*/
.sitemap ul{margin:0;padding:3px 0}
.sitemap li{margin:0 0 0 16px;padding:0}

/*Share buttons*/
#share-buttons{margin:0;padding:0 0 20px 0;height:20px;line-height:20px}
#share-buttons p{margin:0;padding:0 15px 0 0;float:left;line-height:20px;display:none}
#share-buttons ul{list-style-type:none;margin:0;padding:0;float:left}
#share-buttons ul li{display:block;margin:0;padding:0 15px 0 0;float:left}
#share-buttons ul li a{display:block;width:20px;height:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0}
#share-buttons ul li a span{display:none}
#share-buttons ul li #share-facebook{background:url(/images/design/share-buttons.png) 0 0 no-repeat}
#share-buttons ul li #share-twitter{background:url(/images/design/share-buttons.png) -20px 0 no-repeat}
#share-buttons ul li #share-linkedin{background:url(/images/design/share-buttons.png) -60px 0 no-repeat}
#share-buttons ul li #share-email{background:url(/images/design/share-buttons.png) -40px 0 no-repeat}

/*Webshop*/
#WebshopCartTable{width:100%;padding:0 0 20px 0}
#WebshopCartTable table{width:100%}
#WebshopCartTable table, 
#WebshopCartTable th, 
#WebshopCartTable td{border: 1px solid #000;border-collapse:collapse}
#WebshopCartTable th{background-color:#000;color:#fff}
#WebshopCartTable th, 
#WebshopCartTable td{padding: 2px 5px 2px 5px}
#WebshopCartTable .th1{width:12px}
#WebshopCartTable .th2{}
#WebshopCartTable .th3{width:70px}
#WebshopCartTable .th4{width:70px}
#WebshopCartTable .th5{width:70px}
#WebshopCartTable .currency{text-align:right}
#WebshopCartTable .currency span{float:left}
#WebshopCartTable img{display:block;margin:5px}
#WebshopCartTable .DefaultForm fieldset{padding:0}
#WebshopCartTable .DefaultForm .submit{margin:5px 0 0 0;float:right}
#WebshopCartTable .DefaultForm .input1{width:70px;padding:0;margin:0}

#WebshopCartChanged { color: red; }

#WebshopFormActiecode{}
#WebshopFormActiecode .inner{padding:0 0 20px 0}
#WebshopFormActiecode .DefaultForm{border:1px solid #000}
#WebshopFormActiecode .DefaultForm fieldset{padding:31px 10px 10px 10px}
#WebshopFormActiecode .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopFormActiecode .toegevoegd{padding:0;font-style:italic;text-align:right}

#WebshopFormVerzendmethode{padding:0 0 20px 0}
#WebshopFormVerzendmethode .DefaultForm{border:1px solid #000}
#WebshopFormVerzendmethode .DefaultForm fieldset{padding:31px 10px 10px 10px}
#WebshopFormVerzendmethode .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopFormVerzendmethode .DefaultForm .submit{margin:5px 0 0 0}

#WebshopFormProcess{padding:0 0 20px 0}
#WebshopFormProcess .DefaultForm fieldset{padding:0}
#WebshopFormProcess .DefaultForm legend{display:none}
#WebshopFormProcess .DefaultForm .submit{float:right;margin:0}

#WebshopAmountForm{padding:0 0 20px 0}
#WebshopAmountForm p{padding:0}
#WebshopAmountForm .DefaultForm fieldset{padding:0}
#WebshopAmountForm .DefaultForm legend{display:none}
#WebshopAmountForm .DefaultForm label{display:block;float:left;width:auto;padding:0 5px 0 0;margin:0;line-height:20px;clear:left}
#WebshopAmountForm .DefaultForm .submit{margin:20px 0 0 0}
#WebshopAmountForm .DefaultForm .input1{width:42px;}
#WebshopAmountForm .DefaultForm input.input1_error{width:42px}

#WebshopLoginForm{padding:0 0 20px 0}
#WebshopLoginForm .DefaultForm{border:1px solid #000}
#WebshopLoginForm .DefaultForm fieldset{padding:35px 10px 10px 10px}
#WebshopLoginForm .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopLoginForm .formlink{padding:0 10px 0 0;text-align:right}

#WebshopFormCustomer{padding:0 0 20px 0}
#WebshopFormCustomer .DefaultForm{border:1px solid #000}
#WebshopFormCustomer .DefaultForm fieldset{padding:31px 10px 10px 10px}
#WebshopFormCustomer .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopFormCustomer .DefaultForm .bezorg_adres_outer{display:none}
#WebshopFormCustomer .DefaultForm #bezorg_adres_container{padding-bottom:5px}
#WebshopFormCustomer .DefaultForm .submit{margin:5px 0 0 0;float:right}

#WebshopCustomerOverview{padding:0 0 20px 0}
#WebshopCustomerOverview p{position:relative;display:block;border:1px solid #000;padding:10px;margin:0}
#WebshopCustomerOverview p a{position:absolute;bottom:10px;right:10px}

#WebshopPaymentOverview{padding:0 0 20px 0}
#WebshopPaymentOverview p{position:relative;display:block;border:1px solid #000;padding:10px 10px 40px 10px;margin:0}
#WebshopPaymentOverview p a{position:absolute;bottom:10px;right:10px}

#WebshopPayment{padding:0 0 20px 0}
#WebshopPayment .DefaultForm{border:1px solid #000}
#WebshopPayment .DefaultForm fieldset{padding:10px 10px 10px 10px}
#WebshopPayment .DefaultForm legend{display:none}
#WebshopPayment .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopPayment .DefaultForm .submit{margin:5px 0 0 0;float:right}
#WebshopPayment .DefaultForm #machtigingvelden{margin:0 20px 10px 20px;clear:left}
#WebshopPayment .DefaultForm #machtigingvelden .inner{padding:10px;margin:0; border:1px solid #000}

/*Pagina Navigatie*/
.PageNav { line-height:20px; margin-bottom:2px; width:940px; }
.PageNav a, .PageNav span { float:left; display:block; padding:0 3px; width:26px; line-height:20px; color:#fff; text-decoration:none; margin:0 2px 2px 0; background:#666; font-weight:bold; text-align:center }
.PageNav select{ float:left; display:block; margin:0 8px 2px 0 }
.PageNav span { background:#999; color:#ccc }
.PageNav a.active { background:#999; }
.PageNav a:hover { background:#333 }
.PageNav .clearer { height:1px; overflow:hidden; margin-top:-1px; clear:left }

.comment_content {
	
}
.comment_reactie {
	padding-left: 30px;	
}
