@charset "utf-8";
/* CSS Document */
 


.angebot_tdob {
	font-size: 18px;
	color: #990000;
	font-weight: bold;
}

#impressum {
	/*border: 1px solid red;*/
	text-align:right;
	margin-top:5px;
}

#impressum a {
	color: #555;
	font-size:12px;
	margin-top:5px;


}


#impressum a:hover {
	color: #990000;
	font-size:12px;

}


body {
	background: #e7e7e7;   /*#fffbdb;*/
	margin: 0;
	padding: 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;	
	/*font-family: "trebuchet MS",Lucida Sans Unicode, Arial, Helvetica, sans-serif;*/
	font-size:12px;
}


a {
	text-decoration: none;
	color: #c20032;
	color: #b50532;
	
	color: #991436;
}

a:hover {
	text-decoration: none; 
}




#maincontent a:hover {
	border-bottom: 1px dotted #b50532;
}


#maincontent a.noborder:hover  {
	border-bottom: none !important;
}


#maincontent .banner a:hover {
	border-bottom: none !important;
}


a:focus { 
	outline: none; 
}


/* Makrolayout */

#head {
	/*border: 1px solid red;*/
	height:69px;
}


#logo {
	float: left;
	margin-left: 25px;
	margin-top: 13px;
	/*left: -30px;*/
	/*top: 15px;*/

	/*border: 1px solid red;*/
}

#logostart {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	background-color:none;
}



#shadowwrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 981px;
	background: #e7e7e7 url("_assets/bg_body.png") center 101px  no-repeat;	
}


#outerwrapper {
	width: 961px;
	margin-left: auto; 
	margin-right: auto;
	/*margin-top: 20px;*/
	float:none;
	clear:both;
	/*background:url("_assets/schatten_oben.png") repeat-x;	*/
	/*background:#339999;*/
} 

#rahmenwrapper {
	background: #c30032;
	width:100%;
	border-top: 1px solid #c30032;
	clear: both; 
	float: none;
}


#content {
	background: #fff;
	margin-top: 30px;
	margin-left: 18px;
	margin-right: 18px;
	background:url("_assets/bg_content_start.gif") repeat-y;
}


#maincontent ul {
	margin: 0;
	padding: 0;
	margin-bottom: 2px;	
	margin-bottom: 10px;
}


#maincontent ul li {
	padding-left: 25px;
	list-style: none;		
	background:transparent url(_assets/button_ul.gif) no-repeat scroll 9px 4px;	
	margin-bottom: 5px;
	line-height:15px;
}

.banner {
	height: 185px;
	background: #666;
}

.banner_start {
	height: 90px;
	background: #666;
}


#margnavleft {
	width: 189px;
	float: left;
}   

#maincontent {
	width:736px;
		float: right;
	min-height:450px;		
	background: #c9caca	;
	background: #d1d0d0	;
	background: #e9dfe0	;	
}


#footer {
	width:100%;
	clear: both;
	float: none;
	background: #666 url("_assets/bg_content_start.gif") repeat-y;	
	height: 30px;
}

#footer #newslink {
	display:block;
	font-size:14px;
	font-weight:bold;
	margin-left: 216px;
	padding-top:6px;
	color:#fff;
	visibility:hidden;
}

#footer #newslink:hover {
		color:#ddd;
}

#gesundseite #footer #newslink:hover {
		color:#C8E893;
}

#wellnessseite #footer #newslink:hover {
		color:#FED;
}



.teaserblock {
	min-height: 185px;
	background: #666;	
}


.abstandcontent {
	margin:15;
}

.textblock {
	/*width: 368px;*/
	width: 323px;
	float: left;
	/*margin: 20px 20px 5px 25px;*/
	padding: 20px 20px 5px 25px;
	
	height: 343px;
	overflow:auto;
}	

.textblock02 {
	/*width: 368px;*/
	width: 691px;
	float: left;
	/*margin: 20px 20px 5px 25px;*/
	padding: 20px 20px 5px 25px;
	
	height: 343px;
	overflow:auto;
}	


.bildrechts {
	float: right;
}


.textblockfull {
	width: 688px;
	float: left;
	margin: 20px 20px 20px 25px;

}	

.graytext {
	color: #666;
}


h1, h2, h3, h4, h5 {
	margin: 0; padding: 0;
	font-family:"trebuchet MS",Lucida Sans Unicode,Tahoma,Verdana,Helvetica,sans-serif;	
}


