/* damit Scrollblaken im FF immer zu sehen ist */ 
html { 
	height: 100%; 
	margin-bottom: 1px; 
}

body{ 
	font-size: 12px;
	line-height: 18px;
	font-family: Arial,Verdana,Geneva,Helvetica,Sans-Serif;
	color: #686e62;
	text-decoration: none;
	font-weight: normal;
	background-color: #C0C0C0;
}

p,td,div,th,form{
	margin:0px;
	padding:0px;
}

img{
	border: 0px;
	vertical-align: bottom;
}

/* Nicht benötigt, da in class="li" umgewandelt */
ul{
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-image: url(../images/icons/strich.gif);
  padding-left: 6px;
  margin-left: 10px;
}

li {
   padding-left: 0px;
}
/* Ende nicht benötigt */

ol {
  margin-left: 25px;
	padding-left: 0px;
}

.li{
	padding-left: 11px;
	background: url(../images/icons/li.gif) no-repeat 1px 8px;
}

a {
	color: #686e62;
	text-decoration: underline;
}

.end{
	clear: both;
}

input, select, textarea{
	border: 1px solid #71776c;
	color: #686e62;
}

input.error, select.error, textarea.error{
	border: 1px solid red;
}


/* ############### body ################ */

.bg_schatten {
  width: 1024px;
  background: url('../images/background/bg_schatten.gif') repeat-y;
}

.website{
	width: 1018px;
	margin: 0px 0px;
	background-color: #FFFFFF;
	text-align: left; /* Center-Reset */	
}

/* ############### head ################ */

.website .head{
	width: 1018px;
	height: 97px;
	background: url('../images/background/bg_head.gif') no-repeat;
}

.website .head .logo{
  float: right;
}

.website .head .text{
  font-size: 11px;
	line-height: 11px;
	font-family: Arial,Verdana,Geneva,Helvetica,Sans-Serif;
	color: #FFFFFF;
	padding: 22px 0px 0px 22px;
}

.website .head a {
  color: #FFFFFF;
  text-decoration: none;
}

.website .head a:hover {
  text-decoration: underline;
}


/* ############### menu ################ */

.website .menu {
  width: 1018px;
}

.website .menu .menu_inner {
  padding: 28px 0px 0px 21px;
}

.website .menu .on,
.website .menu .off{
  float: left;
  margin-right: 33px;
}

.website .menu .on{
	border-bottom: 3px solid #729f5b;
}


/* ############### main ################ */

.website .main {
  width: 1018px;
}

.website .main .main_inner {
  padding: 8px 29px 40px 22px;
}

.website .main .main_inner.home {
  padding: 12px 29px 40px 22px;
}


/* ############### content_home ################ */

.website .main .main_inner .content_home {
  width: 970px;
}


/* ############### trenner navi ################ */

.website .main .main_inner .trenner_navi {
  width: 970px;
	height: 28px;
  background: url('../images/background/bg_trenner_navi.jpg') no-repeat;
}

/* ############### menu_left ################ */

.menu_left{
  float: left;
	width: 275px;
}


/* ############### submenu ################ */

.submenu{
  position: relative;
	left: -8px;
	width: 283px;
}

.submenu .off {
  cursor: pointer;
	margin: 7px 0px;
	padding: 4px 0px 2px 22px;
	background: url('../images/icons/sub_off.gif') no-repeat 8px 7px;
}

.submenu .on {
  cursor: pointer;
	margin: 7px 0px;
	padding: 4px 0px 2px 22px;
	background: url('../images/icons/sub_on.gif') no-repeat 6px 9px;
  background-color: #ececea;
}

.submenu .on2 {
  cursor: pointer;
	margin: 7px 0px;
	padding: 4px 0px 2px 22px;
	background: url('../images/icons/sub_on.gif') no-repeat 6px 9px;
  background-color: #FFFFFF;
}

.submenu .over{
  cursor: pointer;
	margin: 7px 0px;
	padding: 4px 0px 2px 22px;
  background: url('../images/icons/sub_over.gif') no-repeat 8px 7px;
  background-color: #ececea;
}


/* ############### subsubmenu ################ */

