/* ------------------------------------------------------------*/
/* Diverse allgemeingueltige Einstellungen                     */
/* eingebunden in allen Bereichen der vita-life Seiten         */
/* ------------------------------------------------------------*/

/* allgemeine Selektoren */
* {
	margin: 0px;
	padding: 0px;
}

html{
	margin: 0px;
	padding: 0px;
	height: 100%;               /*wichtig fuer (min-)height: 100% */
}

img {
	border: 0px;
}

form {
	margin:0em;
}

ul li {
	list-style-image: url(../media/li_bullet_1.gif);
}

ul {
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

ol {
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	}

ul ul {
	margin-top: 0.3em;  /* Abstand der Elemente der 2. Ebene ganz oben/unten */
	margin-bottom: 0.3em;
}

h1 {
	font-size: 1.44em;
	font-weight: bold;
	padding:0em;
	margin-bottom: 0.4em;
	color: #F08A00;
	padding: 0em 15px;
	background-image: url(../media/h1_bg.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	line-height: 1.1em;
}

div.right h1 {
	font-size: 1em;
	background-image: none;
	padding: 0px;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
	margin:0em;
	padding:0em;
	color:#F08A00;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:0em;
	padding:0em;
}

h4 {
	font-size:1em;
	font-weight:bold;
	margin:0em;
	padding:0em;
	color:#F08A00;
}

p {
	line-height: 180%;
	/*text-align: justify;  auf Wunsch von borsche entfernt 04.06.07*/
	color: Black;
	margin-bottom: 1.2em;
}

td {
	padding: 0.3em;
}

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

textarea, input, select {
	border: 1px solid #F08A00;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	width: 12em;
}

.shopaddress_text textarea,
.shopaddress_text select {
	width: 14em;
}

input.inputCheckbox {
	width: 1em;
	height: inherit;
	border-style: none;
}

div {
  line-height: 1.15em; /* Peekaboo Bug */
}
/* ------------------------------------------------------------*/
/* Seitenlayout                                                */
/* ------------------------------------------------------------*/

body {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	height: 100%;               /*wichtig fuer (min-)height: 100% */
	font-size: 77.5%;
	font-family: Arial, Tahoma, Verdana, Helvetica,sans-serif;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin-top: -1px;
}

.header {
	position: absolute;
	z-index: 2;
	top: 0px;
	background: white;
	padding: 0.4em;
	text-align: left;
	margin: 0 auto;
	width: 74.16em;
	height: 5.28em;              /* Hoehe des gesamten Headers */
}

#wrapper {
	position: relative;
/*	margin:0px 1.36em;           Hier Linken Rand definieren  */
	margin-top: 0px;            /* Zentriert  */
	margin-left: auto;
	margin-right: auto;
	width: 74.96em;
	text-align:left;
	background-color: White;
	min-height: 100%;
}

* html #wrapper {             /* Angepasste Version fuer IE (andere Hoehendef.) */
	height:100%;
}

.main {
	width: 43.36em;              /* Breite der Mittleren Spalte (inkl Abstaende) */
	min-height: 100%;
	position:relative;
	top:0em;
	left:0em;
	border-right: solid 14.64em #FEFAF4; /* Breite und Farbe der rechten Spalte */
	border-left: solid 16.96em White;    /* Breite und Farbe der linken Spalte */
	background-color:White;
}

.main404 {
	width: 43.36em;              /* Breite der Mittleren Spalte (inkl Abstaende) */
	min-height: 100%;
	position:relative;
	top:9em;
	left:0em;
	border-right: solid 14.64em #F08A00; /* Breite und Farbe der rechten Spalte */
	border-left: solid 16.96em #F08A00;    /* Breite und Farbe der linken Spalte */
	border-top:solid 1px #F08A00;
	border-bottom:solid 1px #F08A00;
	background-color: #FEFAF4;
}

div.left {
	width:16.96em;
	position:relative;
	top:0em;
	left:-16.96em;
	float:left;
	padding-top: 8.24em;    /* Abstand bis Oberkante Header! */
}

