/*
  * --------------------------------------------------------------------
  * CSS-Styles
  *
  * by Christian Stein, tellme@jepedia.com
  * http://www.jepedia.com
  *
  * Copyright (c) 2011 Christian Stein
  * --------------------------------------------------------------------
*/

html {background:#000 !important;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 12px; position:absolute; width: 100%; height: 100%; background: #000;}
:focus {outline:none;}
a:link {color:#dcdcdc; text-decoration:none;}
a:visited {color:#dcdcdc;}
a:hover {color:#FFF;}
a:active {color:#dcdcdc;}

.imgControlHide {position: absolute; left: 0; top: 50%; width: 100%; height: 40px; margin-top: -20px; display:none;}
.imgControl {position: absolute; left: 0; top: 50%; width: 100%; height: 40px; margin-top: -20px;}
.imgControl a.prev {float: right; width: 26px; height: 40px; background-image: url(next_img.png);}
.imgControl a.next {float: left; width: 26px; height: 40px; background-image: url(prev_img.png);}

#pageControl {position: absolute; left: 0; top: 50%; width: 100%; height: 40px; margin-top: -20px;}
#pageControl a.prevPage {float: left; width: 26px; height: 40px; background-image: url(prev_img.png);}
#pageControl a.nextPage {float: right; width: 26px; height: 40px; background-image: url(next_img.png);}
#pageControl a.nextPageZahn {float: right; width: 26px; height: 40px; background-image: url(next_img.png);}

#wrap {	position: absolute;	left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow:hidden; min-height:585px; min-width:1024px;}
.cover {position: fixed;	left: 0; bottom: 0; width: 100%; height: 100%; background-color:#000; margin:0; opacity: 0.7;  filter: alpha(opacity = 70); min-height:585px;}
.coverClose {position: absolute; left: 0; bottom: 0; width: 100%; height: 0px; background-color:#000; margin:0; opacity: 0.7;  filter: alpha(opacity = 70);}
.viewport {	position: absolute;	width: 940px; height: 100%; left:50%; bottom:0;  margin: 0 auto 0 -510px;}
.viewportBottom {position: absolute; width: 940px; height: 30px; left:50%; bottom:0;  margin: 0 auto 0 -470px; overflow:hidden;}
.viewportBottom #mainMenu  {background-image:url(697_Menubar_unten.png);}

#mainLogo {width:137px; height:45px; position:absolute; left:50%; top:50px; margin-left:330px;}

.facebook {background-image:url(facebook.png); background-repeat:no-repeat; width:16px; height:16px; position:absolute; right:20px; top:7px;}
.facebook a {width:16px; height:16px; display:block;}

#mainMenu {position: absolute; top: 0; width:940px; height:30px; background-image:url(697_Menubar_oben.png); z-index:999;}
#mainMenu ul {position:absolute; width:940px; height:30px;}
#mainMenu ul li {float:left; display:inline; font-family: 'Droid Sans', sans-serif; font-weight:700; text-transform:uppercase; width:auto; padding:0 0 0 20px; font-size:10px; text-align:center; height:30px; line-height:30px;}
/* IE8 only*/
html>/**/body #mainMenu ul li.News {margin-left /*\**/: 255px\9;}
#mainMenu ul li.News {margin-left:255px;}
/* safari */
@media all and (-webkit-min-device-pixel-ratio: 0) { #mainMenu ul li.News { margin-left:255px; } }


/* IE8 only*/
html>/**/body #mainMenu ul li.Aktuelles {margin-left /*\**/: 200px\9;}
#mainMenu ul li.Aktuelles {margin-left:200px;}
/* safari */
@media all and (-webkit-min-device-pixel-ratio: 0) { #mainMenu ul li.Aktuelles { margin-left:215px; } }


.Language {position:absolute; left:960px;  width:70px; height:30px; line-height:30px; font-family: 'Droid Sans', sans-serif; font-weight:700; text-transform:uppercase; font-size:10px; color:#FFF;}
.Language a {color:#73726d; font-weight:700;}
.Language a:hover {color:#FFF;}
.Language a.active {color:#FFF;}

#mainContent span.rundgang {cursor:pointer; color:#dcdcdc;}
#mainContent span.rundgang:hover {color:#FFF;}

#mainMenu ul li.rundgang {position:absolute; left:425px; padding-left:25px; background-image:url(rundgang_arrow_down.jpg); background-position:left; background-repeat:no-repeat; color:#FFF; cursor:pointer; letter-spacing:1px;}
#mainMenu ul li.rundgangClose {letter-spacing:1px; position:absolute; left:425px; padding-left:25px; background-image:url(rundgang_arrow_up.jpg); background-position:left; background-repeat:no-repeat; color:#FFF; cursor:pointer;}
#mainMenu ul li a {text-decoration:none; color:#FFF; letter-spacing:1px;}
#mainMenu ul li a:visited {color:#FFF;}
#mainMenu ul li a:hover {color:#b3aea4;}
#mainMenu ul li a.selected  {color:#b3aea4;}
.kieferorthopadieWrap #mainMenu ul li a#KieferorthopädieLink {color:#b3aea4;}
.prophylaxeWrap #mainMenu ul li a#ProphylaxeLink {color:#b3aea4;} 
.zahnmedizinWrap #mainMenu ul li a#ZahnmedizinLink {color:#b3aea4;}
#mainMenu ul li ul {display:none;}

/*Rundgang*/
.rundgangToggle {position:absolute; width: 120px; height:25px; left:410px; top:0; background:url(rundgang_bg_open.png) left bottom; background-repeat:no-repeat; color:#FFF; cursor:pointer; letter-spacing:1px; font-family: 'Droid Sans', sans-serif; font-weight:700; text-transform:uppercase; font-size:10px; text-align:center; line-height:30px; overflow:hidden;}
.rundgangToggle span {background-image:url(rundgang_arrow_down.jpg); background-position:left; background-repeat:no-repeat; padding-left:25px;}
.rundgangToggle p {line-height:17px; margin-top:5px;}
.rundgangToggle p a {color:#FFF;}
.rundgangToggle p a:hover {color:#b3aea4;}
.rundgangToggle:hover {height:95px;}
.rundgangToggleClose {position:absolute; width: 120px; height:25px; left:410px; bottom:0; background:url(rundgang_bg_close.png) left top; background-repeat:no-repeat; color:#FFF; cursor:pointer; letter-spacing:1px; font-family: 'Droid Sans', sans-serif; font-weight:700; text-transform:uppercase; font-size:10px; text-align:center; line-height:30px; overflow:hidden;}
.rundgangToggleClose span {background-image:url(rundgang_arrow_up.jpg); background-position:left; background-repeat:no-repeat; padding-left:25px;}


#subMenu {position: absolute; top:26px; width:550px; height:70px; right:73px; z-index:999;}
#subMenu ul {position:relative;}
#subMenu ul li {float:left; display:inline; font-family: 'Droid Sans', sans-serif; font-weight:700; text-transform:uppercase; width:auto; padding:0 20px 0 0; font-size:10px; height:auto; line-height:16px; letter-spacing:1px;}
#subMenu ul li a {text-decoration:none; color:#FFF;}
#subMenu ul li a:visited {color:#FFF;}
#subMenu ul li a:hover {color:#b3aea4;}
#subMenu ul li a.selected  {color:#b3aea4;}

#landingCenter {width:100%; height:405px; position:absolute; top:50%; left:0; margin:-205px 0 0 0; background-image:url(697_Textbox_start.png); background-repeat:no-repeat; background-position:center center;}
#introBox {width:870px; margin-left:30px;}
.landingPage h3 {font-family: 'Droid Serif', serif; font-weight:bold; width:870px; font-size:11px; text-align:center; height:auto; line-height:14px; text-transform:uppercase; color:#d4d3cc; letter-spacing:1px; margin-top:30px;}
.landingPage h2 {font-family:'Variable-Black', Arial, sans-serif; width:auto; padding:0 10px; font-size:22px; text-align:center; height:30px; line-height:30px; padding:0 0 10px 0; color:#FFF;}
.landingPage #col1 h2 {position:absolute; bottom:55px; left:100px; text-align:left;}
.landingPage #col2 h2 {position:absolute; bottom:120px; left:50px; text-align:left;}
.landingPage #col3 h2 {position:absolute; bottom:0; left:65px; text-align:left;}
.landingPage a {position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#col1 {width:240px; height: 285px; float:left; position:relative; margin:30px 5px 0 55px;}
#col2 {width:310px; height: 285px; float:left; position:relative; margin:30px 0 0 0;}
#col3 {width:250px; height: 285px; float:right; position:relative; margin:30px 75px 0 0;}

#flower {width:100%; height:500px; position:absolute; top:50%; left:0; margin:-250px 0 0 0; cursor:pointer; text-align:center;}
#mainFlower {width:380px; height:400px; position:relative; top:0; left:180px;}
#center {width:100%; height:405px; position:absolute; top:50%; left:0; margin:-185px 0 0 0;}
#zahnmedizin {width:300px; height:430px; position:absolute; left:180px; top:0; margin:0;}
#kieferorthopadie {width:359px; height:197px; position:absolute; left:9px; top:50px; margin:0; z-index:999;}
#prophylaxe {width:366px; height:406px; position:absolute; left:80px; top:0; margin:0;}

#content {background-repeat:no-repeat;}
.zahnmedizin {position:absolute; right:25px; top:0; width:900px; height:405px; background-image:url(697_Textbox_zahnmedizin.png);}
.prophylaxe {position:absolute; right:25px; top:0; width:937px; height:405px; background-image:url(697_Textbox_prophylaxe.png);}
.kieferorthopadie {position:absolute; right:25px; top:0; width:900px; height:405px; background-image:url(697_Textbox_kieferorthopaedie.png);}
#content h1 {width:490px; color:#FFF; font-size:26px; line-height:30px; text-transform:none; padding-bottom:10px; font-family: 'Variable-Black', Arial, sans-serif;}
#content.kieferorthopadie h1 {padding-top:75px;}
#content h2 {width:490px; color:#d4d3cc; font-size:11px; line-height:14px; text-transform:uppercase; padding-bottom:10px; font-family: 'Droid Serif', serif; font-weight:bold; letter-spacing:1px;}
#content p {width:490px; color:#FFF; font-size:13px; line-height:18px; padding-bottom:10px; height:auto; font-family: 'Droid Sans', sans-serif;}
#mainContent p strong {font-weight:bold;}
#mainContent img {max-width:460px; height:auto;}


#content #miniwrap {position:relative; width:550px; height:265px; margin:100px 0 0 300px; overflow:hidden;}
#mainContent {background-image:url(697_Textbox_schmal.png); position:absolute; right:24px; top:0; width:641px; height:405px;}
#mainContent.mainContentImg {position:absolute; right:25px; top:0; width:900px; height:405px; background-image:url(697_Textbox_breit.png);}
#content.prophylaxe #miniwrap {position:relative; width:550px; height:265px; margin:100px 0 0 337px; overflow:hidden;}

#mainContent #miniwrap {position:relative; width:550px; height:265px; margin:100px 0 0 40px; overflow:hidden;}
#mainContent.mainContentImg #miniwrap {position:relative; width:550px; height:265px; margin:100px 0 0 300px; overflow:hidden;}
#mainContent h1 {width:490px; color:#FFF; font-size:26px; line-height:30px; text-transform:none; padding-bottom:10px; font-family: 'Variable-Black', Arial, sans-serif;}
#mainContent h2 {width:490px; color:#d4d3cc; font-size:11px; line-height:14px; text-transform:uppercase; padding-bottom:10px; font-family: 'Droid Serif', serif; font-weight:bold; letter-spacing:1px;}
#mainContent p {width:490px; color:#FFF; font-size:13px; line-height:18px; padding-bottom:10px; height:auto; font-family: 'Droid Sans', sans-serif;}
#mainContent p span.rundgang {color:#dcdcdc; cursor:pointer;}
#mainContent p span.rundgang:hover {color:#FFF;}
#mainContent.mainContentImg Img {position:absolute; left:38px; top:30px; width:230px; height:335px;}


#mainContent .mitarbeiter {width:460px; float:left; border-bottom:1px solid #FFF; padding-bottom:40px; margin-bottom:30px;}
#mainContent .mitarbeiter img {float:left; padding-right:15px; margin-bottom:15px; max-width:205px; margin-top:3px;}
.mitarbeiterSingle {float:left; padding-right:15px; margin-bottom:15px; max-width:205px; margin-top:3px;}


#contact input {float:left;}
#contact label {line-height:18px; height:18px; float:left; font-family: 'Droid Sans', sans-serif; font-size:10px; color:#FFF; text-transform:uppercase; letter-spacing:2px;}
#contact #box1, #contact #box2 {margin-bottom:40px;}
#contact .tage { font-family: 'Droid Sans', sans-serif; font-size:10px; color:#FFF; text-transform:uppercase; letter-spacing:1px;}
#contact .zeilen input {margin-left:35px;}
#contact tr {height:30px;}

.textLinks {width:300px; position:relative; float:left;}
.textRechts {width:300px; position:relative; float:left;}
#mainContent p.textTrennlinie {width:auto; border-bottom:1px solid #FFF; padding-bottom:40px; margin-bottom:30px; width:460px; }
#contact input.submit { width: 85px; padding:3px 0; cursor: pointer; border: 1px solid #FFF; background:#7d7f78; color:#FFF; float:left; margin-right:5px; font-family: 'Variable-Black', Arial, sans-serif; text-transform:uppercase; letter-spacing:1px;}
#contact input.submit:hover { background:#FFF; color:#000; }
#contact input[type="submit"][disabled] { background:#888; }

#message { position:absolute; bottom:0; right:10px; width:360px; height:25px;}
.error_message { display: block; height: 25px; color:red; line-height:25px; }
#success_page {position:absolute; top:500px; left:-160px;}
#success_page, #success_page h1 {color:#FFF;}

.clearfloat {clear:both; height:0px; line-height:0px; visibility: hidden;}
.flexcroll {width: 100%; height:100%;}
.scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase {width: 15px; height:265px; background-image:url(697_Scrollbar_hinten.png);}
.vscrollerbar { width: 13px; height:45px !important; background-image:url(697_Scrollbar_button.png); margin:1px; cursor:pointer; background-repeat:no-repeat;}

#superbgimage {display: none; background: #000 url('superbgloading.gif') center center no-repeat; position:fixed;}
#superbgimage img {image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic;}

@font-face {font-family: 'Variable-Black';src: url('webfonts/eot/style_112222.eot');src: url('webfonts/eot/style_112222.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_112222.woff') format('woff'),url('webfonts/ttf/style_112222.ttf') format('truetype'),url('webfonts/svg/style_112222.svg#Variable-Black') format('svg');}


.footer {position: absolute; bottom: 0; width:475px; height:30px; background-image:url(footer_bg.png); z-index:999; margin:0 0 0 230px;}
.footer a {font-family: 'Droid Sans', sans-serif; font-weight:700; text-transform:uppercase; width:auto; padding:0 0 0 20px; font-size:10px; height:30px; line-height:30px;}
.footerClose {position: absolute; bottom: -50px; width:475px; height:30px; background-image:url(footer_bg.png); z-index:999; margin:0 0 0 230px;}

#box0 label {font-size:11px; letter-spacing:0;}