body	{font-size: 10pt;
		font-family: "Verdana", "Arial", serif;
		color: #252898;
		margin-top: 0;
		background-image:  url(Images/ES-achtergrond.jpg);
	    background-repeat: repeat-x;
	    background-position: left top;
		background-color: #fbc044;
		text-align: center;
		}

#main {background-color: white;
	   border-width: 1px;
	   border-color: #1A48FF;
	   border-style: solid;
	   width: auto; margin: 20px 50px;
	   padding: 5px 0;
	   text-align: left;}

#top {background-color: #849DE0;
background-image:  url(Images/top.jpg);
background-position: left top;
background-repeat: no-repeat;
	  text-align: left;
	  font-family: "Arial", "Verdana", serif;
	  font-size: 16px;
	  color: #252898;
	  font-weight: bold;
	  border: 1px solid #1A48FF;
	  margin: 10px 10px 10px 10px;
	  height: 70px;}
p.top {margin: 10px 5px 5px 375px;}
p.top2 {margin: 10px 5px 5px 500px;}
	   	 
#menu {position:absolute;
	width:190px;
	top:116px;
	left:70px;
	padding:0px;
	background-color: #FEC84C;
	border: 1px solid #1A48FF;
	z-index:2;
	font-size: 11px;
	}
	
#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: #FEC84C;
			   width: 95%;
			   height: 1.9em;
     		   }

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

#menulayout a:hover
{
background-color: #F79003;
color: #0000ff;
}
#menulayout a:focus
{
background-color: #F79003;
color: #ffffff;
}

#content {background-color: white;
	 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 210px;
	border: 1px solid #1A48FF;
	padding:0px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

.tekst {padding: 5px 10px 10px 10px}
		
td		{background-color: #ffffff;
 		 vertical-align: top;
		 font-size: 10pt;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 color: #252898;
		}
		
td.menu	{background-color: #ffffff;
 		 vertical-align: top;
		 font-size: 10pt;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 color: #252898;
		 margin: 1;
		}
   
td.lichtgroen {background-color: #a2e23c;
  			   padding: 0px;
			  }
			  
td.herbalife  {font-size: 14pt;
			   font-weight: bold;
			   color: #252898;
			   font-family: Arial;
			   text-align: center;
			   vertical-align: center;
		       }

ul			  {list-style-type: bullet;
			  padding-left: 1.5em;
			  margin-left: 0;
			  margin-top: 0;}	 

.header1 {font-size: 14pt;
		font-family: "Arial", "Verdana";
		color: white;
		background-color: #425C20;
		margin: 1;
		text-transform: capitalize;
		font-weight: bold;
		text-align: center;
		width: 100%;
		margin-bottom: 1em;
		}
		
.header2 {color: #425c20;
		font-weight: bold;
		font-size: 12pt;
		font-family: "Arial", "Verdana", serif;
		text-align: left;
		margin: 12px;
		}

.header3 {font-size: 10pt;
		font-family: "Arial", "Verdana", serif;
		color: #425c20;
		margin: 0;
		font-weight: bold;
		text-align: left;
		margin-top: 1.0em;
		}	
	
.header4 {font-size: 110%;
		font-family: "Arial", "Verdana", serif;
		color: #425c20;
		margin: 0;
		font-weight: normal;
		text-align: left;
		font-style: italic;
		margin: 10px 0 0 0px;
		}
				
DIV.noscreen {display: none;}

.tabelkop {font-size: 12pt;
		font-family: "Arial";
		color: #425c20;
		margin: 12;
		text-transform: uppercase;
		font-weight: bold;
		text-align: left;
		}
		
.prijsrij {background-color: #CFCFCF;
           font-weight: bold;
		  }

// lichtgroen:  a2e23c
// donkergroen: 425c20
// donkerblauw: 252898
// blauw: 0000ff
		
	
	
a:link {color: #0000ff;
	}
a:visited { color: #0000ff;
	}
a:hover { color: #a2e23c;
	}
a:active { color: #a2e23c;
	}
		   
