* html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explodierer bis Version 6 */
}

fieldset, img {
	border: none;
}

body {
    color: black; background-color: white;
    font-size: 12px;
    font-family: Open Sans,Verdana,Arial,sans-serif;
    margin: 0; 
	 padding: .5em 1em 1em 1em;
    min-width: 969px;
	 max-width: 1400px; 
}


p {margin: 0.2em;
	color: #666;
}

b {
	font-weight: 600;
}

h1 {
	color:#AA0022;
	padding: 2.3em 0;
	font-size: 30px;
	font-weight: bolder;
}

h2 {
	font-size: 13px;
	margin: 4px 0 2px 0;
	color: #666;
	line-height: 16px;
	font-weight: 600;
}

h4 {
	font-family: Didact Gothic, Arial;
}

strong {
	color: #AA0022;
	font-weight: normal;
}

A {
	color: #AA0022;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

/*Allgemein Anfang*/

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.boxbez {
	color: #666;
	font-size: 17px;
	padding-left: 0.4em;
	padding-bottom: 0;
	margin-bottom: 0;
	font-weight: 400;
	border-bottom: 1px solid #cccccc;
	margin-top: 1px;
}


.zentral h2{
	margin: 1em 0.5em 0.5em 0em;
	padding: 0 0 0 0.5em;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	color:#AA0022;
}

.zentral .datum{
	margin: 0 0 0 0em;
	padding: 0.2em 0 0 1em;
	font-weight: 400;
	font-size: 12px;
	color: #666;
}

.zentral p{
	margin: 0 0 0 0em;
	padding: 0 0 0 0.7em;
	font-size: 13px;
	line-height: 19px;
}

.homezentral {
	margin: 2.1em 0 0 255px;
	width: 545px;
}

.homezentral h2{
	margin: 1em 0.5em 0.5em 0em;
	padding: 0 0 0 0.5em;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	color:#AA0022;
}

.homezentral .datum{
	margin: 0 0 0 0em;
	padding: 0.2em 0 0 1em;
	font-weight: 400;
	font-size: 12px;
	color: #666;
}

.homezentral p{
	margin: 0 0 0 0em;
	padding: 0 0 0 0.7em;
	font-size: 13px;
	line-height: 19px;
}

.footer {
	margin: 30px 0 10px 243px;
	width: 580px;
}

.footer p{
	padding: 0.2em 0.7em;
	font-weight: 400;
	font-size: 12px;
	color: #666;
	
}

/*Allgemein Ende*/

/*Header Anfang*/

#mainbanner {
	margin: 0;
	padding: 0;
	width: 100%
}

#mainlogo {
	margin: 0 0 0 .5em;
	padding: 0;
	float: left;
}

#jubi {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 3.2em;
	left: 44em;	
}



#mainsitemenu {
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}

#mainclaim {
	text-align: right;
	font-size: 17px;
	color: #666;
}

#mainclaim span {
	color: #AA0022;
}

.mainicon {
	margin-right:150px;
}

#mainsitemenu p{
	color: #AA0022;
	font-size: 14px;
}


/*Header Ende*/

/*Menue Anfang*/

#mmenu {
	margin: .5em 0 0 .4em;
	padding: 0.1em 0 0.5em 0.6em;
}

/*Menue Ende*/

/*Suche Anfang*/

#artikelsuche fieldset {
  float: right;
  border-top: 0.1em solid #cccccc;
  border-bottom: 0.1em solid #cccccc;
  padding: 0;
  margin: 0;
  height: 28px;
  width: 238px;
}


#artikelinput{
	border: medium none;
    cursor: pointer;
    float: right;
    letter-spacing: 0.4em;
    margin: 0;
    padding: 7px 5px 2px;
    text-align: center;
    width: 170px;
	-height: 1%;
}

#artikelinput:hover{
	background-color: #ddd;
	border: none;
}


#artikelbutton {
	border: none;
	float: right;
	border: none;
}


#erweitert{
	float: right;
	width: 15em;
	padding: 3em 0.4em 0 0;
}

/*Suche Ende*/

/*Hilfe Anfang*/

 #themabild{
   float: left;
   margin: 0 2em 0 0;
	padding: 0;
	width: 20em;
	height: 14.5em;
	overflow: hidden;
}

img.freshbox{float:right;margin-top:-15px}
 
.hilfehead {
  	margin: 0;
   padding: 0;
	height: 16em;
}

.hilfehead H1 {
   font-size : 40px;
   font-weight : 400;
   color:#AA0022;
	font-family: Didact Gothic, Arial;
	letter-spacing : 5px;
   margin: 0;
   padding: 0;
}

.hilfehead H2 {
   font-size : 21px;
   font-weight: 400;
   margin: 0 0 0 0;
	padding: 0;
}

.hilfethemen{
   border-left: 1px solid #919191;
   border-right: 1px solid #919191;
   border-bottom: 1px solid #919191;
   margin: 0.5em 0.1em 0 0px;
   padding: 0;
}

.hilfethemen form input {
	float: right;
    margin: 12px 17px;
}

.hilfethemen H1,
.presse H1{
   background-color: #919191;
   font-size : 24px;
   font-weight: 400;
   color : #FFFFFF;
   padding: 0.2em 0 0.2em 0.5em;
   margin: 0 0 10px;
   height: 100%;
}

.hilfethemen H2 {
   font-size : 18px;
   font-weight: 400;
   line-height: 22px;
   color : #666;
   margin: 1.2em 0 5px 0;
   padding: 0 0.7em 0 0.5em;
   font-family: Didact Gothic, sans-serif;
}

.hilfethemen H3 {
   font-size : 13px;
   font-weight: 600;
   color : #666;
   margin: 15px 0 5px;
   padding: 0 0.7em 0 0.7em;
}

.hilfethemen H4  {
	font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-left: 9px;
	margin-bottom: 1px;
}

.hilfethemen H5{
	
   background-color: #919191;
   font-size : 32px;
   font-weight: 400;
   color : #FFFFFF;
   padding: 0.2em 0 0.2em 0.5em;
   margin: 0;
   height: 100%;
}

.hilfethemen H6{
   background-color: #919191;
   font-size : 13px;
   line-height: 19px;
   font-weight: 400;
   color : #666;
   margin: -15px 0 0;
   padding: 0 11px 8px;
	color: #fff;
}


.hilfethemen p{
   padding: 0 0.7em 0 0.7em;
   margin: 0 0 0 0;
   font-size: 13px;
   line-height: 19px;
}

.hilfethemen ul {
	padding-left: 25px;
}

.hilfethemen ul li{
   padding: 0px 5px;
   margin: 0 0 0 0;
   font-size: 13px;
   line-height: 19px;
   color : #666;	
}

#hilfefooter {
	margin: 15px 0 40px -2px;
	font-size: 12px;
}

ul.hilfe li{
	padding: 0 0.7em 0 0.7em;
    margin: 0 0 0 2em;
    font-size: 13px;
	line-height: 19px;
	color: #666;
}

.personal table{
	margin: 12px 25px;
	color: #666;
	font-size: 13px;
	font-weight: 600;
	width: 41em;
}

.personal td#tage{
	float: right;
	margin: 0 2em 0 0;
}

