@charset "UTF-8";
/* Main Stylesheet A10 Apotheke
* vanhaven 2008 
*/

/* body, page, raender */
*{margin:0;padding:0} 

/*html{height:100%; margin-bottom:1px}
body, html { height: 100% !important; padding: 0;} */
* html body *{overflow:visible} 

body { 

  background: #D5E6E8 url(../bilder/bg.gif) repeat-x left top;
  background-attachment: scroll;
  color: #313131;
  padding: 30px 0;/* nur fuer IE */
  margin: 0;  
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  /*font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;*/
  font-size: 100.01%; /* war 100.01 - damit ist .75em = 12px*/
  text-align:center;
}

#page_container { 
  	position:relative !important;
	border: 0 none; 
  	margin: auto;
	width: 740px;  
	background: #FFFFFF;
	border-left: 1px solid #5A9EA5; 
	border-right: 1px solid #3B6C71;
	border-bottom: 1px solid #3B6C71;
}

#logo {
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 20px;
	height: 92px;
	width: 109px;
	font-size: 0pt;
}

#page { 
	border: 0 none; 
	margin: 0 auto; 
	padding: 0 20px;
	background: #FFFFFF;
	text-align:left;
}

#servicenavi { 
	color: #313131; 
	padding: 0;
	background: #fff; 
	width: 690px;
	height: 72px;
}
	
#header { 
	margin: 0;
	padding: 0;
	height: 55px;
	width: 700px;
	color: #313131; 
	background: #5A9EA5 url("../bilder/bg-ecke.gif") no-repeat top right;
	border-bottom: 1px solid #88898f;
	clear:both;
	}

#topnavi { 
	color: #313131; 
	margin: 0 0 0 25px;
	padding-top: 26px;
	}
	
#home {
	background: transparent url("../a10bilder/startfoto.jpg") no-repeat top left;
	overflow:visible;
}
#shop {
	background: transparent url("../a10bilder/huebelschoen.jpg") no-repeat top left;
	overflow:visible;
	height: 600px;
}
	
#sidebar {
	width: 282px;
	padding: 40px 0 20px 0;
	margin: 0; 
	text-align:left;
	float:left;
	
}

#content { 
	width: 393px;
	padding: 40px 0;
	margin-left: 283px;
	text-align:left;
}

/* Listen */
#content ul {
	margin: 1.0em 0 1em 1.2em;
	list-style-type: disc;
	padding: 0;
}
#content li {
	color: #313131;
	margin-left:1.0em;
	margin-bottom: .7em;
	font-size: .78em;
	line-height:1.2em
}

#servicenavi ul {
	float: right;
	margin-top: 5px;
}
#servicenavi ul li {
	float: left;
	display: block;
	margin: 0;
	font-size: .7em;
	font-weight: normal;
	line-height:2.5em;	
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	background: #FFF url("../bilder/li_snavi.gif") no-repeat 0 50% ;
	padding: 0 6px 0 8px;
	}
#servicenavi .anfang {
	background-image:none;
}
#servicenavi li.aktiv {	color: #313131; font-weight: bold; text-decoration: underline; }

#topnavi .multiNav {
	height: 30px;
	list-style-type: none;
	margin: 0 0 0  -4px;
	padding: 0;
	position: relative;
	z-index: 5;
	background-color: transparent;
/* das ist der untere rahmen! background: url(topright.gif) no-repeat scroll right bottom; */
}

#topnavi .multiNav li {
	display: block;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	background-color: transparent;
	background-image: url(../bilder/navi-leftoff.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	float: left;
	margin: 0;
	padding: 0;
	font-size: .7em;
}
#topnavi .multiNav li.aktive {
	background-color: transparent;
	background-image: url(../bilder/navi-lefton.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}

/* breite nur angeben wenn reiter fixe breite haben soll */
#topnavi .multiNav li a span {
	display: block;
	width: 89px;
	line-height: 30px;
}


