/*  Erstellt von Reinhold Gross, unternehmenhomepage.de  */
/*  26.06.2009, copyright, Oralchirurgie-Andree.de, Frau Dr. Anke Andree  */

/*  Allgemeine Einstellungen  */

* {
	margin: 0;
	padding: 0;
}


* img, * img a
{
	border: none
}
* ul {
	list-style-type: none;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

body {
	background-color:#f9f9f9;
	margin-top:0px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
#container {
	margin:13px auto;
	width:946px;
	
	
}

.teamphoto {
	float: left;
	width: 500px;
	padding-top: 30px;
}

#inhalte .teamphoto img.teamfotos {
	width: 113px;
	float: right;
	height:169px;
}

#inhalte .teamphoto p, #inhalte .teamphoto h2 {
	float: left;
	width: 300px;
}


#inhalte img.valide {
	width: 88px;
	height: 31px;
	border: none;
	float: none;
	margin: 0;
	padding: 0;
	
}
#inhalte img.anfahrtskizze {
	width:290px;
	height:335px;
	margin: 0;
	padding: 3px;
	margin-right: 20px;
	float: left;
}
.rot {
	color: #ab6c61;
}
.seminar {
	width: 500px;
	
	display: block;
	float: left;
	border: 1px dashed #ccc;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
}
/*  Beginn Spalte Links  */

#spalte-links {
	width: 212px;
	height: 592px;
	background: #f1f1f1 url(../bilder/bg-nav-aerzte.jpg) no-repeat;
	float: left;
	background-position:bottom;
}
	#spalte-links a img {
		width: 190px;
		height: 105px;
		padding-left: 0px;
		padding-top: 50px;
		float: left;
	}
	
	#nav-links {
		float: left;
		padding-left: 25px;
		padding-top: 65px;
		height:205px;

		
		}
		#nav-links li {
			line-height: 1.05em;
			background-image:url(../bilder/punkt.gif);
			background-repeat:no-repeat;
			background-position:left;
		}
		#nav-links li a {
			padding:0px 0px 0px 9px;
			color: #666;
			font-size: 0.7em;
			text-decoration: none;
			}
			#nav-links li a:hover {
				text-decoration: underline;
			}
		
			
	.kontaktdaten #nav-links a.kontaktdaten,
	.kontaktformular #nav-links a.kontaktformular,
	.anfahrt #nav-links a.anfahrt,
	.parken #nav-links a.parken,
	
	
	
	
	.oralchirurgie #nav-links a.oralchirurgie,
	.implantologie #nav-links a.implantologie,
	.paradontologie #nav-links a.paradontologie,
	.angstpatienten #nav-links a.angstpatienten,
	.chirurgie #nav-links a.chirurgie,
	.roentgendiagnostik #nav-links a.roentgendiagnostik,
	.mundschleimhauterkrankungen #nav-links a.mundschleimhauterkrankungen,
	.funktionsdiagnostik #nav-links a.funktionsdiagnostik,
	.intubationsnarkose #nav-links a.intubationsnarkose,
	
	.konzept #nav-links a.konzept,
	.team #nav-links a.team,
	.philosophie #nav-links a.philosophie,
	.eindruecke #nav-links a.eindruecke,
	
	.behandlungsspektrum #nav-links a.behandlungsspektrum,
	.praxisseminare #nav-links a.praxisseminare,
	.implantalbehandlung #nav-links a.implantalbehandlung,
	.paradontaltherapie #nav-links a.paradontaltherapie,
	.auftrags-roentgen #nav-links a.auftrags-roentgen,
	
	
	
	
	
	
	.konzept #nav-oben a.praxis,
	.team #nav-oben a.praxis,
	.philosophie #nav-oben a.praxis,
	.eindruecke #nav-oben a.praxis,
	
	.oralchirurgie #nav-oben a.therapie,
	.paradontologie #nav-oben a.therapie,
	.implantologie #nav-oben a.therapie,
	.angstpatienten #nav-oben a.therapie,
	.chirurgie #nav-oben a.therapie,
	.roentgendiagnostik #nav-oben a.therapie,
	.mundschleimhauterkrankungen #nav-oben a.therapie,
	.funktionsdiagnostik #nav-oben a.therapie,
	.therapie #nav-oben a.therapie,
	.intubationsnarkose #nav-oben a.therapie,
	

	
	.parken #nav-oben a.kontakt,
	.anfahrt #nav-oben a.kontakt,
	.kontaktdaten #nav-oben a.kontakt,
	.kontaktformular #nav-oben a.kontakt,
	
	.auftrags-roentgen #nav-oben a.info,
	.praxisseminare #nav-oben a.info,
	.implantalbehandlung #nav-oben a.info,
	.paradontaltherapie #nav-oben a.info,
	.behandlungsspektrum #nav-oben a.info,
	
	
	
	
	
	
	.info #nav-oben a.info
	
	 {
		text-decoration: underline;
	}
	
		
	#nav-aerzte {
		width: 187px;
		height: 145px;
		float: left;
		padding-left: 25px;
		background: #AB6C61 url(../bilder/nav-aerzte-bg.jpg) no-repeat;
		font-size: 0.9em;
	}
	#nav-aerzte h2 {
		font-size: 0.8em;
		color: #fff;
		padding-top: 30px;
		padding-bottom: 5px;
		
	}
	#nav-aerzte ul {
		width: 160px;
		float:left;
		
	}
		#nav-aerzte li {
			list-style-type: none;
			line-height: 1em;
			
		}
		#nav-aerzte li a {
			text-decoration: none;
			font-size: 0.7em;
			color: #fff;
		}
		#nav-aerzte li a:hover {
			text-decoration: underline;
		}
	#nav-aerzte p {
		font-size: 0.7em;
		color: #fff;
	}
	#nav-aerzte p a {
		color: #fff;
	}
		#nav-aerzte p a:hover {
			text-decoration: none;
		}
		
		
