* {	margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; }
@font-face{font-family:DinRound;src:url(../fonts/dinround.woff) format('woff');font-weight:400; font-size:14px;}
@font-face{font-family:DinRoundmed;src:url(../fonts/dinroundmedium.woff) format('woff');font-weight:700;}

body { background-color: #fefdd6; color: #64553e; text-align: center; font-size: 12px; background-image:url(../grafik/back3.jpg); background-repeat: repeat-x;}
h1 { font-size: 12px; }
h2 { font-size: 12px; }
h3 { font-size: 28px; color: #ffe400; font-weight: 400; font-family:Arial,Helvetica; }
h4 { font-size: 12px; }
img { border: none; }
.form p { padding-top:10px; }
p { line-height: 24px;padding-top: 18px; text-align: justify; }

p.partnerseiten { color: #efe9c5; text-align:center; }
a:link.partnerseiten, a:hover.partnerseiten, a:active.partnerseiten, a:visited.partnerseiten { color: #efe9c5; text-decoration:none; }
a:link, a:hover, a:active, a:visited { color: #8b8b8b; text-decoration:none; }
ul,ol { list-style: none; line-height: 24px; }
.nofloat { float:none;}

div#wrapper { position:absolute;left:50%;margin-left:-488px;width:976px; }
div#wrapper ::selection { background:#dfceb3;color:#64553e; }
div#wrapper ::-moz-selection { background:#dfceb3;color:#64553e; }
div#wrapper ::-webkit-selection { background:#dfceb3;color:#64553e; }
div#primarynavi { top: 0px; left: 0px; width:976px; height:77px; background-image:url(../grafik/menueBack.jpg);}
div#primarynavi ul li { position: absolute; top: 0px; }
div#primarynavi ul li.startseite { left: 340px; }
div#primarynavi ul li.praxis { left: 449px; }
div#primarynavi ul li.leistungen { left: 516px; }
div#primarynavi ul li.service { left: 629px; }
div#primarynavi ul li.kontakt { left: 710px; }
div#primarynavi ul li.impressum { left: 796px; }
div#primarynavi ul li a { display: block; background-position: top;  height: 77px; background-repeat: no-repeat; text-indent: -9999px; }
div#primarynavi ul li a.startseite {width: 109px; background-image:url(../grafik/nav01.jpg); }
div#primarynavi ul li a.praxis { width: 67px;background-image: url(../grafik/nav02.jpg); }
div#primarynavi ul li a.leistungen {  width: 113px; background-image: url(../grafik/nav03.jpg); }
div#primarynavi ul li a.service {  width: 81px; background-image: url(../grafik/nav04.jpg); }
div#primarynavi ul li a.kontakt {  width: 86px; background-image: url(../grafik/nav05.jpg); }
div#primarynavi ul li a.impressum {  width: 112px; background-image: url(../grafik/nav06.jpg); }
div#primarynavi ul li a.active,div#primarynavi ul li a:hover { background-position: bottom; }
div#boxteaser h1 { height: 323px; position: relative; }
div#boxteaser h1#teaser-startseite { background: url(../grafik/teaser-startseite.jpg) no-repeat; }
div#boxteaser h1#teaser-praxis { background: url(../grafik/praxis.jpg) no-repeat; }
div#boxteaser h1#teaser-team { background: url(../grafik/team.jpg) no-repeat; }
div#boxteaser h1#teaser-team-01 { background: url(../grafik/team-01.jpg) no-repeat; }
div#boxteaser h1#teaser-team-02 { background: url(../grafik/team-02.jpg) no-repeat; }
div#boxteaser h1#teaser-team-03 { background: url(../grafik/team-03.jpg) no-repeat; }
div#boxteaser h1#teaser-team-04 { background: url(../grafik/team-04.jpg) no-repeat; }
div#boxteaser h1#teaser-behandlungszeiten { background: url(../grafik/behandlungszeiten.jpg) no-repeat; }
div#boxteaser h1#teaser-leistungen { background: url(../grafik/leistungen.jpg) no-repeat; }
div#boxteaser h1#teaser-paradontologie { background: url(../grafik/paradontologie.jpg) no-repeat; }
div#boxteaser h1#teaser-hypnose { background: url(../grafik/hypnose.jpg) no-repeat; }
div#boxteaser h1#teaser-kosmetik { background: url(../grafik/kosmetik.jpg) no-repeat; }
div#boxteaser h1#teaser-wurzelkanalbehandlung { background: url(../grafik/wurzelkanalbehandlung.jpg) no-repeat; }
div#boxteaser h1#teaser-zahnersatz { background: url(../grafik/zahnersatz.jpg) no-repeat; }
div#boxteaser h1#teaser-kinderzahnheilkunde { background: url(../grafik/kinderzahnheilkunde.jpg) no-repeat; }
div#boxteaser h1#teaser-funktionstherapie { background: url(../grafik/funktionstherapie.jpg) no-repeat; }
div#boxteaser h1#teaser-recall { background: url(../grafik/recallschreiben.jpg) no-repeat; }
div#boxteaser h1#teaser-eye-trek { background: url(../grafik/eye-trek.jpg) no-repeat; }
div#boxteaser h1#teaser-barrierefrei { background: url(../grafik/barrierefrei.jpg) no-repeat; }
div#boxteaser h1#teaser-erinnerung { background: url(../grafik/erinnerung.jpg) no-repeat; }
div#boxteaser h1#teaser-roentgen { background: url(../grafik/roentgen.jpg) no-repeat; }
div#boxteaser h1#teaser-kinder { background: url(../grafik/kinder.jpg) no-repeat; }
div#boxteaser h1#teaser-ec-cash { background: url(../grafik/ec-cash.jpg) no-repeat; }
div#boxteaser h1#teaser-abendsprechstunde { background: url(../grafik/abendsprechstunde.jpg) no-repeat; }
div#boxteaser h1#teaser-garantie { background: url(../grafik/garantie.jpg) no-repeat; }
div#boxteaser h1#teaser-ratenzahlung { background: url(../grafik/ratenzahlung.jpg) no-repeat; }
div#boxteaser h1#teaser-ueberweisungen { background: url(../grafik/ueberweisungen.jpg) no-repeat; }
div#boxteaser h1#teaser-kontakt { background: url(../grafik/kontakt.jpg) no-repeat; }
div#boxteaser h1#teaser-anfahrt { background: url(../grafik/anfahrt.jpg) no-repeat; }
div#boxteaser h1#teaser-impressum { background: url(../grafik/impressum.jpg) no-repeat; }
div#boxteaser h1#teaser-prophylaxeshop { background: url(../grafik/prophylaxeshop.jpg) no-repeat; }
div#boxteaser h1 a { position:absolute;  left: 40px; top: 20px; display:block; text-indent: -9999px; width: 231px; height: 85px; background:  url(../grafik/logo.jpg) no-repeat; }
div#boxteaser h1 a:focus { outline: none; }
div#boxteaser h2 { display: none; }
/* Bei Floats verdoppelt der Internet Explorer ein margin, das in Floatrichtung eingefügt wird. 
Bei einem nach links gefloateten Element mit einem margin-left von 10px macht der IE von Microdoof daraus 20px.
Lösung: Einen besseren Browser benutzen. Am besten gleich umsteigen auf Linux oder MacOS :-) oder:
Einem Float mit margin in Floatrichtung immer ein “display: inline;” hinzufügen.*/
div#maincontent { float:left; width:942px; background-color:#FFF; margin: 0 0 0 16px; display: inline; }
div#subnavi1 {float: left; width:330px;text-align:left;  }
div#subnavi1 ul,ol { padding:0px 0 0 40px;}
div#subnavi1 a { color: #64553e; text-decoration: none; border-bottom: 2px dotted #ffe400; }
div#subnavi1 h4 { padding:10px 0 0 40px; }
div#subnavi1 img  { padding:30px 0 0px 30px;}
div#subnavi2 {float: left; width:310px;text-align:left; padding-top:0px; margin-left:20px;}
div#subnavi2 a {color: #64553e;}
div#subnavi2 p {margin-left:10px; padding-left:20px; }
div#subnavi2 ul { width: 280px; background: #fff url(../grafik/dots.gif) repeat-x top; padding-top: 1px; }
div#subnavi2 ul li { display: inline; }
div#subnavi2 ul li a { display: block; height: 40px; padding-left: 30px; font-size: 11px; text-decoration: none; color: #64553e; line-height: 40px;background: #fff url(../grafik/dots.gif) repeat-x bottom; }
div#subnavi2 ul li a:hover, div#subnavi2 ul li a.active { background-color: #fdfdee; }
div#content { float: left; width: 580px; text-align:left; }
div#content ul{ margin-left:20px; padding-top:5px;}
div#content li{ background: url(../grafik/pfeil.gif) no-repeat 10px 14px;padding: 10px 0 0 35px; }
div#content h2{ padding-top:30px; }
div#content h3::selection { background:#dfceb3;color:#ffe400; }
div#content h3::-moz-selection { background:#f9fbdc;color:#ffe400; }
div#content h3::-webkit-selection { background:#dfceb3;color:#ffe400; }
div#kontaktformular { float: left; width: 580px;text-align:left; }
div#kontaktformular form { padding-top: 40px; }
div#kontaktformular form legend { display: none; }
div#kontaktformular form fieldset{ border: solid 0px; }
div#kontaktformular form ul { list-style-type: none; }
div#kontaktformular form ul li{ padding-bottom: 10px; }
div#kontaktformular form ul li fieldset{ }
div#kontaktformular form ul li label { vertical-align: top; display: inline-block; width: 136px; }
div#kontaktformular form ul li input,
div#kontaktformular form ul li textarea{ color: #64553e; width: 438px; font-size: 12px; border: 1px solid #efefef; padding-top: 2px; padding-bottom: 4px; }
div#kontaktformular form ul li textarea {  height: 100px; }
div#kontaktformular form input.submit { font-size: 12px; margin-left: 136px; color: #434343; background-color: #fdfdee; border: 1px solid #efefef; padding: 3px; width: auto; }
div#mapper { margin-top:25px; }
div#footer { float: left; width: 976px; height:130px; background-image:url(../grafik/footer5.jpg); }
div#footer p{ padding:65px 0 0 50px; color:#64553e; }
div#footer strong{ padding:0 0 0 220px; }
div#footer a {  color:#64553e; text-decoration: none; border-bottom: 1px dotted #ffe400; }
div#footer a:hover{ background-color:#dfceb3;}, a:active, a:visited { color: #dfceb3; }
div#footer a:focus { outline: none; }
div#behandlungszeiten { padding: 18px 0px 0px 1px; }
div#behandlungszeiten table { border: none; width:100%; }
div#behandlungszeiten td { background-color: #f3f3f3;}
div#behandlungszeiten td.tage { font-weight: 700; padding: 0px 0px 0px 30px; }
div#behandlungszeiten td.zeit {text-align:left; padding: 8px 30px 8px 8px; }
div#mitarbeiter div.alignleft { float: left; width: 155px; height:284px; font-size:10px; padding-top:30px; padding-right:38px; }
div#mitarbeiter p { padding: 0; text-align:center;line-height:13px; padding-top:10px; }
div#sozialnetwork {   margin-top: 40px; margin-right:4px; }
div#sozialnetwork  img { float:right; margin-left:10px;}
div#player  { padding: 5px; border: 1px solid #cacaca; width: 250px; background-color:#FFF; float:left; margin: 30px 0 0 40px; display: inline;}
div#player img { margin:0; padding:0;}
div#player a {  border-bottom: none;}
.alignright  { float:right; }
div#gallery { float: left; width: 580px; text-align:left; }
div#gallery h3::selection { background:#dfceb3;color:#ffe400; }
div#gallery h3::-moz-selection { background:#f9fbdc;color:#ffe400; }
div#gallery h3::-webkit-selection { background:#dfceb3;color:#ffe400; }
.gallery { list-style: none; margin: 0; padding: 0; padding-left:6px; padding-top:0px; }
.gallery li { margin: 0; float: left; padding:9px 9px 0 9px ; }
.gallery li img { background: #fff; border: solid 1px #ccc; padding: 5px;opacity:0.87; }
.gallery li:hover img { border-color:#aeaeae; opacity:1; }