* {
margin: 0; padding: 0;
}

html, body {
background-color: #fff;
width: 100%; height: 100%;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000;
text-align: center;
}

#distance {
width: 10px;
height: 50%;
margin-bottom: -300px;
float: left;
}

#wrapper,
#wrapper-pmunch, #wrapper-interview, #wrapper-anfahrt, #wrapper-kontakt,
#wrapper-geschichte, #wrapper-philosophie1, #wrapper-philosophie2, #wrapper-ausbildung,
#wrapper-saeuglinge, #wrapper-kleinkinder, #wrapper-behinderte, #wrapper-erwachsene, #wrapper-senioren,
#wrapper-wirbelsaeule1, #wrapper-wirbelsaeule2, #wrapper-vegnervensys, #wrapper-pernervensys,
#wrapper-behandlung, #wrapper-therapie, #wrapper-roentgen1, #wrapper-roentgen2 {
position: relative;
margin: 0 auto;
width: 960px; height: 600px;
clear: left;
}

#wrapper { background: url("../images/back_home.jpg") right top no-repeat #fff; }
#wrapper-pmunch { background: url("../images/back_pmunch.jpg") right top no-repeat #fff; }
#wrapper-interview { background: url("../images/back_interview.jpg") right top no-repeat #fff; }
#wrapper-anfahrt { background: url("../images/back_anfahrt.jpg") right top no-repeat #fff; }
#wrapper-kontakt { background: url("../images/back_kontakt.jpg") right top no-repeat #fff; }
#wrapper-geschichte { background: url("../images/back_geschichte.jpg") right top no-repeat #fff; }
#wrapper-philosophie1 { background: url("../images/back_philosophie1.jpg") right top no-repeat #fff; }
#wrapper-philosophie2 { background: url("../images/back_philosophie2.jpg") right top no-repeat #fff; }
#wrapper-ausbildung { background: url("../images/back_ausbildung.jpg") right top no-repeat #fff; }
#wrapper-saeuglinge { background: url("../images/back_saeuglinge.jpg") right top no-repeat #fff; }
#wrapper-kleinkinder { background: url("../images/back_kleinkinder.jpg") right top no-repeat #fff; }
#wrapper-behinderte { background: url("../images/back_behinderte.jpg") right top no-repeat #fff; }
#wrapper-erwachsene { background: url("../images/back_erwachsene.jpg") right top no-repeat #fff; }
#wrapper-senioren { background: url("../images/back_senioren.jpg") right top no-repeat #fff; }
#wrapper-wirbelsaeule1 { background: url("../images/back_wirbelsaeule1.jpg") right top no-repeat #fff; }
#wrapper-wirbelsaeule2 { background: url("../images/back_wirbelsaeule2.jpg") right top no-repeat #fff; }
#wrapper-vegnervensys { background: url("../images/back_vegnervensys.gif") right top no-repeat #fff; }
#wrapper-pernervensys { background: url("../images/back_pernervensys.gif") right top no-repeat #fff; }
#wrapper-behandlung { background: url("../images/back_behandlung.jpg") right top no-repeat #fff; }
#wrapper-therapie { background: url("../images/back_therapie.jpg") right top no-repeat #fff; }
#wrapper-roentgen1 { background: url("../images/back_roentgen1.jpg") right top no-repeat #fff; }
#wrapper-roentgen2 { background: url("../images/back_roentgen2.jpg") right top no-repeat #fff; }

a:focus { outline: none; }
p.orange, span.orange { color: #ff7921; }
p.dark, span.dark { color: #333; }
div.clearer { clear: both; }

a.extlink {
text-decoration: none;
color: #ff7921;
}

/* Main Menu ------------------------------------- */


#mainmenu-1, #mainmenu-2, #mainmenu-3, #mainmenu-4, #mainmenu-5 {
position: absolute;
top: 88px;
text-align: left;
}

#mainmenu-1 { left: 120px; }
#mainmenu-2 { left: 192px; }
#mainmenu-3 { left: 311px; }
#mainmenu-4 { left: 409px; }
#mainmenu-5 { left: 505px; }

#mainmenu-1 a, #mainmenu-2 a, #mainmenu-3 a, #mainmenu-4 a, #mainmenu-5 a {
font-size: 14px;
font-weight: bold;
color: #004d7b;
text-decoration: none;
}

