@charset "UTF-8";
/* ===================================


Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Andere Styles 
=================================== */

/* ==================================
	   1. Kalibrierung
	   =============================== */

* { padding: 0; margin: 0; } 
 
h1{ margin-bottom: 0.3em; } 

h3 { margin-bottom: 2em;} 


dt, dd, ol, ul { margin-bottom: 0; } 
 
li { margin-left: 2em; }    
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */   

   
   
body {
	margin-top: 0px;
	background: #e5e5e5;
	color: white;
	font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size: 18px;
}

h1 {font-family:Helvetica, Verdana, Arial, sans-serif;
	  font-size: 18px;
	  font-weight: bold;
	  }
h2 { font-size: 16px;
	  font-weight: bold;}
h3 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* ================
   Hyperlinks    
   ===============================*/  

 

/* =====================
   Klassen und IDs    
   ===============================*/

.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   

#wrapper { 
  background: #FFFFFF;
  background-image: url(images/bader2_02.jpg) ; 
  color: white; 
  width: 921px; 
 border: 0; 
 margin: 10px auto; 
}


#kopfbereich {
	position: relative;
	padding: 0px; /* oben - rechts - unten - links */
	margin: 0px;
	width: 921;
}

#navibereich {
	
	color: #000000;
	float: left;
	width: 195px;
	padding: 5px 0px 5px 0px; 
	
}

*html #navibereich {
	
	color: #000000;
	float: left;
	width: 175px;
	padding: 5px 10px 20px 0px; 
	margin-left: 0px;
}

#navibereich ul {
	text-align: left;
	
	margin-top: 0px;
	margin-left: 0px;
	padding: 25px 0px 5px 0px;
	
}

*html #navibereich ul {
	text-align: left;
	width: 185px;
	
	margin-top: 0px;
	margin-left: 0px;
	padding: 6px 0px 5px 0px;
	
}
    
#navibereich li   {
	list-style-type: none; 
	border-bottom: 1px dotted #000000;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px; 
	font-weight: normal;
	margin: 0;
}


#navibereich li a  {

	color: #e2e0e0;
	display: block;
	width: 175px; 
	padding: 5px 0px 4px 15px;
	text-decoration: none;
	margin: 0; 
		  
}


	
#navibereich a:hover,
#navibereich a:focus {
      
      color: #e23838; 
      border-bottom: none; 
}
    
	#start #navibereich .navi1, 
	#wastun #navibereich .navi2,
	#recht #navibereich .navi3, 
	 #dienstleistungen #navibereich .navi4, 
	 #tipps #navibereich .navi5, 
	 #ueberuns #navibereich .navi6, 
	  #kontakt  #navibereich .navi7, 
		#impress #navibereich .navi8,
		#links #navibereich .navi9{
     background-image: url(images/baderactive.jpg); 
	 Background-repeat: no-repeat;
	 background-position: left center;
      color: #ffffff;
      
}
   
   
#textbereich {
	line-height: 1.6em;
	font-size: 14px;
	text-align: justify;
	color: #0b247e;
	float: right;
	width: 700px;
	padding: 20px 10px 20px 10px; 
	margin: 0;  
}

#textbereich td {
	vertical-align: top;
	color: #0b247e;
	padding: 6px;
	border-bottom: 1px dotted #0b247e;
}

*html #textbereich {
	line-height: 1.6em;
	font-size: 14px;
	
	color: #414b6f;
	float: right;
	width: 690 px;
	padding: 20px 10px 20px 10px; 
	margin: 0;  
}
    
#textbereich a {
color: black; 
text-decoration: underline;  
padding: 0px;
margin: 0px;
 
}

#textbereich a:hover,
#textbereich a:focus {
color: black; 
text-decoration: none;   
}

#textbereich ul li { 
     
}



#fussbereich {
	
position: relative;
width:921px;
clear: both;
padding:  0px;  
margin: 0px;

}

#fussbereich2 {
	background-image:url(images/bader2_06.jpg);
line-height: 25px;
	font-size: 13px;
	vertical-align: middle;
	text-align: center;
	color: #414b6f;	
width:921px;
clear: both;
padding:  0px;  
margin: 0px;

}

  
/* ==================================
   4. Andere Styles 
   =============================== */   
.csc-textpic-caption {
margin: 0px;
padding: 0px;
}





.fat { 
font-weight: bold;
}




.floating {
		float: right;
		margin-bottom: 20px;
	}
	
.unten {
	margin-bottom: 25px;
	margin-right: 60px;
	}

.biglink {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;

}


.extralink {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.pensionen {
	border: 1px solid #244889;
	padding: 3px;
	margin: 8px 0px 3px 0px;

}

.ausfluege {
         float: left;
         width: 210px;
         padding: 5px;
}

.clearing {
	clear: both;
}

.vorstand td{
	padding:3px 8px;
	outline: 1px solid #244889;
}

*html .vorstand td{
	font-size: 14px;
	padding:3px 8px;
	outline: 1px solid #244889;
	color: #000000;
}

.tr-odd {
	background-color: #afd3eb;
}

.tx-bktfegraphiccounter-pi1 {
margin: 0px;
padding-left: 420px;
padding-top: 10px;
text-align: center;
}

*html .tx-bktfegraphiccounter-pi1 {
margin: 0px;
padding-left: 20px;
padding-top: 10px;
text-align: center;
}

.center {
	text-align: center;
	}


.center2 {
	text-align: center;
	width: 190px;
	margin-left: 120px;
	}

.header {
	font-size: 28px;
	text-align: center;
	}
	
.abstand {
	margin: 5px;
	}

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */