body{ margin: 0px; padding: 0px; background-color: #F0F0F0; } /* Layout -------------------------------------------------------------- */ #center {position: relative; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px; width: 960px} #top {width: 640px; height: 20px; margin: 0px 0px 0px 0px; padding-top: 65px} #menutop {width: 960px; height: 40px; text-align: center; margin: 35px 0px 0px 0px; border-top: 4px solid #962C40; border-bottom: 2px solid #1B1663} #content {width: 960px; margin: 40px 0px 0px 0px} #content-praxis {width: 700px; margin: 40px 0px 0px 0px} #footer {width: 960px; height: 50px; margin: 150px 0px 0px 0px; padding: 4px 0px 0px 0px; border-top: 1px solid #1B1663} /* Logo -------------------------------------------------------------- */ .logo a { text-decoration: none; text-indent:-1000px; background: url("../images/logo.gif") left top no-repeat; display: block; width: 640px; height: 20px; margin: 0px; padding: 0px; } /* Global -------------------------------------------------------------- */ div { font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-weight: normal; font-size: 14px; color: #444444; } .typo-small {font-size: 12px} .typo-blue {color: #1B1663} .typo-red {color: #962B40} h1 { color: #1B1663; font-size: 16px; } h1.top {margin-top: 0px} h1.top-bottom {margin: 0px} h1.top-up {margin-top: 0px; text-transform: uppercase} h1.up {text-transform: uppercase} h1.up-red {text-transform: uppercase; color: #962B40} h1.top-up-red {margin-top: 0px; text-transform: uppercase; color: #962B40} h2 { color: #1B1663; font-size: 14px; font-weight: normal; } h2.top {margin-top: 0px} h2.top-bottom {margin: 0px} h2.top-up {margin-top: 0px; text-transform: uppercase} h2.bottom-up {margin-bottom: 0px; text-transform: uppercase} h2.up {text-transform: uppercase} h2.up-red {text-transform: uppercase; color: #962B40} a { text-decoration: none; color: #999999; } a:hover { text-decoration:none; color: #666666; } a.anfahrt {padding: 5px 0px 10px 30px; font-size: 16px; background: url(../images/icon-anfahrt.gif) top left no-repeat} a.bus {padding: 5px 0px 10px 30px; font-size: 16px; background: url(../images/icon-bus.gif) top left no-repeat} hr { background-color: #1B1663; border: none; color: #1B1663; height: 1px } hr.start {width: 590px} /* Hack IE6/IE7 Info: Safari und FF kommen ohne width-Angabe aus */ /* Clear/Outlines/Images/Floats */ img.border {border: 2px solid #FFFFFF; margin-bottom: 5px} .clear {clear: both} a img {border: 0px} a:focus {outline: none} /* Firefox */ .float-left {float: left; margin-right: 0px} .float-left-start {float: left; margin-right: 0px; height: 182px} * html .float-left-start {height: 196px} /* Hack IE 6 */ *+html .float-left-start {height: 196px} /* Hack IE 7 */ .float-left-20 {float: left; margin-right: 20px} .float-left-40 {float: left; margin-right: 40px} .float-left-60 {float: left; margin-right: 60px} .float-left-310 {float: left; margin-right: 310px} .float-left-180 {float: left; margin-right: 180px} .float-right {float: right} .float-right-450 {float: right; width: 450px} .float-left-300 {float: left; width: 300px} .float-left-450 {float: left; width: 450px} .float-left-28 {float: left; margin-right: 28px; width: 300px} .centertext {text-align: justify} #content ul {padding-left: 16px} * html #content ul {padding-left: 0px; margin-left: 16px} /* Hack IE 6 */ *+html #content ul {padding-left: 0px; margin-left: 16px} /* Hack IE 7 */ li {list-style-image: url(../images/bindestrich-grau.gif)} li.blue {list-style-image: url(../images/bindestrich-blau.gif)} li.red {list-style-image: url(../images/bindestrich-rot.gif)} /* Navigation -------------------------------------------------------------- */ #menutop a { display: block; float:left; margin-right: 20px; } #menutop a.start {background: url("../images/nav-start.gif") no-repeat; width: 80px; height: 40px} #menutop a.start-s {background: url("../images/nav-start1.gif") no-repeat; width: 80px; height: 40px} #menutop a:hover.start {background: url("../images/nav-start1.gif") no-repeat} #menutop a.praxis {background: url("../images/nav-praxis.gif") no-repeat; width: 105px; height: 40px} #menutop a.praxis-s {background: url("../images/nav-praxis1.gif") no-repeat; width: 105px; height: 40px} #menutop a:hover.praxis {background: url("../images/nav-praxis1.gif") no-repeat} #menutop a.aerzte {background: url("../images/nav-aerzte.gif") no-repeat; width: 70px; height: 40px} #menutop a.aerzte-s {background: url("../images/nav-aerzte1.gif") no-repeat; width: 70px; height: 40px} #menutop a:hover.aerzte {background: url("../images/nav-aerzte1.gif") no-repeat} #menutop a.team {background: url("../images/nav-team.gif") no-repeat; width: 68px; height: 40px} #menutop a.team-s {background: url("../images/nav-team1.gif") no-repeat; width: 68px; height: 40px} #menutop a:hover.team {background: url("../images/nav-team1.gif") no-repeat} #menutop a.leistungsspektrum {background: url("../images/nav-leistungsspektrum.gif") no-repeat; width: 148px; height: 40px} #menutop a.leistungsspektrum-s {background: url("../images/nav-leistungsspektrum1.gif") no-repeat; width: 148px; height: 40px} #menutop a:hover.leistungsspektrum {background: url("../images/nav-leistungsspektrum1.gif") no-repeat} #menutop a.patienteninfo {background: url("../images/nav-patienteninfo.gif") no-repeat; width: 102px; height: 40px} #menutop a.patienteninfo-s {background: url("../images/nav-patienteninfo1.gif") no-repeat; width: 102px; height: 40px} #menutop a:hover.patienteninfo {background: url("../images/nav-patienteninfo1.gif") no-repeat} #menutop a.kontakt {background: url("../images/nav-kontakt.gif") no-repeat; width: 62px; height: 40px} #menutop a.kontakt-s {background: url("../images/nav-kontakt1.gif") no-repeat; width: 62px; height: 40px} #menutop a:hover.kontakt {background: url("../images/nav-kontakt1.gif") no-repeat} #menutop a.links {background: url("../images/nav-links.gif") no-repeat; width: 40px; height: 40px} #menutop a.links-s {background: url("../images/nav-links1.gif") no-repeat; width: 40px; height: 40px} #menutop a:hover.links {background: url("../images/nav-links1.gif") no-repeat} #menutop ul { display: inline; padding: 0px; margin: 0px; } #menutop ul li { display: inline; list-style-type: none; padding: 0px; margin: 0px; } /* Footer -------------------------------------------------------------- */ #footer a {color: #1B1663; text-decoration: none; font-size: 12px} #footer a.imprint {background: url("../images/imprint.gif") 0px 4px no-repeat; padding: 4px 4px 4px 18px; margin: 0px 80px 0px 0px} #footer a.top {background: url("../images/top.gif") 0px 4px no-repeat; padding: 4px 4px 4px 18px; margin: 0px 10px 0px 0px} #footer a.print {background: url("../images/print.gif") 0px 4px no-repeat; padding: 4px 4px 4px 16px} #footer a:hover {color: #3C359C; background-position: 0px -21px}