html {	margin:0;
		padding:0;
		height:101%;
}


body {	padding: 0;
		margin:0;
		color: #000000;
		font-size: 14px; 
		font-family: Georgia;
		background-color: #ffffff;
		text-align: center;
		
		}


.clearfloat { clear:both;
		      height:0;
			  font-size: 1px;
	          line-height: 0px;
	          margin-top: 1px;
	         }

a:link { color: #000000; 
		 text-decoration: none; 
		}

a:visited { color: #8c8c8c;  
			text-decoration: none; 
			}


a:hover { color: #ffffff; 
		  text-decoration: none; 
		  }

a:active { color: #8c8c8c; 
		   text-decoration: none;
		   }

h1 { font-size: 18px; font-weight: normal; letter-spacing: 1px; display: inline; margin-bottom: 32px; margin-top: 0px; padding-right: 6px; background-image: url(/assets/templates/default/images/kringel_gross.gif); background-repeat: no-repeat; background-position: right 5px}	 
h2 { color: #81de15; font-size: 18px; font-weight: normal; letter-spacing: 1px; margin-bottom: 32px; margin-top: 0px; margin-left: 6px; display: inline}	 
h3 { font-size: 18px; font-weight: normal; letter-spacing: 1px; display: inline; margin-bottom: 32px; margin-top: 0px; padding-right: 6px; }	
h4 { color: #81de15; font-size: 18px; font-weight: normal; letter-spacing: 1px; margin-bottom: 32px; margin-top: 0px; display: inline}	
h5 { color: #000000; font-size: 12px; font-weight: bold; margin: 0; margin-top: 14px; display: inline}	
h6 {color: #a9a689; font-size: 12px; font-weight: bold; margin: 0; margin-top: 14px; display: inline}	

.vers {visibility: hidden}

.grau {color: #a9a689 }


p a:link { color: #81de15}	
p a:visited { color: #81de15}
p a:hover { color: #000000}
p a:active { color: #81de15}

#wrapper { width: 980px; margin: 0 auto; position: relative; visibility: visible; text-align: left;}
#header { width: 980px; height: 213px; background-position: top; position: relative; }
#content {font-family: Tahoma; color: #000000; text-align: left; width: 980px; height: auto; margin-bottom: 0px;  position: relative; overflow: hidden; z-index: 1; font-size: 12px; line-height: 1.5; min-height: 350px}
#footer { font-size: 14px; width: 980px; height: 223px; position: relative; clear: both; margin-top: 0px; line-height: 2.0 ;}
#spalte-links {width: 460px; height: auto; float: left; margin: 0; margin-left: 10px; visibility: visible; display: inline; color: #e60000; padding: 0}
#spalte-rechts { width: 500px; height: auto; margin-top: 0px; visibility: visible; text-align: left ; float: right; margin-bottom: 5px; margin-right: 10px; display: inline; }
#container {margin: 5px 10px; padding: 0; height: 350px }


#slogan {margin: 0; width: 360px; margin-top: -3px; margin-left: 1px; height: 350px; padding: 0px 0px 0px 0px; }

#slogan p {margin: 0; padding: 0; font-size: 16px;}
#slogan p a {color: #a9a689}
#slogan p a:hover {color: #000000}


.zeile {margin: 0; background-color: #81de15; color: #ffffff; padding: 5px 8px 5px 14px; line-height: 1.5}


#links {position: absolute; left: 470px; width: 200px; bottom: 21px;}

* html #links { bottom: 64px;}
*:first-child+html #links { bottom: 18px;}

.links p a {margin: 0; padding: 0; font-size: 24px; }
.links {margin: 0; background-color: #81de15; color: #ffffff; padding: 2px 6px 2px 6px; line-height: 1}
.links a:visited {color: #ffffff}
.links a:hover {color: #ffffff}
.links a:active {color: #ffffff}
.links a:link {color: #ffffff}

* html #links {padding-top: 5px; padding-bottom: 5px}
* html links p {display: inline-block;}
*:first-child+html #links {padding-top: 5px; padding-bottom: 5px}
*:first-child+html links p {display: inline-block; }

* html #slogan {padding-top: 5px;}
* html slogan p {display: inline-block;}
*:first-child+html #slogan {padding-top: 5px}
*:first-child+html slogan p {display: inline-block; }

#bild {width: 423px; margin: 0px; margin-top: 6px; margin-left: 0px; height: auto; padding: 0px 0px 0px 0px;}


#spalte-rechts ul {list-style-type: none; padding: 0; margin-left: 0; margin-bottom: 24px }
#spalte-rechts ul li {margin-top: 6px; background-image: url(/assets/templates/default/images/aufzaehlung.gif); background-repeat:no-repeat; background-position: 0px 5px; padding-left: 14px; }

#content p {margin-bottom: 0px; margin-top: 14px; background-position: 0px 5px; padding-left: 0px; }


.ditto_next_link { width: 21px; height: 19px; margin: 0; margin-top: 30px; float: right; margin-right: 36px}
.ditto_previous_link { width: 21px; height: 19px; margin: 0; margin-top: 30px; float: left; margin-left: 0px}

#navigation {width: 530px; height: 50px; font-size: 16px; letter-spacing: 1px; text-align: left; position: absolute; top: 64px; left: 445px;}

#navigation ul li.here a {color: #000000; text-decoration: none; }
#navigation ul li a:hover {color: #000000; text-decoration: none;}
#navigation ul li a {margin: 0; padding: 0; color: #000000; text-decoration: none; }
#navigation ul li.active a {color: #000000; text-decoration: none; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation ul li { margin: 0; padding: 14px 0px; color: #000000; display: inline; margin-left: 28px }

#navigation ul li.last {color: #000000; }


ul.lavalamp {
    list-style:none;
    margin:5px;
    padding:10px;
    overflow:hidden; /* makes sure the container fits the floated list-items below */
  
}

* html ul.lavalamp {position: absolute}

ul.lavalamp li{
    
    position: relative; /* must have position set to anything other than static to use z-index */
    z-index: 5;
    margin: 3px 5px;
    padding: 5px 10px 7px;
    float: left; /* floats list items to the left, creating a horizontal menu */
     /* add some background color to the line items */
}

ul.lavalamp li.backLava {
    position:absolute; /* this is automatically added by lavaLamp, if not set, but let's set it for good practice */
    z-index: 3; /* 3 levels higher than all normal elements */
    border-bottom: 6px solid #81de15;
}

#logo { height: 60px; width: 227px; left: 10px; top: 35px; position: absolute; z-index: 4;}
#linie_oben {position: absolute; left: 10px; top: 126px; width: 960px; height: 1px }
#aktionsbutton {position: absolute; left: 290px; top: 10px; width: 129px; height: 131px; z-index: 3}



#options {width: 960px; margin: 0; padding: 0; color: #000000; position: absolute; top: 150px; left: 10px}
#options ul { margin: 0; padding: 0; list-style-type: none; }
#options ul li { margin: 0; padding: 14px 0px; color: #000000; display: inline; margin-right: 8px }
#options ul li a {margin: 0; padding: 0; color: #000000; text-decoration: none; padding-left: 15px; background-image: url(/assets/templates/default/images/kringel_klein.gif); background-repeat: no-repeat; background-position: left 2px }

#options li a.selected {color: #a9a689}


#footer a {color: #000000}
#footer a:visited {color: #000000}
#footer a:hover {color: #000000}
#footer a:active {color: #000000}
#footer a:link {color: #000000}



#flasche {position: absolute; top: 0px; left: 60px; width: 40px; height: 74px}
#linie_unten {position: absolute; left: 10px; top: 74px; width: 960px; height: 1px }

#zitat {position: absolute; top: 90px; left: 10px; width: 410px; height: 80px; padding: 7px 16px 8px 0px;}
#zitat p {margin: 0; padding: 0}
#copyright {height: 80px; width: 200px; position: absolute; top: 90px; left: 469px; padding: 7px 16px 8px 30px; border-left: 1px solid #a9a689 }
#strich {height: 80px; width: 2px; position: absolute; top: 90px; left: 740px; padding: 7px 16px 8px 16px; border-left: 1px solid #a9a689 }
#email {height: 26px; width: 70px; position: absolute; top: 98px; left: 755px; padding: 7px 16px 8px 16px;}
#fon {height: 26px; width: 150px; position: absolute; top: 128px; left: 758px;  padding: 2px 16px 2px 16px; }
#facebook {height: 26px; width: 120px; position: absolute; top: 152px; left:764px; padding: 7px 16px 8px 7px;}
#kontakt {height: 80px; width: 150px; position: absolute; top: 90px; left: 786px; padding:7px 16px 7px 16px;  }


.preis_alt {color: #000000; font-weight: bold; text-decoration: line-through;  }
.preis_neu {color: #cd2548; font-weight: bold; padding-left: 20px; }









