* {
padding: 0;
margin: 0;
}
html {
overflow-y: scroll; /*erzwingt Scrollbars im FF*/
}
html, body {
height: 100%;
}
body {
font-size: 100%;
line-height: 1.125em;
background-color: #fff;
background-image: url(../images/hg.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: Arial, sans-serif;
min-width: 980px;
}
a {
text-decoration: none;
outline: none;
}
ul {
list-style: none;
}
img {
border: none;
}
img.right {
float: right;
margin: 4px 30px 0px 30px;
}
#wrapper {
position: relative;
top: 0;
left: 50%;
width: 980px;
margin-left: -490px;
}
#logo {
position: absolute;
top: 0;
left: 0;
width: 165px;
height: 147px;
background-image: url(../images/ring1.gif);
background-position: top left;
background-repeat: no-repeat;
}
#logo h1 {
font-size: 12px;
font-weight: bold;
line-height: 1.25em;
margin-left: 33px;
}
#logo h1#top {
margin-top: 5px;
}
#logo h1#bottom {
margin-top: 10px;
}
#logo a:link,
#logo a:visited, 
#logo a:hover, 
#logo a:active {
color: #7960fa;
}
#ring2 {
position: absolute;
top: 63px;
right: 0px;
}
#nav {
width: 900px;
height: 70px;
margin-bottom: 2px;
margin-left: 75px;
border-bottom: 4px solid #a5e946;
}
ul#mainNav {
float: left;
width: 597px;
margin-top: 50px;
margin-bottom: 5px;
padding-left: 120px;
background: transparent;
}
ul#mainNav li {
float: left;
}
ul#mainNav li#last {
float: right;
}
ul#mainNav a {
display: block;
padding: 0 .5em;
font-weight: bold;
}
ul#mainNav a:link, ul#mainNav a:visited {
color: #fcab36;
}
ul#mainNav a:hover, ul#mainNav a:active {
color: #7960fa;
}
#praxis #mainNav .praxis a,
#team #mainNav .team a,
#leistungen #mainNav .leistungen a,
#tipps #mainNav .tipps a,
#kontakt #mainNav .kontakt a,
#impressum #mainNav .impressum a {
color: #7960fa;
}
#content {
margin-left: 175px;
width: 805px;
background: transparent;
}
#mainContent {
float: left;
width: 638px;
min-height: 325px;
height: auto !important; /* und folgende Zeile: min-height-hack für IE6 */
height: 325px;
background-color: #a5e946;
background-image: url(../images/kreis_w.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;
padding: 30px 0px;
}
#mainContent h2, #mainContent h3, #mainContent p, #mainContent ul {
font-size: .75em;
font-weight: bold;
color: #7d6adb;
}
#mainContent h2, #mainContent h3, #mainContent p {
padding: 0 30px;
}
#praxis #mainContent #leftColumn p,
#impressum #mainContent #leftColumn p {
padding-right: 15px;
}
#mainContent h2, #mainContent p, #mainContent ul {
margin-bottom: .75em;
}
#impressum #mainContent h3 {
margin-bottom: .25em;
}
#leistungen #mainContent ul {
margin-bottom: 0;
}
#mainContent ul li {
margin-left: 10px;
}
#mainContent .green,
#leistungen #rightColumn h3,
#tipps #rightColumn h3 {
color: #518507;
}
#mainContent a:link, #mainContent a:visited {
color: #fff;
}
#mainContent a:hover, #mainContent a:active {
color: #f18e00;
}
#mainContent #leftColumn {
float: left;
width: 49%;
}
#mainContent #rightColumn {
float: right;
width: 49%;
}
#impressum #rightColumn {
padding-top: 4.5em;
}
#praxis #mainContent #rightColumn #start {
min-height: 150px;
height: auto !important; /* und folgende Zeile: min-height-hack für IE6 */
height: 150px;
background-image: url(../images/logo_g2.jpg);
background-repeat: no-repeat;
background-position: 7px 4px;
}
#leistungen #start {
text-align: center;
}
#mainContent #rightColumn p,
#mainContent #rightColumn h2,
#mainContent #rightColumn h3,
#mainContent #rightColumn ul {
padding-right: 30px;
}
#mainContent ul {
padding: 0 0 0 25px;
}
#team #mainContent ul li,
#leistungen #mainContent ul li,
#tipps #mainContent ul li {
background-image: url(../images/punkt.jpg);
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 5px;
}
.dot {
font-weight: bold;
margin-left: 7px;
margin-right: 1px;
}
#leistungen #mainContent #leftColumn h3,
#tipps #mainContent #leftColumn h3 {
margin-bottom: .75em;
}
div#start {
display: block;
}
#leistungen #mainContent #rightColumn img,
#praxis #mainContent #rightColumn img {
margin-top: 4px;
}
#praxis a.selected,
#leistungen a.selected,
#tipps a.selected {
color: #f18e00;
}
#leistungen #legende {
background-color:#fff;
border: 2px solid #a5e946;
}
#leistungen #legende ul,
#leistungen #legende p {
color: #7960fa;
padding-left: 13px;
}
#leistungen #legende ul{
margin-bottom: .75em;
}
#leistungen #legende ul li {
background: none;
padding-left: 0;
margin-left: 0;
}
#leistungen #legende a:link,
#leistungen #legende a:visited {
color: #fcab36;
}
#leistungen #mainContent #legende a:hover,
#leistungen #mainContent #legende a:active {
color: #7960fa;
}
#secondaryContent {
float: right;
width: 160px;
}
#secondaryContent p {
font-size: .75em;
font-weight: bold;
color: #7960fa;
margin-bottom: 2em;
padding: 0;
}
#footer {
clear: both;
}
.jqmWindow {
display: none; 
background: transparent;
z-index: 1; /*Der IE6 benötigt diese Angabe aus nicht nachvollziehbarem Grund.*/
}
#praxis .jqmWindow#gallery {
position: absolute;
top: 76px;
left: 175px;
width: 638px;
background-color: #fff;
}
#praxis .jqmWindow#plan {
position: absolute;
top: 76px;
left: 175px;
width: 638px;
padding: 30px 0;
text-align: center;
background-color: #a5e946;
background-image: url(../images/kreis_w.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;
}
#leistungen .jqmWindow#tabelle01,
#leistungen .jqmWindow#tabelle02 {
position: absolute;
top: 10px;
left: 174px;
width: 640px;
}
#gallery .closeButton {
position: absolute;
top: 2px;
right: 2px;
}
#plan .closeButton {
position: absolute;
top: 32px;
right: 32px;
}
#leistungen #closeButton,
#leistungen #closeButton02 {
position: absolute;
top: 0;
right: 0;
}
#leistungen #closeButton03 {
position: absolute;
bottom: 0;
right: 0;
}
#slideshow {
position: relative;
height: 430px;
}
#slideshow img {
position: absolute;
top: 0;
left: 0;
}
div#controls {
float: left;
width: 100%;
margin-top: 5px;
}
div#controls div.ss-controls {
float: left;
}
div#controls div.nav-controls {
float: right;
}
div#controls div.nav-controls img {
float: right;
margin: 4px 0px 0px 10px;
}
div#controls a {
font-size: .75em;
font-weight: bold;
}
div#controls a:link, div#controls a:visited {
color: #fcab36;
}
div#controls a:hover, div#controls a:active {
color: #7960fa;
}
form {
margin-left: 16px;
font-family: Arial, sans-serif;
}
fieldset {
border: none;
}
label {
display: block;
font-size: .75em;
font-weight: bold;
color: #7d6adb;
}
input, textarea {
font-family: Arial, sans-serif;
font-size: .75em;
font-weight: normal;
border: none;
color: #7960fa;
background-color: #fff;
margin-bottom: .5em;
}
input.text {
width: 260px;
padding: .2em .3em .2em .3em;
}
textarea {
width: 260px;
padding: .5em .3em .5em .3em;
overflow: auto;
}
input.button {
font-size: .675em;
font-weight: bold;
color: #fcab36;
padding: .1em .5em .1em .5em;
}
#note {
margin: 0px 30px 0px 16px;
}
#note p {
padding-left: 0;
}
#rollover {
position: relative;
float: left;
}
#rollover #teamImg {
margin: 0 30px 20px 30px;
}
#rollover .remote a {
cursor: default;
}
#rollover a .hotspot {
position: absolute;
top: 0px;
width: 89px;
height: 134px;
}
#rollover .gross a .hotspot {
left: 30px;
}
#rollover .schwester1 a .hotspot {
left: 126px;
}
#rollover .schwester2 a .hotspot {
left: 224px;
}
#rollover .schwester3 a .hotspot {
left: 320px;
}
#rollover .schwester4 a .hotspot {
left: 417px;
}
#rollover .langer a .hotspot {
left: 514px;
}
#rollover a:hover {
border: none;
}
#rollover a:hover .hotspot {
border: 3px solid #7d6adb;
}