#mainmenu-1 a:hover, #mainmenu-2 a:hover, #mainmenu-3 a:hover, #mainmenu-4 a:hover, #mainmenu-5 a:hover,
#mainmenu-1 a.active, #mainmenu-2  a.active, #mainmenu-3 a.active, #mainmenu-4 a.active, #mainmenu-5 a.active,
#mainmenu-1 a.active:hover, #mainmenu-2 a.active:hover, #mainmenu-3 a.active:hover, #mainmenu-4 a.active:hover, #mainmenu-5 a.active:hover {
color: #f66024;
}


/* Sub Menus ------------------------------------- */

#submenu1, #submenu2, #submenu3, #submenu4, #submenu5 {
position: absolute;
top: 5px;
width: 200px;
text-align: left;
}

#submenu1 { left: 120px; }
#submenu2 { left: 192px; }
#submenu3 { left: 311px; }
#submenu4 { left: 409px; }
#submenu5 { left: 505px; }

#submenu1 ul, #submenu2 ul, #submenu3 ul, #submenu4 ul, #submenu5 ul {
margin: 0; padding: 0;
list-style: none;
}

html>body #submenu1 ul li, html>body #submenu2 ul li, html>body #submenu3 ul li, html>body #submenu4 ul li, html>body #submenu5 ul li {
display: block;
height: 16px;
font-size: 12px;
}

* html #submenu1 ul li, * html #submenu2 ul li, * html #submenu3 ul li, * html #submenu4 ul li, * html #submenu5 ul li {
line-height: 1.2;
font-size: 12px;
}

#submenu1 ul li a, #submenu2 ul li a, #submenu3 ul li a,
#submenu4 ul li a, #submenu5 ul li a {
display: block;
height: 16px;
color: #004d7b;
text-decoration: none;
}

#submenu1 ul li a:hover, #submenu2 ul li a:hover, #submenu3 ul li a:hover, #submenu4 ul li a:hover, #submenu5 ul li a:hover,
#submenu1 ul li a.active, #submenu2 ul li a.active, #submenu3 ul li a.active, #submenu4 ul li a.active, #submenu5 ul li a.active,
#submenu1 ul li a.active:hover, #submenu2 ul li a.active:hover, #submenu3 ul li a.active:hover, #submenu4 ul li a.active:hover, #submenu5 ul li a.active:hover {
color: #f66024;
}


/* Top Menu -------------------------------------- */

#topmenu-k, #topmenu-i {
position: absolute;
top: 4px;
text-align: left;
}

#topmenu-k { left: 778px; }
#topmenu-i { left: 840px; }

#topmenu-k a, #topmenu-i a {
font-size: 10px;
color: #f66024;
text-decoration: none;
}

#topmenu-k a:hover, #topmenu-k a.active,
#topmenu-i a:hover, #topmenu-i a.active {
font-weight: bold;
}


/* Num Navi -------------------------------------- */

#numnavi {
position: absolute;
right: 340px; bottom: 44px;
text-align: left;
}

#numnavi ul {
margin: 0; padding: 0;
list-style: none;
}

#numnavi ul li {
float: left;
padding-right: 20px;
font-size: 14px;
}

#numnavi ul li a {
color: #9c9a9a;
text-decoration: none;
}

#numnavi ul li a:hover, #numnavi ul li a.active, #numnavi ul li a.active:hover {
color: #f66024;
}



/* Untermenus Anatomie, Roentgen, Nervensystem ---- */


#anat-1, #anat-2,
#roen-1, #roen-2 {
position: absolute;
top: 540px;
text-align: left;
}

#vegn-1, #vegn-2, #vegn-3 {
position: absolute;
top: 529px;
text-align: left;
}

#anat-1 { left: 297px; }
#anat-2 { left: 461px; }
#roen-1 { left: 414px; }
#roen-2 { left: 523px; }

#vegn-1 { left: 120px; }
#vegn-2 { left: 274px; }
#vegn-3 { left: 420px; }

#anat-1 a, #anat-2 a, #roen-1 a, #roen-2 a,
#vegn-1 a, #vegn-2 a, #vegn-3 a {
font-size: 12px;
color: #f66024;
text-decoration: none;
}

#anat-1 a:hover, #anat-1 a.active,
#anat-2 a:hover, #anat-2 a.active,
#roen-1 a:hover, #roen-1 a.active,
#roen-2 a:hover, #roen-2 a.active,
#vegn-1 a:hover, #vegn-1 a.active,
#vegn-2 a:hover, #vegn-2 a.active,
#vegn-3 a:hover, #vegn-3 a.active {
font-weight: bold;
}