div.middle {
	position:relative;
	top:0px;
	left:0px;
	width:40em;             /* Nutzbare Breite ohne Abstaende rechts/links */
	margin-left:-16.96em;
	float:left;
	padding-top: 8.24em;    /* Abstand bis Oberkante Header! */
	padding-left: 1.92em;    /* Spalten-Abstand links */
	padding-right: 0.56em;   /* dito rechts (eigentlich 1.8, fuer FF etwas Luft!) */
	overflow: hidden;
}

div.popup {
	position:relative;
	top:0px;
	left:0px;
	float:left;
	padding-top: 0.5em;    /* Abstand bis Oberkante Header! */
	padding-left: 0.5em;    /* Spalten-Abstand links */
	padding-right: 0.5em;   /* dito rechts (eigentlich 1.8, fuer FF etwas Luft!) */
	overflow: hidden;
}

div.middle404 {
	position:relative;
	top:0px;
	left:0px;
	width:40em;             /* Nutzbare Breite ohne Abstaende rechts/links */
	margin-left:-16.96em;
	float:left;
	padding-top: 1em;    /* Abstand bis Oberkante Header! */
	padding-left: 1.92em;    /* Spalten-Abstand links */
	padding-right: 0.56em;   /* dito rechts (eigentlich 1.8, fuer FF etwas Luft!) */
	overflow: hidden;
}

div.right {
	width:13.04em;
	float:right;
	position:relative;
	top:0em;
	left:0em;
	margin-right:-14.64em;
	padding-top: 8.24em;	  /* Abstand bis Oberkante Header! */
	padding-left: 0.8em;
	padding-right: 0.8em;
}

.printPreviewLinks {
  display: none;
	clear:both;
	}

/* Schnellsuche (unten linke Splate) */
div.search {
	margin: 0px;
	width: 16.96em;
	color: Black;
	font-weight: bold;
	background-color: #F08A00;
	border-top: 1px solid #F08A00;
	border-bottom: 1px solid #F08A00;
	position: relative;
}


.searchinput {
	margin: 0px;
	margin-left: 1px;
	border: 1px solid #F08A00;
	background-color: #FDE4C2;
	color: Black;
	width: 50%;
	font-size: 1.0em;
	display: inline;
}

#searchlink {
	position: relative;
	top: -0.16em;
	left: 0.4em;
	font-family: Verdana, Tahoma, Helvetica,Arial,sans-serif;
	font-size: 0.88em;
	color: White;
	text-decoration: none;
}

/* Printlink */
div.printlink {
	border:0px solid red;
	text-align:right;
	padding:1.12em 1.92em 0.64em 0em;
	margin:0em 0em 0em 0em;
	clear: both;
}

/* ------------------------------------------------------------*/
/* Inhaltselemente der Contentspalte                           */
/* ------------------------------------------------------------*/

img.max {
	width: 40em;
	margin: 0px;
	padding: 0px;
}
.middle h1 {
	margin-top: -0.05em;
}

.middle a.whitelink {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-family:  Verdana, Tahoma, Helvetica,Arial,sans-serif;
}

.middle a.whitelink:hover {
	text-decoration: underline;
	background-color: transparent; /* offensichtlich mach IE sonst aerger... */
}

/* 2 spalten template */
div.wrap2cols {
	border: 0px solid #F08A00;
}
div.sub2colboxleft {
	width: 55%;
	border: 0px solid #F08A00;
	margin-bottom: 0.8em;
	float: left;
}
div.sub2colboxright {
	width: 40%;
	border: 0px solid #F08A00;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	float: right;
}

/* ------------------------------------------------------------*/
/* Spezielle Inhaltselemente                                   */
/* ------------------------------------------------------------*/

/* Kontaktformular */
fieldset.csc-mailform {
	margin: 0px;
	padding: 0px;
	width:22em;
	border: 1px solid white;
}

div.csc-mailform-field {
	clear: both;
}
fieldset.csc-mailform .csc-mailform-label {
	margin-right: 0.5em;
	padding-right: 0.5em;
	width:5em;
	float: left;
	text-align:right;
}

fieldset.csc-mailform input, fieldset.csc-mailform textarea,fieldset.csc-mailform select {
	font-family:  Verdana, Tahoma, Helvetica,Arial,sans-serif;
	width:15em;
	margin-bottom: 0.5em;
	font-size: 1em;
}