.subsubmenu{
	margin-left: 2px;
	width: 273px;
}

.subsubmenu .off {
  cursor: pointer;
	margin: 4px 0px;
	padding: 4px 0px 2px 21px;
	background: url('../images/icons/subsub_off.gif') no-repeat 13px 10px;
}

.subsubmenu .on {
  cursor: pointer;
	margin: 4px 0px;
	padding: 4px 0px 2px 21px;
	background: url('../images/icons/subsub_on.gif') no-repeat 13px 10px;
  background-color: #e3f2b9;
}

.subsubmenu .over{
  cursor: pointer;
	margin: 4px 0px;
	padding: 4px 0px 2px 21px;
  background: url('../images/icons/subsub_over.gif') no-repeat 13px 10px;
  background-color: #e3f2b9;
}


/* ############### content ################ */

.main  .content{
  width: 682px;
	margin: 7px 0px 0px 288px;
}


/* ############### footer ################ */

.footer{
	width: 1024px;
	background-color: #C0C0C0;
}

.footer .banner{
	width: 1024px;
}

.footer .inner{
  padding: 2px 29px 30px 0px;
	text-align: right;
}

.footer .inner span {
  margin: 0px 10px 0px 10px;
  font-size: 11px;
	color: #000000;
}

.footer .inner a {
  font-size: 11px;
	color: #000000;
  text-decoration: none;
}

.footer .inner a:hover {
  text-decoration: underline;
}


/* ############### startseite ################ */

.content_home .startbild {
  width: 970px;
	height: 321px;
	margin-bottom: 30px;
}

.content_home .trenner {
  width: 970px;
	height: 10px;
	margin-bottom: 23px;
	background: url('../images/startseite/trenner.jpg') no-repeat;
}

.content_home .teaser {
  width: 970px;
}

.content_home .teaser .einzelTeaser {
  position: relative; 
  float: left;
}



.content_home .teaser .bg{
  margin-right: 26px;
}

.content_home .teaser .bgLast{
  margin-right: 0px;
}

.content_home .teaser .buttons {
	 position: absolute; 
	 top: 91px; 
	 right:27px;
	 text-align: right;
}

.content_home .teaser .buttonsLast {
	 position: absolute; 
	 top: 91px; 
	 right:0px;
	 text-align: right;
}

.content_home .teaser .teaserButton{
	height:25px;  
	background-color: #729f5b; 
	margin-bottom:8px;
	padding-right: 13px;
	padding-left: 22px;
	background-image: url('../images/startseite/teaser/buttonbg.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	float: right;
}

.content_home .teaser img.last {
  margin-right: 0px;
}


/* ############### image ################ */

.content .image {
  width: 682px;
}

.content .image_schmal {
  width: 310px;
	float: right;
}

.content .image {
  width: 682px;
}

.content .image_fliesstext {
  margin: 20px 0px 0px 34px;
}


/* ############### headline ################ */

.content .headline {
  margin: 10px 0px 0px 34px;
	width: 620px;
  font-size: 24px;
	line-height: 26px;
	font-weight: bold;
  color: #accc56;
}

.content .headline_schmal {
  margin: 0px 0px 0px 34px;
	width: 330px;
  font-size: 18px;
	line-height: 24px;
	font-weight: bold;
  color: #accc56;
}


/* ############### text ################ */

.content .text{
	width: 620px;
	margin: 18px 0px 0px 34px;
}

.content .text_schmal{
	width: 330px;
	margin: 18px 0px 0px 34px;
}


/* ############### produktteaser ################ */

.content .teaser {
  float: left;
	cursor: pointer;
  width: 120px;
	height: 192px;
	margin-left: 20px;
}

.content .teaser.first {
  margin-left: 0px;
}

.content .teaser .teaser_image {
  text-align: center;
}

.content .teaser .teaser_text {
  height: 39px;
  padding-left: 23px;
	font-size: 11px;
	line-height: 14px;
}

.content .teaser .teaser_text.kategorie {
  height: 22px;
  padding-left: 2px;
}

.content .teaser .mehr_erfahren {
  width: 120px;
	height: 33px;
}


/* ############### produkt ################ */

.content .produkt{
	width: 626px;
	margin: 0px 0px 0px 34px;
	padding-bottom: 19px;
	border-bottom: 1px solid #ececea;
}

.content .produkt .titel {
  font-size: 24px;
	line-height: 26px;
	font-weight: bold;
  color: #accc56;
}

.content .produkt .untertitel {
  font-size: 16px;
	line-height: 26px;
	font-weight: bold;
  color: #686e62;
}

.content .produkt .image {  
  width: 626px;
  margin-top: 22px;
}

.content .produkt .text {
  width: 620px;
	margin: 6px 0px 0px 0px;
}


/* ############### produkt_icons ################ */

.content .produkt_icons {
  margin-top: 18px;
	margin-right: 12px;
  float: right;
}

.content .produkt_icons img {
  margin-right: 8px;
}


/* ############### apotheken-suche ################ */

.content .suche {
  width: 260px;
	height: 82px;
  margin: 26px 0px 0px 34px;
	background: url('../images/background/bg_suche.gif') no-repeat;
}

.content .suche .suche_inner {
  padding: 7px 0px 0px 20px;
}

.content .suche input {
  font-size: 16px;
  width: 64px;
	height: 25px;
	margin: 4px 10px 0px 0px;
}

.content .suche form img {
  cursor: pointer;
}

.content .ergebnis_item {
  width: 330px;
  margin: 16px 0px 0px 34px;
	padding-bottom: 17px;
	border-bottom: 1px solid #729f5b;
}

.content .ergebnis_item span {
  color: #accc56;
}


/* ############### faq ################ */

.content .faq {
  width: 332px;
	margin: 13px 0px 0px 32px;
}

.content .faq_item {
  padding: 17px 0px 0px 17px;
	border-top: 1px solid #729f5b;
	margin-bottom: 18px;
}

.content .faq #faq_1 {
	border: 0px;
}