.personal{
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	border-bottom: 1px solid #919191;
	margin: 0.5em 0.1em 0 0px;
	padding: 0;
 }
 
 .personal form input {
	 float: right;
	 margin: 12px 17px;
 }
 
 .personal H1 {
	background-color: #919191;
	font-size : 24px;
	font-weight: 400;
	color : #FFFFFF;
	padding: 0.2em 0 0.2em 0.5em;
	margin: 0 0 10px;
	height: 100%;
 }
 
 .personal H2 {
	font-size : 18px;
	font-weight: 400;
	line-height: 22px;
	color : #666;
	margin: 1.2em 0 5px 0;
	padding: 0 0.7em 0 0.5em;
	font-family: Didact Gothic, sans-serif;
 }
 
 .personal H3 {
	font-size : 13px;
	font-weight: 600;
	color : #666;
	margin: 15px 0 5px;
	padding: 0 0.7em 0 0.7em;
 }
 
 .personal H4  {
	 font-family: Open Sans, sans-serif;
	 font-size: 13px;
	 font-weight: 600;
	 margin-left: 9px;
	 margin-bottom: 1px;
 }
 
 .personal H5{
	 
	background-color: #919191;
	font-size : 32px;
	font-weight: 400;
	color : #FFFFFF;
	padding: 0.2em 0 0.2em 0.5em;
	margin: 0;
	height: 100%;
 }
 
 .personal H6{
	background-color: #919191;
	font-size : 13px;
	line-height: 19px;
	font-weight: 400;
	color : #666;
	margin: -15px 0 0;
	padding: 0 11px 8px;
	 color: #fff;
 }
 
 
 .personal p{
	padding: 0 0.7em 0 0.7em;
	margin: 0 0 0 0;
	font-size: 13px;
	line-height: 19px;
 }
 
 .personal ul {
	 padding-left: 25px;
 }
 
 .personal ul li{
	list-style-type: circle;
	padding: 0px 5px;
	margin: 0 0 0 0;
	font-size: 13px;
	line-height: 19px;
	color : #666;	
 }

 .personal form input {
    float: none;
}

.personal button{
	font-size : 25px;
  	font-weight : 400;
	margin-left: 0.3em;
	color:#AA0022;
}

#iframe{
	float: left;
	padding: 0.5em 1.2em 0.5em 0.7em;
}

#linkmenu{
	/*background-image: url(/bilder/linkmenu.jpg);
	background-repeat: no-repeat;*/
	border: 1px solid #E6E4E4;
    float: right;
    margin: 1em 23px 0 20px;
    padding: 0 0.7em 1em;
    width: 230px;
}

#linkmenu h1{
	font-size: 21px;
	font-weight: 400;
	color: #AA0022;
	margin: 10px 0px 5px;
	padding: 0px 10px;
	font-family: Didact Gothic, Arial;
	background-color: transparent;
}

#linkmenu p{
	margin: 8px 0;
	padding: 0 0.7em 0 0.7em;
   font-size: 13px;
	line-height: 1.2em;
}

.hilfethemen table{
	margin: 12px 25px;
	color: #666;
	font-size: 13px;
	font-weight: 600;
	width: 41em;
}

.hilfethemen td#tage{
	float: right;
	margin: 0 2em 0 0;
}

form input{
	color: #666;
	padding: 5px 10px;
	text-decoration: none;
}

.links a{
	padding: 2em 0.7em 0 0;
	margin: 0.6em 0;
}

.links a img{
	padding: 2em 0.7em 0 0.7em;
	margin: 0.6em 0.1em;
	float: left
}

.links p{
	margin: 0.6em 0;
}

.presse{
   border-left: 1px solid #919191;
   border-right: 1px solid #919191;
   border-bottom: 1px solid #919191;
   margin: 0.5em 0.1em 0 0px;
   padding: 0 0 2em 0;
}

.presse H2 {
   font-size : 21px;
   font-weight: 400;
   color : #666;
   margin: 1.2em 0 5px 0;
   padding: 0 0.7em 0 0.5em;
}

.presse H3 {
   font-size : 13px;
   font-weight: 600;
	color : #666;
   margin: 1em 0 0.5em 0;
   padding: 0 0.7em 0 0.7em;
}


.presse p{
   padding: 0 0.7em 0 0.7em;
   margin: 1em 0 0 0;
   font-size: 13px;
	line-height: 19px;
}

#pressemenu{
	background-image: url(/bilder/pressemenu.jpg);
	width: 22.5em;
	float: right;
	padding: 0 0.7em 1em 0.7em;
	margin: 1em 0 0 0;
	background-repeat: no-repeat;
}

#pressemenu h1{
	font-size: 21px;
	font-weight: 400;
	color: #AA0022;
	margin: 0.8em 0 0.5em 0;
	padding: 0 0.7em 0 0.5em;
	font-family: Didact Gothic, Arial;
	background-color: transparent;
}

#pressemenu p{
	margin: 0.6em 0;
	padding: 0 0.7em 0 0.7em;
   font-size: 13px;
	line-height: 1.2em;
}

#pressefotos{
	width: 22.5em;
	float: right;
	padding: 0 0.7em 1em 0.7em;
	margin: 1em 0 0 0;
}

.pressedaten{
	margin: 0 0 2em 0;
}

.pressedaten H2 {
   font-size : 21px;
   font-weight: 400;
   color: #AA0022;
   margin: 1.2em 0 5px 0;
   padding: 0 0.7em 0 0.5em;
}

.pressedaten H3 {
   font-size : 21px;
   font-weight: 400;
   color: #666;
   margin: 1.2em 0 5px 0;
   padding: 0 0.7em 0 0.5em;
}

.pressedaten H4{
   padding: 0 0.7em 0 0.7em;
	font-family: Open Sans,Verdana,Arial,sans-serif;
   color: #666;
   margin: 0.5em 0 0 0;
	font-weight: 600;
   font-size: 13px;
	line-height: 19px;
}

.pressedaten p{
   padding: 0 0.7em 0 0.7em;
   margin: 0;
   font-size: 13px;
	line-height: 19px;
}

.pressearbeit p{
   padding: 0 0.7em 0 0.7em;
   margin: 0 0 1em 0;
	font-family: Open Sans,Verdana,Arial,sans-serif;
   color: #666;
   font-size: 13px;
	line-height: 19px;
}

.pressespiegel{
	margin: 2em 0 0 2em;
}

.pressespiegel p{
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 0;
}

.pressekommentar{
	margin: 1em 0 0 0;
	font-style: italic;
}

#hilfefooter p{
	margin: 0 0 0 0.2em;
}


/*Hilfe Ende*/

/*Begruessung Anfang*/

#gruss{
	margin: 0;
	padding: 0;
	width: 100%;
}

#maingruss {
	margin: 17px 0 7px;
	float: left; 
	text-align: center;
	width: 60em;
	font-size: 12px;
	color: #666;
}

#lieferdetails{
	float: right;
	margin: 10px 0;
    padding: 2px 6px;
	/*background-image: url(/bilder/lieferdetails.jpg);
	background-repeat: no-repeat;*/
	width: 225px;
	background: #eeeeee;
}

/*Begruessung Ende*/

/*Suchfilter Anfang*/

#zufa{
	width: 200px;
	margin: auto;
	padding: 1em 0;
}

#zufa h2 {
	margin-bottom: 1em;
}

#zufa li {
	list-style-type:none;
}
#zufa li:first-child {
	font-weight:bolder;
	margin-bottom:0.3em;
}

/*Suchfilter Ende*/

/*Warengruppenmenue Anfang*/

#navigation {
	float: left;
	width: 260px;
	margin: 0 0 1.2em 0;
	padding: 0;
}

#warengruppen {
	float: left;
	width: 10em;
	font-size: 12px;
}

#warengruppen a {
	display: block;
	padding: .4em 0 .4em 1em;
	border-bottom: 0.1em solid #cccccc;
}

#warengruppen a:first-child {
	margin-top: .4em;
}