fieldset.csc-mailform input.csc-mailform-submit {
	margin-top: 1em;
	padding:0em;
	width:8em;
	font-family:  Verdana, Tahoma, Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: White;
	background-color: #F08A00;
	border: 1px solid #F08A00;
}

fieldset.csc-mailform input.csc-mailform-check {
	width: 1em;
	height: inherit;
	border-style: none;
	padding: 0px;
	margin: 0px;
}

/* Seite empfehlen */
fieldset.csc-tipform {
	margin: 0px;
	padding: 0px;
	width:35em;
	border: 1px solid white;
}

fieldset.csc-tipform div.csc-tipform-field {/*width:40em;border:1px solid green;*/}

fieldset.csc-tipform div.csc-tipform-field label {
	margin-right: 0.5em;
	padding-right: 0.5em;
	width:15em;
	float: left;
	text-align:right;
}

fieldset.csc-tipform input, fieldset.csc-tipform textarea {
	font-family:  Verdana, Tahoma, Helvetica,Arial,sans-serif;
	width:18em;
	margin-bottom: 0.5em;
	font-size: 1em;
}

fieldset.csc-tipform input.csc-tipform-submit {
	margin-top: 1em;
	padding:0em;
	width:8em;
	font-family:  Verdana, Tahoma, Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: White;
	background-color: #F08A00;
	border: 1px solid #F08A00;
}

div.tipHint {
	text-align: left;
}

/* (erweiterte) Suche */
fieldset.tx-indexedsearch-search {
	margin : 0px;
	padding: 0px;
	width: 30em;
	border: 1px solid white;
}

fieldset.tx-indexedsearch-search label {
	margin-right: 0.5em;
	padding-right: 0.5em;
	width:10em;
	float: left;
	text-align:right;
}

fieldset.tx-indexedsearch-search select {
	font-family:  Verdana, Tahoma, Helvetica,Arial,sans-serif;
	width:18em;
	margin-bottom: 0.5em;
	font-size: 1em;
}

fieldset.tx-indexedsearch-search input {
	font-family:  Verdana, Tahoma, Helvetica,Arial,sans-serif;
	width:10em;
	margin-bottom: 0.5em;
	font-size: 1em;
}

fieldset.tx-indexedsearch-search input.tx-indexedsearch-searchbox-button {
	margin-top: 1em;
	padding:0em;
	width:10em;
	font-family:  Verdana, Tahoma, Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: White;
	background-color: #F08A00;
	border: 1px solid #F08A00;
}



fieldset.tx-indexedsearch-search input.inputCheckbox {
	width: 1em;
	height: inherit;
	border-style: none;
	padding: 0px;
	margin: 0px;
}

