/* ----- Farben --------*/ .blau { color: #095BA6 } .blauhell { color: #84ADD2 } .blaudunkel { color: #003366 } .gruen { color: #007577 } .gruenhell { color: #80BABB } .gruenhellhell { color: #d9eaeb } .rot { color: #FF0000 } .weiss { color: #ffffff } .schwarz { color: #000000 } .bgblau { background-color: #095BA6 } .bgblauhell { background-color: #84ADD2 } .bgblaudunkel { background-color: #003366 } .bggruen { background-color: #007577 } .bggruenhell { background-color: #80BABB } .bggruenhellhell { background-color: #d9eaeb } .bgrot { background-color: #FF0000 } .bgweiss { background-color: #ffffff } .bgschwarz { background-color: #000000 } /* ----- Allgemeine Formatierungen--------*/ /* Abst 0nde aller Elemente auf Null setzen + weitere Formatierungen */ body { background-image: url("../_bg/bg.gif") } html, body { font-size: 14px } html, body, div, p, h1, h2, h3, h4, h5, ul, ol, li, span, a, form, img, input, table, td, th { font-family: Arial, Helvetica, Geneva, sans-serif; } html, body, div, p, h1, h2, h3, h4, h5, ul, ol, li, span, form, img, input { margin: 0; padding: 0; } h1 { font-size: 20px; font-weight: normal; color: #095BA6; font-weight: normal; word-spacing: 0px; letter-spacing: 1px; margin:0.5em 0 0.5em 0 } h2 { font-size: 20px; font-weight: normal; color: #095BA6; font-weight: normal; word-spacing: 0px; letter-spacing: 1px; margin:1.0em 0 0.5em 0 } h3 { font-size: 14px; font-weight: bold; color: #095BA6; margin:1em 0 0 0 } h4 { font-size: 14px; font-weight: bold; color: #666666; margin:1em 0 0 0 } h5 { font-size: 12px; font-weight: normal; color: #000000; margin:0 } p, ul, table, tr, th, td { font-size:14px; } sup, sub { font-size: 72%; ; line-height: 0px; } input, textarea { font-size: 12px; font-weight: bold; color: #095BA6; } textarea { width:100% } hr { background-color:#80BABB; /* Mozilla 1.4 */ color:#80BABB; /* IE 6 */ border: #80BABB; /* Opera 7.11 */ height: 5px; /* in Opera f?r die Anzeige n?tig, in Mozilla f?r die einheitliche H?he */ } .hrweiss { background-color:#ffffff; color:#ffffff; border: #ffffff; height: 5px; } /* Klassen allgemein */ .l { text-align: left } .c { text-align: center } .r { text-align: right } /* ----- Listen Spezial: PDF / More -------- */ ul.pdf, ul.pdf li, ul li.pdf, ul.more, ul.more li, ul li.more { list-style: none; margin-left:0; padding-left:0; border: none; display:inline } ul.pdf, ul.more { margin:0.7em 0 0.5em; display:block } ul.pdf li a, ul.more li a, a.more, a.pdf { font-weight: bold; background-color: transparent; margin: 0.3em 0 0; padding: 0 0 0 20px; border: none; text-decoration: none; display:block; } ul.more li a, a.more { color: #095BA6; background: url(img/more.gif) no-repeat } ul.pdf li a, a.pdf { color: #095BA6; background: url(img/pdf.gif) no-repeat; } ul.more li a:hover, a:hover.more { background: url(img/more_o.gif) no-repeat; color: #007577; } ul.pdf li a:hover, a:hover.pdf { background: url(img/pdf_o.gif) no-repeat; color: #007577; } .clearing { height: 0; clear: both; } .floatrechts { float:right; padding:0; margin: 0 0 10px 10px; display:inline } .floatrechts1 { float:right; padding:0; margin: 0 0 10px 10px; display:inline; width: 146px } .floatrechts2 { float:right; padding:0; margin: 0 0 10px 10px; display:inline; width: 288px } .floatlinks{ float:left; padding:0; margin: 0; display:inline; width: 563px } .spalte0 { float:left; padding:0; margin: 0; display:inline; width: 563px } .spalte1 { float:left; padding:0; margin: 0; display:inline; width: 265px } .spalte2 { float:left; padding:0; margin: 0; display:inline; width: 288px } .spalte1b { float:left; padding:0; margin: 0; display:inline; width: 407px } .spalte2b { float:left; padding:0; margin: 0; display:inline; width: 146px } .spalte3 { float:left; padding:0; margin: 0; display:inline; width: 146px } a:link { color: #095BA6 } a:visited { color: #095BA6 } a:hover { color: #007577 } a:active { color: #095BA6 } /* Content-Abst 0nde */ #content .abstand, .abstand { margin: 5px } #content .rahmen, .rahmen { padding:5px } #content .top0, .top0 { margin-top: 0 } #content .top1, .top1 { margin-top: 0.3em } #content .top2, .top2 { margin-top: 0.5em } #content .top3, .top3 { margin-top: 1.0em } #content .bottom0, .bottom0 { margin-bottom: 0 } #content .bottom1, .bottom1 { margin-bottom: 0.3em } #content .bottom2, .bottom2 { margin-bottom: 0.5em } #content .bottom3, .bottom3 { margin-bottom: 1.0em } /* Content */ #content { margin: 0; padding: 0; position: relative; width: 563px; overflow:hidden } #content p { margin-top:0.7em; line-height: 1.3em;} #content li { margin-top:0.2em; } #content ul { list-style-type: disc; margin: 0.5em; padding-left: 1.3em; border: none } #content ol { list-style-type: decimal; margin: 0.5em; padding-left: 1.3em; border: none } /* Content Klassen */ #content .legende { color: #095BA6; font-weight: bold; font-size: 12px; margin:0; padding: 5px 5px 0 5px } #content .legendetitel { color: #095BA6; font-weight: bold; font-size: 12px; margin:0; padding: 5px 0 0 0 } #content .legendetext { color: #000; font-weight: normal; font-size: 11px; margin:0; padding: 3px 0 0 0 } #content .legendeinfotitel { color: #095BA6; font-weight: bold; font-size: 12px; padding:0; margin: 0 0 6px 0 } #content .legendeinfo { color: #333333; font-weight: bold; font-size: 12px; padding:0; margin: 0 0 6px 0 } #content .titelbalken { color: #ffffff; padding:5px; margin: 0; background-color: #095BA6 } #content .portraitname { color: #095ba6; font-size: 12px; font-weight: bold; margin: 5px 0 0 0; padding:0; line-height: 14px } #content .portraitmail { color: #000000; font-size: 12px; font-weight: normal; margin: 5px 0 0 0; padding:0; line-height: 14px } #content .portraitwww { color: #000000; font-size: 12px; font-weight: bold; margin: 5px 0 0 0; padding:0; line-height: 14px } #content .portraittext { color: #000000; font-size: 12px; font-weight: normal; margin: 7px 0 0 0; padding:0; line-height: 14px } #content .foti { float: right; display: inline; padding: 0; margin-left:10px; margin-bottom:10px; width: 288px; } #content .foti img { margin:0; padding: 0; } #content .foti p { color: #095BA6 ! important; background-color: #d9eaeb; font-weight: bold; font-size: 12px; margin:0; padding: 4px 5px 1px 5px; } /* tabellen */ table.liste { width: auto; border-collapse: collapse; } table.liste th { padding: 0.1em 0.5em 0.1em 0em; vertical-align:top; color: #ffffff; text-align:left; border-bottom: #666666 1px solid } table.liste td { padding: 0.1em 0.5em 0.0em 0em; vertical-align:top; } table.liste table { width: auto; margin-top:0px; border-collapse: collapse; } table.liste table tr { border: none; } table.liste table td { padding: 0 0.5em 0 0; vertical-align:top;} /* tabellen */ table.liste_bg { width: auto; border-collapse: collapse; } table.liste_bg th { padding: 0.2em 0.2em 0.2em 0.5em; vertical-align:top; color: #ffffff; background-color: #007577; text-align:left; border-bottom: #ffffff 1px solid } table.liste_bg td { padding: 0.3em 0.2em 0.2em 0.5em; vertical-align:top; background-color: #d9eaeb; } table.liste_bg table { width: auto; margin-top:0px; border-collapse: collapse; } table.liste_bg table tr { border: none; } table.liste_bg table td { padding: 0 0.5em 0 0; vertical-align:top;} #faqlinks td { color: #095ba6; font-size: 12px; margin: 0; padding:2px; background-color: #d9eaeb} #linkliste td { padding: 6px 0 0 0 } #linkliste h3, #linkliste p { margin: 0 0 0.2em 0 } #meetings { background-color: #d9eaeb } #meetings td { padding: 3px; border-bottom: #ffffff 5px solid } #meetings h1, #meetings h3, #meetings h4, #meetings p { margin: 0; padding:0; } /* Navigation */ #nav { margin: 0; padding: 0; display: block; width:177px; } /* Nav DE */ #nav a#klinik_de { background-image: url("../de/_buttons/klinik.gif"); height: 29px; } #nav a#klinik_de:hover { background-image: url("../de/_buttons/klinik_o.gif") } #nav a#aerzte_de { background-image: url("../de/_buttons/aerzte.gif"); height:29px; margin-top:2px; } #nav a#aerzte_de:hover { background-image: url("../de/_buttons/aerzte_o.gif") } #nav a#bessersehen_de { background-image: url("../de/_buttons/bessersehen.gif"); height:29px; margin-top:2px; } #nav a#bessersehen_de:hover { background-image: url("../de/_buttons/bessersehen_o.gif") } #nav a#brillenmuede_de { background-image: url("../de/_buttons/brillenmuede.gif"); height:29px; margin-top:2px; } #nav a#brillenmuede_de:hover { background-image: url("../de/_buttons/brillenmuede_o.gif") } #nav a#informationen_de { background-image: url("../de/_buttons/informationen.gif"); height:29px; margin-top:2px; } #nav a#informationen_de:hover { background-image: url("../de/_buttons/informationen_o.gif") } #nav a#fachartikel_de { background-image: url("../de/_buttons/fachartikel.gif"); height:29px; margin-top:2px; } #nav a#fachartikel_de:hover { background-image: url("../de/_buttons/fachartikel_o.gif") } #nav a#meetings_de { background-image: url("../de/_buttons/meetings.gif"); height:29px; margin-top:2px; } #nav a#meetings_de:hover { background-image: url("../de/_buttons/meetings_o.gif") } #nav a#gesundheitswesen_de { background-image: url("../de/_buttons/gesundheitswesen.gif"); height:29px; margin-top:2px; } #nav a#gesundheitswesen_de:hover { background-image: url("../de/_buttons/gesundheitswesen_o.gif") } #nav a#kontakt_de { background-image: url("../de/_buttons/kontakt.gif"); height:29px; margin-top:2px; } #nav a#kontakt_de:hover { background-image: url("../de/_buttons/kontakt_o.gif") } /* EN */ #nav a#klinik_en { background-image: url("../en/_buttons/klinik.gif"); height: 29px; } #nav a#klinik_en:hover { background-image: url("../en/_buttons/klinik_o.gif") } #nav a#aerzte_en { background-image: url("../en/_buttons/aerzte.gif"); height:29px; margin-top:2px; } #nav a#aerzte_en:hover { background-image: url("../en/_buttons/aerzte_o.gif") } #nav a#bessersehen_en { background-image: url("../en/_buttons/bessersehen.gif"); height:29px; margin-top:2px; } #nav a#bessersehen_en:hover { background-image: url("../en/_buttons/bessersehen_o.gif") } #nav a#brillenmuede_en { background-image: url("../en/_buttons/brillenmuede.gif"); height:29px; margin-top:2px; } #nav a#brillenmuede_en:hover { background-image: url("../en/_buttons/brillenmuede_o.gif") } #nav a#informationen_en { background-image: url("../en/_buttons/informationen.gif"); height:29px; margin-top:2px; } #nav a#informationen_en:hover { background-image: url("../en/_buttons/informationen_o.gif") } #nav a#fachartikel_en { background-image: url("../en/_buttons/fachartikel.gif"); height:29px; margin-top:2px; } #nav a#fachartikel_en:hover { background-image: url("../en/_buttons/fachartikel_o.gif") } #nav a#meetings_en { background-image: url("../en/_buttons/meetings.gif"); height:29px; margin-top:2px; } #nav a#meetings_en:hover { background-image: url("../en/_buttons/meetings_o.gif") } #nav a#kontakt_en { background-image: url("../en/_buttons/kontakt.gif"); height:29px; margin-top:2px; } #nav a#kontakt_en:hover { background-image: url("../en/_buttons/kontakt_o.gif") } /* Nav */ #nav ul { list-style-type: none; margin: 0; padding: 0; width: 177px; display: inline; } #nav ul li { margin: 0; padding: 0; display: inline } #nav ul li a { width:177px; display: block; margin: 0; padding: 0; text-decoration: none; background-repeat: no-repeat } /* Nav1 Titel */ #nav ul h3 { font-size: 12px; font-weight: bold; line-height: 15px; display:block; margin: 0 0 0 11px; padding: 0; } #nav ul h3 a { padding: 3px 2px 2px 3px; background-color: #d9eaeb; border-bottom: 1px solid #d9eaeb; text-decoration: none; width: 177px; } * html #nav h3 a { width:166px;} #nav ul h3 a:link, #nav ul h3 a:visited { color: #007577; } #nav ul h3 a:hover { color: #095BA6; } /* Nav1 */ #nav ul ul li { margin: 0; padding: 0; display: inline; font-size: 12px; font-weight: bold; line-height: 15px; } #nav ul ul li a { background-image: url("nav.gif"); background-repeat: no-repeat; display: block; margin: 0 0 0 20px; padding: 0 0 2px 17px; border-top: 0px solid #d9eaeb; text-decoration: none; width: 177px; } * html #nav ul ul li a { width:157px;} #nav ul ul li a:link, #nav ul ul li a:visited { color: #007577; } #nav ul ul li a:hover { background-image: url(nav_o.gif); color: #80BABB; } /* ENDE Nav1 */ /* Nav2 */ #nav ul ul ul li { margin: 0; padding: 0; width: 177px; display: inline; font-size: 12px; font-weight: normal; line-height: 15px; } #nav ul ul ul li a { background-image: url("nav.gif"); background-repeat: no-repeat; display: block; margin: 0 0 0 34px; padding: 0 0 2px 17px; border-top: 0px solid #d9eaeb; width: 177px; } * html #nav ul ul ul li a { width:143px;} #nav ul ul ul li a:link, #nav ul ul li a:visited { color: #007577; text-decoration: none; } #nav ul ul ul li a:hover { background-image: url(nav_o.gif); color: #095BA6; } /* ENDE Nav2 */ #nav .subnav { display: none } #nav .subsubnav { display: none } /* Navrechts */ #navrechts { margin: 0; padding: 0; display: block; overflow: hidden; width:288px; text-align: left } #navrechts ul { list-style-type: none; margin: 0; padding: 0; width: 288px; display: inline; } #navrechts ul li { margin: 0; padding: 0; width: 177px; display: inline; } #navrechts ul li a { font-size: 12px; font-weight: normal; line-height: 15px; background-image: url("nav.gif"); background-repeat: no-repeat; display: block; ; text-decoration: none; margin: 0 0 0 2px; padding: 0 0 2px 17px; width:288px; } * html #navrechts ul li a { width:290px;} #navrechts ul li a { color: #007577; } #navrechts ul li a:hover { color: #80BABB; background-image: url(nav_o.gif); } /* Footer */ #footer { display: block; width:760px; height: 30px; background-color: #d9eaeb; } #footerright { display: block; width:563px; height: 30px; background-color: #d9eaeb; } #footer a, #footerright a { text-decoration: none; } #english { background-image: url("../de/_pfeile/english.gif"); width:79px; height: 21px; display: inline; margin:4px 77px 0 21px; float: left; } #english:hover { background-image: url("../de/_pfeile/english_o.gif"); } #deutsch { background-image: url("../en/_pfeile/deutsch.gif"); width:79px; height: 21px; display: inline; margin:4px 77px 0 21px; float: left; } #deutsch:hover { background-image: url("../en/_pfeile/deutsch_o.gif"); } #home { background-image: url("../de/_pfeile/homepage.gif"); width:92px; height: 21px; display: inline; margin:4px 0 0 0px; float: left; } #home:hover { background-image: url("../de/_pfeile/homepage_o.gif"); } #mvp { background-image: url("../_bg/mvp_logo.gif"); width:173px; height: 12px; display: inline; margin:9px 0 0 107px; float: left; background-repeat: no-repeat; } #nachoben { background-image: url("../de/_pfeile/nachoben.gif"); width:97px; height: 21px; display: inline; margin:4px 0 0 0; float: right; } #nachoben:hover { background-image: url("../de/_pfeile/nachoben_o.gif"); } #top { background-image: url("../en/_pfeile/tothetop.gif"); width:97px; height: 21px; display: inline; margin:4px 0 0 0; float: right; } #top:hover { background-image: url("../en/_pfeile/tothetop_o.gif"); }