#warengruppen a:hover, .seiten a:hover {
	background-color: #eee;
	text-decoration: none;
}

.galerie_gross {
	padding: 5px;
	display: inline;
}

.galerie_gross_text {
	font-size: 13px;
	font-weight: 400;
	color: #666;
	padding: 0px;
}

.galerie_gross_text p {
	font-size: 12px;
	font-weight: 400;
}

.galerie_gross_text a {
	font-size: 12px;
	font-weight: 700;
}

.galerie_gross_text2 {
	font-size: 12px;
	font-weight: 400;
}

.fl{
	display: inline;
	margin-right: 6px;
}

.sel {
	background-color: #eeeeee;
}


#zertifikate {
	float: left;
	width: 250px;
}
	

.zertifikatebox {
	color: #666;
	font-size: 21px;
	padding-left: 0.4em;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 2.5em;
	font-weight: 400;
	border-bottom: 1px solid #cccccc;
}

#zertifikatelink {
	margin-bottom: 1em;
	margin-top: 1em;
}

#zertifikatelink p{
	padding-left: 0.4em;
	padding-bottom: 0;
	margin-bottom: 3.0em;
	margin-top: 3.0em;
}


/*Warengruppenmenue Ende*/

/*Seitenmenue Anfang*/

.seiten {
	float: right;
	width: 125px;
	font-size: 12px;
}

.seiten a {
	display: block;
	margin: 0;
	padding: 4px 5px 4px 5px;
	text-align: right;
	border: none;
}

.seiten p {
	color: #666;
	padding-top: .7em;
	text-decoration: underline;
	text-align: right;
}


/*Seitenmenue Ende*/

/*Inhalt Anfang*/

.contenthead {
  	margin: 0;
   padding: 0;
	height: 16em;
}

.contenthead H1 {
   font-size : 40px;
   font-weight : 400;
   color:#AA0022;
	font-family: Didact Gothic, Arial;
	letter-spacing : 5px;
   margin: 0 0 0.3em 0;
   padding: 0;
}

.contenthead H2 {
   font-size : 21px;
   font-weight: 400;
   margin: 0 0 0 0;
	padding: 0;
}

.infoMessage {
	border: 0.1em dashed #ccc;
    color: #AA0022;
    font-family: Didact Gothic,Arial;
    font-size: 19px;
    font-weight: 400;
    margin: 0 0 45px;
    padding: 0px 6px 1px;
}

.homeinfomessage {
	margin: 1.4em 0 1em 0;
	border: 0.1em dashed #919191;
	padding: 1em 1em 1em 0.5em;
	color: #AA0022;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
}

.infoMessage p,
.homeinfomessage p,
.infoMessage ul,
.homeinfomessage ul,
.infoMessage ol,
.homeinfomessage ol {
	color: #AA0022;
}

#inhalt {
	padding: 0;
	margin: 25px auto;
  	max-width: 956px;
}

/*Inhalt Ende*/

/*Anmeldung Anfang*/

fieldset dt {
	margin: 1.35em 0 0 0;
	padding: 0;
	float: left;
	color: #666;
	text-align: left;
	width: 180px;
}

fieldset dd {
	vertical-align: top;
	margin: 0.7em 0 0 0;
	padding: 0.5em 0 0 0;
font-size: 13px;
color: #666;
	
}

dt label {
	font-weight: bold;
	text-align: left;
	font-size: 13px;
}

dd input{
	width: 125px;
}

dl{
	width: 28.5em;
}

.button{
	margin: 1.5em 0;
	padding: 0.1em 0.5em;
}

#anmeldung h1{
	color: #666;
	padding: 2.3em 0;
	font-size: 30px;
	letter-spacing : 5px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 1em 0 0 0.2em;
	padding: 0;
}


#anmeldung h2{
	color:#AA0022;
	padding: 8px 8px 9px;
	background-color: #e6e4e4;
	font-size: 24px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 1em 0 0 0;
}


#anmeldung p{
	font-size: 13px;
	line-height: 19px;
	margin: 1em 3em 2em 0.5em;
}

#anmeldung form{
	margin: 1em 0 1em 0.3em;
	padding: 0 0.3em;
}


#anmeldung legend{
	font-weight: 600;
	font-size: 13px;
	margin: 0.5em 0 0.5em 0.2em;
	padding: 0;
	color: #666;
}

#anmeldung select{
	width: 11em;
	padding: 0.1em 0 0.2em 0;
	margin: 0 0 1em 0;
}

#anmeldung li{
	color: #666;
	margin: 0 0 0.8em 0;
	font-size: 13px;
}

select#liefertage{
	width: 12.5em;
}


#pickstation{
	margin: 0.5em 0 0 0;
	width: 24em;
	color: #666;
}


#adresschange h1{
	color: #666;
	font-size: 3em;
	letter-spacing : 5px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 0 0 0 0.2em;
	padding: 0;
}

#adresschange p{
	font-size: 13px;
	line-height: 19px;
	margin: 1em 4em 0 0.5em;
}

#adresschange form{
	margin: 0 0 0 0.5em;
}

#adresschange dd{
	vertical-align: top;
	margin: 0.5em 0 0 0;
	width: 8em;
	padding: 0.4em 0 0 14.5em;
}

#liefchange{
	margin: 0 0 2em 0;
}

#liefchange h1{
	color: #666;
	font-size: 3em;
	letter-spacing : 5px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 1em 0 0 0.2em;
	padding: 0;
}

#adresschange #del{
	margin: 0 0 1.5em 16px;
}

#liefneu .liefzu{
	margin: 0.5em 0 2.5em 0;
}

/*Anmeldung Ende*/


/*Katalog Anfang*/

#allewaren h1{
	margin: 0 1.5em 1em 0;
	padding: 0 0 0 0;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	color:#AA0022;
}

#allewaren h2{
	font-weight: 400;
	text-align: center;
	background-color: #eae8e8;
	padding: 7px 5px 3px;
	margin: 0 0 1em 0;
}

#allewaren img{
	vertical-align: -1em;
	padding: 0 0.5em;
}

#allewaren img:hover{
	vertical-align: -1em;
	text-decoration: none;
}

#wgcontent {
	overflow:hidden;
}

#wgcontent p{
	margin: 1em 0 1em 0.2em;
}

#wgcontent h1{
	margin: 1em 0 1em 0.2em;
	padding: 0 0 0 0;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	color:#AA0022;
}

table .productlistingodd{
	border-bottom: solid 0.1em #ccc;
	padding: 0;
	margin: 0;
	width: 100%;
}

table .productlistingeven{
	border-bottom: solid 0.1em #ccc;
	padding: 0;
	margin: 0;
	width: 100%;
}

td .productlistingpicture{
	width: 7em;
}

td .productlistingdata{
	margin: 0;
	padding: 0;width:300px
}

.productlistingformular{
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	width: 225px;
}

.productlistinginput{
	margin: 0;
	padding: 0;
	width: 127px;
	float: left;
}

.productlistinginput input{
	padding: 0 0.3em 0 0;
	margin: 0 0 0 0;
	width: 2.6em;
	float: right;
	font-size: 13px;
}

td.productlistinginput select{
	color: #666;
	padding: 0;
	text-decoration: none;
}

td.productlistingcart {
	padding: 0;
	margin: 0;
	width: 2em;
	vertical-align: top;
}

.kurztitel{
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 19px;
}
.marke{
	font-size: 13px;
	padding: 0;
	color: #666;
}

.vkmenge{
	color: #666;
	padding: 0 0 0.5em 0;
}

.kuehlsymbol{
	float: left;
	padding: 0 0 0 10em;
}

