body {font-family: "Verdana", "Arial", serif;
	  font-size: 12px;
	  text-align: left;
	  background-image:  url(Afbeeldingen/bgFade2.gif);
	  background-repeat: repeat-x;
	  background-position: left top;
	  background-color: #ffffff;
	  }
  
#main {background-color: white; border-width: 20px 1px 20px 1px;
	    border-color: #a2e23c;
		border-style: solid;	
		width: auto; margin: 0 50px;
		padding: 5px 0 0 0;}

#top {text-align: left;
	  font-family: "Arial", "Verdana", serif;
	  font-size: 36px;
	  color: black;
	  font-weight: bold;
	  text-transform: uppercase;
	  border: 1px solid #808080;
	  margin: 10px 10px 10px 10px;
	  height: 70px;}
p.top {margin: 2px 10px 0px 10px;
	   vertical-align: middle;
	   display: inline;}

#content {position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	min-height: 450px;
	margin:0px 10px 5px 203px;
	border: 1px solid #808080;
	padding:0px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

#menu {position:absolute;
	width:180px;
	top:125px;
	left:71px;
	padding:0px;
	background-color:white;
	border: 1px solid #808080;
	z-index:2;
	}

#footer {text-align: center;
		 margin: 0px 10px 5px 10px;}

#main2 {width: auto;
	    margin: 0px 50px;
		text-align: left;
		margin-bottom: 15px;
		color: #0000ff;
		}
.main2tekst {text-align: left;
			 color: #808080;
			 font-size: 10px;
			 }
