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

h4 { color: #6b0101; font-size: 12px; }
h4.potraithead { color: #6b0101; font-size: 12px; }
strong { color: #6b0101; }
p.clear { clear: both; }
p,h4 { line-height: 24px; padding-top: 18px; text-align: justify; }
p.error { color: #d80015; }
p.success { color: #5ca102; }
a:link, a:hover, a:active, a:visited { color: #6b0101; outline: none; }
ul,ol { list-style: none; line-height: 20px; }
img { border: none; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; padding: 3px; border: 1px solid #cacaca; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; padding: 3px; border: 1px solid #cacaca; }

table { border-collapse: collapse; }
td { font-size: 12px; line-height: 24px; }
ul.textlist { padding-top: 18px; margin-left: 40px; margin-right: 40px; border-bottom: 1px solid #cacaca; }
ul.textlist li { border-top: 1px solid #cacaca; background: #fafafa url(../../images/de/arrow.gif) no-repeat 5px 15px; padding: 10px 25px; }

div#container { text-align: left; width: 960px; margin: 0px auto; position: relative; padding-top: 230px; }

div#metanavigation,div#branding,div#mainnavigation { position: absolute; }

div#branding { top: 50px; height: 180px; width: 960px; }
div#branding h1 { position: relative; height: 180px; width: 650px; background-color: #fff; background-repeat: no-repeat; background-position: right; }
div#branding h1 a { position: absolute; display: block; width: 220px; height:  110px; left: 38px; top: 40px; background-repeat: no-repeat; background-image: url(../../images/de/logo.gif); text-indent: -9999px; }
div#branding h1#eyecatcherindex { background-image: url(../../images/de/eyecatcher_index.jpg); }
div#branding h1#eyecatcherpraxis { background-image: url(../../images/de/eyecatcher_praxis.jpg); }
div#branding h1#eyecatcherteam { background-image: url(../../images/de/eyecatcher_mitarbeiter.jpg); }
div#branding h1#eyecatchersprechzeiten { background-image: url(../../images/de/eyecatcher_sprechzeiten.jpg); }
div#branding h1#eyecatcherleistungen { background-image: url(../../images/de/eyecatcher_leistungen.jpg); }
div#branding h1#eyecatcheranfahrt { background-image: url(../../images/de/eyecatcher_impressum.jpg); }
div#branding h1#eyecatcherkontakt { background-image: url(../../images/de/eyecatcher_kontakt.jpg); }
div#branding h1#eyecatcherimpressum { background-image: url(../../images/de/eyecatcher_impressum.jpg); }
div#branding h1#eyecatcheraktuell { background-image: url(../../images/de/eyecatcher_aktuell.jpg); }
div#branding h2 { position: absolute; left: 650px; width: 310px; top: 0px; height: 180px; text-indent: -9999px; background-color: #7b0505; background-repeat: no-repeat; }
div#branding h2#patientenwohl { background-image: url(../../images/de/h2_patientenwohl.gif); }
div#branding h2#praxisaddon { background-image: url(../../images/de/h2_praxis.gif); }
div#branding h2#teamaddon { background-image: url(../../images/de/h2_mitarbeiter.gif); }
div#branding h2#sprechzeitenaddon { background-image: url(../../images/de/h2_sprechzeiten.gif); }
div#branding h2#leistungenaddon { background-image: url(../../images/de/h2_leistungen.gif); }
div#branding h2#anfahrtaddon { background-image: url(../../images/de/h2_anfahrt.gif); }
div#branding h2#kontaktaddon { background-image: url(../../images/de/h2_kontakt.gif); }
div#branding h2#impressumaddon { background-image: url(../../images/de/h2_impressum.gif); }
div#branding h2#aktuelladdon { background-image: url(../../images/de/h2_aktuell.gif); }

div#metanavigation { top: 0px; height: 50px; width: 960px; }
div#metanavigation ul { padding-top: 20px; }
div#metanavigation ul li { line-height: 1em; float: right; border-right: 1px solid #6b0101; padding-left: 5px; padding-right: 5px; }
div#metanavigation ul li.impressum { padding-right: 0px; border: none; }
div#metanavigation ul li a { text-decoration: none; font-size: 11px; }
div#metanavigation ul li a:hover, div#metanavigation ul li a.active { text-decoration: underline; }

div#subnavigation { padding: 30px; border-bottom: 1px solid #cacaca; }
div#subnavigation ul {  border-bottom: 1px solid #cacaca; }
div#subnavigation ul li { display: inline; }
div#subnavigation ul li a { display: block; padding: 10px 25px; border-top: 1px solid #cacaca; text-decoration: none; color: #434343; background-repeat: no-repeat; background-image: url(../../images/de/arrow.gif); background-position: 5px 15px; }
div#subnavigation ul li a:hover,div#subnavigation ul li a.active { background-color: #e4e4e4; }

div#mainnavigation { top: 230px; height: 83px; z-index:9; width: 650px; }
div#mainnavigation ul { height: 83px; width: 650px; position: relative; }
div#mainnavigation ul li { float: left; display: inline;  }
div#mainnavigation ul li a { display: block; height: 83px; background-position: top; background-repeat: no-repeat; text-indent: -9999px;  }
div#mainnavigation ul li a.startseite { background-image: url(../../images/de/nav01.gif); width: 130px; }
div#mainnavigation ul li a.praxis { background-image: url(../../images/de/nav02.gif); width: 120px; }
div#mainnavigation ul li a.mitarbeiter { background-image: url(../../images/de/nav03.gif); width: 122px; }
div#mainnavigation ul li a.sprechzeiten { background-image: url(../../images/de/nav04.gif); width: 121px; }
div#mainnavigation ul li a.leistungen { background-image: url(../../images/de/nav05.gif); width: 157px; }
div#mainnavigation ul li a:hover, div#mainnavigation ul li a.active { background-position: bottom; }

div#content { background-image: url(../../images/de/content_bg.gif); background-repeat: repeat-y; width: 960px; }

div#maincontent { float: left; width: 650px; padding-top: 83px; }
div#maincontent h3 { background-repeat: no-repeat; height: 55px; text-indent: -9999px; }
div#maincontent h3#willkommen { background-image: url(../../images/de/h3_willkommen.gif); }
div#maincontent h3#praxis { background-image: url(../../images/de/h3_praxis.gif); }
div#maincontent h3#mitarbeiter { background-image: url(../../images/de/h3_mitarbeiter.gif); }
div#maincontent h3#sprechzeitenhead { background-image: url(../../images/de/h3_sprechzeiten.gif); }
div#maincontent h3#klassischedermatologie { background-image: url(../../images/de/h3_klassische_dermatologie.gif); }
div#maincontent h3#allergologie { background-image: url(../../images/de/h3_allergologie.gif); }
div#maincontent h3#operationen { background-image: url(../../images/de/h3_operationen.gif); }
div#maincontent h3#aesthetischedermatologie { background-image: url(../../images/de/h3_aesthetische_dermatologie.gif); }
div#maincontent h3#lasertherapie { background-image: url(../../images/de/h3_lasertherapie.gif); }
div#maincontent h3#lichttherapie { background-image: url(../../images/de/h3_lichttherapie.gif); }
div#maincontent h3#spezielleverfahren { background-image: url(../../images/de/h3_spezielle_verfahren.gif); }
div#maincontent h3#anfahrt { background-image: url(../../images/de/h3_anfahrt.gif); }
div#maincontent h3#kontakt { background-image: url(../../images/de/h3_kontakt.gif); }
div#maincontent h3#impressum { background-image: url(../../images/de/h3_impressum.gif); }
div#maincontent h3#aktuell { background-image: url(../../images/de/h3_aktuell.gif); }
div#maincontent h3#fehler { background-image: url(../../images/de/h3_fehler.gif); }
div#maincontent p,div#maincontent h4 { padding-left: 40px; padding-right: 40px; }
div#maincontent p.alignleft { float: left; padding-right: 0px; margin-right: 20px; width: 128px; }
div#maincontent p.alignleft img { margin-top: 5px; padding: 3px; border: 1px solid #cacaca; }
div#maincontent dl.portrait { float: left; line-height: 24px; padding-top: 18px; width: 430px;  }
div#maincontent dl dt { float: left; display: block; width: 80px; }
div#maincontent dl dd { float: left; width: 350px; }
div#maincontent h4.portrait { margin: 20px 40px 0px 40px; padding: 18px 0px 0px 0px; clear: both; border-top: 1px solid #cacaca; }

div#sprechzeiten { padding: 18px 40px 0px 40px; }
div#sprechzeiten table { border: none; width: 570px; }
div#sprechzeiten td { padding: 10px; background-color: #ececec; border-top: 1px solid #fff; }
div#sprechzeiten td.days { width: 100px; font-weight: bold; }
div#sprechzeiten td.time { border-left: 1px solid #fff; text-align:right; }

div#subcontent { float: left; width: 310px; background-image: url(../../images/de/subcontent_bg.gif); background-repeat: no-repeat; background-position: top; }
div#subcontent p { padding: 30px; border-bottom: 1px solid #cacaca;  }
div#subcontent div#news h3 { text-indent: -9999px; margin: 37px 30px 0px 30px; background-image: url(../../images/de/h3_subcontent_aktuell.gif); background-repeat: no-repeat; }
div#subcontent div#news p { padding-top: 4px;  text-align: left; }
div#subcontent div#news p a {  }
div#subcontent div#news p img { float: left; margin-right: 10px; margin-top: 8px; padding: 3px; border: 1px solid #cacaca; }

div#pageinformation { background-repeat: no-repeat; background-image: url(../../images/de/pageinformation_bg.gif); height: 76px; }
div#pageinformation p { color: #fff; padding-left: 40px; padding-right: 40px; padding-top: 13px; }
div#pageinformation p a { color: #fff; font-size: 11px; }
div#pageinformation p#copyright { float: left;  font-size: 11px; }
div#pageinformation p#powered { text-align: right; }

/* KONTAKTFORMULAR */
div#contactform { text-align: left;  padding: 20px 40px; margin-top: 0px; }
div#contactform p { text-align: left; padding: 0px 0px 20px 0px; }
div#contactform form {    line-height: 18px; }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol { list-style-type: none; }
div#contactform form ol li{ padding-bottom: 13px; }
div#contactform form ol li fieldset{ padding-left: 153px; }
div#contactform form ol li fieldset input { width: auto; margin-right: 5px; }
div#contactform form ol li label { vertical-align: top; display: inline-block; width: 150px; }
div#contactform form ol li input,
div#contactform form ol li textarea{ width: 413px; padding: 2px 0px; font-size: 12px; background-image: url(../../images/de/input_bg.gif); background-repeat: repeat-x; border: #cacaca 1px solid; color: #434343; }
div#contactform form ol li textarea {  height: 200px; }
div#contactform form ol li select { font-size: 11px; color: #434343; width: 424px; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form input.submit { margin-left: 153px; color: #434343; border: #cacaca 1px solid; padding: 3px; background-color: #fff;   }
/* 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 */