* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	line-height: 1.4em;
	font-family: Arial;
	behavior: url(iepngfix.htc);
}

img {
  border: 0;
}

a {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #666;
  text-decoration: underline;
}
html{
	height: 100%;
	width: 100%;
	overflow-y:scroll;
}
body {
  height: 100%;
  width: 100%;
  background: #fff url('../img/background.gif') repeat-y;
}


br.clr {
  height: 0px;
  width: 0px;
  line-height: 0px;
  letter-spacing: 0px;
  font-size: 0px;
  text-indent: -10000px;
  clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
    line-height: 0px;
    font-size: 0px;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#main-wrapper {
	width: 990px;
  min-height: 100%;
  _height: 100%;
}
#apotheke #main-wrapper {
  background: url('../img/background/apotheke.jpg') bottom left no-repeat;
}
#homoeopathie #main-wrapper {
  background: url('../img/background/homoeopathie.jpg') bottom left no-repeat;
}
#aromatherapie #main-wrapper {
  background: url('../img/background/aromatherapie.jpg') bottom left no-repeat;
}
#ernaehrung #main-wrapper {
  background: url('../img/background/ernaehrung.jpg') bottom left no-repeat;
}
#mutter_und_kind #main-wrapper {
  background: url('../img/background/mutter_und_kind.jpg') bottom left no-repeat;
}
#unsere_haut #main-wrapper {
  background: url('../img/background/unsere_haut.jpg') bottom left no-repeat;
}
#kundenkarte #main-wrapper {
  background: url('../img/background/kundenkarte.jpg') bottom left no-repeat;
}
#kundenkarte #middle {
  padding-top: 199px;
  background: url('../img/header/kundenkarte.jpg') top left no-repeat;
}
#service #main-wrapper {
  background: url('../img/background/service.jpg') bottom left no-repeat;
}
#kontakt_impressum #main-wrapper {
  background: url('../img/background/kontakt_impressum.jpg') bottom left no-repeat;
}

#left,
#middle,
#right {
  float: left;
  display: inline;
  padding: 0px;
  margin: 0px;
}
#left {
  width: 277px;
}
#middle {
  width: 518px;
}
#right {
  width: 195px;
  background: url('../img/background_right.gif') no-repeat;

}
#right p {
  display: block;
  margin: 12px 0px 0px 13px;
  line-height: 1.4em;
  margin-bottom: 12px;

}
#right p.first {
  margin-top: 0px;
}
#right p a {
  text-decoration: underline;
  color: #000;
}

#right p a:hover {
  text-decoration: underline;
  color: #d4000b;
}
#right h3{
  margin: 12px 0px 0px 13px;
}
#right a.lnk_notdienst {
  display: block;
  line-height: 50px;
  background: url('../img/trans_logo_klein.png') no-repeat;
  margin: 125px 0px 40px 13px;
  padding-left: 50px;
  width: 130px;

}
#right a.lnk_notdienst:hover {
  color: #d4000b;
}
h1.logo {
  background: url('../img/trans_logo.png') no-repeat;
  height: 170px;
  width: 258px;
  line-height: 0px;
  letter-spacing: 0px;
  font-size: 0px;
  text-indent: -10000px;  
}


#navigation {
  margin-top: 30px;
  margin-right: 25px;
}

#navigation ul {
 	display: block;
}

#navigation ul li {
  display: block;
	list-style: none;
  text-align: right;
  padding-top: 2px;
}
#navigation ul li a {
  color: #000;
  text-decoration: none;
  line-height: 18px;
  padding-right: 3px;
  letter-spacing: 0px;
  font-size: 12px;
  padding-left: 13px;
}

#navigation ul li a:hover {
  color: #d4000b;
}

#content {
	margin: 0px 20px 0px 20px;
}
#content * {
  color: #111;
}

#content ul.no-list-style {
  list-style: none;
}
#content ul.stroke-list-style {
  list-style: none;
}
#content ul.stroke-list-style li {
  background: url(../img/list/stroke.gif) 0px 8px no-repeat;
  padding-left: 10px;
}
#content ul.stroke-list-style li a:hover {
  color: #999;
}

#content ul.point-list-style {
  list-style: none;
}
#content ul.point-list-style li {
  background: url(../img/list/point.gif) 0px 8px no-repeat;
  padding-left: 10px;
}
#content ul.point-list-style li a:hover {
  color: #999;
}