h1 {
	font-size:16px;
	font-weight:bold;
	color: #222;
	margin-bottom: 13px;
}

h2 {

	font-size:14px;
	font-weight:bold;
	margin-bottom: 10px;
	margin-top: 12px;	
	color: #111;	
}


h3 {
	font-size:13px;
	font-weight:bold;
	margin-bottom: 1px;
	margin-top: 12px;	
	color: #111;		
}

h4 {

	font-size:14px;
	font-weight:bold;
	margin-bottom: 10px;
	margin-top: 12px;	
	color: green;	
}

h5 {

	font-size:18px;
	font-weight:bold;
	margin-bottom: 2px;
	margin-top: 12px;
	color:#c30011;
}




p {
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	line-height: 17px;
}


.unklar {
	background-color: #CCFF00;
}


.littebigger {
	font-size:13px;
}

.littesmaller {
	font-size:11px;
}


.dieneue {
	color: #990000;
}





/* Die Margnav */
#margnav {
	font-size: 12px;
	float: right;
	margin-top: 17px;
	margin-right: 32px;
	width:500px;
	/*border: 1px solid red;*/
}

#margnav ul {
	display: inline;
	list-style: bullet;	
}

#margnav ul li{
	display: block;
	float:right;	
	/*border: 1px solid blue;*/
}

#margnav ul li a {
	display:block;
	padding-left: 20px;
	text-decoration:none;
	color: #555;	
}

#margnav ul li a:hover, #margnav ul li a.lit {
	color: #111;
	background: url("_assets/button_margnav.gif") 9px 4px no-repeat;		
	/*font-weight: bold;*/
}




/* *** Die obere Navigation */
#topnav {
	margin: 0;
	margin-right: 18px;
	padding: 0;
	display: inline;
	list-style: none;	
	/*border: 1px solid blue;*/
	height: 46px;	
}

#topnav li {
	display: block;
	margin: 0;
	padding: 0;
	float:right;
	height: 46px;	
}

#topnav li a {
	margin-top:6px;
	width: 184px;
	display: block;	
		height: 28px;	
	color: #FFF;
	text-decoration:none;
	text-align:center;
		padding-top: 11px;
	font-size:17px; 
	font-weight:bold;
	/*line-height:15px;*/
	/*background-image: url("_assets/bg_tab.png");	*/
	border-top: 1px solid #ddd;
	/*background-position: 0 24px; */
	/*background-repeat:repeat-x;*/
}

#topnav li a:hover {
	padding-top: 17px;
	margin-top:0;
		height: 28px;	
	background-position: 0 30px; 		
}


/* Die Reiter auf der Startseite*/

#topnav #tab_fit a {
	background: url("_assets/bg_tab_fitness_lit.gif") 0 -6px  no-repeat ;	
	/*background-image: url("_assets/bg_tab_fitness_lit.gif");
	background-position: 0 0px;
	background-repeat:no-repeat;*/
}

#topnav #tab_gesund a {
	background: url("_assets/bg_tab_gesund_lit.gif") 0 -6px no-repeat ;	
}

#topnav #tab_well a {
	background: url("_assets/bg_tab_wellness_lit.gif") 0 -6px  no-repeat ;	
}

#topnav #tab_coffee a {
	background: url("_assets/bg_tab_coffee_lit.gif") 0 -6px  no-repeat ;	
}

#topnav #tab_fit a:hover {
	background: url("_assets/bg_tab_fitness_lit.gif") 0 0 ;	
}

#topnav #tab_gesund a:hover {
	background: url("_assets/bg_tab_gesund_lit.gif") 0 0 no-repeat ;	
}

#topnav #tab_well a:hover {
	background: url("_assets/bg_tab_wellness_lit.gif") 0 0  no-repeat ;	
}

#topnav #tab_coffee a:hover {
	background: url("_assets/bg_tab_coffee_lit.gif") 0 0  no-repeat ;	
}


/* Die Navigation auf der linken Seite*/
#subnav {
	margin: 24px 0 0 0;
	padding:0;
	border-top-style: dotted;
	border-top-color: #eee;
	border-top-width: 1px;
}

#subnav ul {
	margin: 0;
	padding:0;

}

#subnav li {
	list-style: none;
}













#subnav .li_abstand {
	margin-top: 18px; 
	border-top: 1px dotted #eee;
}