.iklogo{
	padding: 0 0 0.3em 0;
}

td .productlistingprice {
	padding: 0;
	margin: 0;
	width: 8em;
	float: right;
	
}

.preis{
   padding: 0;
	font-weight: 600;
	font-size: 17px;
	color: #666;
}

.preisvk{
   padding: 0 0 0.1em 0;
	font-weight: 600;
	font-size: 14px;
	color: #666;
}

.preis100 {
	padding: 0.4em 0;
	font-size: 10px;
	color: #666;
	width: 99px;
	float: left;
}

.preisgrund {
	padding: 0.4em 0;
	font-size: 10px;
	color: #666;
}

.sonderpreis {
	color:#AA0022;
	font-size: 13px;
	font-weight: 600;
}

.alterpreis{
	padding: 0.2em 0;
	text-decoration: line-through;
	font-size: 13px;
	line-height: 1em;
	color: #666;
}

.pfand {
	font-size: 10px;
	line-height: 1em;
	color: #666;
}

/*Katalog Ende*/

/*Artikeldetail Anfang*/

.artikel p{
	font-size: 12px;
	color: #666;
}

.artikel h1{
	padding: 5px 10px 3px;
	margin: 0;
	color: #666;
	font-size: 20px;
	line-height: 24px;
	background-color: #eae8e8;
}

.artikel h2{
	padding: 0 0.8em 0.3em 0.8em;
	margin: 0;
	background-color: #eae8e8;
}

h2.details{
	padding: 0 0.8em 0.3em 0.8em;
	margin: 0;
	border-top: solid 0.1em #ccc;
	background-color: #eae8e8;
}

table .pricedetail{
	border-bottom: solid 0.1em #ccc;
	padding: 0;
	margin: 0;
	width: 100%;
}

#komplettpreis{
	margin: 0;
	float: left;
	width: 100%
}

#preiseingabemengen{
	margin: 0;
	float: left;
	width: 100%;
}

.eingabemengen{
	margin: 0 0 0 0;
	float: right;
}

#einkaufcart{
	margin: 0 0 0 0;
	width: 30px;
	float: right;
}

.mhd{
	padding: 1em 0 0.5em 0;
	margin: 0;
	color: #666;
	font-size: 13px;
}

.lageranzahl{
	padding: 0 0 1em 0;
	margin: 0;
	color: #666;
	font-size: 13px;
}

#bildg {
	margin: 1em 0 0 0;
	padding: 0 0 0 0;
	float: both;
}

#bildt {
	margin: 1em 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

#bildcontent {
	margin-bottom: 3em;
	width: 100%;
	min-height: 220px;
	float: left;
	align: left;
}


#pfaku{
	line-height: 19px;
	font-size: 12px;
	color: #666;
	margin: 1em 0 0 0;
	width: 50%;
	float: right;
}

#artikelnummer{
	border-bottom: solid 0.1em #ccc;
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 0;
	line-height: 13px;
	font-size: 12px;
	color: #666;
}

td .zutaten{
	margin: 0 4em 0 0;
	float: left;
	width: 100%;
}
	
.zutaten h3{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 19px;
	color: #666;
}

.einzelzutat{
	color: #666;
	line-height: 19px;
	font-size: 13px;
	margin: 0;
	padding: 0;
	
}


.fussnote{
	margin: 1em  0;
	color: #666;
	line-height: 11px;
	font-size: 12px;
}

table .werte{
	width: 100%;
	line-height: 16px;
	font-size: 13px;
	color: #666;
	padding: 0;
	margin: 0;
	
}

.werte h3{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 19px;
	color: #666;
}

#artikelangaben {
	color: #666;
	line-height: 16px;
	font-size: 13px;
}

#artikelangaben p {
	font-size: 13px;
	margin: 0;
	}

#artikelangaben h3{
	margin: 0.5em  0;
	padding: 0;
	font-size: 13px;
	line-height: 19px;
	color: #666;
}

#wissenswertes{
	font-size: 13px;
	margin: 1em 0 0 0;
	line-height: 19px;
	border-top: solid 0.1em #ccc;
	color: #666;
}

#wissenswertes h3{
	font-size: 13px;
	line-height: 19px;
	color: #666;
	padding: 0;
	margin: 1.5em 0 0 0;
}

#hersteller{
	line-height: 19px;
	font-size: 12px;
	color: #666;
	padding: 0;
	margin: 0;
}

#hersteller h3{
	margin: 1.5em 0 0.5em 0;
	font-size: 30px;
	font-weight: 400;
	font-family: Didact Gothic, Arial;
}

#hersteller a{
	font-size: 13px;
	line-height: 19px;
	font-weight: 400;
}

#hersteller img{
	padding: 8px;
}

.crosselling {
	color: #666;
	margin: 3em 0;
	
}

div.cross {
	margin: 1em 0 0 0;
	font-size: 12px;
	padding: 0 0.6em 0 0;
	display: inline;
}

.crosskurztitel{
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #666;
}

.crosspreis{
	line-height: 15px;
	font-weight: 600;
	font-size: 12px;
	color: #666;
}

.crosspreis100{
	font-size: 12px;
	line-height: 15px;
	color: #666;
}

/*Artikeldetail Ende*/

/*Newsbereich Anfang*/

#top {
	margin: 0 0 2em 0;
}

#service {
	position: relative;
	float: left;
	width: 176px;
	height: 24.5em;
	border: solid 1px #ccc;
	margin: 0 0 2em 0;
}

#service p{
	padding: 19px 9px;
	font-size: 13px;
	font-weight: bolder;
	text-align: center;
}

#service,
#bionews,
#amonews {
	overflow: hidden;
}

#amonews {
	margin: 0 4px 2em 4px;
	float:left;
	width: 173px;
	height: 24.5em;
	background-color: #ccc;
	border: solid 1px #cccccc;
	text-align:center;
}

#amonews p{
	padding: 9px 7px;
	color:#AA0022;
	font-size: 13px;
	font-weight: bolder;
}

#amonews .trennung{
	margin: 0.6em 2em;
	border-bottom: solid 1px #919191;
}

#amonews .date{
	padding: 0.2em 0.7em;
	font-weight: 400;
	font-size: 12px;
	color: #666;
}

#amonews p, #bionews p, #service p {
	padding: 7px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
}
	
#bionews {
	position:relative;
	float: left;
	width: 177px;
	height: 24.5em;
	border: solid 1px #ccc;
	margin: 0 0 2em 0;
}

#bionews p{
	padding: 7px;
	color:#AA0022;
	font-size: 13px;
	font-weight: bolder;
	text-align: center;
}

#bionews .date{
	padding: 0.2em 0.7em;
	font-weight: 400;
	font-size: 12px;
	color: #666;
}

#newsdetail .teaser{
	margin: 1em 0;
	font-size: 13px;
	color: #666;
	line-height: 19px;
	font-weight: 600;
}

#newsdetail .intro{
	margin: 1em 0;
	font-size: 13px;
	color: #666;
	line-height: 19px;
	font-weight: 600;
}

#newsdetail{
  width: 44.1em;
}

#newsdetail img{
	padding: 10px;
	margin: 0 auto;
	display: block;
}

#newsdetail .date{
	padding: 0 1em;
	margin: 0;
	font-size: 12px;
}

#newsdetail #author{
	font-style: italic;
	font-size: 12px;
}


.artikelbild{
	width: 44.1em;
	margin: 2em 0.7em;
	border: solid 1px #919191;
}

.caption{
	margin: 0 1em 1em 1em;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #666;
}

span#author {
	margin: 1.5em 0 0 0;
	font-style: italic;
	font-size: 12px;
}



