*{ margin: 0; padding: 0;}
img{ border: 0}
.content img, .rechterbalk img{max-width: 100%}


body{
	font: 1em arial, verdana, sans-serif;
	color: #666;
	background: #92bed0;
}

a{
	color: #00acde;
	text-decoration: none;
}

p{
	text-align: left;
}

h1, h2, h3, h4, h5{
	text-align: left;
}

/* bgkleuren */

.cyaan{
	background: #00acde;
	color: #fff;
}

.subnav ul li ul li.selected{
	font-weight: bold;
	border: 0; /* kadertje rond productnamen */
}

/* subnav kleuren */

li.geel{
	border: 2px solid #F8B322;
}

li.oranje{
	border: 2px solid #F39915;
}

li.rood{
	border: 2px solid #E85517;
}

li.drood{
	border: 2px solid #AB0E34;
}

li.blauw{
	border: 2px solid #5694CA;
}

li.dblauw{
	border: 2px solid #004688;
}

li.groen{
	border: 2px solid #4B912A;
}

li.paars{
	border: 2px solid #92147D;
}

li.bruin{
	border: 2px solid #B26517;
}

li.roze{
	border: 2px solid #D074A9;
}

/* -- */

.content p.lm{
	margin: 0;
}

.ill{
	margin: 4px 10px 6px 30px;
	float: left;
	padding: 2px;
	background: #fff;
	xborder: 1px solid #b4b4b4;
}

.magenta{
	background: #ff004e;
	color: #fff;
}

.lente{
	background: #92c201;
	color: #fff;
}

input.sbmbtn{
	margin: 0;
	float: right;
	padding: 2px 10px;
	color: #666;
	font-size: 0.8em;
	font-weight:  bold;
	border: 1px solid #999;
}

.top_holder{
	width: 100%;
	height: 180px;
	margin: 0 0 0;
	/*background: url(../images/bg-top.png) 0 0 repeat-x;*/
	overflow: hidden;
	position: relative;
	z-index: 6;
	display: none; /* tijdelijk, tot de dealerlogin terug is */
}

.top{
	width: 1000px;
	margin: 0 auto;
	display: none; /* tijdelijk, tot de dealerlogin terug is */
}

.top .logo{
	margin: 0 0 0 30px;
	float:left;
}

.templogo{ /* tijdelijk, tot de dealerlogin terug is */
	margin: 0;
}

.top .dealerlogin{
	float: right;
	line-height: normal;
	margin: 8px 50px 0 0;
	background: rgba(0,0,0,0.1);
	padding: 10px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
	color: #333;
}

.top .dealerlogin p{
	font-size: 0.9em;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 8px;
}

.top .dealerlogin form{
	overflow: hidden;
	clear: both;
}

.top .dealerlogin span{
	width: 100px;
	margin: 0;
	display: block;
	line-height: normal;
	float: left;
	font-size: 0.8em;
}

.top .dealerlogin .loginaanvragen{
	display: block;
	clear: both;
	margin: 8px 0 0;
	font-size: 0.7em;
	text-align: right;
}

.top .dealerlogin .loginaanvragen a{
	font-weight: normal;
	color: #666;
}

.top .landenfrm{
	margin: 20px 0 0;
	border: 1px solid #B7B7B7;
}

.top .dealerlogin input{
	float: left;
	border: 1px solid #B5B5B5;
}

.top .dealerlogin .sbmbtn{
	float: right;
	font-size: 0.7em;
}

.top .taalkeuze{
	margin: -4px 0 0 120px;
	float: left;
	clear: both;
	color: #303030;
	font-size: 0.70em;
	font-weight: bold;
}

.top .taalkeuze a{
	margin: 0 6px;
	color: #303030;
	text-transform: uppercase;
	font-size: 0.70em;
	font-weight: bold;
}

.top .taalkeuze a:hover, .top .taalkeuze a.selected{
	color: #ff004e; 
}