/*  Ende Spalte Links  */

/*  Beginn Hauptbereich  */
/*//////////////////////*/
	#hauptbereich {
		width: 700px;
		height: 590px;
		float: left;
		position: relative;
		border: 1px solid #ccc;
		background: #fff;
		z-index: 2;
	}
	
	/*  Beginn nav-oben (im Hauptbereich enthalten)  */
		#nav-oben {
			width: 700px;
			float: left;
			
		}	
			#nav-oben a {
				text-decoration: none;
				font-size: 0.9em;
				color: #fff;
			}
			
		#praxis {
			width: 172px;
			height: 176px;
			
			float: left;
			background: url(../bilder/praxis.jpg) no-repeat;
			background-position: 14px 14px;
		}
			
			#praxis a {
				width: 158px;
				height: 24px;
				display: block;
				margin-top: 146px;
				text-indent: 55px;
				padding-top: 6px;
				background: #D6C54C;
				margin-left: 14px;
				
				}
				#praxis a:hover {
					background: #CEB22D;
				}
				#praxis a.hier {
					background: #CEB22D;
					text-decoration: underline;
				}
		#therapie {
			width: 172px;
			height: 176px;
			
			float: left;
			background: url(../bilder/therapie.jpg) no-repeat;
			background-position: 14px 14px;
		}
			#therapie a {
				width: 158px;
				height: 24px;
				display: block;
				margin-top: 146px;
				text-indent: 15px;
				padding-top: 6px;
				background: #D49A83;
				margin-left: 14px;
				}
				#therapie a:hover {
					background: #BA6E54;
				}
				#therapie a.hier {
					background: #BA6E54;
					text-decoration: underline;
				}
		#kontakt {
			width: 172px;
			height: 176px;
			
			float: left;
			background: url(../bilder/team.jpg) no-repeat;
			background-position: 14px 14px;
		}
			#kontakt a {
				width: 158px;
				height: 24px;
				display: block;
				margin-top: 146px;
				text-indent: 50px;
				padding-top: 6px;
				background: #88A5AE;
				margin-left: 14px;
				}
				#kontakt a:hover {
					background: #60797F;
				}
				#kontakt a.hier {
					background: #60797F;
					text-decoration: underline;
				}
	#inhalte .anfahrttext{
		width:220px;
		float:left;
		}		
				
				
		#info {
			width: 172px;
			height: 176px;
			
			float: left;
			background: url(../bilder/philosophie.jpg) no-repeat;
			background-position: 14px 14px;
		}
			#info a {
				width: 158px;
				height: 24px;
				display: block;
				margin-top: 146px;
				text-indent: 13px;
				padding-top: 6px;
				background: #ABCF67;
				margin-left: 14px;
				}
				#info a:hover {
					background: #8DB23F;
				}
				#info a.hier {
					background: #8DB23F;
					text-decoration: underline;
				}
	/*  Ende nav-oben (im Hauptbereich enthalten)  */
		
		#aktuelle-seite {
			width: 100px;
			height: 100px;
			float: left;
			padding-left: 14px;
			background: url(../bilder/bogen-gelb.jpg) no-repeat;
			background-position: 40px 40px;
			}
			#aktuelle-seite-rosa {
			width: 100px;
			height: 100px;
			float: left;
			padding-left: 14px;
			background: url(../bilder/bogen-rosa.jpg) no-repeat;
			background-position: 40px 40px;
			}		
			#aktuelle-seite-blau  {
			width: 100px;
			height: 100px;
			float: left;
			padding-left: 14px;
			background: url(../bilder/bogen-blau.jpg) no-repeat;
			background-position: 40px 40px;
			}
			#aktuelle-seite-gruen  {
			width: 100px;
			height: 100px;
			float: left;
			padding-left: 14px;
			background: url(../bilder/bogen-gruen.jpg) no-repeat;
			background-position: 40px 40px;
			}
			#aktuelle-seite p, #aktuelle-seite-rosa p, #aktuelle-seite-blau p, #aktuelle-seite-gruen p {
				width: 300px;
				height: 30px;
				float: left;
				padding-top: 60px;
				padding-left: 50px;
				font-size: 0.9em;
				color: #333;
				
			}
			
		
	
	
	.behandl {
		width: 590px;
		height: 1290px;
		font-size: 0.9em;
		position: absolute;
		top: 0;
		left: 0;
			
			}
	.imp {
		width: 500px;
		height: 500px;
		font-size: 0.9em;
		position: absolute;
		top: 0;
		left: 0;
			
			}
	.prsem {
	
		width: 590px;
		height: 500px;
		font-size: 0.9em;
		position: absolute;
		top: 0;
		left: 0;
		}
	
	.roent {
			width: 590px;
		height: 830px;
		font-size: 0.9em;
		position: absolute;
		top: 0;
		left: 0;
		}
	.para, .implan {
		width: 590px;
		height: 600px;
		font-size: 0.9em;
		position: absolute;
		top: 0;
		left: 0;
	}
	.tea {
		width: 590px;
		height: 900px;
		font-size: 0.9em;
		position: absolute;
		top: 0;
		left: 0;
			
			}
	#inhalte .os {
		width: 500px;
		height: 500px;
		float: left;
		font-size: 0.9em;
		top: 0;
		left: 0;
			
			}
			
	.ohnescroll {
		width: 500px;
		height: 310px;
		float: left;
		
		padding-top: 100px;
		font-size: 0.9em;
	}
	div#scrollObject { 
  position: absolute; 
  overflow: hidden;
  width: 590px;
	height: 267px;	
	top: 0;
	left: 0;
	margin-left: 100px;
	margin-top: 280px;
	

}
	#pfeile {
		width: 120px;
		position: absolute;
		top: 0;
		left: 0;
		margin-left: 650px;
	margin-top: 505px;
	z-index: 10;
		
	}	
		#pfeile a {
			color: #333;
			font-size: 0.7em;
			
		}
		#pfeile.unsichtbar {
			display: none;
		}

		#inhalte h1 {
			font-size: 1em;
			font-weight: normal;
			color: #ab6c61;
			padding-bottom: 10px;
		}
		#inhalte h2 {
			font-size: 0.9em;
			font-weight: normal;
			color: #ab6c61;
			padding-bottom: 10px;
			
		}
		#inhalte {
			
			font-size: 0.9em;
		}
		#inhalte p {
			width: 500px;
		
			font-size: 0.8em;
			padding-bottom: 10px;
		}
	
		#inhalte img {
			width: 165px;
			height: 197px;
			float: right;
			margin: 0px 0 15px 25px;
			padding: 3px;
			border: 1px solid #ccc;
		}
		#inhalte img.gruppenfoto {
			width: 303px;
			height: 216px;
			padding: 3px;
			float: left;
			margin: 0;
			margin-left: -30px;
			
		}
		#inhalte ul {
			width: 480px;
			padding-bottom: 5px;
			
			list-style-position: outside;
		}
		#inhalte ul li {
			font-size: 0.8em;
			padding-left: 25px;
			padding-top: 5px;
			padding-bottom: 10px;
			background: url(../bilder/aufzaehlung.jpg) no-repeat;
			
			
			}
		
		#inhalte a {
			color: #666;
			text-decoration: underline;
		}
		#inhalte a:hover {
			text-decoration: none;
		}
		
		 #inhalte div.kd-startseite {
			width: 210px ;
			float: left;
			padding: 0 0 0 20px;
			margin: 0;
			
				
		}
		
		#inhalte div.kd-startseite p, #inhalte div.kd-startseite h2{
			width: 210px ;
			float:left;	
		}
		table {
			width: 480px;
			font-size: 0.8em;
			color: #666;
			text-align: left;
			border-collapse: collapse;
			margin-bottom: 10px;
		}
		tr.farbe {
			background: #f1f1f1;
		}
		tr:hover {
			background: #60797F;
			color: #fff;
		}
		thead {
			background: #60797F;
			color: #fff;
		}
		th, td {
			border: 1px solid #ccc;
			padding: 0.3em 1em;
		}
		td.zelle {
			width: 50px;
		}
	

		