.content .faq_item.off {
  cursor: pointer;
  background: url('../images/icons/faq_off.gif') no-repeat 2px 22px;
}

.content .faq_item.on{
  cursor: mouse;
  background: url('../images/icons/faq_on.gif') no-repeat 0px 24px;
}

.content .faq_item .faq_frage {
  font-weight: bold;
	color: #accc56;
}

.content .faq_item .faq_antwort {
  margin: 18px 0px 0px 0px;
}

.content .faq_item.off .faq_antwort {
  display: none;
}

.content .faq_item.on .faq_antwort {
  display: block;
}


/* ############### link ################ */

.main .right .content .link a{
	display: block;
	float: left;
	margin-top: 18px;
	padding-right: 12px;
	background: url(../images/icons/link_pfeil.gif) no-repeat right 7px;
	text-decoration: none;
}

.main .right .content .mehr a{
	margin-top: 0px;
}

.main .right .content .link_back a{
	display: block;
	float: left;
	margin-top: 18px;
	padding-left: 12px;
	background: url(../images/icons/link_pfeil_back.gif) no-repeat left 5px;
	text-decoration: none;
}


/* ############### sonstiges ################ */

#error {
	display: none;
	border: 0px;
	color: red;
	font-size: 11px;
	margin-top: 8px;
}

#error.error {
	display: block;
}

#ajax{
	display: none;
}


/* ############## info popup ############ */

#item{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 580px;
	height: 365px;
	margin-left: -290px;
	display: none;
	color: #000000;
}

.layer_top{
	width: 580px;
	height: 15px;
	background: url(../images/layer/layer_top.png);
}

.layer_inner{
	background-color: #FFFFFF;
	height: 200px;
	padding-left: 25px;
}

.layer_inner .headline {
  margin: 0px 0px 0px 15px;
	padding-top: 10px;
  font-size: 18px;
	line-height: 24px;
	font-weight: bold;
  color: #accc56;
}

.layer_inner .left, .layer_inner .right {
  margin-top: 18px;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial,Verdana,Geneva,Helvetica,Sans-Serif;
	color: #686e62;
}

.layer_inner .left {
	margin-left: 15px;
	/*add by stefan*/
	float: left;
	/*add by stefan end*/
}

.layer_inner .right {
  width: 225px;
	float: right;
	margin-right: 40px;
}