/*Newsbereich Ende*/

/*Slideshows - Showcase Anfang*/

#slideshowk {
	
    padding: 1.3em 0.6em 0.6em 1.15em;
    height: 210;
    width: 260;
    white-space: normal;
    overflow: auto;
}	


#slideshowk h3{
	padding-top: 0;
	margin-top: 0;
	font-weight: 600; 
	font-size: 13px;
	color: #666;
}

#productshow_main {
	margin: 2.1em 0 0 255px;
	height: 400px;
    width: 543px;
	border: 1px solid #ddd;
}

#productshow_main h1{
    padding: 0.2em 5.0em;
    margin: 0;
    font-size: 23px;
    color: #AA0022;
    font-weight: 400;
    text-align:center;
    white-space:nowrap;
}

.productshow_scroll {	
	padding: 0px;
	margin: 0px;
	overflow:scroll;
	overflow-y:hidden;
    scrollbar-arrow-color:#AA0022;
	height: 350px;

}

.productshow_breite {
	width:1810px;
	margin-left: 20px;
}

.productshow_products {
	margin: 1.1em 2.0em 20px 0;
	float: left;
	text-align: center;
	width: 200px;
	overflow:visible;
	

}

.productshow_products a{
	font-weight: 700;
	font-size: 13px;
	color:#AA0022;

}

.productshow_products p{
	font-weight: 400;
	font-size: 12px;
	color:#666;

}
 
/*Slideshows - Showcase Ende*/

/*Kolumne Anfang*/

#infospalte{
	position: absolute;
	left: 67.8em;
}

#infospalte2{
	position: absolute;
	left: 69.5em;
	top: 291px;
}

#kolumne {
	font-size: 12px;
	float: right;
	margin: 0 0 1.1em 0;
	color: #666;
}

.spalte {
	padding: 1.3em 0.6em 0.6em 0.6em;
}

.spalte .hinter {
	min-height: 200px;
	padding: 0.6em;
}

.intro {
	font-weight: 400;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #666;
	font-size: 13px;
	line-height: 19px;
}

.ErsterAbsatz {
	padding-top:15px	
}

#formrabatt {
	width:350px;
	margin:30px auto;
	background:#f0f0ff;	
}
#formrabatt label {width:130px;display:inline-block}
.formline {margin:3px 0}

.txtright {
	text-align: right;
}

.hinter img {
	float: left;
	margin: 0.4em 0.8em 0.2em 0;
	border: 0.04em solid #cccccc;
	padding: 0.4em ;
}

.hinter h3{
	padding-top: 0;
	margin-top: 0;
	font-weight: 700; 
	font-size: 15px;
}

/*Kolumne Ende*/

/*#Rezept Anfang*/

#rezept{
	font-size: 12px;
	float: right;
	margin: 0.95em 0 1.1em 0;
	color: #666;
}

#rezept img{
	float: left;
}

#rezeptdetail .teaser{
	margin: 1em 0;
	font-size: 13px;
	color: #666;
	line-height: 19px;
	font-weight: 600;
}

#rezeptdetail{
  width: 44.1em;
}

#rezeptdetail img{
	padding: 10px;
	margin: 0 auto;
	display: block;
}

#rezeptdetail .date{
	padding: 0 1em;
	margin: 0;
	font-size: 12px;
}

#rezeptdetail ul{
 color: #666;
} 

/*#Rezept Ende*/


/*Liefertag Anfang*/

#liefertag h1{
	color: #666;
	padding: 2.3em 0;
	font-size: 30px;
	letter-spacing : 5px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 1em 0 0 0.2em;
	padding: 0;
}

#liefertag h2{
	color:#AA0022;
	padding: 0.1em 0 0 0.3em;
	background-color: #e6e4e4;
	height: 1.4em;
	font-size: 30px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 2em 1.5em 1em 0;
}

#liefertag p{
	margin: 1em 0;
	padding: 0;
}

/*Liefertag Ende*/

/*Fragen Anfang*/

.fragen{
	
	min-width: 490px;
	height: 20em;
}

.fragen h2{
	background-color: #919191;
    color: #FFFFFF;
    float: left;
    font-size: 21px;
    font-weight: bolder;
    height: 3.7em;
    margin: 0;
    padding: 100px 20px 32px;
    text-align: center;
    width: 90px;
}
.fragen img{
	float: left;
	width: 24em;
	overflow: hidden;
	margin: 0 1em 0 1em;
}

.fragen h3{
	border-bottom: dashed;
	border-top: dashed;
	border-color: #919191;
	border-width: 0.04em;
    color: #AA0022;
    float: left;
    font-family: Didact Gothic,Arial;
    font-size: 21px;
    font-weight: 400;
    height: 6.7em;
    margin: 0;
    padding: 45px 20px 23px;
    width: 100px;
}

.beratung {
    padding: 0;
	min-width: 490px;
}

#inhalt .beratung H1 {
	padding: 4px 10px;
	margin-top: -20px;
}

.beratung a {
	margin-bottom: 60px;
	display: inline-block;
}

.beratung p{
	color: #666666;
    font-size: 13px;
    line-height: 19px;
    margin: 2px 0;
    padding: 0 0 0 0.7em;
}

.telefon{
	color: #666666;
    font-size: 15px;
    font-weight: 600;
    margin: 12px -2px 10px;
    padding: 0 0 0 0.7em;
}

/*Fragen Ende*/


/*Warenkorb Anfang*/

.mengenbreite{
	width: 3.5em;
}

.einheitbreite{
	width: 1.2em;
}

.abfallbreite{
	width: 1.5em;
}

#info {
	float: right;
	width: 240px;
	margin: 0 0 1.1em 0;
	background-color: White;
}

#cart {
	color: #fff;
	}

table#cart {
	color: #666;
	width: 100%;
	table-layout: fixed;
}

#cart td{
	overflow: hidden;
}

#cart .lieferbar{
	text-align: left;
	color:#AA0022;
	font-size: 12px;
}

#cart .nichtlieferbar{
	text-align: left;
	padding: 0.6em 0 0.3em 0;
	color:#AA0022;
	font-size: 12px;
}

.mengeneingabe fieldset{
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.mengeneingabe input{
	width: 2.9em;
	padding: 0 0.2em 0 0;
	margin: 0;
	vertical-align: middle;
}

#cart .produkt{
	text-align: left;
	width: 7em; 
}

#cart .einheit{
	padding: 0 0.8em 0 0;
	margin: 0;
}

td .mengeneingabe {
	float: right;
	vertical-align: middle;
	height: 15px;
    line-height: 15px;
}

#cart .gesamtpreis{
	text-align: right;
	width: 3.9em;
}

#cart p{
	text-align: center;
	font-style: italic;
}

.basura fieldset{
	margin: 0;
	padding: 0;
}

td .basura{
	margin: 0;
	padding: 0;
}

.basura input{
	padding: 0 0 0 0.3em;
	margin: 0;
}

.money {
	text-align: right;
	padding: 0;
	margin: 0;
}
	
.summe {
	font-weight: bolder;
	border-bottom-style: dashed;
	border-top-style: solid;
	border-bottom-color: #000;
	border-bottom-width: 0.1em;
	border-top-color: #000;
	border-top-width: 0.1em;
}	

.total {
	font-weight: bolder;
	border-bottom-style: double;
	border-top-style: solid;
	border-bottom-color: #000;
	border-bottom-width: 0.1em;
	border-top-color: #000;
	border-top-width: 0.1em;
}	

/*Warenkorb Ende*/


/*Kasse Anfang*/

#kasse {
	overflow: hidden;
}