.button { border-bottom: thin solid #1b619c;
        border-right: thin solid #1b619c;
		border-top: thin solid #80a9c9;
		border-left: thin solid #80a9c9;
		border-width: 2px;
		font-family: Arial, Helvetica;
		font-size: 10px sans-serif;
		font-weight: normal;
		font-style: normal;
		background-color: #ffffff;
		color: #01518e;
		line-height: .85;
		padding-top: 3px;
		text-transform: capitalize;
		cursor: hand;
		}

img {border: 0;}
IMG.rechts {float: right; margin: 0 5px 0 5px;}
IMG.links {float: left; margin: 0 5px 5px 0;}
IMG.rechts2 {float: right; margin: 20px 0 5px 5px;}
IMG.links2 {float: left; margin: 20px 5px 5px 0;}
IMG.toplogo {vertical-align: middle; position: absolute; top: 45px; right: 75px;}

.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 */

/* 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.p2a {line-height: 	1.2em;
	  text-indent: 0px;
	  text-align: left;
	  margin-top: 0.0em;
	  margin-bottom: 0.0em;
	  }
p.p3 {line-height: 	1.2em;
	  text-indent: 0px;
	  text-align: left;
	  margin-top: 1.0em;
	  margin-bottom: 0.0em;
	  }
p.p3a {line-height: 	1.2em;
	  text-indent: 0px;
	  text-align: left;
	  margin-top: 1.0em;
	  margin-bottom: 0.0em;
	  }
p.p4 {font-size: 12pt;
	  font-family: "Arial", serif;
	  color: #A1D2A1;
	  margin: 12px;
	  text-transform: uppercase;
	  font-weight: bold;
	  text-align: left;
	  }
p.inline {display: inline;}
p.klein {font-size: 80%; padding-top:60px;}
p.klein2 {font-size: 80%;}

/* -------------------------------- ULs -------------------------*/	  
ul.kleur0 {list-style-type: none;
	margin: 0;
	padding-left: 0px;
	line-height: 1.2em;
	}
ul.kleur1 {list-style-type: disc;
    color: #252898;
    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: #000000;}
div.kleur2 {color: #252898;}

/*------------------------------ MAIN2 -------------------------*/
#main2 {width: auto;
	    margin: 10px 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;}

/*-------------------------- FIELDSETS -----------------------*/

fieldset.producten {width: 50%;}
legend.producten {border-color: #42803d;}

fieldset {width: 60%;
		  padding: 10px;
		  margin-top: 1.0em;
		  border: 1px #42803d solid;
		  text-align: left;
		  }
fieldset.producten {width: 50%;}
fieldset.bestel {width: 95%; padding: 3px;}
legend.producten {border-color: #42803d;}
p.prodrij {line-height: 1.1em;
	  	   margin-left: 20px;
	  	   margin-top: 0px;
	  	   margin-bottom: 0.0em;
		   }
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;
	   }
label.adres {width: 9em; float: left; text-align: right;}
input.adres {width: 6em; margin-left: 5px;}
input.radio {margin: 0px 5px; border: 0; background-color: #ffffff;}

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;}
textarea.adres2 {width: 23em; height: 2em; margin-left: 5px; background-color: #ffffff; border: none; overflow: hidden;}
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; margin: 0;}
.aantalkol {}
.headerkol1 {text-align: center;}
.lobest {padding-right: 10px;} /* lay-out bestelformulier */
.lobest80 {padding-right: 5px; width: 100px;}
.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 {}

table {font-size: 12px;}
td {vertical-align: top;}
th {text-align: left;}

/*--------------------- VOOR DE POPUPS -----------------------*/
#mainpop {background-color: white;
	   border-width: 20px 1px 20px 1px;
	   border-color: #a2e23c;
	   border-style: solid;
	   width: auto; margin: 0 10px;
	   padding: 10px;
	   text-align: left;}

#contentpop {position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	margin: 10px;
	border: 1px solid #808080;
	padding: 15px;
	}

p.vakantie {font-size: 110%; font-weight: bold; color: red; display: none;}
/*--- display: none; invullen direct na de vakantie ---*/