.layer_inner input {
	width: 225px;
	margin-bottom: 11px;
}

.layer_inner .button {
  margin-top: 12px;
	width: 142px;
	height: 25px;
	float: right;
	/*add by stefan*/
	margin-right:40px;
	/*add by stefan end*/
}

.layer_inner .text_versendet{
	margin-left: 15px;
  margin-top: 18px;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial,Verdana,Geneva,Helvetica,Sans-Serif;
	color: #686e62;
}

.layer_bottom{
	width: 580px;
	height: 15px;
	background: url(../images/layer/layer_bottom.png);
}

#item_inhalt{
	position:relative;
}

#shadow2{
	width:100%;
	height:100%;
	background:#8b7d70;
	position:absolute;
	top:0px;
	left:0px;
	filter:alpha(opacity:20); 
 	-khtml-opacity : 0.2;  
 	-moz-opacity : 0.2;
 	opacity : 0.2;
 	display:none;
}

#shadow{
	width:100%;
	height:100%;
	background:#555555;
	position:absolute;
	top:0px;
	left:0px;
	filter:alpha(opacity:85); 
 	-khtml-opacity : 0.85;  
 	-moz-opacity : 0.85;
 	opacity : 0.85;
 	display:none;
}

#item .schliessen{
	cursor:pointer;
	float:right;
	position:relative;
}

#item .schliessen div{
	position:absolute;
	background:url(../images/layer/layer_schliessen.gif) no-repeat;
	width:24px;
	height:24px;
	cursor:pointer;
	margin: -3px 0px 0px -34px;
}

/* ############## kontakt ############ */

.kontakt{
	padding-left:34px;
	margin-top:26px;
	position:relative;
	z-index:1000;
}

.kontakt .kontakt_top{
	background:url(../images/kontakt/bg_oben.gif) no-repeat;
	height:13px;
	width:450px;
}

.kontakt .kontakt_inner{
	background:url(../images/kontakt/bg_mitte.gif) repeat-y;<br />
	position:relative;
	z-index:1000;
}

.kontakt .kontakt_bottom{
	background:url(../images/kontakt/bg_unten.gif) no-repeat;
	height:13px;
	width:450px;
}

.kontakt .kontakt_inner .a{
	float:left;
	width:100px;
	margin-left:10px;
	height:23px;
	position:relative;
}

.kontakt .kontakt_inner .b{
	float:left;
	width:205px;
	height:23px;
	position:relative;
}

.kontakt .kontakt_inner .b input,
.kontakt .kontakt_inner .b3 textarea{
	width:300px;
}

.kontakt .kontakt_inner .b3 textarea{
	height:86px;
}

.kontakt .kontakt_inner .b1{
	float:left;
	width:65px;
	margin-right:5px;
	height:23px;
	position:relative;
}

.kontakt .kontakt_inner .b1 input{
	width:60px;
	
}

.kontakt .kontakt_inner .b2{
	float:left;
	width:235px;
	margin-right:5px;
	height:23px;
	position:relative;
}

.kontakt .kontakt_inner .b2 input{
	width:230px;
}

.kontakt .kontakt_inner .b3{
	float:left;
	width:305px;
	height:100px;
	position:relative;
}

.kontakt .kontakt_inner  .c{
	text-align:right;
	width:410px;
}

.kontakt .kontakt_inner .error{
	border:1px solid #ff0000;
	float:left;
}

.kontakt .kontakt_inner input.error,
.kontakt .kontakt_inner textarea.error{
	float:none;
}

.kontakt .kontakt_inner #error.error{
	float:none;
	display:block;
	margin-left:10px;
	margin-top:0px;
	padding-bottom:10px;
	font-size:12px;
}

.kontakt #danke.kontakt_inner{
	display:none;
	height:329px;
	top:13px;
	position:absolute;
	width:450px;
}

.kontakt .kontakt_inner .d{
	margin-left:10px;
	font-size:12px;
}

.kontakt .kontakt_inner .stern{
	margin-left:10px;
	font-size:11px;
	margin-top:-10px;
	margin-bottom:10px;
	float:left;
	position:relative;
}