#kasse h1{
	color: #666;
	font-size: 30px;
	letter-spacing: 5px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 1em 0 0 0.1em;
	padding: 0;
	width: 24em;
	clear: both;
}

#kasse h2,
.payment h2,
.beratung h1 {
	color:#AA0022;
	padding: 9px 10px 10px;
	background-color: #e6e4e4;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 35px 0 20px;
}

#kasse h3{
	margin: 1em 0 0 0.2em;
	padding: 0;
}


#verlauf .abstand{
	padding: 0 1em 0 1em;
	font-size: 12px;
	color: #666;
}

#verlauf{
	border-top: 0.1em solid #cccccc;
	margin: 0 5em 0 0;
	width: 55.0em;
}

#verlauflief .abstand{
	padding: 0 1em 0 1em;
	font-size: 12px;
	color: #666;
}

#verlauf .ende {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #666;
}

#verlauflief{
	border-top: 0.1em solid #cccccc;
	margin: 0 5em 0 0;
	width: 55.0em;
}

#verlauflief .ende {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #666;
}

#notiz h1{
	color: #666;
	font-size: 30px;
	letter-spacing: 5px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 1em 0 0 0.2em;
	padding: 0;
}

#notiz h2{
	margin: 1.5em 0.5em 0.2em 0.4em;
	padding: 0.1em 0 0 0.1em;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	color:#AA0022;
}

.notizpacker{
	font-size: 13px;
	line-height: 19px;
	margin: 0.5em 0 0.5em 0.3em;
	color: #666;
}

.notizinfo{
	margin: 2.5em 0.5em 1em 0;
	background-color: #e6e4e4;
	padding: 0.1em 0 0.2em 0.2em;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	color:#AA0022;
}

#notiz p{
	font-size: 12px;
	line-height: 1.3em;
	margin: 0.5em 0 0.5em 0.4em;
	color: #666;
	width: 40.2em;
}

#notiz input{
	margin: 1em 0 0 0.5em;
}

#notizform dl{
	margin: 0;
	padding: 0;
}

#notizform fieldset{
	margin: 0;
	padding: 0;
}

#agb h1{
	color: #666;
	font-size: 30px;
	letter-spacing: 5px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 1em 0 0 0.2em;
	padding: 0;
}

#agb h2{
	margin: 1.5em 0.5em 0.2em 0.4em;
	padding: 0.1em 0 0 0.1em;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	color:#AA0022;
}

#agb h4{
	color: #666;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 600;
	font-style: italic;
	margin: 1em 0 0 0.2em;
	padding: 0;
	font-weight: 1000;
	color:#000000;
}

.agbpacker{
	font-size: 12px;
	line-height: 1.3em;
	margin: 0.5em 0 0.5em 0.3em;
	color: #666;
	width: 45.2em;
}

.agbzinfo{
	margin: 2.5em 0.5em 1em 0;
	background-color: #e6e4e4;
	padding: 0.1em 0 0.2em 0.2em;
	font-size: 21px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	color:#AA0022;
}

#agb p{
	font-size: 13px;
	line-height: 19px;
	margin: 0.5em 0 0.5em 0.4em;
	color: #666;
	width: 50.0em;
}

#agb input{
	margin: 1em 0 0 0.5em;
}

#agbform dl{
	margin: 0;
	padding: 0;
}

#agbform fieldset{
	margin: 0;
	padding: 0;
}

#nachricht{
	margin: 0 2em 0 0.2em;
	width: 35em;
}

#postbote{
	margin-top: 14px;
	width: 35em;
}

.rechdaten{
	font-size: 13px;
	line-height: 19px;
	color: #666;
	margin: 1.2em 0 0 0.5em;
	float: left;
	width: 15em;
	clear: both;
}

.rechdaten p{
	font-size: 13px;
	line-height: 19px;
	margin: 0 0 0 0;
	color: #666;
}

.rezu{
	float: left;
	width: 25em;
	margin: 1em 0 2em 0;
	padding: 0;
	overflow: hidden;
}


.liefdaten{
	font-size: 13px;
	line-height: 19px;
	color: #666;
	margin: 1.5em 0 0 0.5em;
	float: left;
	width: 15em;
	clear: both;
}

.liefdaten p{
	font-size: 13px;
	line-height: 19px;
	margin: 0 0 0 0;
	color: #666;
}

.shipbutton{
	float: left;
	width: 20em;
	margin: 1em 0 2em 0;
	padding: 0;
	overflow: hidden;
}

.liefer p{
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 0 0;
	color: #666;
}

.liefer{
	font-size: 13px;
	line-height: 19px;
	color: #666;
	margin: 1.2em 0 0 0.5em;
	float: left;
	width: 18em;
	clear: both;
}

.liefzu{
	float: left;
	width: 20em;
	margin: 0 0 2em 0;
	padding: 0;
	overflow: hidden;
}


#kasse form{
	margin: 1em 25em 1em 0.3em;
	padding: 0 0.3em;
}

#packstation{
	font-size: 12px;
	line-height: 19px;
	margin: 0 0 0 0.5em;
	font-style: italic;
	color: #666;
	clear: both;
}

#freemarke p{
	font-size: 13px;
	line-height: 19px;
	margin: 1em 0 1em 0.5em;
	color: #666;
}

#freemarke dl{
	margin: 0;
	padding: 0;
}

#freemarke fieldset{
	margin: 0;
	padding: 0;
}

#freemarke h4{
	margin: 5px 10px;
	font-family:Didact Gothic, Arial; 
	font-size:18px; 
	font-weight:500;
	color:#666;
}

#freeway{
	margin: 0;
	padding: 0;
}

#freekreuz{
	padding: 1em 0.2em 1em 0.1em;
	font-size: 1.45em;
	color: #666;
	background-color: #e6e4e4;
	margin: 0 0 1em 0;
	width: 29.8em;
}

.payment{
	margin: 40px 0;
	padding: 0;
}

.payment h1{
	color: #666;
	font-size: 30px;
	letter-spacing: 5px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 1em 0 0.5em 0.2em;
	padding: 0;
}

.payment h3{
	color: #666666;
    font-size: 15px;
    margin: 7px 7px 15px;
    padding: 0;
}


.payment p{
	margin: 0 0 0 0.4em;
	padding: 0;
	font-size: 13px;
}

.payment dl{
	padding: 0;
}

.payment fieldset{
	margin: 0;
	padding: 0;
}

#kredit{
	margin: 0;
	padding: 0;
}

#abschluss h1{
	color:#AA0022;
	padding: 0.1em 0 0 0.3em;
	background-color: #e6e4e4;
	height: 1.4em;
	font-size: 30px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
	margin: 1em 0 1em 0;
}

#abschluss p{
	margin: 2em 0 2em 0;
	font-size: 13px;
}

#kontodaten{
	font-size: 13px;
	color: #666;
	width: 29em;
}

#auftragsdaten{
	font-size: 13px;
	line-height: 1.4em;
	color: #666;
	width: 19em;
	float: left;
}

/*Kasse Ende*/
/*Fotoindex Beginn*/

#fotoindex h1{
	font-size : 40px;
	font-weight : 400;
   	color:#AA0022;
	font-family: Didact Gothic, Arial;
	letter-spacing : 5px;
  	margin: 0 0 0.3em 0;
   	padding: 0;
}



#fotoindex ul{
	list-style: none;
	font-size : 13px;
    font-weight: 400;
    margin: 1em 0 1em 0;
    padding: 0;
	color : #666;
}

.bindex a {
	margin: 1em 0.6em 1.5em 0;
	padding: 0;
	font-size: 1.3em;
}