#sidebar ul {
	margin: 0 0 30px 0;
	line-height: 1.3em;
	list-style: none;
}
#sidebar ul li {
	list-style: none;
	margin: 0 0 .4em 0;
	padding: 0 0 0 22px;
	font-size: .8em;
	line-height: 1.6em;
	font-weight: bold;
	background: transparent url("../bilder/icon_pfeil.gif") no-repeat 0em .1em ;
}

.sidebox {
	/*font-size: .78em; */
	font-weight: bold;
	line-height: 1.1em;
	color: #313131;
	padding: 0 0 15px 22px;
}

.angebotsbox {
	color: #313131;
	padding: 0 15px 15px 22px;
	
}

.angebot {
	padding: 0 0 40px 0;
	position: relative;
	clear:right;
}

/* Textformatierung */

h1,h2,h3,h4,h5,h6 { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight:bold; 
	color:#313131;
	margin: 0 0 0.25em 0; 
	padding: 0;
}

h1 { font-size: .9em; margin-bottom: 1.3em; }  

.sidebox h2 {
	font-size: .8em;
	margin-bottom: .2em;
}

.sidebox p { 
	font-size: .75em;
	}
	
#content h2, #content h3 {
	font-size: .8em;
	line-height:1.3em; 
	color:#313131;
	margin-bottom: 1.0em;
}
#content h3 {
	font-size: .78em;
	margin-top: -0.5em;
}

#content p {
	margin: 0 0 2em 0; 
	padding:0;
	font-size: .78em;
	line-height: 1.37em;
	font-weight: normal;
	font-style: normal;
	color: #313131;
	margin-bottom: 1.2em;
}

.angebotsbox h2, #content .angebot h2 {
	font-size: 1.1em;
	font-weight:bold;
	/*text-transform:uppercase; */
	margin: 5px 0 5px 0;
	padding: 0;
}
.angebotsbox p, #content .angebot p {
	font-size: .75em;
	margin: 5px 0 5px 0;
}

/* sportlernahrung */
#content .angebot h3 {
	font-size: .8em;
	font-weight:bold;
	margin: 0 0 5px 0;
	padding: 0;
}

.angebotsbox p.uvp, #content .angebot p.uvp {
	line-height: 1.2em;
	font-size: 1.0em;
	margin: 7px 0 0 0;
}

.angebotsbox p.preisgross {
	font-size: 1.7em;
	font-weight: bolder;
	color: #A30000;
	margin: 20px 0 0 0;
	padding: 0;
}
#content .angebot p.preis, .angebotsbox p.preis {
	font-size: 1.4em;
	font-weight:bold;
	line-height: 1.4em;
	color: #A30000;
	margin: 10px 0 0 0;
}

.left { float: left; display:inline; margin-top: 0px; margin-right: 30px; margin-bottom: 10px; }
.klein {font-size: .7em;}
.fsSmall {
	font-size:smaller;
}
.aktiv {
	color:#313131;
 	text-decoration:underline;
}
.strich {
	text-decoration:line-through;
}

blockquote{font-style:italic; margin:0 0 1em 1.5em}
em,i { font-style:italic }
acronym, abbr {
	border-bottom: .1em dashed #DE2C00;
	cursor: help;
}
pre, code { font-family: monospace; font-size: .8em; }

/* Links  */

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

#content a { color: #DE2C00;  }

#topnavi .multiNav a {
	color: #313131;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
}
/* margin left ist breite des linken bg-gifs, padding der abstand zum text */
#topnavi .multiNav li a {
	display: block;
	line-height: 30px;
	padding-top: 0px;
	padding-right: 11px;
	padding-bottom: 0px;
	padding-left: 1px;
	text-align: center;
	margin-left: 10px; 
	background-color: transparent;
	background-image: url(../bilder/navi-rightoff.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
}

#topnavi .multiNav li.aktive a {
	background-color: transparent;
	background-image: url(../bilder/navi-righton.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
	color: #DE2C00;
	font-weight: bold;
	letter-spacing: 0px;
}

