/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Body und Schriftgroesse */

body{
	background: #fff none; 
	border:0;
	font-family: Arial, Helvetica, Verdana; sans-serif,
	font-size: medium;
	margin:0;
	min-width:974px;	
	color:#000000;
}
.text7black { font-size:7.5pt; color:#000000; font-family:Arial, Helvetica, sans-serif }
.link8ohne { font-size:8pt; color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none }
.link8 { font-size:8pt; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }
.text8  { font-size:8pt; color:#000000; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }
.text9  { font-size:9pt; color:#000000; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }
.text8rot { font-size:8pt; color:#CC3333; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }
.text10weiss { font-size:10pt; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }
.text10 { font-size:10pt; color:#000000; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }
.text10rot { font-size:10pt; color:#CC3333; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }
.schrift10 { font-size:10pt; color:#000000; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:bold }
h1, h2, h3, h4, h5	{ font-size: 100.01%; }
.biogruen { font-size:8pt; color:#00CC66; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }
.biorot { font-size:8pt; color:#FF0000; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }
.bioblau { font-size:8pt; color:#0000FF; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal }

.centerbody, .centerbodywide{
	position:relative;
	width:974px;
	margin: 0 auto;
	border-left:10px solid #fff;
	border-right:5px solid #fff;
	background:#fff;
}


/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Basislayout */
#wrapper, #popupWrapper	{ font-size: 81.25%; /* 1em = 13px*/ }
#wrapper { position: absolute; top: 4px; width: 94%; }
#wrapper { position: relative; z-index: 10; }
#wrapper   { width: 994px; margin-left: 4px; }
#head { width: 100%; float:left; border-left: 0px solid #fff; }

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Kopfzeile */
#headLogo	{ float: left; height: 62px; width: 236px; padding: 10px 0px 10px 0; }
#headAnzeige { float: left; width: 10px; height: 62px; padding: 0; }
#headBanner	{ width: 728px; float: left; margin-right: 0; padding: 0; }
#headTitelleiste { width: 974px; float: left; height: 16px; margin: 2px 0 1px 0; padding: 1px 0 1px 0; font-size:10pt; font-weight:bold; color:#ffffff; background-color: #669999; text-align: center; }
#headHauptnavi { float: left; height: 16px; margin: 0 0 1px 0; font-size:8pt; width:974px; background-color: #99CCCC; color: #ffffff; padding: 0; }
#headHauptnavi a { font-size: 8pt; color: #FFFFFF; font-style: normal; font-weight: normal; text-decoration: none; padding: 0; }
#headHauptnavi .punkte { float: left; height: 15px; width: 12px; padding: 0;  }
#headHauptnavi .homelink { float: left; margin-left: 2px; padding: 1px 0 2px 0;  }
#headHauptnavi .emailkontakt { margin-right: 5px; float: right; padding: 1px 0 2px 0; }
	
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Contentbereich */
#contentWrapper	{ width: 100%; background: #fff; margin-top: 8px; float: left; }
#contentWrapper .clearing { _zoom: 1; }
#leftColumn, #mainContent, #rightcolumn, .teaserbox, #footer	{ float: left; }
	
#leftColumn	{ width: 150px; background: #ededed; margin: 0; }
#mainContent { width: 664px; margin: 0; padding: 0; background-color: #fff; }
			* html #mainContent { overflow: hidden; }  
	
#popupWrapper, #popupWrapper #mainContent	{ width: 100%; max-width: none; }
#rightcolumn { width: 160px; overflow: hidden; }
	
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Basisstil */
.up	{ text-transform: uppercase; }
cite	{ font-style: normal; }
ul, ol	{ list-style: none; padding: 0; margin: 0; }
.invisible	{ display: none; }

/* ---------------------------------------------------------------------------------------------------------------------------------- */
	/* Formular */
form	{ margin: 0; padding: 0; }
fieldset	{  border: none; margin: 0; padding: 0; }
input, select, option, optgroup, textarea	{ 
		font-family: Arial, Helvetica, sans-serif, Verdana; }
input, select, textarea	{  /* 1em = 10px */
		font-size: xx-small; /* false value for WinIE4/5 */
		font-size: x-small; /*intended value for better browsers */
	}
textarea	{ font-size: 130%; }

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* leftColumn Navigation */
#leftColumn, #nav { background: #f3f3f3; }
#nav { padding: 0; background-color: #f3f3f3; }
#nav ul	{ font-size: 88%; width: 150px; }
#nav ul	ul { font-size: 100%; }
#nav a, #nav h2 span	{ color: #000; display: block; padding: 3px 0 3px 3px; width: 148px; text-decoration: none }
#nav a:hover, #nav a:focus	{ background: #e5e5e5; text-decoration: none;  padding: 3px 0 3px 3px; width: 148px; }
#nav a:active	{ background: #e5e5e5; }
#nav li	{ padding: 0; margin: 0; display: inline; }
#nav .firstItem	{ border: none; }
#nav h2	{ font-size: 77%; font-weight: bold; text-transform: uppercase; margin: 0 0 .9em; padding: 0;  }
#nav h2 a	{ padding: .2em 0 .1em 8px; width: 150px; }

#nav h3	{ color: #000000; margin: 0; padding: 3px 0 3px 3px; text-transform: uppercase; background-color: #99cccc; font-weight:normal; }
#nav .anzeige	{ color: #ffffff; margin: 0; padding: 3px 0 3px 3px; text-transform: uppercase; background-color: #336699; }
#nav h4	{ font-weight: normal; padding: 0; margin: 0; }
#nav h4	{ border-top: .1em solid #dbebfa; } /* fixing IE display bug because of #nav { position: relative }*/
#nav h4	a	{ padding-top: .1em; }

#leftColumn div  { 
padding: 0 0 0 3px; 
width: 148px; 
font-size: 8pt; 
font-weight: normal; 
font-family:Arial,Helvetica,sans-serif; 
font-style:normal; 
text-decoration: none;
color: #000000;
}
.anzeigen8  { 
padding: 0 0 0 3px; 
width: 148px; 
font-size: 8pt; 
font-weight: normal; 
font-family:Arial,Helvetica,sans-serif; 
font-style:normal; 
text-decoration: none;
color: #000000;
}
.anzeigenlink { 
font-size: 8pt; 
font-weight: normal; 
font-family:Arial,Helvetica,sans-serif; 
font-style:normal;  
color: #000000;
}


/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* right column */
#rightcolumn 	{ width: 160px; background: #fff; border-top: 0px solid #fff; padding: 0 }
#rightcolumn div	{ margin: 0; background: #fff; padding: 0; border-bottom: 10px solid #fff; }
#rightcolumn div.picBox { border: none; margin-bottom: 5px; padding: 0; }
#rightcolumn div.rechteBox { border: none; margin-bottom: 5px; padding: 2px; font-size: 88%; }
#rightcolumn div.picBox img	{ margin: 0; border: none; padding: 0; width: 160px; height: 180px; }
#rightcolumn h5	{ 
	font-size: 76.9%; background: #336699; line-height: 1em; padding: 2px 4px 4px 4px; margin: 0;
			color: #fff; font-weight: normal; text-transform: uppercase; }
#rightcolumn ul, #rightcolumn ol	{ margin: 5px 0; }
#rightcolumn ul	{ font-size: 77%; }
#rightcolumn li	{ margin: 0 0 7px; padding: 0 8px; }
#rightcolumn li li { padding: 0; }
#rightcolumn p	{ margin: 0; padding: 0; line-height: 1.4em; color: #333; font-size: 119.8%;}
#rightcolumn a	{ color: #000; line-height: 1.4em; text-decoration: underline; } 
#rightcolumn strong	{ display: block; }

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Content */
/* ---------------------------------------------------------------------------------------------------------------------------------- */
#mainContent 	{ line-height: 1.4em; }
.clearing, #mainContent div.clearing { clear: both; line-height: 0; display: block; margin: 0; padding: 0; }
#mainContent div.clearing { _zoom: 0; } 
#mainContent a	{ color: #333; }
#mainContent a:hover, #mainContent a:focus	{ text-decoration: underline; }

/* Ueberschrift */
#mainContent h1	{ 
	font-size: 150%; 
	color: #CC3333;
	margin: 2px 0 7px; 
	padding: 0 5px 1px 8px;
	font-weight: bold;
}

#mainContent h2	{ 
	font-size: 107.7%; color: #003282;
	margin: 0 0 7px 0; padding: 0;
}

#mainContent h2 a { color: #003282; }
#mainContent h2 a:active { color: #174fb7; }

#mainContent h3 {
	color: #669999; font-size: 100%; letter-spacing: 0.01em; 
	margin: 0 0 4px;
	padding: 0;
	line-height: 1em;
}

#mainContent h3 a { color: color:#06c; text-decoration:none; }
#mainContent h3 a:visited { color: color:#06c; }
#mainContent h3 a:active { color: #174fb7; }

#mainContent h4, #mainContent h6 {
	color: #669999; font-size: 76.9%; letter-spacing: 0.01em; text-transform: uppercase;
	margin: 0 0 4px;
	padding: 0;
	line-height: 1em;
}
#mainContent h4 { color: #003282; }
#mainContent .teaserText h2, #mainContent .teaserText h3, #mainContent .teaserText p { padding: 0; margin: 0; }
#mainContent .teaserText h3 { margin-bottom: 3px; }

/* Contenttext */
#mainContent div.teaser  { padding-bottom: 0; border-bottom: none; margin-bottom: 5px; display: block; }
#mainContent p	{ padding: 2px 8px 2px 0; }
#mainContent .teaserText p { padding: 0 0 2px 0; margin: 0 0 2px 0; }
#mainContent  div.teaserText  { padding: 0 0 2px 0; }
#mainContent p.footnote	{ font-size: 77%; line-height: 1.4em; margin-bottom: 1em; }

/* Bildformatierung */
#mainContent div.teaserImage { padding-bottom:0; padding-left:0; padding-right:8px; padding-top:0; width:640px; }
#mainContent img.noBorder	{ border: none; }
#mainContent div.teaserImage img { padding: 0 8px 0 0; *padding-bottom: 0px; float: left; }
		
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* mainContent Boxformatierung */
#mainContent div	{ margin: 0 0 10px 0; padding: 0 0 10px 0; }
#mainContent div.noDivis	{ border: none; padding-bottom: 0; }
#mainContent div div	{ margin: 0; padding: 0; }

/* Trennungslinie */
#mainContent div.trenner	{
	border-bottom: 1px dotted #003282;
	margin: 1px 0 2px 0;
}
#mainContent div.footer	{
	margin: 0 8px 0 8px;
	font-size:8pt; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal;
}
/* inlineBox */
#mainContent .inlineBox	{
	font-size: 85%;
	background: #ffffff;
	color: #333333;
	border-bottom: none;
	margin-top: 0;
	width: 180px;
	float: left;
}

#mainContent .inlineBox p	{
	font-size: 100%; padding: 0 .818em; margin: 0; line-height: 1.182em;
	margin-top: .364em;
	padding-bottom: .091em;
}
#mainContent .inlineBox h5 { 
	font-size: 76.9%; background: #336699; line-height: 1em; padding: 3px 4px 2px 4px; margin: 0;
			color: #fff; font-weight: normal; text-transform: uppercase; }		
	
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Detail */
#mainContent .detail p	{ font-size: 92.5%; line-height: 1.4em; }
#mainContent .detail h3	{ margin-top: 8px; }

#mainContent .detailContent	{ margin: 0; padding: 0 10px 0 10px; clear: both; }
#mainContent .detailContent	h4, #mainContent .detailContent	h6	{ clear: both; color: #333; font-size: 100%; letter-spacing: 0; text-transform: none; margin: 1em 0 0; }
#mainContent .detailContent	p	{ margin: 0 0 13px;}
#mainContent .detailContent ul	{ list-style: square; padding-left: 23px; margin-bottom: 1em; clear: both; }
#mainContent .detailContent ol	{ color: #333; list-style-type: decimal; padding-left: 29px; margin-bottom: 1em; clear: both; }
#mainContent .detailContent li	{ display: list-item; }
#mainContent .detailContent a	{ color: #003282; }
#mainContent .detailContent a:active	{ color: #174fb7; }
#mainContent .anker a { color: #000000; text-decoration: none; }
#mainContent .anker a:active	{ color: #000000; }

/* DetailContent Teasertext */
#mainContent .detailTeaserBox { xclear: both; margin: 0; padding: 0 8px 8px 8px; display: block;
		color: #333; font-size: 92.5%; font-weight: bold; line-height: 1.4em; letter-spacing: 0; text-transform: none; }
#mainContent div.teaserboxContainer  { border-bottom: 1px dotted #666; }	
#mainContent div.teaserboxContainer {
	margin-left: -4px; padding: 0; position: relative; overflow: hidden; width: 594px; border: none; background: #fff }	
		
.heading-gruen {
	background-color: #669999;
	clear: both;
	color: #FFF;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 5px 10px;
	text-transform: uppercase;
}		
.infoBoxLinks {
	float: left;
	margin: 12px 0 0 8px;
	padding: 0 5px 5px 8px;
	width: 200px;
}
.infoBoxMitte {
	float: none;
	margin: 12px 0;
	width: 200px;
}
.infoBoxRechts {
	float: right;
	margin: 12px 0;
	width: 200px;
}		

.anzeigenBox {
	float: right;
	margin: 12px 0 10px 0;
	padding: 0 0 10px 0;
}
	
.infoBox {
	float: left;
	padding: 0;
}	

#mainContent .anzeigenBox h5 { 
	font-size: 76.9%; background: #669999; line-height: 1em; padding: 3px 4px 2px 4px; margin: 0;
			color: #fff; font-weight: normal; text-transform: uppercase; }	
		
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Teaserbox inline styles */
#mainContent div.teaserbox p	{ font-size: 8pt; padding: 0; margin: 0 0 1px; }
#mainContent div.teaserbox .picBoxBorder	{ margin: 0; font-size: 1em; background-color: #eaf4fe; }
#mainContent div.teaserbox .picBox	{ margin: 0 0 6px; text-align: center; overflow: hidden; font-size: 8pt; width: 100%; }
#mainContent div.teaserbox .picBoxBorder .picBox a	{ padding: 0; }
#mainContent div.teaserbox img	{ border: none; float: none; padding: 0; width: 120px; height: 120px; }
	
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Bildformatierung */
#mainContent img.noBorder { border: none; }
#mainContent div.teaserImage img { padding: 0 8px 0 0; *padding-bottom: 0px; }
#mainContent div.bildformat { float: left; width: 465px; padding: 0 8px 0 8px; }
#mainContent img.noBorder { border: none; }
/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Bildunterschrift */
#mainContent .caption { display: block; padding: 2px 2px; color: #666; font-size: 75%; line-height: 1.4em; font-style: normal; background-color: #ededed; }
#mainContent .caption span { display: none; }
#mainContent .caption a:active { color: #bbb; }
#mainContent .caption a { color: #666; font-size: 100%; }
#mainContent .caption a:hover, #mainContent .caption a:focus	{ color: #555; text-decoration: underline; }

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Infoboxen */
#mainContent .gesundheitstrends_box {
	background-color: #99CCCC;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .beauty_box {
	background-color: #FDE7F0;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .wellness_box {
	background-color: #F5F5DC;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .buecher_box {
	background-color: #FFFBEB;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .kompakt_box {
	background-color: #F1F6F9;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .kontakt_box {
	background-color: #FAEBD7;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .trends_box {
	background-color: #f2efc2;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .ernaehrung_box {
	background-color: #EDF3D1;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .teaser_box {
	background-color: #F2F2DE;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .service_box {
	background-color: #EDEDED;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .info_box {
	background-color: #e4efd6;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}

#mainContent .news_box {
	background-color: #cde6b4;
	border: 1px solid #CCCCCC;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .gesundheitstrends_box_ohne {
	background-color: #99CCCC;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .beauty_box_ohne {
	background-color: #FDE7F0;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .wellness_box_ohne {
	background-color: #F5F5DC;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .buecher_box_ohne {
	background-color: #FFFBEB;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .kompakt_box_ohne {
	background-color: #F1F6F9;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .kontakt_box_ohne {
	background-color: #FAEBD7;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .trends_box_ohne {
	background-color: #f2efc2;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .ernaehrung_box_ohne {
	background-color: #EDF3D1;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .teaser_box_ohne {
	background-color: #F2F2DE;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .service_box_ohne {
	background-color: #EDEDED;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}
#mainContent .info_box_ohne {
	background-color: #e4efd6;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}

#mainContent .news_box_ohne {
	background-color: #cde6b4;
	border: 0px;
	padding:5px;
	font-size: 85%;
	color: #333333;
	margin-top: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------- */

#mainContent .detailContent .frontbox  {
float: left; 
padding: 8px 0 15px 0; 
}