#content ul.check-list-style {
  list-style: none;
}
#content ul.check-list-style li {
  background: url(../img/list/check.gif) 0px 4px no-repeat;
  padding-left: 15px;
  margin-bottom: 10px;
}
#content ul.check-list-style li a:hover {
  color: #999;
}
#content ul.lst-mitarbeiter li {
  float: left;
  list-style: none;
  width: 112px;
  margin-top: 10px;
  margin-right: 7px;
}
#content h1 {
  margin-top: 25px;
  margin-bottom: 0px;
  line-height: 24px;
  font-size: 13px;
}
#content h2 {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px;
  color: #d4000b;
}
#content h2.check {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 0px;
  padding-left: 15px;
  color: #d4000b;
  background: url(../img/list/check.gif) 0px 4px no-repeat;

}
#content p {
  display: block;
  margin-top: 12px;
  line-height: 1.4em;
  margin-bottom: 12px;
}
#content p.first {
  margin-top: 0px;
}
#content p a {
  text-decoration: underline;
  color: #d4000b;
}

#content p a:hover {
  text-decoration: underline;
  color: #aaa;
}
/**
 * Farbwelten
 */
#apotheke a.lnk_apotheke,
#homoeopathie a.lnk_homoeopathie,
#aromatherapie a.lnk_aromatherapie,
#ernaehrung a.lnk_ernaehrung,
#mutter_und_kind a.lnk_mutter_und_kind,
#unsere_haut a.lnk_unsere_haut,
#kundenkarte a.lnk_kundenkarte,
#service a.lnk_service,
#kontakt_impressum a.lnk_kontakt_impressum {
  font-weight: bold;
}


/**
 *  Formulare
 */ 
form {
  margin: 20px 0px 20px 0px;
} 
form div.select,
form div.file,
form div.text,
form div.textarea {
  text-align: right;
  margin-bottom: 3px;
}
form div.checkbox,
form div.date {
  margin-bottom: 3px;
}
* html form div.file,
* html form div.text,
* html form div.textarea {
  text-align: right;
  margin-bottom: 1px;
}
* html form div.date {
  margin-bottom: 1px;
}
form div.select {
  clear: both;
}
form div.select select {
  width: 222px !important;
  padding: 0px 0px 0px 0px !important;
}
form div.select select option {
  padding: 2px;
}


form div.select label,
form div.file label,
form div.text label,
form div.textarea label {
  font-size: 12px;
  float: left;
  text-align: right;
  width: 80px;
  padding-top: 3px;
}

form div.checkbox label,
form div.date label {
  font-size: 12px;
  float: left;
  text-align: right;
  width: 80px;
  padding-top: 3px;
  padding-right: 3px;
}
* html form div.checkbox label,
* html form div.date label {
  font-size: 12px;
  float: left;
  text-align: right;
  width: 80px;
  padding-top: 3px;
  padding-right: 0px;
}
form div.error label {
  color: #ff0033;;
}
form div.select select,
form div.file input,
form div.text input,
form div.textarea textarea {
  border-top: 1px solid #7f8480;
  border-left: 1px solid #7f8480;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 255px;
  font-size: 12px;
  padding: 2px;
  background: #dedede !important;
}
form div.date select {
  border-top: 1px solid #7f8480;
  border-left: 1px solid #7f8480;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  padding: 0px;
}
form div.textarea textarea {
  height: 80px;
}
form div.error input,
form div.error textarea {
  border-top: 1px solid #f03;
  border-left: 1px solid #f03;
  border-right: 1px solid #fcc;
  border-bottom: 1px solid #fcc;
}
form div.submit {
  font-size: 12px;
  padding: 1px 0px 0px 0px;
  margin: 10px 10px 20px 91px
}

form div.submit input {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #7f8480;
  border-bottom: 1px solid #7f8480;
  padding: 2px;
  margin-right: 5px;
}
.frm_kontakt {
  width: 353px;
}
/**
 *  Fehlerliste
 */ 
ul.error-list {
  list-style-type: square !important;
  margin-left: 20px;
}
ul.error-list li {
  color: #f03 !important;
}
.error {
  color: #f03 !important;

}

.button_shop {
  position:absolute;
  z-index:111;
  border: 0;
  left:778px;
  top:210px;
}