*{ 
  margin: 0;  
	padding:0;	
	}
html,body{height:100%;}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align:center;
	background-color: white;
	color: #1b1c1d;
  }
#box {
  margin:10px auto;
	padding: 0px;
	position:relative; /* puts container in front of distance */
	text-align:left;
  clear:left;
	color: #000000;
	width: 971px;
	background-image: url(../bilder/hg/hg_box.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#left{
  float: left;
	width: 841px;
	}
#leftTop{
  height: 203px;
	}
/* Hintergrundwechslel header */
.hg1{
 background-image: url(../bilder/hg/hgMurmeli.jpg) ;
 background-repeat: repeat-x;
 background-position: top right;
}
.hg2{
 background-image: url(../bilder/hg/hgFuesse.jpg) ;
 background-repeat: repeat-x;
 background-position: top right;
}
#leftLogo{
	float: left;
	margin-top: 55px;
	}
#leftGenerisch{
  padding-top: 5px;
	margin-left: 355px;
}
#leftGenerisch img{
  padding-right: 20px;
}
#leftNav{
  margin-top: 121px;
  width: 492px;	
	float:right;
	}
#leftNavHaupt{
	width: 492px;
	background: #E78CB7;
	padding-top: 2px;
	padding-bottom: 2px;
		}
#leftNavHaupt a{
  display: inline;
	padding-left: 38px;
	padding-right: 38px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	text-decoration: none;
}
#leftNavHaupt a:hover {
	background: #9F0055;
	color: white;
	text-decoration: none;
}
.leftNavHauptAktiv{
  background: #9F0055;
	color: white;
	}

#leftNavUnter{
	width: 492px;
	height: 15px;
	background-color: #EEB2CE;
	padding-top: 2px;
	padding-bottom: 2px;
		}
#leftNavUnter a{
  display: inline;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	}
#leftNavUnter a:hover{
  color: #A91B65;
	}
.unavLinkAktiv{
  color: #A91B65;
	}

#leftMiddle{
  background: #CCCCCE;
	margin-top: 20px;
}
#leftNavEShop{
	background: #CCCCCE;
	float: left;
	text-align: left;
	width: 120px;
	overflow: hidden;
	}

#leftNavEShop img{
  padding-left: 0px;
  padding-top: 5px;
	float: left;
}

.NavEShopAktiv{
  background-color: #E6E6E6;
	}
.NavEShopAktivLink{
	color: #7C7D7F;
	}
#leftInhalt{
	margin-left: 120px;
	padding: 50px 20px 50px 30px;
	background-image: url(../bilder/hg/hg_text_bottom.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: white;
	min-height: 320px;
}
#InhaltText h1{
  font-size: 1.4em;
	color: #9C0053;
	margin-bottom: 15px;
}
#InhaltText h2{
  font-size: 1.1em;
	color: #9C0053;
	margin-top: 20px;
	margin-bottom: 10px;
}
#InhaltText h3{
  font-size: 1em;
	
}
#InhaltText ul, ol{
  padding-left: 20px;
	color: #1b1c1d;
	line-height: 1.5em;
	word-spacing: 0.1em;
}

#beratung h3{
  font-size: 1.0em;
  color: #9C0053;
  background: url(../bilder/icons/news.gif) no-repeat;
  background-position:  0px 5px;
  padding:0px 0px 0px 30px;
}
#beratung p{
  margin-left: 30px;
  margin-bottom: 15px;
}

#InhaltText div,#InhaltText p, #InhaltText td{
	
	color: #1b1c1d;
	line-height: 1.5em;
	word-spacing: 0.1em;
}
#bottom{
	background: #9F0055;
	text-align: center;
}
#bottom a{
  padding: 2px 20px 2px 20px;
  text-decoration: none;
	}
#bottom a:hover{
  color: #C7oo5F;
	}
.bottomAktiv{
  color: #C7oo5F;
	}
#right{
	float: right;
	width: 130px;
	padding: 0px;
	margin: 0px;

}	
#rightTop{
	}

#rightTopSuchen{
	text-align: center;
        margin-top: 20px;
        margin-bottom: 15px;
	}	
#rightTopSuchen input{
	margin-bottom: 5px; 
	}
#rightNews{
        padding-top: 0px;
	font-size: 1em;
	background: #d6d6d8;
	overflow: hidden;
       margin-bottom: 60px;
	}
#rightNews h1{
  font-size: 1.1em;
	font-weight: normal;
  background: url(../bilder/icons/news.gif) no-repeat;
	background-position: 2px 30px;
	border-bottom: 1px black dashed;
	padding: 30px 5px 20px 25px;
	margin-left: 3px;
	}
#rightNews a{
 text-decoration: none;
 }
#rightNews a:hover{
 text-decoration: underline;
 }
.news{
	padding: 5px 5px 8px 8px;
	border-bottom: 1px black dashed;
}
.newsh1{
	padding: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 0.9em;
	}
.news p{
  font-size: 0.9em;
	padding: 0px; 
}
#rightKatalog{
  background: #EEB2CE;
  padding: 40px 0px 10px 0px;
  font-size: 1.1em;
}
#rightKatalog p{
  background: url(../bilder/icons/katalog.gif) no-repeat;
	background-position: 4px 2px;
	padding: 0px 0px 5px 28px;
}


