@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; }
body { background-color: #efefef; color: #555555; text-align: center; font-size: 12px; }

h1 { font-size: 14px; color: #5ca102; }
h2 { font-size: 12px; color: #5ca102; }
h3 {  font-size: 12px; color: #5ca102; margin: 0px; padding-top: 18px; line-height: 20px; clear: both; }
h4 {  }
.clear { clear: both; height: 1px; line-height: 1px; font-size:1px; padding: 0px; }
p { line-height: 20px; padding-top: 18px; text-align: justify; }
p.error { color: #d80015; }
p.success { color: #5ca102; }
a:link, a:hover, a:active, a:visited { color: #5ca102; outline: none; }
ul,ol { list-style: none; line-height: 20px; }
span.green { color: #5ca102; }
img { border: none; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
table { border-collapse: collapse; }
td { font-size: 12px; }
p.galerie a { float: left; margin-right: 10px; display: block; }
p.galerie a.rowend { margin-right: 0px; }
p.floatimage { display: block; width: 120px; float: left; margin-top: 3px; }
p.team { display: block; width: 300px; float: left; margin-top: 0px; }
p.vita { float: left; }
p.vita span { color: #5ca102; }
p.marker { background: #5ca102; color: #fff; padding: 10px; margin-top: 18px; text-align: center; font-weight: bold;  }
ul.textlist { padding-top: 18px; }
ul.textlist li { background: #fff url(../../images/de/arrow.gif) no-repeat 0px 5px; padding-left: 20px; }
p.daten { float:left; width: 245px; }

div#container { position: absolute; width: 980px; height: 550px; left: 50%;	top: 50%; background-color: #fff; margin-left: -490px; margin-top: -275px; text-align: left; }
div.innercontainer { position: relative; width: 980px; height: 550px; background-repeat: no-repeat; background-position: bottom left; background-image: url(../../images/de/innercontainer_bg.gif); }

div#branding { position:absolute; top:25px; left: 400px; }
div#branding h1 a { display:block; text-indent: -9999px; width: 240px; height: 60px; }

div#mainnavigation { position: absolute; top:25px; left: 10px; }
div#mainnavigation ul li { display: inline; }
div#mainnavigation ul li a { display: block; width: 150px; height:24px; background-repeat: no-repeat; background-position: top; text-indent: -9999px; }
div#mainnavigation ul li a.startseite {  background-image: url(../../images/de/nav01.gif); }
div#mainnavigation ul li a.praxis {  background-image: url(../../images/de/nav02.gif); }
div#mainnavigation ul li a.team {  background-image: url(../../images/de/nav03.gif); }
div#mainnavigation ul li a.sprechzeiten {  background-image: url(../../images/de/nav04.gif); }
div#mainnavigation ul li a.untersuchung {  background-image: url(../../images/de/nav05.gif); }
div#mainnavigation ul li a.therapie {  background-image: url(../../images/de/nav06.gif); }
div#mainnavigation ul li a.angebote {  background-image: url(../../images/de/nav07.gif); }
div#mainnavigation ul li a:hover, div#mainnavigation ul li a.active { background-position: bottom; }

div#mainnavigation ul li ul { display: none; }

div#mainnavigation ul li.active ul { display: block; line-height: 16px; padding-bottom: 7px; }
div#mainnavigation ul li.active ul li { text-align: right; }
div#mainnavigation ul li.active ul li a { height: auto; display: block; text-indent: 0; color: #bbb; text-decoration: none; font-size: 11px; text-align: right; }
div#mainnavigation ul li.active ul li a:hover,div#mainnavigation ul li.active ul li a.active { text-decoration: underline; color: #555555;  }

div#metanavigation { position: absolute; top:462px; left: 10px; }
div#metanavigation ul li { display: inline; }
div#metanavigation ul li a { display: block; width: 150px; height:24px; background-repeat: no-repeat; background-position: top; text-indent: -9999px; }
div#metanavigation ul li a.kontakt {  background-image: url(../../images/de/nav08.gif); }
div#metanavigation ul li a.impressum {  background-image: url(../../images/de/nav09.gif); }
div#metanavigation ul li a.anfahrt {  background-image: url(../../images/de/nav10.gif); }
div#metanavigation ul li a:hover, div#metanavigation ul li a.active { background-position: bottom; }

div#maincontent { position: absolute; top: 215px; left: 430px; width: 490px; }

/* KONTAKTFORMULAR */
form.contactform {  padding: 18px 0px 0px 0px; }
form.contactform legend { display: none; }
form.contactform fieldset{ border: solid 0px #fff; }
form.contactform ol{ list-style-type: none; }
form.contactform ol li{ padding-bottom: 1px; }
form.contactform ol li label{ line-height: 18px; color: #797979; display: block; width: 100px; cursor:pointer; }
form.contactform ol li input { font-size: 12px; width: 488px; color: #797979; background-image: url(../../images/de/input_bg.gif); background-repeat: repeat-x; border: #d0d1d5 1px solid; }
form.contactform ol li textarea{ font-size: 12px; background-image: url(../../images/de/input_bg.gif); color: #797979; background-repeat: repeat-x; width: 488px; height: 50px;  border: #d0d1d5 1px solid; }
form.contactform input.submit {  margin-top: 13px;width: 120px; color: #fff; border: #5ca102 1px solid; text-align: center; cursor:pointer; background: #5ca102;}

div#subcontent { position: absolute; top: 25px; left: 170px; width: 220px; height: 500px; }
div#subcontent p#hno { background: #fff url(../../images/de/hno_bg.jpg) no-repeat; height: 500px; padding: 0px; }

div#pageinformation { position: absolute; left: 960px; top: 0px; width: 20px; height: 550px; background-color: #efefef;  background-repeat: no-repeat; background-image: url(../../images/de/powered_by.gif); background-position: bottom; }
div#pageinformation p { padding-top: 350px;}
div#pageinformation p a { display: block; width: 20px; height: 200px; }
div#pageinformation p a span { display: none; }
/* TOOLTIP */
#tooltip{ position:absolute; border:1px solid #797979;	background:#fff;	padding:2px 5px; color:#797979; display:none; }

/* LIGHTBOX CODE START */
#lightbox{ position: absolute; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%;	text-align: center;	line-height: 0;	}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; }
#prevLink, #nextLink{ width: 49%; height: 100%;	background: transparent url(../../images/de/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/de/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/de/next.gif) right 50% no-repeat; }
#nextLinkText, #prevLinkText{ color: #5ca102; font-weight: bold; text-decoration: none; }
#nextLinkText{ padding-left: 20px; }
#prevLinkText{ padding-right: 20px; }
.ontop #imageData { padding-top: 5px; }
#imageDataContainer{ font: 10px Arial, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}
#imageData{	padding:0 10px;	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; height: 500px;	background-color: #000;	filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; }
.clearfix:after { content: ".";	display: block; height: 0; clear: both;	visibility: hidden;	}
* html>body .clearfix {	display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/	height: 1%;	/* End hide from IE-mac */ }
/* LIGHTBOX CODE END */