#subnav a {
	/*background: #999;*/
	width:189px;
	width:154px;
	display:block;
	font-size:13px;
	padding: 7px 15px 6px 20px;
	text-decoration:none;
	font-weight:bold;
	color: #fff;
		border-bottom-style: dotted;
		border-bottom-color: #eee;
		border-bottom-width: 1px;
}

#subnav ul a {
	/*background: #999;*/
	font-size:11px;
	padding: 5px 15px 4px 30px;
}


#subnav li {
	background: #838383;	
}
/*
#subnav li a {
	color: #292929;	
}
#subnav li li  {
	background: #d9d9d9;	
}
#subnav li li a {
	color:#494949;	
}
*/




#subnav a:hover, #subnav .lit{
	background: #666;
}


/*
#subnav ul a {
	width:auto;
	display:block;
	font-size:11px;
	font-weight:bold;	
	padding: 3px 15px 3px 30px;
	color: #FFF;
}
*/




/* Hier die Formate für die Startseite*/
#tab_fit a {	
	background-color: #c30011;	
}

#tab_well a {
	background-color: #fdd779;
	color: #704727 !important;	
}

#tab_gesund a {
	background-color: #8ab63e;
}

#tab_coffee a {
	background-color: #704727;
}



/***** Formatierung der einzelnen Seiten *****/
/* Tab-Well grau */
#fitnessseite #topnav #tab_well a, #gesundseite #topnav #tab_well a, #coffeeseite #topnav #tab_well a {
	/*background-color: #bbb;*/
	/*color: #555 !important;	*/
	background:	url("_assets/bg_tab_wellness_unlit.gif") 0 -6px	;		
	
}
#fitnessseite #topnav #tab_well a:hover, #gesundseite #topnav #tab_well a:hover, #coffeeseite #topnav #tab_well a:hover {
	/*background-color: #fdd779;*/
	/*color: #704727 !important;	*/

	background:	url("_assets/bg_tab_wellness_lit.gif")	;	
	
}








/* Tab-gesund grau */
#fitnessseite #topnav #tab_gesund a, #coffeeseite #topnav #tab_gesund a, #wellnessseite #topnav #tab_gesund a {
	/*background-color: #7a7a7a;*/
	background:	url("_assets/bg_tab_gesund_unlit.gif") 0 -6px	;	
}

#fitnessseite #topnav #tab_gesund a:hover, #coffeeseite #topnav #tab_gesund a:hover, #wellnessseite #topnav #tab_gesund a:hover  {
	/*background-color: #8AB63E;*/
	background:	url("_assets/bg_tab_gesund_lit.gif")	;	
}

/* Tab-coffee grau */
#fitnessseite #topnav #tab_coffee a, #gesundseite #topnav #tab_coffee a, #wellnessseite #topnav #tab_coffee a {
	/*background-color: #4b4b4b;*/
	background:	url("_assets/bg_tab_coffee_unlit.gif") 0 -6px	;
}

#fitnessseite #topnav #tab_coffee a:hover, #gesundseite #topnav #tab_coffee a:hover, #wellnessseite #topnav #tab_coffee a:hover {
	background:	url("_assets/bg_tab_coffee_lit.gif")	;
	/*background-color: #704727;*/
}


/* Tab-fit grau */
#coffeeseite #topnav #tab_fit a, #gesundseite #topnav #tab_fit a, #wellnessseite #topnav #tab_fit a {
	/*background-color: #616161;*/
	background:	url("_assets/bg_tab_fitness_unlit.gif") 0 -6px	;
}

#coffeeseite #topnav #tab_fit a:hover, #gesundseite #topnav #tab_fit a:hover, #wellnessseite #topnav #tab_fit a:hover {
	background:	url("_assets/bg_tab_fitness_lit.gif")	;
}




/*** die hohen reiter **/
#fitnessseite #topnav #tab_fit a, #gesundseite #topnav #tab_gesund a, #wellnessseite #topnav #tab_well a, #coffeeseite #topnav #tab_coffee a  {
	padding-top: 17px;
	margin-top:0;
		height: 28px;	
	background-position: 0 30px; 	
}

#fitnessseite #topnav #tab_fit a {
	background: url("_assets/bg_tab_fitness_lit.gif")  no-repeat ;	
}

#gesundseite #topnav #tab_gesund a {
	background: url("_assets/bg_tab_gesund_lit.gif")  no-repeat ;	
}

#wellnessseite #topnav #tab_well a {
	background: url("_assets/bg_tab_wellness_lit.gif")  no-repeat ;	
}

