HTML {
height:100%;
}

body {
width:953px;
margin:0 auto;
padding:0;
background-color:#fff6d5;
background-image:url(http://www.virgin-coconut-oil.de/images2/home/background.jpg);
background-repeat:repeat-x;
font: normal normal 12px Arial, Helvetica, sans-serif;
}

#preload {
display: none;
}

#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
}


/* TEXTE */
p{
margin:0 0 5px 0;
padding:0;
color:#333333;
line-height:18px;
}

li{
color:#333333;
line-height:18px;
}

h1{
color:#77881c;
font-size:22px;
margin:30px 0 20px 0;
padding:0;
font-weight:bold;
letter-spacing:1px;
}

h1.orange{
color:#f37800;
}

h2{
color:#77881c;
font-size:18px;
margin:15px 0 15px 0;
padding:0;
font-weight:normal;
letter-spacing:0.5px;
}

/*h2 a{
color:#77881c;
font-size:18px;
margin:15px 0 20px 0;
padding:0;
font-weight:normal;
letter-spacing:0.5px;
text-decoration:none;
}*/

h3{
color:#77881c;
font-size:13px;
margin:0px 0 10px 0;
padding:0;
}

span.promi{
font-size:11px;
color:#73783e;
}

/*span.promi a{
font-size:11px;
color:#73783e;
}*/

ul{
list-style-type:square;
}

#infobar{
height:35px;
line-height:35px;
text-align:right;
font-size:11px;
color:#fff;
}

#infobar a{
text-decoration:none;
color:#fff;
}

#wrapper{
width:929px;
background-color:#fff;
padding:0 12px 20px 12px;
overflow:hidden;
}

#wrapper a{
color:#77881c;
text-decoration:underline;
}

#logo{
float:left;
width:320px;
margin:55px 0 0 20px;
font-size:11px;
color:#6c6c6c;
}

#logo a{
font-size:11px;
color:#6c6c6c;
}

#logo h1{
font-size:16px;
color:#4db2c6;
margin:0;
padding:0;
font-weight:bold;
letter-spacing:0.1px; 
}

#versand{
float:left;
width:200px;
margin:50px 0 0 20px;
font-size:11px;
color:#6c6c6c;
border:0px solid black;
}

#kontakt{
float:right;
width:229px;
margin:00px 0 0 0;
font-size:11px;
color:#6c6c6c;
border:0px solid #ccc;
}

/*#footer{
height:31px;
background: url(http://www.virgin-coconut-oil.de/images2/home/footer.jpg) no-repeat top center;
line-height:31px;
text-align:center;
margin-top:60px;
color:#747474;
border:0px solid black;
width:100%;
}*/

#footer2{
border-top:1px solid #99C15E;
text-align:center;
margin-top:60px;
padding-top:10px;
color:#747474;
width:100%;
overflow:hidden;
}

#footlinkstop{
margin:0;
padding:0;
list-style-type:none;
border:0px solid black;
}


#footlinkstop li {
float:left;
padding: 0 15px;
border:0px dashed #ccc;
text-align:left;
}

#footlinkstop li a{
font-weight:bold;
}

#footlinkstop li ul{
margin:0;
padding:0;
list-style-type:none;
border:0px solid black;
text-align:left;
}

#footlinkstop li ul.footlinkssub li{
float:none;
padding:0;
margin:0;
}

#footlinkstop li ul.footlinkssub li a{
font-weight:normal;
font-size:11px;
}

div.home-left{
float:left;
width:696px;
margin-bottom:3px;
border:0px solid black;
overflow:hidden;
}

div.home-left2{
float:left;
width:681px;
margin-bottom:3px;
padding-right:15px;
border:0px solid black;
}

#home-prod{
float:left;
width:696px;
height:358px;
border:0px solid black;
overflow:hidden;
background: url(../images2/produkte/background-produkt.jpg) top left no-repeat;
}

.homeInner{
 margin:63px 0 0 0;
}

img.homeprodImg{
float:left;
}

