/* F A R B E N

hellblau: 	224 252 254 	H:e0fcfe

blau: 		44 182 236		H: 2cb6ec

mittelblau:	167 226 251		H: 9ddafd

dunkelblau:	36 90 158		H: 245a9e

lichtblau:	249 254 255 	H: f9feff


 */
 
 
 
 

/* B O D Y */


body {
  color: #535B5B; 
  margin-top: 20px;
  background-color: #ffffff;
  font-size: 90%;
  font-family: Calibri, Arial, sans-serif; 
  border: 0px solid red;
  line-height:130%; 
  }


/* H E A D E R */

.header	{
	border: solid white 1px;
	height: 140px; 
	width: 960px;
	margin: 0 auto 0 auto;
	text-decoration: none;
	background-color: #245a9e;
	background-image: url(../bilder/header.jpg);
	}
		
	.logo {
		float: left; 
		margin:25px 0 0 10px;
		}
		
/* H A U P T S E I T E */

		
.content {
	border: solid white 1px;
	height: 930px; 
	width: 960px;	
	margin: 0 auto 0 auto;
	background-color: #FAFAFA;
	} 


	.sidebar {
		float:left;
		background-image: url(../bilder/background.jpg);
		width: 300px;
		height: 905px; 
		margin-right: 20px;
		border: 0px solid white;   
		} 


	.inhalt {
		margin-top: 60px; 
		padding-right: 250px; 
		
		}

	.footer {
		margin: 0 auto 0 auto;
		width: 960px;
		height: 20px;
		background-image: url(../bilder/footer.jpg);
		margin: 2 auto 0 auto;	
	
	} 
	
		.datum {
		font-size: 0.7em;
		float: right;
		color: white;
		margin-right: 20px;
		margin-top: 2px;
		font-weight: lighter;
	} 

    .info-box {
		border: 2px solid #333;
		padding: 5px;
		text-align: left;
		background-color: #fff;
	  }
  
	  .info-box h2 {
		font-weight: bold;
		font-size: 14px;

	  }
  
	  .info-box p {
		font-size: 14px;
		line-height: 1.5;
	  }
		
/* N A V I G A T I O N */

	
.navigation {
	float: left; 
	margin-top: 60px; 
	text-indent: -999em;
	}




	.navi_1 { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/home.png); 
	  }

	.navi_1:hover {
	  background-image: url(../bilder/navi/home_over.png);
	  }

	.navi_1a { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/home_over.png); 
	  }






	.navi_2 { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/leistungen.png); 
	  }

	.navi_2:hover {
	  background-image: url(../bilder/navi/leistungen_over.png);
	  }
	  

	.navi_2a { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/leistungen_over.png); 
	  }







	.navi_3 { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/team.png); 
	  }

	.navi_3:hover {
	  background-image: url(../bilder/navi/team_over.png);
	  }
	  
	.navi_3a { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/team_over.png); 
	  }
	  
	  
	  
	  
	  
	.navi_4 { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-top: 20px;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/info.png); 
	  }

	.navi_4:hover {
	  background-image: url(../bilder/navi/info_over.png);
	  }

	.navi_4a { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-top: 20px;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/info_over.png); 
	  }
	  
	  
	  
	.navi_5 { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/impressum.png); 
	  }

	.navi_5:hover {
	  background-image: url(../bilder/navi/impressum_over.png);
	  }

	.navi_5a { 
	  width: 200px;
	  height: 40px;
	  float: left;
	  margin-bottom: 5px;
	  display:block;
	  background-image: url(../bilder/navi/impressum_over.png); 
	  }
	

/* S C H R I F T */



	/*headlines*/

	
h1	{
	font-size: 1.0em;
	color: #008B45;
	font-weight: lighter;
	text-transform: uppercase;

	}
	
h2	{
	font-size: 1.0em;
	color: #245a9e;
	font-weight: lighter;
	margin-bottom: 2px;

	}
	
h3	{
	font-size: 1.1em;
	color: #008B45;
	font-weight: lighter;
	  line-height:130%; 
	}
	
h4 {						/*hyperlinks*/
	font-size: 1.0em;
	color: blue;
	font-weight: lighter;
	text-transform: uppercase;
	text-decoration: underline;
	color:#039;
	}

	/*text*/
	
.text1	{
	float: right;
	text-decoration: none;
	color: #ffffff;
	margin: 100px 20px 0 0;
	font-size: 0.9em; 
	font-weight: lighter;  
	}
	
.text2	{
	float: left;
	text-decoration: none;
	color: white;
	margin: 640px 0 20px 20px;
	font-size: 1.0em; 
	font-weight: lighter;  
	}



	/*links*/

.link	{
	text-decoration: none; 
	color: black; 
	}

a	{
	text-decoration: none; 
	color: #245a9e; 
	border: solid black 0px; 
	}


	/*listen*/

li 	{
	margin-left:-20px;
	list-style-image:url(../bilder/list.png);  
	}







/* B O X E N */

.box_Vorsorgeuntersuchungen{
	width: 270px;
	height: auto;
	float: left;
	padding: 0px;
	margin-bottom: -10px; 
	}

.box_Therapie {
	width: 270px;
	height: auto;
	float: right;
	padding: 0px;
	margin-right: 50px; 
	margin-bottom: -10px; 
	}
.box_Diagnostik {
	width: 270px;
	height: 520px;
	float: right;
	padding: 0px; 
	margin-right: 50px; 
	}	
.box_foto {
	width: 190px;
	height: 250px;
	float: left;
	margin-top: 15px;
	margin-right: 20px; 
	}

.box_fotos {
	margin-top: 30px;
	border: 1px red;
	float: left; 
	}
	
.box_foto_2 {
	width: 410px;
	height: 270px;
	float: left;
	margin-top: 15px;
	margin-right: 10px;

	}
	
.box_info {
	float: left; 
	}	

	
.impressum {
  height: 800px;
  overflow:auto;
  padding-right: 100px;
	}
	
	
.team {
  height: 550px;
  overflow:auto;
  padding-right: 100px;
	}

.infobox {
	width: 480px;
	border: 1px solid #535B5B;
  	font-size: 85%;
  	line-height:130%; 
  	padding: 8px; 
  	margin-top: 10px;
  	color: #245a9e;
  	}


/* B I L D E R */
	
img	{
	text-decoration: none; 
	color: black; 
	border: solid black 0px; 
	}	
	
.img_foto {
	width: 180px;
	height: 221px;
	float: left;
	margin-bottom: 1px; 
	}	


.img_weg {
	width: 360px;
	height: 270px;
	float: right;
	margin-right: -230px;
	margin-left: 30px;
	margin-top: 15px; 
	}