.container{
	width: 100%;
	background: url(../images/bg-golfschad.png) 50% 200px no-repeat;
}

.nbbox{
	width: 388px;
	height: 130px;
	float: right;
	/*background: url(../images/bg-nbbox.png) 0 0 repeat-x;*/
	color: #fff;
}

.nbbox p{
	margin: 30px 30px 0;
	color: #fff;
	font-size: 0.8em;
}

.nbbox .nbfields{	
	margin: 12px 30px 0;
}

.nbbox .nbfields input{
	width: 236px;
	font-style: italic;
	padding: 3px;
	color: #666;
	border: 1px solid #fff;
}

.nbbox .nbfields input.sbmbtn{
	width: auto;
	margin-left: 3px;
	color: #fff;	
	font-style: normal;
	font-size: 0.7em;
	padding: 1px;
	float:  none;
	border: 1px solid #fff;
	background: #222;
}

.header{
	width: 960px;
	/* margin: -43px auto 0; tijdelijk, tot de dealerlogin terug is */
	margin: 0 auto;
	background: url(../images/bg-header-default.jpg) 0 0 no-repeat;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

.default_header{
	background: url(../images/bg-header-default.jpg) 0 0 no-repeat;
}

.s_1 .physalis_header{
	background: url(../images/bg-header-physalis-2.jpg) 0 0 no-repeat;
}

.s_1 .physalis_header.c_2{
	background: url(../images/bg-header-eo.jpg) 0 0 no-repeat;
}

.biotona_header{
	background: url(../images/bg-header-biotona-2.jpg) 0 0 no-repeat;
}

.tigerbalm_header{
	background: url(../images/bg-header-tigerbalm-2.jpg) 0 0 no-repeat;
}

.aiya_header{
	background: url(../images/bg-header-aiya.jpg) 0 0 no-repeat;
}

.treets_header{
	background: url(../images/bg-header-treets.jpg) 0 0 no-repeat;
}

.keysept_header{
	background: url(../images/bg-header-default.jpg) 0 0 no-repeat;
}

.quercus_header{
	background: url(../images/bg-header-default.jpg) 0 0 no-repeat;
}

.default_transbox{
	background: rgb(6, 93, 30);
    background: rgba(6, 93, 30, 1.0);
}

.even_transbox{
	background: rgb(164, 189, 5);
    background: rgba(164, 189, 5, 1.0);
}


.oneven_transbox{
	background: rgb(79, 138, 16);
    background: rgba(79, 138, 16, 1.0);
}

.physalis_transbox{
	background: rgb(6, 93, 30);
	background: rgba(6, 93, 30, 1.0);
	/* background: rgb(164, 189, 5); */ 
    /* background: rgba(164, 189, 5, 1.0); /* 
	/* background: rgba(38, 56, 12, 1.0); */
}

.s_1.c_1 .physalis_transbox{
	background: rgb(0, 110, 186);
	background: rgba(0, 110, 186, 1.0);
	/* background: rgb(164, 189, 5); */ 
    /* background: rgba(164, 189, 5, 1.0); /* 
	/* background: rgba(38, 56, 12, 1.0); */
}

.s_1.c_2 .physalis_transbox{
	background: rgb(79, 136, 41);;
	background: rgba(79, 136, 41, 1.0);
	/* background: rgb(164, 189, 5); */ 
    /* background: rgba(164, 189, 5, 1.0); /* 
	/* background: rgba(38, 56, 12, 1.0); */
}

.biotona_transbox{
	background: rgb(0, 101, 75);
    background: rgba(0, 101, 75, 1.0);
}

.tigerbalm_transbox{
	background: rgb(82, 11, 16);
    background: rgba(82, 11, 16, 1.0);
}

.treets_transbox{
	background: rgb(88, 56, 35);
    background: rgba(88, 56, 35, 1.0);
}

.aiya_transbox{
	background: rgb(149, 180, 133);
    background: rgba(149, 180, 133, 1.0);
}

.keysept_transbox{
	background: rgb(161, 13, 89);
    background: rgba(161, 13, 89, 1.0);
}

.quercus_transbox{
	background: rgb(0, 101, 46);
    background: rgba(0, 101, 46, 1.0);
}

.default_bg{
	background: #065d1e;
}

.even_bg{
	background: #a4bd05;
}

.oneven_bg{
	background: #4F8A10;
}

.s_1.physalis_bg{
	background: #065D1E;
}

.s_1.physalis_bg.c_1{
	background: #006eba;
}

.s_1.physalis_bg.c_2{
	background: #4F8829;
}

.biotona_bg{
	background: #00654B;
}

.tigerbalm_bg{
	background: #520b10;
}

.keysept_bg{
	background: #A10D59;
}

.quercus_bg{
	background: #00652E;
}

.aiya_bg{
	background: #95B485;
}

.treets_bg{
	background: #583823;
}

.default_border{
	border: 1px solid #065d1e;
}

.physalis_border{
	border: 1px solid #a4bd05;
}

.biotona_border{
	border: 1px solid #00654B;
}

.tigerbalm_border{
	border: 1px solid #520b10;
}

.keysept_border{
	border: 1px solid #A10D59;
}

.quercus_border{
	border: 1px solid #00652E;
}



.menubar{
	width: 100%;
	height: 30px;
	/* margin: 130px 0 0; tijdelijk, tot de dealerlogin terug is */
	margin: -3px 0 0;

}

.menubar ul{
	float: right;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

.menubar ul li{
	float: left;
	margin-right: 14px;
}

.menubar ul li a{
	display: block;
	line-height: 30px;
	padding: 0 6px;
	color: #fff;
	font-size: 0.85em;
	font-weight: bold;
}

.menubar ul li a:hover, .menubar ul li.selected a{
	/*color: #fff100;*/
	background: rgba(0,0,0,0.6);
}

.menubar a#printbtn{
	display: inline;
	background: none;
}

.content_holder{
	width: 960px;
	margin: 0 auto;
	background: #fff url(../images/bg-linkerbalk.gif) 0 0 repeat-y;
	overflow: hidden;
}

.linkerbalk{
	width: 250px;
	adding: 30px;
	float: left;
}

.subnav{	
	margin: 30px;
	list-style-type: none;
}

.subnav ul{
	margin: -10px 0 0 26px;
	font-size: 1.4em;
	list-style-image: url(../images/subnav-raquo.gif);
}

.subnav li a.standalone{
	padding-left: 18px;
	font-size: 1.2em;
	background: url(../images/subnav-raquo.gif) 0 50% no-repeat;
}

.subnav li{
	font-size: 0.7em;
	line-height: 1.5em;
	margin: 6px 0 20px;
}

.subnav li a{
	color: #666;
}

.subnav li.selected > a{
	color: #088a2a;
}

.subnav li ul li{
	margin: 6px 0 10px;
	padding-left: 3px;
}

.subnav li ul li a{
	color: #333;
}

.subnav ul ul{
	margin: 10px 0 0 26px;
	font-size: 1.4em;
}

.content{
	width: 460px;
	float: left;
	background: url(../images/bg-rechts-schad.png) top right no-repeat;
	min-height: 620px;
	padding-bottom: 30px;
	text-align: center;
	overflow: hidden;
}

.content .logo{
	float: right;
	display: none;
	margin: 30px 30px 20px 0;
}

#plogo_1{ width: 120px; }
#plogo_2{ width: 120px; }
#plogo_17{ width: 70px; }

.content h1{
	margin: 30px 30px 10px;
	font: 1.8em "trebuchet ms", arial, verdana, sans-serif;
	text-transform: uppercase;
}

.content h2{
	margin: 0 30px 10px;
	font: 1.2em "trebuchet ms", arial, verdana, sans-serif;
}

.content h3{
	margin: 0 30px 2px;
	font: bold 1em "trebuchet ms", arial, verdana, sans-serif;
}

.content .colorhead{
	margin: 30px 30px 18px;
	padding: 0 10px;
	font: 1.1em "trebuchet ms", arial, verdana, sans-serif;
	line-height: 30px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.content p, .content ul li, .content label{
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 30px 8px;
}

.content .ttl{
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 10px;
	color: #444;
}

.content ul li{
	margin: 0 0 6px;
}

.content ul{
	margin: 10px 30px 10px 50px;
	list-style-image: url(../images/ul-vinkje.gif);
	text-align: left;
}

.content table{
	width: 400px;
	border-collapse: collapse;
	font-size: 0.8em;
	margin: 10px 30px 20px;
}

.content table th, .content table td{
	width: 50%;
	text-align: right;
	padding: 6px;
	vertical-align: top;
	/*border: 1px solid #999;*/
}

.content .promoverzicht{
	border-collapse: collapse;
	background: #f0f0f0;
}

.content .promoverzicht td.promotd_l{
	width: 300px;
	border-bottom: 1px dotted #999;
	font-size: 1.2em;
}

.content .promoverzicht td.promotd_r{
	width: 100px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px dotted #999;
}

.content .promoverzicht .lm a{
	margin: 0 0 0 10px;
	padding: 4px 6px;
	background: #333;
	color: #fff;
	-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}

.content .promoverzicht td{
	text-align: left;
	font-weight: bold;
}

.aanbev{
	font-size: 0.8em;
	font-style: italic;
}

.content table th{
	/*background: #f0f0f0;*/
	text-align: left;
	font-weight: normal;
}

textarea ul{
	list-style-image: url(../images/ul-vinkje.gif);
}

.packshot{
    width: 180px !important;
	margin: 0 30px 8px 20px;
	float: right;
}

.biotona_bg .packshot{
    width: 150px;
}

.nieuwsitem{
	margin: 0 30px 16px;
	padding: 0 0 16px;
	border-bottom: 1px dotted #222;
	overflow: hidden;
}

.nieuwsitem img{
	float:  left;
	margin: 0 12px 8px 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #b4b4b4;
}

.nieuwsitem h2{
	margin: 0 0 6px;
	font-size: 0.8em;
	font-weight:  bold;
	text-align: left;
}

.nieuwsitem h2 a{
	color: #666;
}

.nieuwsitem p{
	margin: 0;
	font-size: 0.7em;
}

.btmlink{
	margin: 0 30px 30px;
	text-align: right;
}

.rechterbalk{
	width: 250px;
	float: left;
}

.footer{
	width: 960px;
	margin: 0 auto 30px;
	padding: 30px 0 0;	
	color: #fff;
	background: url(../images/bg-footer.png) 50% 0 no-repeat;
}

.footer p{
	text-align:  center;
	font-size: 0.7em;
	margin: 0 0 6px;
}

.footer p a{
	color:  #fff;
}

.footer .mink{
	color: #ccc;
}

.footer .mink a{
	font-size: 0.9em;
	color: #ccc;
}

.zoekbox{
	width:  210px;
	margin: 30px auto 0;
	overflow:  hidden;
}

#facebooklink{
	display:block;
	margin: 20px auto 0;
    overflow: hidden;
    width: 210px;
	}

.zoekbox select{
	width: 100%;
	margin: 0 0 8px;
	clear:  both;
	display: block;
	font-size: 0.70em;
	color: #666;
}

.zoekbox select .firstopt{
	font-style: italic;
	color: #aaa;
}

.kijkerbox, .buurtwinkelbox{
	width: 210px;
	margin: 30px auto;
	text-align: center;
}

.kijkerbox .colorhead, .buurtwinkelbox .colorhead{
	margin: 0 0 10px;
	padding: 0 10px;
	font: 1.1em "trebuchet ms", arial, verdana, sans-serif;
	line-height: 30px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	text-align: center;
}

.kijkerbox h2{
	text-align: center;
	font-size: 0.8em;
	margin: 0 0 10px;	
}

.kijkerbox h2 a{
	color: #666;
	font-weight: bold;
}

.kijkerbox img{
	margin: 0 auto 10px;
	max-width: 120px;
}

.kijkerbox p, .kijkerbox li{
	font-size: 0.7em;
	text-align: left;
	line-height: 1.6em;
}

.kijkerbox p a{
	color: #ff004e;
	font-weight: bold;
}

.kijkerbox ul{
	margin: 0 10px;
}

.buurtwinkelbox input, .buurtwinkelbox select, .inbodybuurtwinkel input, .inbodybuurtwinkel select{
	width: 100%;
	margin: 0 0 4px;
	padding: 2px 0;
	border: 1px solid #ccc;
	color: #666;
	font-style: italic;
}

.buurtwinkelbox p{
	margin: 8px 0;
	font-size: 0.9em;
	text-align: left;;
}

.buurtwinkelbox form p{
	overflow: hidden;
	display: block; 
	clear: both;
}

.buurtwinkelbox form p span{
	width: 80px;
	font-size: 0.9em;
	display: block;
	float: left;
}

.buurtwinkelbox form input{
	width: 126px;
	float: left;
}

.buurtwinkelbox p .sbmbtn{
	width: 128px;
	margin: 0 2px 0 0; 
	float: right;
	font-style: normal;
	display: block;
}

.inbodybuurtwinkel{
	margin: 20px 30px 0;
}

.inbodybuurtwinkel div{
	overflow: hidden;
}

.inbodybuurtwinkel input{
	width: 140px;
	float: left;
	padding: 4px;
	margin-bottom: 4px;
}

.inbodybuurtwinkel label{
	float: left;
	width: 100px;
	text-align: left;
}

.inbodybuurtwinkel select{
	width: 200px;
}

.inbodybuurtwinkel #ziplistdiv, .inbodybuurtwinkel #citylistdiv{
	overflow: hidden;
}

.inbodybuurtwinkel #ziplistdiv select, .inbodybuurtwinkel #citylistdiv select{
	width: 280px;
	float: left;
	margin: 0 0 0 30px;
}

.inbodybuurtwinkel .sbmbtn{
	width: 100px;
	font-style: normal;
	margin: 10px 90px 0 0;
	padding: 2px;
	float: right;
}

.prodrow{
	margin:  20px 0 0;
	overflow: hidden;
}

.prodcel{
	width:  50%;
	text-align: center;
	float:  left;
}

.prodcel a{
	line-height: 2em;
	font-size: 0.8em;
	color: #666;
}

.packoverzichtimg{
	width: 160px;
}

.pager{
	display: inline-block;
	margin: 30px auto 0;
}

.pager a{
	display: block;
	width: 20px;
    margin-right: 2px;
	line-height: 20px;
	float: left;
	background: #f6f6f6;
    border: 1px solid #d5d5d5;
	text-align: center;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	font-size: 0.7em;
    font-weight: bold;
	color: #333;
}

.pager a img{
	margin: 5px auto 0;
}

a.current{
	color: #0170d8;
}

.caution{
	margin: 30px;
	padding: 10px 10px 10px 40px;
	background: #fff0f5 url(../images/excl.gif) 11px 12px no-repeat;
}