.main2tekst A:link {text-decoration: underline; color: #505050;}
.main2tekst A:visited {text-decoration: underline; color: #505050;}
.main2tekst A:active {text-decoration: underline; color: #505050;}
.main2tekst A:hover {text-decoration: underline; color: #505050;}	

#menulayout ul
{
margin: 0;
padding: 0 0 10px 0;
list-style-type: none;
line-height: 1.2em;
}

#menulayout li{margin: 0;
			   border-bottom: 1px solid #000;
           	   background-color: #ffffff;
			   width: 88%;
			   height: 1.7em;
     		   }

#menulayout a{display: block;
			  padding: 3px 12px 3px 8px;
			  text-decoration: none;
			  }

#menulayout a:hover
{
background-color: #a2e23c;
color: #252898;
}
#menulayout a:focus
{
background-color: #a2e23c;
color: #ffffff;
}

#popup {background-color: white;
		width: 100%;
		padding: 5px;}

.tekst {padding: 5px 10px 10px 10px}

.header1 {font-size: 14pt;
		font-family: "Arial", "Verdana", serif;
		color: #42803d;
		margin-top: 1em;
		margin-bottom: 0.5em;
		text-transform: capitalize;
		font-weight: bold;
		text-align: center;
		}
		
.header2 {font-size: 12pt;
		font-family: "Arial", "Verdana", serif;
		color: #42803d;
		margin: 12px;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase
		} /* was h1.herb */
		
.header3 {font-size: 10pt;
		font-family: "Arial", "Verdana", serif;
		color: #42803d;
		margin: 0;
		font-weight: bold;
		text-align: left;
		margin-top: 1.0em;
		}
	
.header4 {font-size: 110%;
		font-family: "Arial", "Verdana", serif;
		color: #000000;
		margin: 0;
		font-weight: bold;
		text-align: left;
		margin: 10px 0 0 0px;
		}

/* p ---------------------------------------------------------------------------*/			 		
p { text-align: 	left;
	padding: 		0 0px 0 0px;
	}	
p.clearleft {clear: left; }
p.inline {display: inline;}
p.p0 {line-height: 	1.2em;
	  text-indent: 0px;
	  text-align: left;
	  margin-top: 0.0em;
	  margin-bottom: 0.0em;
	  }
p.p2 {line-height: 	1.2em;
	  text-indent: 0px;
	  text-align: left;
	  margin-top: 0.0em;
	  margin-bottom: 0.0em;
	  }
p.p2:first-letter {font-weight: bold;
				   color: #42803d;
				   }
p.p3 {line-height: 	1.2em;
	  text-indent: 0px;
	  text-align: left;
	  margin-top: 1.0em;
	  margin-bottom: 0.0em;
	  }
p.p3:first-letter {font-weight: bold;
				   color: #42803d;
				   }
p.p4 {font-size: 12pt;
	  font-family: "Arial", serif;
	  color: #A1D2A1;
	  margin: 12px;
	  text-transform: uppercase;
	  font-weight: bold;
	  text-align: left;
	  }
/* productblokjes */	  
p.prodrij {line-height: 1.2em;
	  	   margin-left: 20px;
	  	   margin-top: 20px;
	  	   margin-bottom: 0.0em;
		   }
p.prodrij+p.prodrij {margin-top: 0px;}
fieldset {padding: 10px;
		  margin: 10px 0px 10px 10px;
		  border: 1px #42803d solid;
		  }
fieldset.producten {width: 50%;}
legend.producten {border-color: #42803d;}
	  
/* classes voor de sitemap */
p.small1 {text-indent: 0px;
	  text-align: left;
	  font-size: 80%;
	  margin-top: 0.0em;
	  margin-bottom: 0.0em;
	  }
p.small2 {text-indent: 0px;
	  text-align: left;
	  font-size: 80%;
	  margin-top: 0.0em;
	  margin-bottom: 0.0em;
	  margin-left: 10px;}
p.sm0 {line-height: 1.5em;
	  text-indent: 0px;
	  text-align: left;
	  margin-top: 2.0em;
	  margin-bottom: 0.0em;
	  }
p.sm1 {line-height: 1.5em;
	  text-indent: 8em;
	  text-align: left;
	  margin-top: 0.0em;
	  margin-bottom: 0.0em;
	  }
p.sm2 {line-height: 1.5em;
	  text-indent: 14em;
	  text-align: left;
	  margin-top: 0.0em;
	  margin-bottom: 0.0em;
	  }
/* semi-tabelletje met 2 kolommen */
.left {
    float:                  left;
    width:                  20em;
    margin-right:           1em;
}
.right {
    margin-left:            21em;
}
table {font-size: 12px;}
td {vertical-align: top;}
th {text-align: left;}
    			   				   		   
ul.kleur0 {list-style-type: none;
	margin: 0;
	padding-left: 0px;
	line-height: 1.2em;
	}
ul.kleur1 {list-style-type: disc;
    color: #42803d;
    padding-left: 0px;
	margin-left: 15px;
	margin-top: 0.0em;
	line-height: 1.2em;
	}
ul.kleur2 {list-style-type: disc;
    color: #000000;
    padding-left: 1.0em;
	margin-left: 15px;
	margin-top: 0.0em;
	}
div.kleur1 {color: #42803d;}
div.kleur2 {color: #000000;}

div.noscreen {display: none;}
	  
a:link {color: #407ead;
	}
a:visited { color: #407ead;
	}
a:hover { color: #42803d;
	}
a:active { color: #42803d;
	}

/* #extraDiv1 {
	position: 		absolute;
	top: 			0;
	left: 			0;
	background: 	transparent url(Afbeeldingen/0444US_Med.jpg) no-repeat;
	width:			130px;
	height:			170px;
	z-index:		0;
}
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	display: 		none;
} */

img {border: 0;}
IMG.rechts {float: right; margin: 0 5px 0 5px;}
IMG.links {float: left; margin: 0 5px 5px 0;}
IMG.toplogo {vertical-align: middle; margin-top: 5px;}
IMG.topland {vertical-align: middle; position: absolute; top: 54px; right: 100px;}
IMG.filler {margin: 20px;}

.floatcontainer:after{content: ".";
					  display: block;
					  height: 0;
					  clear: both;
					  visibility:hidden;
					  }
.floatcontainer{display: block;}
/* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/ * html .floatcontainer {height: 1%;}
.floatcontainer{display:block;} /* End Hack */

/* FORMULIEREN ----------------------------------------------------------------- */
fieldset {width: 95%;
		  padding: 5px;
		  margin-top: 1.0em;
		  border: 1px #42803d solid;
		  color: #000000;
		  text-align: left;
		  }
legend {color: #000000;
		background: #f0f0f0;
		border: 1px #42803d solid;
		padding: 1px 10px
		}
label {width: 4em;
	   text-align: right;
	   margin: 5px 10px 0 0;
	   clear: both;
	   }
br {clear: both;}

.button {background-color: #f0f0f0;
		line-height: .85;
		padding: 2px;
		text-transform: capitalize;
		cursor: pointer;
		margin: 5px 5px 5px 0;
		}

input,textarea,select {font-size: 110%;
			    background-color: #f0f0f0;
				padding: 2px;
				margin: 1px 0;
				font-family: Arial, Verdana, Helvetica, sans-serif;
				border: 1px #a2e23c solid;
				}
input:focus,textarea:focus {background-color: #fbfbfb;}
label.adres {width: 9em; float: left; text-align: right;}
input.adres {width: 15em; margin-left: 5px;}
textarea.adres {width: 23em; height: 7em; margin-left: 5px;}
label.bestel {width: 200px; min-width: 200px; margin-left: 10px; text-align: left;}
input.bestel {width: 2em;}
input.radio {margin: 0px 5px; border: 0; background-color: #ffffff;}
input.check {border: 0; background-color: #ffffff;}

.besteltabel {font-size: 12px; width: 100%; padding: 0;}
.aantalkol {}
.headerkol1 {text-align: center;}
.lobest {padding-right: 10px;} /* lay-out bestelformulier */
.lobest80 {padding-right: 5px; width: 100px;}
.lobest15 {padding-right: 5px; width: 80px;}
.lobest225 {padding-right: 5px; width: 225px; float: left; vertical-align: 200%;}
.lobest20 {padding-right: 15px; width: 50px; text-align: right;}
.lobest20pp {padding-right: 15px; width: 50px; text-align: right; float: left;}
.lobestkop {background-color: #f0f0f0; font-weight: bold;}
.lobestbot {padding-bottom: 1.5em;}
.paypal {width: 100px;}
.flavpp {width: 150px; float: left;}
.paypalbut {border: 0px; float: left; padding-right: 10px; background-color: #ffffff; vertical-align: top;}
.prijskol {}

.adrestabel {font-size: 12px;}
.adreslabelkol {text-align: right; vertical-align: top;}
.adresveldkol {}
.paytabel {font-size: 12px;}
.paylabelkol {text-indent: 10px; text-align: left; vertical-align: top; width: 100px;}
.payveldkol {}
p.vakantie {font-size: 110%; font-weight: bold; color: red; display: none;}
/*--- display: none; invullen direct na de vakantie ---*/