/* Ergebnisse der Suche */
div.tx-indexedsearch-whatis p{
	width: 39em;
	background-color: #F08A00;
	color: white;
	padding-left: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.tx-indexedsearch-result-number {
	color: #F08A00;
}

.tx-indexedsearch-percent {
	color: #F08A00;
}

div.tx-indexedsearch-res {
	margin-top: 1em;
}

div.tx-indexedsearch-rating {
	float: right;
}

p.tx-indexedsearch-descr {
	line-height: 150%;
	margin-bottom: 0.5em;
}

div.tx-indexedsearch-info {
	color: #F08A00;
	margin-bottom: 1em;
}

/* Sitemap dabei Listen allgemein */
.csc-sitemap li {
	list-style-type: none;
	list-style-image: none;
}

.csc-sitemap li li {
	list-style-image: url(../media/li_bullet_1.gif);
}

.csc-sitemap li li a {
	color: black;
}

/* ------------------------------------------------------------*/
/* Contentwrapper                                              */
/* ------------------------------------------------------------*/

div.csc-header {
	clear:both;
}

/* Style 1 */
div.tx-contentwrapper_style1 {
	margin:0px 0px 15px 0px;
	padding:10px 22px 10px 10px;
	background-color:#FFFAF4;
	color:#000000;
	border-top:1px solid #F08A01;
	border-bottom:1px solid #F08A01;
	font-size:1em;
}

div.middle div.tx-contentwrapper_style1 {
	width: 94%;
} 

div.tx-contentwrapper_style1 h1 {
	margin:0px 0px 0.5em 0px;
	padding:0px;
	font-weight:bold;
	font-size:1.05em;
	background-image: none;
}

div.tx-contentwrapper_style1 h4 {
	color:#000000;
}

div.tx-contentwrapper_style1 p {
	border:0px;
	margin:0px;
	padding:0px;
}

/* Style 2 */
div.tx-contentwrapper_style2 {
	margin:18px 0px 18px 0px;
	padding:6px;
	background-color:#FFFAF4;
	color:#000000;
	border-top:3px solid #F08A01;
	border-bottom:3px solid #F08A01;
	font-size:1em;
}

div.tx-contentwrapper_style2 h1 {
	margin:4px 0px 2px 0px;
	padding:0px;
	color:#362F29;
	font-weight:bold;
	font-size:1.1em;
}

/* Style 3 */
div.tx-contentwrapper_style3 {
	margin:4px 0px 4px 0px;
	padding:6px;
	background-color:#FFFAF4;
	color:#000000;
	border:1px solid #F08A01;
	font-size:1em;
}

div.tx-contentwrapper_style3 h1 {
	margin:4px 0px 2px 0px;
	padding:0px;
	color:#362F29;
	font-weight:bold;
	font-size:1.3em;
}

/* Style 4 */
div.tx-contentwrapper_style4 {
	margin:10px 0px 5px 0px;
	padding:6px;
	border-top:1px solid #F08A01;
	font-size:1em;
}

div.tx-contentwrapper_style4 h1 {
	margin:4px 0px 2px 0px;
	padding:0px;
	color:#362F29;
	font-weight:bold;
	font-size:1em;
}

/* Style 5 */

div.tx-contentwrapper_style5 {margin:4px 0px 18px 0px;padding:2px;border-bottom:1px solid #FFF;font-size:1em;}
div.tx-contentwrapper_style5 a {margin:4px 0px 18px 0px;padding:2px;font-size:1em;color:white;}
div.tx-contentwrapper_style5 h1 {margin:0px 0px 1px 0px;padding:0.4em 0.2em 0.4em 0.6em;color:#FFF;font-weight:bold;text-transform:uppercase;font-size:1em;background-color:#F08A00;}




/* Sonderanpassungen im Contentwrapper */
div.news-single-item .tx-contentwrapper_style1 {
	width:44%;
}

div.news-single-item .tx-contentwrapper_style1 ul h4 {
	margin-left:-1.2em;
	margin-bottom:0.5em;
}

div.news-single-item .tx-contentwrapper_style1 ul {
	margin-left:1.8em;
	margin-bottom:0.2em;
}

span.hiddenForGP {}




/* sitemap elemente */
.csc-menu-4 {}
.csc-menu-4 dt {margin-top:0.4em;}
.csc-menu-4 dd {}


/* Shop Formular */

fieldset.shop_items {
  margin : 0px;
  padding: 0px;
  width: 100%;
  border: 1px solid White;
}

fieldset.shop_items table {
  border: none;
  width: 100%;
  }
td.shopitem_check {
  width: 5%;
  padding: 0.2em;
  }
td.shopitem_text {
  width: 45%;
  padding: 0.2em;
  }
input.shopitem_check {
  width: 1.4em;
  height: inherit;
	border-style: none;
}   
fieldset.shop_address {
  margin : 0px;
  padding: 0px;
  width: 100%;
  border: 1px solid White;
}
fieldset.shop_address table {
  border: none;
  width: 100%;
  table-layout: auto;
  }
fieldset.shop_address td {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  vertical-align:top;
}
fieldset.shop_address input,
fieldset.shop_address textarea,
fieldset.shop_address select {
  margin: 0px 0px 0px 5px;
}

fieldset.shop_address label {
  margin-right: 1em;
}

td.shopaddress_label {
  width:20%;
  text-align: right;
  }
td.shopaddress_text {
  width:30%;
  }
td.shopaddress_maxitext {
  width: auto;
  }  
  
fieldset.shop_address input {
  width: 100%;
  }
 
fieldset.shop_address .shop_submit{
  padding:0em;
  width:8em;
	font-family: Verdana, Tahoma, Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: White;
	background-color: #F08A00;
	border: 1px solid #F08A00;
}  

.textacross input {
  padding:0em;
  width:12em;
	font-family: Verdana, Tahoma, Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: White;
	background-color: #F08A00;
	border: 1px solid #F08A00;
}