@charset "utf-8";
/* CSS Document */
/* Fonts Generated by Font Squirrel (http://www.fontsquirrel.com) on June 25, 2014 */
@font-face {
    font-family: 'dax-lightregular';
    src: url('/fonts/dax-light-webfont.eot');
    src: url('/fonts/dax-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dax-light-webfont.woff') format('woff'),
         url('/fonts/dax-light-webfont.ttf') format('truetype'),
         url('/fonts/dax-light-webfont.svg#dax-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'daxregular';
    src: url('/fonts/dax-webfont.eot');
    src: url('/fonts/dax-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dax-webfont.woff') format('woff'),
         url('/fonts/dax-webfont.ttf') format('truetype'),
         url('/fonts/dax-webfont.svg#daxregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
	margin: 0;
	padding: 0;
}
.dots li {
	position: relative;
	bottom: 80px;
	left: 420px;
	display: inline;
	margin: 5px;
}
.dots .active {
	color:#fff;
}
body {
	font-family: 'dax-lightregular';
	background-color: #333333;
}
#alles {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
#vorauswahl {
	display: none;
	position: fixed;
	padding-top: 0px;
	padding-left: 727px;
	padding-bottom: 30px;
	z-index: 100;
}
#vorauswahl li {
	background: rgba(255, 255, 255, 0.8);
	float: left;
	list-style-type: none;
	padding: 7px 15px 5px 15px;
}
#vorauswahl li a, #vorauswahl li a:visited {
	text-decoration: none;
	color: black;
}
#vorauswahl li a:hover, #vorauswahl li a:focus, #vorauswahl li a:active {
	text-decoration: underline;
	color: black;
	padding-bottom: 0px;
}
#erste-zeile {
	padding-top: 0px;
	margin-left: -20px;
}
.zh-logo {
	max-width: 100px;
	max-height: 100px;
}
#logo {
	padding-top: 20px;
	padding-left: 25px;
	z-index: 99;
	float: left;
	position: fixed;
}
#logo-text {
	padding-top: 20px;
	padding-left: 155px;
	font-family: 'daxregular';
	font-weight: bold;
	font-size: 2em;
	z-index: 100;
	float: left;
	position: fixed;
}
#navigation {
	z-index: 98;
	position: fixed;
	padding-top: 30px;
	padding-left: 410px;
	padding-bottom: 45px;
	padding-right: 0px;
	width: 920px;
	font-family: 'daxregular';
	font-size: 3em;
	background: rgba(255, 255, 255, 1.0);
	border-style: none;
}
#navigation li {
	float: left;
	list-style-type: none;
	padding-left: 50px;
	padding-right: 50px;
}
.fas {
	font-size: 70px;
}
span.mobile-noshow {
	display: none;
}
span.mobile-show {
}
#navigation li a, #navigation li a:visited {
	text-decoration: none;
	color: black;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	text-decoration: underline;
	color: black;
	background-color: none;
	padding-top: 30px;
	padding-bottom: 5px;
}
#hauptinhalt {
	/*clear: left;*/
	padding-top: 0px;
	padding-bottom: 600px;
	/* background-color: #a7d124; */
	/* background-color: #98e94c; */
	/* background-color: #3f708e; */
	background-color: #E7E7E7;
}
#mobile-abstand {
	padding-top: 125px;
}
.bildmitnamen #slogan {
	position: absolute;
	top: 500px;
	left: 385px;
	width: 500px;
	font-weight: bold;
	font-size: 3em;
	text-align: center;
	letter-spacing: -1px;
	background: rgba(255, 255, 255, 0.7);
}
.fotogross {
	width: 950px;
	height: 570px;
}
#begrenzer {
	display: none;
	position: fixed;
	top: 550px;
	z-index: 97;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	width: 950px;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
}
#begrenzer-links {
	float: left;
	padding-left: 10px;
	font-size: small;
}
#begrenzer-rechts {
	text-align: right;
	padding-right: 10px;
	font-size: small;
}
#begrenzer-rechts a:hover {
	border-bottom-style: solid;
	border-bottom-color: #a7d124;
	border-bottom-width: medium;
}
#siegel {
	/*padding-top: 10px;*/
	opacity: 0.6;
	position:absolute;top:10px;right:180px;
}
.siegel-mini {
	max-height: 38px;
}
span.siegel {
	position: absolute;
	bottom: 40px;
	right: 20px;
	max-width: 315px;
}
span.siegel img {
	max-width: 75px;
}
.dentist-alliance_logo {
	max-width: 150px;
	opacity: 0.8;
}
.bildmitnamen { 
	position: relative;
	padding-bottom: 10px;
	width: 100%;
}
.bildmitnamen h1 {
	display: none;
	position: absolute;
	padding: 10px;
	top: 450px;
	left: 30px;
	font-size: 3em;
	background: rgba(255, 255, 255, 0.7);
}
.bildmitnamen p {
	display: none;
	position: absolute;
	padding: 10px;
	top: 260px;
	left: 30px;
	width: 260px;
	font-size: 2em;
	background: rgba(255, 255, 255, 0.7);
}
.bildmitnamen p a, .bildmitnamen p a:link, .bildmitnamen p a:visited {
	text-decoration: underline;
	color: black;
}
.bildmitnamen a:hover, .bildmitnamen a:focus, .bildmitnamen a:active {
	background-color: #FFFFFF;
}
.jobbeschreibung { 
	position: relative;
	padding-bottom: 10px;
	width: 100%;
	height: 885px;
	background-color: white;
}
.jobbeschreibung h1 {
	position: absolute;
	padding: 10px;
	top: 20px;
	left: 30px;
	font-size: 2em;
}
.jobbeschreibung ul {
	position: absolute;
	padding: 10px;
	top: 70px;
	left: 45px;
	width: 560px;
	font-size: 1.2em;
}
.jobbeschreibung p {
	position: absolute;
	padding: 10px;
	top: 160px;
	left: 30px;
	width: 800px;
	font-size: 1.2em;
}
.jobbeschreibung p span {
	font-weight: bold;
}
.jobbeschreibung p a, .jobbeschreibung p a:link, .jobbeschreibung p a:visited {
	text-decoration: underline;
	color: black;
}
.jobbeschreibung a:hover, .jobbeschreibung a:focus, .jobbeschreibung a:active {
	background-color: #FFFFFF;
}
#praxis { 
	padding-top: 25px;
	position: relative; 
	overflow: auto;
}
#praxis li {
	list-style: none; 
}
#praxis ul li { 
	float: left; 
	min-height: 570px;
}
#praxis h1 {
	display: none;
	position: absolute;
	padding: 10px;
	top: 1150px;
	left: 50px;
	font-size: xx-large;
	background: rgba(255, 255, 255, 0.7);
}
#praxis p {
	display: none;
	position: absolute;
	padding: 10px;
	top: 260px;
	left: 50px;
	width: 260px;
	font-size: 2em;
	background: rgba(255, 255, 255, 0.7);
}
#praxis p a, #praxis p a:link, #praxis p a:visited {
	text-decoration: underline;
	color: black;
}
#praxis a:hover, #praxis a:focus, #praxis a:active {
	background-color: #FFFFFF;
}
#dr-steffen-herzberg {
	padding-top: 25px;
	clear: left;
}
#prof-dr-axel-zoellner {
	padding-top: 25px;	
	clear: left;
}
#dr-saskia-grasshoff {
	padding-top: 25px;	
	clear: left;
}
#jobs {
	padding-top: 125px;	
	clear: left;
}
#sprechzeiten {
	padding-top: 20px;
	padding-left: 10px;
	font-size: 2em;
}
#sprechzeiten h1 {
	padding-bottom:	20px;
}
#sprechzeiten-wochentag-spalte {
	width: 310px;
	height: 100px;
	float: left;
}
#sprechzeiten-ergaenzung {
	padding-top: 50px;
	clear: both;
}
#team {
	padding-top: 100px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 2em;
}
#team #mitarbeiter {
	padding-top: 35px;
}
#team #mitarbeiter h1 {
	font-size: 0.8em;	
}
#team #mitarbeiter p {
	font-size: 0.6em;
}
#team #mitarbeiter #mitarbeiter-fototext {
	width: 200px;
	float: left;
	padding-right: 32px;
	height: 490px;
}
#team #mitarbeiter #mitarbeiter-fototext img {
	width: 200px;
	height: 300px;
}
#vita-herzberg {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	font-size: 2em;	
}
#vita-herzberg h2 {
	padding-bottom: 10px;
	font-size: 2em;
}
#vita-zoellner {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	font-size: 2em;
}
#vita-zoellner h2 {
	padding-bottom: 10px;
	font-size: 2em;
}
#vita-sibylle-zoellner {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	font-size: 2em;
}
#vita-sibylle-zoellner h2 {
	padding-bottom: 10px;
	font-size: 2em;
}
#vita-grasshoff {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	font-size: 2em;
}
#vita-grasshoff h2 {
	padding-bottom: 10px;
	font-size: 2em;
}
#vita-jung {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	font-size: 2em;
}
#vita-jung h2 {
	padding-bottom: 10px;
	font-size: 2em;
}
#vita-trapp {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	font-size: 2em;
}
#vita-trapp h2 {
	padding-bottom: 10px;
	font-size: 2em;
}
#anfahrt {
	display: none;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
}
#anfahrt h2 {
	display: none;
	padding-bottom: 20px;
}
#google-karte {
	display: none;
	padding-left: 145px;
}
#kontakt {
	padding-top: 150px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
}
#kontakt h2 {
	display: none;
	padding-bottom: 20px;
}
#zoellner-forschung {
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
}
#zoellner-forschung h3 {
	padding-bottom: 20px;
}
#zoellner-forschung img {
	padding-top: 40px;
	padding-left: 85px;
	padding-bottom: 40px;
}
#forschung-logos {
	background: rgba(255, 255, 255, 0.8);
	margin-top: 30px;
}
#forschung-logos img {
	max-width: 200px;
}
#maps {
	display: none;
	width: 925px;
	height: 350px;
}