.fotoverz h2 {
	font-size : 21px;
   	font-weight: 400;
	margin: 1.5em 0 0 0;
	padding: 0 0 0 0;

}

.fotoverz h3 {
	font-size : 21px;
   	font-weight: 400;
	margin: 0.8em 0 0 0;
	padding: 0;
	color : #666;
}

.fotolist a{
	margin: 0 0 1em 0;
	padding: 0;
}
/*Fotoindex Ende*/

/*Umfrage anfang*/

#umfrage {
	overflow: hidden;
	
}

#umfrage p {
	color: #333333;
	font-size: 30px;
	letter-spacing: 2px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
}

#u1 p {
	color: #333;
	font-size: 30px;
	letter-spacing: 2px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
}

#u2 p {
	color: #333333;
	font-size: 12px;
	letter-spacing: 0.5px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
}

#u3 p {
	color: #333333;
	font-size: 13px;
	letter-spacing: 0px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
}

#u4 p {
	color: #333333;
	font-size: 13px;
	letter-spacing: 0px;
	font-family: Didact Gothic, Arial;
	font-weight: 700;
}

#u5 p {
	color: #333333;
	font-size: 13px;
	letter-spacing: 0.3px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
}

#u6 p {
	color: #333333;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
}

#u7 p {
	color: #333333;
	font-size: 13px;
	letter-spacing: 0.2px;
	font-family: Didact Gothic, Arial;
	font-weight: 400;
}

/*Umfrage ende*/

/*Navigation anfang*/

.ipadmenu {position:relative; z-index: 597; float: left; border-top: 0.1em solid #cccccc; border-bottom: 0.1em solid #cccccc;}
ul.menu {padding:0; margin:0; list-style:none;}
ul.menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; top:28px; width:160px; padding:0px 0px 0px 0px; border: 0.1em solid #AA0022; background-color:#fff;}
ul.menu a {font:normal 12px Open Sans,Verdana, sans-serif; color:#666; text-decoration:none; vertical-align: middle;}
ul.menu a:hover {background-color:#ddd; text-decoration:none;}
ul.menu li:hover > a {background-color:#ddd;}



ul.menu li {float:left; position:relative;}
ul.menu li ul li {float:none;}

ul.menu li.nosub a {display:block; height:28px; line-height:28px; padding:0 23px 0 23px; float:left;}
ul.menu li.nosub a b {display:block; height:28px; padding:0 0 0 12px; cursor:pointer; float:left;}
ul.menu li.liTop a.open {display:block; height:100%; line-height:28px; padding:0 23px 0 23px;}
ul.menu li.liTop a.open b {display:block; padding:0 0 0 12px; cursor:pointer;}

ul.menu ul li a {display:block; padding:5px 20px; height:auto; line-height:16px;}
ul.menu ul li a:hover {background:#ddd;}

ul.menu li.liTop:hover {position:relative; height:28px;}
ul.menu li.liTop:hover ul {left:0;}

/* for IE6 */
ul.menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:0; top:0;}
ul.menu a ul li {float:left; width:160px;}
* html ul.menu li.liTop a:hover {direction:ltr; height:28px;}
ul.menu a:hover ul {left:0;}
ul.menu a:hover ul li a {width:160px;}
ul.menu a:hover ul li a:hover {height:auto;}

/* for the Safari mobile browser */
div.ipadmenu img.close {display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1;}
div.ipadmenu ul:hover + img {display:block;}

/* Navigation ende*/

a {text-decoration: none; font-family: verdana; font-size: 12px}
ul{list-style: none; padding:0; margin:0}

.flyoutmenu {
    margin:0; padding:0;
    width: 100%; height: auto; 
    background: #ccc;    
    position: absolute;
    top:0; left:0;   
}

.flyoutmenu li {
    float:left;
    display:block
}

.flyoutmenu li li {
    float:none;
}

.flyoutmenu li a {
   padding: 0 5px;   
}

.flyoutmenu li a:hover {
   background: #bbb
}

.flyoutmenu li ul {
    padding:0; margin:0;
    background: #ddd;
    width: auto;
    position: absolute;    
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
    margin: 20px 0 0 0;    
}

.flyoutmenu li:hover ul {
    margin:0;
    opacity: 1;
    visibility: visible;
    display:block
}

.flyoutmenu li ul li {
    clear:both   
}

.flyoutmenu li ul li a {   
    width: auto;
    display:block;
}

.flyoutmenu li ul li ul {
    position: absolute;       
    top: 0; left: 100%;    
    margin: 0 0 0 20px;
    display: block;
    visibility: hidden;
    opacity: 0
}

.flyoutmenu li ul li ul li {
    position: relative;
    display:none;
    visibility: hidden;
    opacity: 0
}

.flyoutmenu li ul li:hover ul li {
    visibility: visible;
    opacity: 1;
    display:block;
}

fieldset.lastschrift dl{width:30em;margin:10px 0}
fieldset.lastschrift dt{width:15em;margin:0;padding:3px;float:left;vertical-align:middle;text-align:right;font-weight:bold;font-size: 13px;}
fieldset.lastschrift dd{width:10em;margin:0;padding:3px;vertical-align:middle;float:left}
.paymentform input[type="text"]{width:17em}

p#versandgebiet{font-size:22px}

/* Blog, Kolumne, news*/
.blogkategorien {
	width: 80%;
	display: inline-block;
	vertical-align: top;
	height:100px;
	overflow: hidden;
}

.blogarchiv {
	display: inline-block;
	width: 19%;
	vertical-align: top;
	height:100px;
}

.blogarchiv .inner {
	overflow: auto;
	height: 100px;
	margin-top: -10px;
	padding-top: 10px;
}

.imglinks{
	float:left
}

.imgrechts{
	float:right
}

.blogpic {
	float:left
}

/*** Pager links styles ***/
a{
	text-decoration:none;
}

ul.nice_paging{
	padding: 5px 0;
	text-align:center;
	color:#666;
	width: 540px;
	border-top: 1px solid #ddd;
}

ul.nice_paging li{
	padding:0px 5px 0px 5px;
	margin:3px;
	display:inline;
	list-style:none;
}

ul.nice_paging li.current,
ul.nice_paging a:hover {
	color:#aa0022;
}

ul.nice_paging li.current {
	font-weight: 600;
	border-radius: 50%;
	border-right: 1px solid #aa0022;
	border-left: 1px solid #aa0022;
}

ul.nice_paging li a{
	color:#666;
}

.cat h2, .cat h4 {
	font-family: 'Open Sans', sans-serif;
}

.cat h4 {
    border-bottom: 1px solid #cccccc;
    color: #666;
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 0;
	margin: 0 0 10px 10px;
}

.cat {
	margin-top: -24px;
	height: 135px;
	margin-bottom: 20px;
}

.cat h2 {
	display: block;
	font-size: 12px;
	margin: 2px 0;
	padding-left: 10px;
	white-space: nowrap;
}

.blogkategorien h2 {
	display: inline-block;
	width: 31%;
}

.inner h2 {
	margin: 2px 0 4px;
}

@media screen and (max-width: 1399px) {
	.blogkategorien h2  {
		width: 43%; 
	}
	.cat {
		height: 180px;
	}
	
	.blogarchiv .inner {
		height: 140px;
	}
}

#newsdetail.teaser {
	margin-left: 10px;
}

#newsdetail.teaser img {
	width: 150px;
	height: 100px;
	padding: 0;
	margin-right: 10px;
}

#newsdetail.teaser .intro,
#newsdetail .bottom .date,
#newsdetail .bottom .tags {
	font-weight: 400;
	padding: 0;
	margin-bottom: 10px;
}

#newsdetail .bottom .date {
	padding-left: 10px;
	padding-right: 0;
}