/* ----------------------------------------------- */


#homelink {
position: absolute;
left: 16px; top: 20px;
width: 84px; height: 84px;
}

#homelink a {
background: url("../images/logo.gif") left top no-repeat #fff;
display: block;
width: 84px; height: 84px;
text-indent: -500em;
}

#content {
position: absolute;
left: 120px; top: 168px;
width: 600px;
text-align: left;
}

#content h1.indx1, #content h1.indx2 {
position: absolute;
left: 78px; top: 0;
width: 300px; height: 300px;
text-indent: -500em;
z-index: 0;
}

#content h1.indx1 { background: url("../images/h1home1.gif") left top no-repeat #fff; }
#content h1.indx2 { background: url("../images/h1home.gif") left top no-repeat #fff; }

#content h4 {
position: absolute;
left: 0; top: 0;
width: 1px; height: 1px;
text-indent: -500em;
}

#ffwd {
position: relative;
width: 960px; height: 600px;
z-index: 20;
}

#ffwd a {
display: block;
width: 960px; height: 600px;
text-indent: -500em;
z-index: 30;
}

#content h2 {
margin-bottom: 4px;
font-size: 14px;
font-weight: bold;
color: #004d7b;
line-height: 1.5;
}

#content h3 {
margin-bottom: 6px;
font-size: 14px;
font-weight: normal;
color: #4e4b4a;
line-height: 1.5;
}

#content p {
font-size: 11px;
font-weight: normal;
color: #4e4b4a;
line-height: 1.5;
}

#pmportrait {
position: absolute;
left: 0px; top: 172px;
}

div.abst {
display: block;
width: 20px;
height: 212px;
}

/* Anatomie + Behandlung */

table#wirbel {
border: none;
}

table#wirbel td {
font-size: 12px;
color: #004d7b;
text-align: center;
}

table#wirbel td.rb {
text-align: right;
}

#content .inactive {
color: #9c9a9a;
}

/* Peripheres Nervensystem */

ul#diagram {
list-style: none;
font-size: 11px;
}

ul#diagram li a {
color: #000;
text-decoration: none;
}

ul#diagram li a:hover {
font-weight: bold;
color: #000;
text-decoration: none;
}

ul#diagram li a div.ruecken,
ul#diagram li a div.lenden,
ul#diagram li a div.huefte,
ul#diagram li a div.knie,
ul#diagram li a div.wade,
ul#diagram li a div.fuss {
display: block;
position: absolute;
width: 80px; height: 16px;
text-align: right;
cursor: hand;
z-index: 20;
}

ul#diagram li a div.hals,
ul#diagram li a div.schulter,
ul#diagram li a div.elle,
ul#diagram li a div.hand {
display: block;
position: absolute;
width: 80px; height: 16px;
text-align: left;
cursor: hand;
z-index: 20;
}

ul#diagram li a div.ruecken  { right: 302px; top: 230px; }
ul#diagram li a div.lenden   { right: 316px; top: 290px; }
ul#diagram li a div.huefte   { right: 307px; top: 324px; }
ul#diagram li a div.knie     { right: 274px; top: 444px; }
ul#diagram li a div.wade     { right: 274px; top: 496px; }
ul#diagram li a div.fuss     { right: 274px; top: 536px; }
ul#diagram li a div.hals     { left: 785px; top: 153px; }
ul#diagram li a div.schulter { left: 839px; top: 203px; }
ul#diagram li a div.elle     { left: 855px; top: 276px; }
ul#diagram li a div.hand     { left: 871px; top: 336px; }


ul#diagram span.info {
display: none;
}

ul#diagram a:hover span.info {
display: block;
position: absolute;
top: 300px; left: 120px;
width: 320px; height: 240px;
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 1.5;
}

/* Anfahrt/Route */

#route {
background: none;
position: absolute;
top: 160px; right: 0;
width: 240px; height: 240px;
border: none;
}

#route a {
display: block;
width: 240px; height: 240px;
text-indent: -500em;
}

#adresse {
position: absolute;
top: 468px; right: 0;
width: 224px;
}

#adresse p {
font-size: 12px;
font-weight: bold;
color: #004d7b;
text-align: left;
line-height: 1.4;
}