a #rightZufriedenheit{
  background: #c7005f;
	padding: 10px 0px 10px 0px;
	font-size: 1.1em;
}
a:hover #rightZufriedenheit{
    text-decoration: none;
    color: #e78cb6;
}
#rightZufriedenheit p{
  background: url(../bilder/icons/smile.png) no-repeat;
	background-position: 4px 2px;
	padding: 0px 0px 5px 28px;
}
a #buttonZufriedenheit{
        text-align: right;
        background: #e78cb6;
       	padding: 2px 0px 2px 0px;
        font-size: 0.9em;
}
a:hover #buttonZufriedenheit{
        color: #c7005f;
        text-decoration: none;
}
#buttonZufriedenheit img{ float: right; margin-left: 0px}

p {
	margin: 0px;
	padding: 0px;
	color: #1b1c1d;
	line-height: 1.5em;
}
a {
  text-decoration: underline;
	color: #1b1c1d;
	}
a:hover{
  text-decoration: none;
	color: #1b1c1d;
	}
.liste{
  padding: 10px;
	margin: 10px 100px 10px 0px;
	border: 1px #CDCDCF dashed;
}
.liste h2{
  font-size: 1em;
	margin-bottom: 10px;
	text-decoration: none;
	}
.liste h2 a{
	text-decoration: none;
	}
.imgRechts{
  float: right;
	padding: 10px 40px 10px 0px;
}
.SendeButton{
 background-color:#AA7191;
 border: 1px grey solid;
 width: 110px;
 }
 .SendeButtonGrau{
 background-color: #F0F0F0;
 border: 1px grey solid;
 padding: 5px 10px 5px 10px;
 margin-bottom: 15px;
 }
.rechts{
 text-align: right;
 }
 .tab50{
 width: 50px;
 }
.InputCheckbox{ width: 15px; height: 15px; border: 1px grey solid;}

.lieferanten td{
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-top: 1px dotted #EEB2CE;
}
 
/* Shop IDs */
#shopBox{
  border: 1px #CDCDCF dashed;
	padding: 0px;
	margin-right: 50px;
}
#shopBox td{
 vertical-align: top;
}
#shopBox h1{
 font-size: 1.1em;
 color: black;
 padding: 10px 10px 10px 10px;
}
#shopBox h2{
 font-size: 1em;
 color: #9C0053;
 padding: 10px 10px 10px 10px;
}
#shopBox p{
 padding: 0px 20px 10px 10px;
}
#shopBox ul{
 padding: 0px 20px 10px 40px;
}
#shopBox ol{
 padding: 0px 20px 10px 40px;
}
#shopBox li{
 padding: 0px 20px 0px 5px;
} 
#shopBox ul ul{
 padding: 0px 20px 0px 10px;
}
.shopListe{
 border: 1px #CDCDCF dashed;
 margin-right: 5px;
 margin-bottom: 20px;
 padding: 0px;
 }
.shopListe td h6{
  font-size: 1em;
	text-decoration: none;
	color: black;
	margin: 0px;
}
.shopListe td h6 a{
	text-decoration: none;
	color: black;
	margin: 0px
}
.shopListe h6 a:hover{
 text-decoration: none;
 color: grey;
}
.shopListe td p{
  font-size: 0.9em;
	padding: 0px 2px 0px 2px;
}

#shopAblauf{
  margin: -50px 0px 60px 200px;
	padding: 5px 30px 5px 30px;
	background-color: #CDCDCF;
}
#shopAblauf span{
 padding: 5px 10px 5px 10px;
 background-color: #CDCDCF;
}
#shopAblauf span.shopAblaufAktiv{
 color: grey;
 padding-right: 0px;

}
/* Shop Classes */
.CatUebersicht{
  float: left;
	margin: 10px;
	}
.CatUebersicht a{
  text-decoration: none;
	text-align: center;
}
.CatUebersicht a:hover{
  text-decoration: none;
	text-align: center;
	color: #9F0055;
}
.CatUebersichtImg{
  border: 1px #CDCDCF dashed;
	}
.CatUebersicht Img a{
 border: 1px #CDCDCF dashed;
 }
.CatUebersichtImg a:hover{
 border: 1px #9F0055 dashed;
 }
.shopWarenkorb{
 float: right;
 padding-right: 22px;
 background-image: url(../bilder/icons/warenkorb.gif);
 background-repeat: no-repeat;
 background-position: right; 
}
.shopEmpfehlen{
 float: right;
 padding-right: 22px;
 background-image: url(../bilder/icons/weiterempfehlung.gif);
 background-repeat: no-repeat;
 background-position: right;
}
/* Shop Warenkorb */
.warenkorbTbl{
  width: 80%;

}
.tableBorder{
  padding-top: 15px;
	border-bottom: 1px black dashed;
	}
.formular{
  padding: 10px;
	margin: 10px 50px 10px 0px;
	border-top: 1px #CDCDCF dashed;
}
label{
  display: block;
  float: left;
  text-align: left;
  width: 120px;
  margin-right: 10px;
}
.formular p{
 margin-bottom: 10px;
 }

.formular input, .formular textarea, .formular select {
    border: 1px solid #CDCDCF;
	
    margin: 0;
    width: 190px;
  }
.formular textarea {
    width: 190px;
		border: 1px solid #CDCDCF;
		background: white;
  }

input{
    border: 1px solid #CDCDCF;
	
    margin: 0;
    width: 190px;
  }
.formError{
  border-color: red;
		background: #FFDDDD;
  }

/* Spry Anwendung */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

.CollapsiblePanelTab {
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}


.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}


.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #FFF;
}


.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}
#stokkeFrame{
padding-top: 300px;
padding-bottom: 50px;
}