#newsdetail .bottom .tags,
#newsdetail.teaser .bottom .date {
	padding: 0;
}

#newsdetail.teaser .intro a,
#newsdetail .back a {
	font-weight: 600;
}

#newsdetail .back {
	display: block;
	margin: 20px 0;
}

#newsdetail h2 {
	line-height: 22px;
}

#newsdetail.teaser h2 {
	display: inline-block;
	margin: -4px 0 -2px;
	padding: 0;
	width: 355px;
}

#newsdetail .bottom {
	margin: 0 0 30px;
}

#newsdetail .bottom .date,
#newsdetail .bottom .tags {
	display: inline-block;
	font-size: 13px;
	color: #919191;
}

#newsdetail .tags a {
	color: #a9c463;
}

.comments {
	margin-left: 5px;
}

.comments .left,
.comments .right {
	float: left;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #666;
}

.comment {
	padding: 15px 20px;
	margin-bottom: 30px;
	background: #f4f4f4;
}

.comments legend.head,
.comments .answer legend {
	font-size: 22px;
	color: #aa0022;
    font-family: Didact Gothic,Arial;
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

.comments .answer legend {
	font-size: 15px;
	margin-bottom: 0;
	padding: 0 0 2px 0;
}

.comments label {
	display: block;
	font-size: 12px;
}

.comments .left {
	padding-right: 15px;
}

.comments .answer .left .left {
	padding-right: 9px;
}

.comments .right {
	padding-left: 15px;
}

.comments .answer .left .right {
	padding-left: 9px;
}

.comments form {
	height: 260px;
}

.comments form.answer {
	margin-top: 20px;
	height: 135px;
}

.comments input,
.comments textarea {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 15px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:13px;
	color: #666;
	padding: 5px 7px;
	border: 1px solid #ccc;
}

.comments input[type=submit] {
	width: 248px;
	margin-left: 0 0 20px -1px;
	top: -50px;
	position: relative;
	cursor: pointer;
}

.comments .answer input[type="submit"] {
	width: 227px;
}

.comments textarea {
	height: 155px;
	margin-top: 0;
}

.comments .answer textarea {
	height: 80px;
}

.comments fieldset {
	padding: 0;
	margin: 0;
}

.comment_name {
	float: left;
	font-weight: 600;
}

.comment_date {
	float: right;
	font-weight: 600;
}

.comment_body {
	clear: both;
	line-height: 19px;
	color: #666;
	font-size: 13px;
}

.comment_date,
.comment_name {
	font-size: 13px;
	color: #666;
	color: #aa0022;
}

.comments .answer.question {
	padding: 10px 0;
}

.comments .answer.comment {
	margin: 20px 0 0;
	border: none;
	padding: 0;
}

.comment-prt{display:none}


/*** Scrollbar ***/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 17px;
background-color: white;
}

.vscrollerbar {
width: 17px;
background: url(http://www.amorebio.de/js/flexcroll/tab.png) center center no-repeat;
background-color: #aa0022;
border-radius: 15px;
padding: 17px 0;
cursor: pointer;
height: 30px!important;
}

.vscrollerbar:hover {
	background-color: #90001d;
}

.vscrollerbasebeg,
.vscrollerbaseend {
	height: 16px!important;
}

 .vscrollerbasebeg {
 height: 16px!important;
 width: 17px;
 background: url(http://www.amorebio.de/js/flexcroll/arrow_top.jpg) center center no-repeat;
 }
 
  .vscrollerbaseend {
 height: 16px!important;
 width: 17px;
 background: url(http://www.amorebio.de/js/flexcroll/arrow_down.jpg) center center no-repeat;
 }
 
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 17px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

*+html .comments input,
*+html .comments textarea {
	width: 98%;
}

*+html .comments INPUT[type=submit] {
	top: 13px;
}

*+html .comments .answer INPUT[type='submit'] {
	width: 232px;
	top: -6px;
}

*+html .comments TEXTAREA {
	height: 145px;
	width: 93%;
}

*+html .comments .answer TEXTAREA {
	height: 63px;
}

*+html .comments .right,
*+html .comments .left {
	width: 45%;
	padding: 0;
}

*+html .answer .comment_body {
	margin-top: -20px;
}
*+html .comments .right {
	float: right;
}

*+html .comments LEGEND {
	margin-left: 0;
	padding-left: 0;
	position: relative;
	left: -7px;
}

*+html #newsdetail .bottom .date {
	float: left;
	margin-right: 3px;
}

*+html .blogkategorien,
*+html .blogkategorien H2 {
	float: left;
}

*+html .cat {
	margin-top: -8px;
}

*+html UL.nice_paging {
	margin-left: 0;
}

.margin {
	margin-top: 20px;
}

/*** FLEXSLIDER ***/
#top .flexslider {
	border: none;
	box-shadow: none;	
	margin-bottom: 2em;
}

#top .flex-viewport {
	border: 1px solid #ccc;
}

#top .flexslider .slides img {
	width: 540px!important;
	height: 270px;
	margin-bottom: -1px;
}

#top .flex-control-nav {
	bottom: 0px;
	padding: 10px 0;
}

#top .flex-control-nav li a {
	border: 2px solid #fff;
}

#top .flex-control-paging li a.flex-active {
	background: #aa0022;
}

#top .flex-direction-nav .flex-next {
	background: url(flexslider/arrow-right.png) center center no-repeat;
}

#top .flex-direction-nav .flex-prev {
	background: url(flexslider/arrow-left.png) center center no-repeat;
}

#top .flex-direction-nav a:before,
#top .flex-direction-nav a.flex-next:before {
    content: " ";
}

table#naehrwerte {
    border: 1px solid darkgrey;
    border-collapse: separate;
    border-radius: 12px;
    border-spacing: 1px;
    margin: 30px 0;
}
table#naehrwerte tbody {
	background-color:lightgrey	
}
table#naehrwerte thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
table#naehrwerte tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
table#naehrwerte th, table#naehrwerte td {
padding: 1px 10px; 
text-align: left;
vertical-align: top;
border-left: 1px solid #ddd;    
}
table#naehrwerte td.pull-right {
text-align: right;
}
table#naehrwerte td {
border-top: 1px solid #ddd;    
}
table#naehrwerte thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child {
border-radius: 4px 0 0 0;
}
table#naehrwerte thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
border-radius: 0 0 0 4px;
}

.bestaetigen {
    margin-top: 50px;
    border: none;
}
.hilfethemen form input {
    float: none;
}
.optionlist {
	padding: 30px;
}
div.optionlist p {
    margin: 34px 0;
	background: #ccc;
	padding: 6px;
}
form#agbzinfo input[type="submit"] {
    float: left;
}

.product-listing {height:150px}
.product-picture {width:20%;float:left;}
.product-listing-data {width:45%;float:left;}
.product-listing-price {width:15%;float:left;}
.product-listing-cart {width:20%;float:left;}
.product-listing-cart-image {width:30px;margin:6px auto;display:block;}
.product-listing-cart-form {width:75%;margin:3px auto;}
.product-listing-cart-form input {margin:3px}

#paypal-button img {
	
	margin: 10px auto;
	display: block;
	width: 140px;
}

#keinpaypal {
	background-color: lightgray;
	margin: 5px;
	padding: 5px;
}

.mt-rahmen {
    border-color: #7fbeff;
    border-style: solid;
    text-align: center;
    padding: 30px;
}

.mt-center {
    text-align: center;
    margin-bottom: 15px;
}
td.zutaten {width: 50%}