#topnavi .multiNav a:hover {
	text-decoration: underline;
}
#topnavi .multiNav li.aktive a:hover {
	color: #DE2C00;
	
	text-decoration: none;
}

.nohand a:hover {
	cursor: default;
}

  
/* Positionierung, Hintergrundelemente */

.info {
	background: transparent url("../bilder/icon_info.gif") no-repeat top left;
	margin: 0 20px 0 25px;
}
.pfeil {
	background: transparent url("../bilder/icon_pfeil.gif") no-repeat top left;
	margin: 0 20px 0 25px;
}
.kreuz {
	background: transparent url("../bilder/icon_kreuz.gif") no-repeat top left;
	margin: 0 20px 0 25px;
}
.abstand1 {
	display: block;
	margin-bottom: 10px;
	margin-top: 1px;
	padding:0;
	height:1px;
}
.abstand10 {
	display: block;
	margin-bottom: 12px;
	margin-top: 12px;
	padding:0;
	height:1px;
}
.abstand100 {
	display: block;
	margin-bottom: 10px;
	margin-top: 200px;
	padding:0;
}

.center { text-align:center; margin: 0.5em auto }

/* bilder */
#content img {
	border: 2px solid #5A9EA5;
}
#content img.noborder{
	border: none;
}
.links { float: left; display:inline; margin-top: .2em; margin-right: .6em; margin-bottom: 0.15em;  }
.right { float: right; display:inline; margin-top: .2em; margin-left: .6em; margin-bottom: 0.15em;  }
.block { display: block; text-align: right;}

.bildtitel {
	font-size: .8em;
	line-height: 1.0em;
	text-align: right;
	margin: 8px 0 10px 0;
}

/* stilauswahl  */
.fsSmall {
	font-size:smaller;
}
.fsBig {
	font-size: 1.1em;
}
sup {
 font-weight: bold;
 margin-top: -5px;
}
a.rahmen {
	text-decoration: none;
	border: 1px solid white;
}
a.rahmen:hover {
	text-decoration: none;
	border: 1px solid #DE2C00;
}

/*Tabellen */
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
th,td { padding: 0.5em; }
thead th { background: #444; color: #fff }
tbody th { background: #ccc; color: #333 }
tbody th.sub { background: #ddd; color: #333 }



/* Formular */
p.antwort {
 font-weight: bold;
 margin-top: 15px;
 padding: 5px;
 border: 1px solid #5A9EA5;
}

p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: right;
	
}

form.ddfm {
	text-align: left;
	padding: 10px 0 20px 10px;
	width: 390px; 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 29%; 
	text-align: left;
	margin: 0 5px 0 0; 
	padding-bottom: 2px;
	
}
form.ddfm label.position {
	text-align: right;
}
form.ddfm label.rechts {
	display: inline; 
	float: none; 
	text-align: left; 
}

form.ddfm .fmcheck {
	width: 62%; 
	float: left;
	display: block;  
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 15px;
}


form.ddfm textarea {
	float: left; 
	width: 62%;
	margin-bottom: 1px;
	padding: 3px;
}

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 62%;
	padding-left: 30%;
	margin-bottom: 10px;
	float: left; 
	display: block;
	position:relative;
}

form.ddfm input.fmtext:hover, form.ddfm textarea:hover {
	background-color: #f3f3f3;
}


form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 62%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}
form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

#content form.ddfm img {
	margin: 0 5px 0 0; 
    border: none;
	vertical-align:middle;
}


form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 60%;
	padding-top: 15px;
}

.error {
	color:#FF0000;
	font-weight: bold;
	margin-top: 10px;
}


.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}
  
/* little helpers */
.clearright {
	clear:left;
	display:block;
	height:0;
	
}
fieldset { border: 0 solid }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
#ie_clearing{display:none}
.unsichtbar,.print{position:absolute;top:-1200em;left:-1200em;height:1px;width:1px}
.unsichtbar:focus,.unsichtbar:active{position:static;top:0;left:0;height:auto;width:auto; font-size: .8em; margin-left: 150px;}