#fadeshow1  {
float: left; 
padding: 8px 0 15px 0; 
}

#mainContent .detailContent .boxbalken p {
border-top-width:0 !important;
font-size:15px !important;
font-weight:normal !important;
line-height:1.125;
margin-top:0;
padding-left: 5px;
color: #000;
text-decoration: none;

}

#mainContent .startBox	{
	font-size: 85%;
	background: #ffffff;
	color: #333333;
	border-bottom: none;
	margin-top: 0;
	width: 170px;
	float: left;
	padding: 8px 0 8px 8px;
	line-height: 1.2em; 
	float: right;
}
#mainContent .startBox h5 { 
	font-size: 76.9%; background: #669999; line-height: 1em; padding: 3px 4px 2px 4px; margin: 0;
			color: #fff; font-weight: normal; text-transform: uppercase; }	
#mainContent .contentBox	{
	font-size: 85%;
	background: #ffffff;
	color: #333333;
	border-bottom: none;
	margin-top: 0;
	width: 450px;
	float: left;
	padding: 8px 0 8px 0;
	line-height: 1.2em; 
	float: left;
}
#mainContent .contentBox h5 { 
	font-size: 76.9%; background: #669999; line-height: 1em; padding: 3px 4px 2px 4px; margin: 0;
			color: #fff; font-weight: normal; text-transform: uppercase; }