div.film1{
background: url(http://www.virgin-coconut-oil.de/images2/videobanner.jpg) top center no-repeat;
height:345px;
}

div.inner{
margin:15px;
}

div.home-text{
float:left;
width:681px;
margin-bottom:3px;
padding-right:15px;
border:0px solid black;
}

/*.justify{
text-align:justify;
}*/

div.text{
background: #D4FE7E url(http://www.virgin-coconut-oil.de/images2/home/artikel-bg.jpg) no-repeat top center;
background-color:#D4FE7E;
padding-right:15px;
overflow:hidden;
border:0px solid #ccc;
}

div.text-footer{
clear:both;
background: url(http://www.virgin-coconut-oil.de/images2/home/artikel-footer.jpg) no-repeat top center;
height:7px;
overflow:hidden;
}

div.home-right{
width:230px;
/*height:345px;*/
float:right;
margin-bottom:3px;
}

ul#vorteil{
margin:0;
padding:10px 10px 0 30px;
list-style-image:url(http://www.virgin-coconut-oil.de/images2/haken2.gif);
font-size:12px;
background:#a3edff;
}

.kastenrechts{
padding:15px;
background:#ffe291;
font-size:11px;
}

.kastenrechts2{
padding:15px;
background:#a3edff;
font-size:11px;
}

ul.aufz{
margin:10px 0 10px 30px;
padding:0;
list-style-image:url(http://www.virgin-coconut-oil.de/images2/pfeil.gif);
}

ul#aufz2{
margin:10px 0 10px 30px;
padding:0;
list-style-image:url(http://www.virgin-coconut-oil.de/images2/pfeil.gif);
font-weight:bold;
}

ul#aufz3{
margin:0;
padding:0;
list-style-type:none;
border-top:1px solid #dcc29f;
}

ul#aufz3 li{
padding:2px 0 2px 25px;
background: url(../images2/produkte/haken2.jpg) left top no-repeat;
border-bottom:1px solid #dcc29f;
}

div.prodSiegel{
float:right;
width:72px;
height:280px;
border:0px solid black;
margin-right:10px;
}

img.siegel{
margin-bottom:16px;
}

#anwendung{
border-top:1px solid #b98640;
border-bottom:1px solid #b98640;
padding:10px 0;
height:84px;
overflow:hidden;
clear:both;
float:none;
margin-bottom:20px;
}
img.anwend{
display:block;
float:left;
margin-right:8px;
}

#zum-shop{
width:222px;
height:84px;
background:#ccc;
float:left;
margin-right:8px;
}

#zum-shop a{
width:222px;
height:84px;
display:block;
text-decoration:none;
background:url(../images2/produkt/zum-shop2.jpg) top center no-repeat;
}

#zum-shop a:hover{
background:url(../images2/produkt/zum-shop2.jpg) bottom center no-repeat;
}

div.left{
float:left;
width:230px;
border:0px solid black;
padding:0;
margin:0;
background-color:transparent;
}


div.right{
width:698px;
float:right;
}

div.right2{
width:450px;
float:right;
border:0px solid black;
}

div.right3{
width:430px;
float:right;
border:0px solid black;
}

div.right4{
width:695px;
float:right;
border:0px solid black;
}

.center{
text-align:center;
}

.martop{
margin-top:20px;
}

.martop2{
margin-top:30px;
}

.marbottom{
margin-bottom:20px;
}

.marbottom2{
margin-bottom:10px;
}

.padleft{
padding-left:15px;
}

.padright{
padding-right:15px;
}

.padright2{
padding-right:20px;
}

* html .padright2{
padding-right:0px;
}

.padtop{
padding-top:15px;
}

.nomarall{
margin:0;
}

.nomartop{
margin-top:0;
}

.nomarbot{
margin-bottom:0;
}

.padall-home{
padding:0 30px 30px 30px;
}

div.right a{
text-decoration:underline;
color:#99C15E;
}

div.clear{
clear:both;
height:1px;
overflow:hidden;
}

div.line{
height:1px;
overflow:hidden;
border-top:1px solid #99C15E;
}

div.line2{
clear:both;
height:1px;
overflow:hidden;
border-top:1px dashed #99C15E;
margin:20px 0 20px 0;
}

.lnclear{
clear:both;
}
/* MAINNAVI */

div#mainnavi {
clear:both;
height: 31px;
width: 929px;
background: url(http://www.virgin-coconut-oil.de/images2/home/mainnavi-bg2.jpg) no-repeat top center;
margin:20px 0 10px 0;
}
 
div#mainnavi div {
clear: left;
}

ul#Navigation {
float:left;
width:700px;
margin: 0 0 0 10px; 
padding: 0;
text-align: left;
}

ul#Navigation li {
list-style: none;
float: left;  /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
margin: 0; 
padding: 0;
height:31px;
line-height:31px;
font-size:13px;
}


ul#Navigation li ul {
margin: 0; 
padding: 0;
position: absolute;
top: 31px; 
left: 0;
display: none;  /* Unternavigation ausblenden */

}

ul#Navigation li:hover ul {
display: block;  /* Unternavigation in modernen Browsern einblenden */
}

ul#Navigation li ul li {
float: none;
display: block;
border-top: 1px solid #fff;
z-index:99999;

}

ul#Navigation a, ul#Navigation span {
display: block;
/*width: 100px;   Breite den in li enthaltenen Elementen zuweisen */
padding: 0 31px 0 31px; 
text-decoration: none; 
font-weight: bold;
border-right: 1px solid #fff;
color: #fff; 
background-color: #99C15E;
z-index:99999;
position:relative;
}

ul#Navigation li ul li a{
border: 0;
}

ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
border-color: white;
border-left-color: black; 
border-top-color: black;
color: white; 
background-color: #7ba838;
}