/*  Ende Hauptbereich  */

.footer {
	width: 400px;
	font-size: 0.7em;
	text-align: right;
	float: left;
	padding-left: 510px;
	padding-top: 5px;
	
}

.footer a {
	color: #666;
}

.footer a:hover {
	text-decoration: none;
}

 /* --> Anfang Galerie Eindrücke */






/* --> Ende Galerie Eindrücke */

/* --> Start Kontaktformular */

form {
	width: 500px;
	padding-top: 20px;
}
label {
	width: 100px;
	float: left;
	font-size: 1.1em;
	
}
input {
	width: 350px;
	height: 18px;
	font-size: 1.2em;
	border: 1px solid #ccc;
	color: #666;
	}
	input.senden {
		width: 100px;
		
		height: 20px;
		display: block;
		background: #88A5AE;
		color: #fff;
	}
	textarea {
		width: 350px;
		height: 50px;
		font-size: 1.6em;
		border: 1px solid #ccc;
		color: #666;
	}
/* --> Ende Kontaktformular */

/* --> Start Galerie */

#galerie {
	width: 580px;
	float: left;
}

#galerie ul {
  padding: 0px;
  margin: 0;
  list-style-type: none;
  float: left;
  width: 580px;
 
}


#galerie ul li {
	background: none;
  float: left;
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  margin-right: 5px; 
  margin-bottom: 5px;
}