#coffeeseite #topnav #tab_coffee a {
	background: url("_assets/bg_tab_coffee_lit.gif")  no-repeat ;	
}



/* Teaserblock auf Inhaltsseiten erstmal ausschalten. */

#fitnessseite .teaserblock, #wellnessseite .teaserblock, #coffeeseite .teaserblock, #gesundseite .teaserblock {
	display: none;
}


/*** Die Hintergrundfarben  **/

#fitnessseite #maincontent {
	background: #f4cbcf	;
	background: #e9dfe0	;
	
}
#fitnessseite #content {
	background:url("_assets/bg_content_fitness.gif") repeat-y;
}
#fitnessseite .banner {
	background: #666;
}
#fitnessseite #footer {
		background:  #666 url("_assets/bg_content_fitness.gif") repeat-y;
}


#wellnessseite #maincontent {
	background: #ffebbe	;
}
#wellnessseite .banner {
	background: #6f4924;
}
#wellnessseite #content {
	background:url("_assets/bg_content_wellness.gif") repeat-y;
}
#wellnessseite #footer {
		background:  #ffd15d url("_assets/bg_content_wellness.gif") repeat-y;
}


#coffeeseite #maincontent {
	background: #cdbfb4	;
}
#coffeeseite .banner {
	background: #724725;
}
#coffeeseite #content {
	background:url("_assets/bg_content_coffee.gif") repeat-y;
}
#coffeeseite #footer {
		background:  #704727 url("_assets/bg_content_coffee.gif") repeat-y;
}


#gesundseite #maincontent {
	background: #dcefb7	;
}
#gesundseite #content {
	background:url("_assets/bg_content_gesund.gif") repeat-y;
}
#gesundseite .banner {
	background: #734627;
}
#gesundseite #footer {
		background:  #8ab53f url("_assets/bg_content_gesund.gif") repeat-y;
}



/* Die Subnavigation */
#fitnessseite #subnav li {
	background: #c1c1c1;
	background: #b3b3b3;	
}
#fitnessseite #subnav li a {
	color: #404040;
	color: #292929;	
}
#fitnessseite #subnav li li  {
	background: #b3b3b3;
	background: #d9d9d9;	
}
#fitnessseite #subnav li li a {
	color:#333;
	color:#494949;	
}

#fitnessseite #subnav a:hover, #fitnessseite #subnav .lit{
	background: #666;
	color: #fff;	
}
#fitnessseite #subnav {
	border-bottom-color: #999;
}
#fitnessseite #subnav a {
	border-top-color: #999;
}

#gesundseite #subnav li {
	background: #b5d878;
}
#gesundseite #subnav li a {
	color: #634c22;
}
#gesundseite #subnav li li  {
	background: #cfeb9f;
}
#gesundseite #subnav  li li  a {
	color: #634c22;
}


#gesundseite #subnav a:hover, #gesundseite #subnav .lit{
	background: #8ab53f;
	color: #f8f8f8;		
}
#gesundseite #subnav {
	border-bottom-color: #c79f77;
}
#gesundseite #subnav a {
	border-top-color: #c79f77;
}


#wellnessseite #subnav li a {
	background: #ffcf5d;
}
#wellnessseite #subnav li a {
	color: #6a4326;
}

#wellnessseite #subnav a:hover, #wellnessseite #subnav .lit {
	background: #8ab53f;
	color: #f8f8f8;	
}
#wellnessseite #subnav {
	border-bottom-color: #c79f77;
}
#wellnessseite #subnav a {
	border-top-color: #c79f77;
}


#coffeeseite #subnav a {
	color: #fcfcfc;
}
#coffeeseite #subnav a:hover, #coffeeseite #subnav .lit {
	background: #704727;
}






/* Hier das Formular */

fieldset {
	border: none;
}

label {
	color:#333333;
	float:left;
	font-size:11px;
	margin:0.25em;
	padding:1px;
	text-align:right;
	width:9em;
}


input, textarea {
	background:#FFFFFF url(_assets/bg_formfield.gif) repeat-x scroll center top;
	border:1px solid #CCCCCC;
	float:left;
	font-size:11px;
	margin:0.25em;
	padding:2px 2px 2px 5px;
	width:170px;
	font-family: Arial, Helvetica, sans-serif;	
	border: 1px solid #c0c0c0
}

#mailformformtype_mail {
	margin-left:10em;
	margin-top:10px;
	width:170px;
}

#zoom {
	z-index: 10;
}