.caution p{
	margin: 0;
	font-style: italic;
}

a[href $='.pdf'] { 
   padding-right: 18px;
   background: url(../images/pdf.gif) no-repeat center right;
}

a[href $='.doc'] { 
   padding-right: 18px;
   background: url(../images/word.gif) no-repeat center right;
}

.shopbox{
	margin: 0 30px 0;
}

.shopbox h2{
	line-height: 24px;
	padding: 0 6px;
	font-size: 0.85em;
	color:  #fff;
	background: #999;
}

.shopbox h2 img{	
	margin: 5px 0 0;
	float:  right;
	vertical-align: middle;
}

.switchert{
	cursor: pointer;
}

.swider{
	display: none;
}

.stad{
	margin: 0 0 20px;
	background: #f7f7f7;
	overflow: hidden;
	border: 1px solid #999;
}

.stad h3{
	margin: 8px 10px 6px;
	font-size: 0.8em;
}

.stad p{
	margin: 0 30px 20px;	
}

.shopbox .uparrow{
	width:  100%;
	line-height: 24px;
	overflow:  hidden;
	background: #eee;
}

.shopbox .uparrow img{
	margin: 6px;
	float: right;
}

.melding_nb{
	color: #fff100;
	font-size: 0.7em;
}

.content .besteltbl{
	width: 400px;
	border-collapse: collapse;
	font-size: 0.8em;
	margin: 10px 30px 20px;
}

.content .besteltbl th, .content .besteltbl td{
	width: auto;
	text-align: left;
	padding: 6px;
	/*border: 1px solid #999;*/
}

.content .besteltbl th{
	/*background: #f0f0f0;*/
	text-align: left;
	font-weight: normal;
}

.content .besteltbl label{
	font-size: inherit;
	line-height: normal;
	margin: 0 6px 0 0;
}
	
.besteltbl th.ass{
	height: 40px;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
	width: 100%;
	color: #fff;
}

.besteltbl th.assunder{
	width: 100%;
	color: #333;
	background: #ddd;
	padding: 6px;
	font-weight: bold;	
}

.besteltbl th.assunderneath{
	width: 100%;
	color: #333;
	background: #f6f6f6;
	padding: 6px;
	font-weight: bold;	
	border-bottom: 1px solid #999;
}

.besteltbl th.physalis{background: #A4BD05}
.besteltbl th.biotona{background: #00652E}
.besteltbl th.keysept{background: #A10D59}
.besteltbl th.quercus{background: #00652E}
.besteltbl th.tiger_balm{background: #CB3618}

.besteltbl th.naam{
	width: 200px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.besteltbl th.prijs{
	width: 90px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.besteltbl th.hoev{
	width: 100px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.content .besteltbl td{
	width: auto;
}

.besteltbl td input{
	width: 60px;
	border: 1px solid #ccc;
}

.bestelfooter{
	margin: 10px 30px;
}

.totaalcel{
	color: #fff;
	font-weight: bold;
}

.bestelpromo{
	background: #fecb00;
	color: #ad0000;
}

.blok_samenstelling .eerstekolom{
	width: 80%;
}

.headpag{
	overflow: hidden;
}

.content .blok_gebruik table{
	text-align: left;
	border: 1px solid #ccc;
}

.content .blok_gebruik table th{
	text-align: left;
	font-weight: bold;
	/*background: #eee;*/
}

.content .blok_gebruik table th, .content .blok_gebruik table td{
	text-align: left;
	border: 1px solid #ccc;
}

.terugbtn{
	padding: 4px 10px;
	background: #F7F7F7;
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 1px solid #ccc;
}

.leftbox{
	margin: 20px;
	padding: 10px;
	background: #F7F7F7;
	border: 1px solid #ccc;
}

.leftbox h2{
	margin: 0 0 10px;
	font-size: 0.9em;
}

.leftbox p{
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 0 8px;
}



/* FILTERTABLE */

.filtertable th label{
	text-align: left !important;
	font-size: 12px;
	margin: 0px !important;
	line-height: 12px !important;
}

.filtertable th{
	
	width: 100px !important;
}

.privacy ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 45px;
    text-align: left;
}

.privacy ol ol {
	padding-left: 20px;
}

.content .privacy ol li p {
    margin: 8px 0px 8px 0px;
}

.content .privacy ol li {
	margin-bottom: 20px;
	padding-right: 30px;
}

.content .privacy ul li {
	margin-bottom: 5px;
}

.content .privacy ul {
    margin: 10px 0px 10px 20px;
}

.content .privacy h2 {
	padding-top: 20px;
}