#galerie a.gallery span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  background: #fff;
}


#galerie a.gallery, #galerie a.gallery:visited {
  display: block;
  text-decoration: none;
  border: 1px solid #FFFFFF;
  margin: 1px 2px 1px 2px;
  text-align: left;
  cursor: default;
}

#galerie a.gallery:hover {
  border: 1px solid #eee;
}

#galerie a.gallery:hover span {
  position: absolute;
  width: 355px;
  height: 266px;
  margin: 0;
  padding: 0;
  top: 0px;
  left: 100px;
  background: #fff 0px 1px no-repeat;
}

#galerie a.gallery:hover span img {
	width: 347px;
	height: 258px;
	 margin: 0;
  padding: 0;
	padding: 3px;
	border: 1px solid #ccc;
}





/* --> Kleine Fotos werden hier dargestellt */
 
#galerie a.slide1h {
  background: url(../bilder/galerie-haus-klein.jpg);
  background-repeat: no-repeat;
  margin-right: 4px;
  height: 120px;
  width: 170px;
}

#galerie a.slide2h {
  background: url(../bilder/galerie-empfang-klein.jpg);
  background-repeat: no-repeat;
  margin-right: 4px;
  height: 120px;
  width: 170px;
}

#galerie a.slide3h {
  background: url(../bilder/galerie-ew-klein.jpg);
  background-repeat: no-repeat;
  margin-right: 4px;
  height: 120px;
  width: 170px;
}

#galerie a.slide4h {
  background: url(../bilder/galerie-warteraum-klein.jpg);
  background-repeat: no-repeat;
  margin-right: 4px;
  height: 120px;
  width: 170px;
  line-height: 0;
}

#galerie a.slide5h {
  background: url(../bilder/galerie-behandlung-klein.jpg);
  background-repeat: no-repeat;
  margin-right: 4px;
  height: 120px;
  width: 170px;
}

#galerie a.slide6h {
 background: url(../bilder/galerie-besprechung-klein.jpg);
  background-repeat: no-repeat;
  margin-right: 4px;
  height: 120px;
  width: 170px;
  line-height: 0;
}
/* --> Bis her: kleine Fotos werden hier dargestellt */

/* --> Ende Galerie */