li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
color: maroon; 
background-color:transparent;
}

ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
background-color: maroon;
}

#addit{
width:219px;
float:right;
line-height:30px;
font-weight:bold;
color:#EB8900;
}

#addit a{
text-decoration:underline;
color:#77881C;
}

#share{
  height:31px;
  position:absolute;
  top:150px;
  left:50%;
  margin-left:237px;
}

#share table{
  float:right;
}
/* SUBNAVI*/

ul#subnavi{
width:200px;
margin:20px 0 0 0;
padding:0;
list-style-type:none;
border:0px solid black;
border-top:1px solid #99C15E;
}

ul#subnavi li{
/*line-height:30px;*/

border-bottom:1px solid #99C15E;
padding:1px 0 1px 0;
}

ul#subnavi li a{
color:#738C4D;
display:block;
background:none;
text-decoration:none;

padding:6px 0 6px 20px;
}

ul#subnavi li a:hover{
color:#738C4D;
display:block;
background:#ffe291;
text-decoration:none;
padding-left:20px;
}

/* IMAGES*/

img.logoh{
float:left;
margin:10px 0 20px 10px;
}

img.aktion{
float:left;
margin:0 3px 3px 0;
}

img.aktion2{
float:left;
margin:0 0 0 0;
}

img.imgleft{
float:left;
margin:0 20px 30px 0;
}

img.imgleft2{
width:150px;
float:left;
margin:0 10px 5px 0;
}

/* NEWS */
#news{
	padding:0;
	margin:0 0 0 10px;
}

#news ul{
	padding:0;
	margin:0;
	list-style-type:none;
	border-top:1px solid #ddd;
}


#news ul li{
	padding:5px 0 5px 0;
	border-bottom:1px solid #ddd;
}

#news ul li a{
text-decoration:none;
}

#news ul li a:hover{
text-decoration:underline;
}



#news h1{
	color:#986a12;
	font:bold 14px Arial;
	margin:10px 0 17px 0;
	text-transform:uppercase;
}

/* HOMEPROD */
div.homeprod{
  border-bottom:1px dashed #99C15E;
  overflow:hidden;
  padding:10px 0 10px 0;
  background-color:#fff;
  height:136px;
}

div.homeprodl{
  width:230px;
  float:left;
  border:0px solid #ccc;
  background-color:#fff;
}

div.homeprodl p{
  color:#838383;
  font-family:Verdana;
  font-size:12px;
}

div.homeprodr{
  float:left;
  border:0px solid #ccc;
  background-color:#fff;
}

div.homeprodl h1{
  color:#0098c3;
  font-size:15px;
}

.cert{
width:50px;
margin-right:10px;
vertical-align:middle;
float:left;
}

.cert2{
width:65px;
margin:0 5px 5px 0;
float:left;
border:1px solid #ddd;
}

ul.merk{
margin:0 0 0 20px;
padding:0;
list-style-image:url(http://www.virgin-coconut-oil.de/images2/haken3.gif);
}

ul.merk li{
margin:0 0 7px 0;
}

table.tbln{

}

table.tbln td{
padding:7px 0 7px 0;
border-bottom:1px solid #56ACCB;
}

table.tbln h2{
margin:0;
padding:0;
color:#0E9EC2;
}

table.tbln p{
margin:0;
padding:0;
color:#6C5B5D;
}

table.tbln p span{
margin:0;
padding:0;
color:#0E9ECF;
font-weight:bold;
font-style:italic;
}

table.tblm td{
border:0;
}

div.galthumb a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
	width:200px;
}

div.expert{
border:0px solid green;
width:160px;
height:240px;
float:left;
padding:5px;
margin:0 10px 10px 0;
text-align:center;
}

div.conhalf{
width:48%;
float:left;
border:0px solid red;
margin:0 25px 10px 0;
}

div.conhalf2{
width:48%;
float:left;
border:0px solid red;
margin:0 0 10px 0;
}

img.size1{
width:150px;
}

h2.headbg{
color:#fff;
background:url(../images2/home/headline-bg.jpg) top center no-repeat;
line-height:40px; 
padding-left:10px;
margin:15px 0 30px 0;
}

img.imgrez{
  float:right;
  border:1px solid #BBB;
  padding:5px;
  width:350px;
  margin:0 0 20px 20px;
}

.form1 {
  background:#eff3af;
  overflow:hidden;
  padding:15px;
}

form.form1 textarea{
  border:1px solid #BBB;
  width:350px;
  margin:1px 0 1px 0;
  font-family:Arial, Tahoma,sans-serif;
  font-size:11px;
}

form.form1 input.kontakt{
  border:1px solid #BBB;
  margin:1px 0 1px 0;
  font-family:Arial, Tahoma,sans-serif;
  font-size:11px;
}