/* Standard-Farben */ .grau { color: #666666 } .grauhellhell { color: #eeeeee } .orange { color: #ff6600 } .orangehell { color: #ffcc99 } .orangehellhell { color: #ffe3d1 } .weiss { color: #ffffff } .schwarz { color: #000000 } .bggrau { background-color: #666666 } .bggrauhellhell { background-color: #eeeeee } .bgorange { background-color: #ff6600 } .bgorangehell { background-color: #ffcc99 } .bgorangehellhell { background-color: #ffe3d1 } .bgweiss { background-color: #ffffff } .bgschwarz { background-color: #000000 } /* Gerüst */ body { background: #ffffff url(img/bg.gif); } /* ----- Content --------*/ #content { display: block; position: absolute; z-index: 20; top: 109px; left: 211px; width: 537px; padding:34px; background: #ffffff; } *html #content { width: 605px } /* Adresse für Printversion */ #printadresse { display: none} /* Logo */ #logo { position: absolute; z-index: 4; top: 7px; left: 41px; width: 129px; height:102px; display:block; overflow: hidden } #logo img { display:block; } /* Menu (links) */ #menu { position: absolute; z-index: 5; top: 143px; left: 41px; width: 129px; display:block; margin:0; padding:0 } /* Menu oben Titel */ #menu_oben_titel { position: absolute; z-index: 19; top: 7px; left: 245px; width: 544px; height: 27px; overflow: hidden; } /* Menu oben */ #menu_oben { position: absolute; z-index: 20; top: 41px; left: 245px; width: 544px; height: 27px; display:block; margin:0; padding:0; } /* Clearing */ .clearing { height: 0; clear: both; } /* ----- Allgemeine Formatierungen--------*/ /* Abst 0nde aller Elemente auf Null setzen + weitere Formatierungen */ html, body, div, p, h1, h2, h3, h4, h5, span, a, form, img, ul, ol, li { font-family: Arial, Helvetica, sans-serif, Trebuchet, "Trebuchet MS", Geneva; margin: 0; padding: 0; } /* Allgemeine Formatierungen */ html, body { font-size: 14px } h1 { font-size: 20px; font-weight: normal; color: #ff6600; background-color: #eee; display: block; margin: 0 0 7px; padding: 2px 5px; line-height: 1.3em } h2 { font-size: 20px; font-weight: normal; color: #666666; background-color: #eee; display: block; margin: 0 0 7px; padding: 2px 5px; line-height: 1.3em } h3 { font-size: 16px; font-weight: bold; color: #666666; margin: 1em 0 0.5em; } h4 { font-size: 14px; font-weight: bold; color: #000000; margin: 0.7em 0 0.5em; } h5 { font-size: 14px; font-weight: normal; color: #000000; margin: 0.7em 0 0.5em 0; font-style: italic; } p, li, table, tr, th, td { font-size:14px; color: #000000; } p { color: #000000; } .klein h3 { font-size: 13px; } .klein p, .klein ul, .klein th, .klein td, .klein h4 { font-size:12px; } a:link { color: #ff6600; font-weight:bold } a:visited { color: #ff6600; font-weight:bold } a:hover { color: #ffcc99; font-weight:bold; text-decoration: overline } a:active { color: #ff6600; font-weight:bold } a.ins:link { color: #ff6600; font-weight:bold } a.ins:visited { color: #ff6600; font-weight:bold } a.ins:hover { color: #ffcc99; font-weight:bold; text-decoration: overline } a.ins:active { color: #ff6600; font-weight:bold } a.nav:link { color: #666666; font-weight:bold; text-decoration: none } a.nav:visited { color: #666666; font-weight:bold; text-decoration: none } a.nav:hover { color: #ff6600; font-weight:bold; text-decoration: none } a.nav:active { color: #666666; font-weight:bold; text-decoration: none } a.neg:link { color: #ffffff; font-weight:bold; text-decoration: none } a.neg:visited { color: #ffffff; font-weight:bold; text-decoration: none } a.neg:hover { color: #ff6600; font-weight:bold; text-decoration: none } a.neg:active { color: #ffffff; font-weight:bold; text-decoration: none } /* ----- 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, a.pdf, ul.more li a, a.more { 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: #ff6600; background: url(img/more.gif) no-repeat; } ul.pdf li a, a.pdf { color: #ff6600; background: url(img/pdf.gif) no-repeat; } ul.more li a:hover, a:hover.more { color: #666666; background: url(img/more_o.gif) no-repeat; } ul.pdf li a:hover, a:hover.pdf { color: #666666; background: url(img/pdf_o.gif) no-repeat; } .c { text-align: center ! important } .l { text-align: left ! important } .r { text-align: right ! important } form { margin-top: 0; margin-bottom: 0 } form input { font-size: 100%; font-weight: bold; color: #666666 } form table tr td { background-color: #eeeeee; padding:4px } form table tr td td { background-color: #eeeeee; padding: 0.2em 7px 0.2em 0 } form h1 { } /* Abstände */ body .top0 { margin-top: 0; } body .top1 { margin-top: 0.2em; } body .top2 { margin-top: 0.5em; } body .top3 { margin-top: 1em; } body .bottom0 { margin-bottom: 0; } body .bottom1 { margin-bottom: 0.2em; } body .bottom2 { margin-bottom: 0.5em; } body .bottom3 { margin-bottom: 1em; } /* Content */ p { margin-top: 0.7em; } li { margin-top:0.2em; } ul { list-style-type: circle; border: none; margin-top: 0.5em; padding-left: 1.4em } .foti { float: right; display: inline; padding: 0; margin: 0 0 10px 10px; width: 273px; } .foti img { margin:0; padding: 0 } .foti p { color: #666666; background-color: #eeeeee; font-weight: bold; font-size: 11px; margin:0; padding: 5px } /* Tabellen neutral */ table { margin-top:0; border-collapse: collapse; } table tr { border: none; } table th { padding: 0.0em 0.5em 0.0em 0; vertical-align:top; text-align:left; color: #666666; border-bottom: 1px solid #666666 } table td { padding: 0.0em 0.5em 0.0em 0; vertical-align:top; } table table { border-collapse: collapse; } table table tr { border: none; } table table td { padding: 0 0.5em 0 0; vertical-align:top; } table h3 { margin-top:0; margin-bottom: 0; line-height: 1.4em; } table h4 { margin-top:0; margin-bottom: 0; line-height: 1.4em; } table p { margin-top:0.3em; margin-bottom: 0; line-height: 1.4em; } /* Tabelle kompress */ table.kompress { } table.kompress td { padding: 0 7px 0 0; } /* Tabelle Links*/ table.linkliste h3 { font-size: 14px; width:255px; background: #eeeeee; padding: 2px 5px 2px 5px; margin: 0 0 7px 0; } table.linkliste td { padding: 7px 0.5em 7px 0; } /* Tabellen liste */ table.liste { margin-top:0; border-collapse: collapse; } table.liste tr { border: none; } table.liste th { padding: 0.1em 0.5em 0.1em 0; vertical-align:top; text-align:left; color: #666666; border-bottom: 1px solid #666666 } table.liste td { padding: 0.3em 0.5em 0 0; vertical-align:top; } table.liste table { border-collapse: collapse; } table.liste table tr { border: none; } table.liste table td { padding: 0 0.5em 0 0; vertical-align:top; } table.liste h3 { margin-top:0; margin-bottom: 0; line-height: 1.4em; } table.liste h4 { margin-top:0; margin-bottom: 0; line-height: 1.4em; } table.liste p { margin-top:0.3em; margin-bottom: 0; line-height: 1.4em; } /* Tabellen Veranstaltungen */ .veranstaltungen table { margin-top: 0; border-collapse: collapse; } .veranstaltungen table tr { border: none; } .veranstaltungen table th { padding: 0.7em 0.5em 0.1em 0; vertical-align:top; text-align:left; color: #666666; border-bottom: 1px solid #666666 } .veranstaltungen table td { padding: 0.3em 0.5em 0 0; vertical-align:top; } .veranstaltungen table table { border-collapse: collapse; } .veranstaltungen table table tr { border: none; } .veranstaltungen table table td { padding: 0 0.5em 0 0; vertical-align:top; } .veranstaltungen table h3 { margin-top:0; margin-bottom: 0; line-height: 1.4em; } .veranstaltungen table h4 { margin-top:0; margin-bottom: 0; line-height: 1.4em; } .veranstaltungen table p { margin-top:0.3em; margin-bottom: 0; line-height: 1.4em; } /* Tabellen liste */ table.blutt { margin-top:0; border-collapse: collapse; } table.blutt td { padding: 0; } table.blutt table td { padding: 0 0.5em 0 0 } /* Tabellen Liste mit Linie */ table.bg { width: 100%; margin-top:14px; border-collapse: collapse; font-size: 12px; } table.bg th { padding: 0.1em 0.5em 0.1em 0.5em; vertical-align:top; text-align:left; width:90px; border: solid 1px #b2b2b2; } table.bg td { padding: 0.1em 0.5em 0.1em 0.5em; vertical-align:top; border: solid 1px #b2b2b2; } table.bg th img { float: left; display: inside; padding: 5px; margin: 0; width: 90px; } table.bg td h3 { margin:5px 5px 0; padding:0; color:#666666; line-height: 1.4em } table.bg td h4 { margin:5px 5px 0; padding:0; color:#000000; line-height: 1.4em } table.bg td p { margin:5px 5px 0; padding:0; color:#000000; line-height: 1.4em } .linieoben { border-top: solid 2px #000000 ! important; } .linieunten { border-bottom: solid 2px #000000 ! important; } /* Inserate */ #inserate { margin: 0; padding: 0 } #inserate h2 { color: #666; font-size: 14px; list-style-type: square; list-style-position: inside; display: list-item; margin: 0; padding: 0 0 5px } #inserate div { font-weight: normal; background-color: #eee; margin: 0 0 5px; padding: 5px; line-height: 16px; } #inserate div p { font-weight: normal; margin: 0; padding: 5px 0 0; line-height: 16px } #inserate div ul { font-weight: normal; margin: 0; padding: 5px 0 0 1.5em; line-height: 16px } #inserate div li { font-weight: normal; margin: 0; padding: 0; line-height: 16px } #wappen { margin: 0 0 14px } #wappen div { margin: 0 10px 5px 0; float: left } /* NewsNav */ .newsnav { display: block; position: absolute; top: 7px; left: 245px; width: 537px } .newsnav table { height: 95px; } .newsnav table td { background: #eeeeee; padding-top: 5px; } .newsnav table table { height: auto; background: none; margin: 0; padding: 0 0 4px 0; } .newsnav2 { background-color: #eeeeee; margin-top:7px; padding: 5px } .newsnav ul, .newsnav2 ul { list-style-type: none ! important; margin: 0 ! important;; padding: 0 ! important;; } .newsnav ul li, .newsnav2 ul li { margin: 0; padding: 0 0 0 1em; font-size: 12px; font-weight: bold; color:#666666; line-height: 15px; background-image: url(../_diverse/qu_grau.gif); background-repeat: no-repeat; background-position: 0 3px; } .newsnav2 ul li { padding-bottom: 0.3em; } /* Beratung */ .beratungspezial a:link { color: #666666 ! important; font-weight:bold } .beratungspezial a:visited { color: #666666 ! important; font-weight:bold } .beratungspezial a:hover { color: #ff6600 ! important; font-weight:bold; text-decoration: overline } .beratungspezial a:active { color: #666666 ! important; font-weight:bold } /* Veranstaltungen */ .veranstaltungen { position: relative; display:block; padding-bottom: 7px; } .veranstaltungsbild { float: right; display: inline; height: 300px; width: 233px; margin: 0 0 7px 10px; background:url(bilder/aufstieg.jpg) no-repeat 0 -50px; } .veranstaltungen h1, .veranstaltungen h2 { clear: both; margin: 0; } /* Home - Veranstaltungen */ .veranstaltunghome { float:left; width:265px; height: 398px; text-align:left ! important; margin: 0 0 0 0; padding: 0; display:block; position: relative; background-color: white; background-image:url(bilder/aufstieghome.jpg); background-position: left top; background-repeat: no-repeat; } .veranstaltunghome h3 { margin: 08px 5px 0 8px; padding: 0; font-size: 20px; } .veranstaltunghome h3 a { color: #B64900; text-decoration: none; } .veranstaltunghome h3 a:hover { color: #444444; } .veranstaltunghome h4 { color: #ffffff; margin: 10px 0px 0 8px; padding: 0; } .veranstaltunghome h5 { position: absolute; display:block; bottom: 5px; right: 8px; font-style: normal; font-weight: bold; font-size: 14px; margin:0; padding:0px; width:130px; } .veranstaltunghome h5 a.more { color: #444444; } .veranstaltunghome h5 a.more:hover { color: #ff6600; } /* Home - ZDF */ .zdfhome { float:left; display: inline; width:265px; text-align: center ! important; margin: 7px 0 0 0; padding: 0 0 7px 0; display:block; position: relative; background-color: #eeeeee; background-image: none; background-position: left top; background-repeat: no-repeat; border: #aaaaaa solid 1px; } .zdfhome h3 { font-size: 18px; margin-top: 8px; } .zdfhome h3 a { color: #ff6600; text-decoration: none; } .zdfhome h3 a:hover { color: #444444; } .zdfhome h4 { } .zdfhome p { margin: 0; } /* Homepage News */ .newshome { float:left; width:251px; text-align:left ! important; background: #eeeeee; margin: 0; padding: 7px; display:block } *html .newshome { width: 265px; } .newshome h1 { text-align: center; margin: 0; padding: 0; display:block; background: #ffffff; } .newshome h3 { text-align: left; font-size: 13px; margin-bottom: 0; padding: 0; } .newshome h4 { text-align: left; font-size: 12px; margin: 0.3em 0 0 0; padding: 0; } .newshome td, .newshome p { text-align: left; font-size: 12px; margin: 0.3em 0 0 0; padding: 0; } .newshome hr { background-color: #666666; color: #666666; border: #666666; height: 1px; margin: 7px 0 7px 0; } /* Inserat Praxistellen */ .inseratpraxisstellen { margin: 7px 0 0 0; padding: 7px; width: 523px; text-align: left ! important; background-color: #eeeeee; background-image: none; background-position: left top; background-repeat: no-repeat; border: #aaaaaa solid 1px; float:left; display: inline; } .inseratpraxisstellen h3 { } .inseratpraxisstellen h4 { } .inseratpraxisstellen p { } /* Partner */ .partner h2 { margin: 0.8em 0 0.1em 0; font-size: 16px; padding: 1px 5px; line-height: 1.3em } /*------------------------------------alt--------------------------------------*/ sup, sub { font-size: 72%; line-height: 0; } .rahmen { padding: 5px ; border: 1px solid #666666 } .infobox { padding: 5px ; border: 1px solid #666666; background: #eeeeee; margin-top: 0.7em } .abstand { margin: 5px } .abstand-12 { margin-top: -10px } .abstand-8 { margin-top: -8px } .abstand-4 { margin-top: -4px } .abstand-2 { margin-top: -2px } .abstand0 { margin-top: 0 } .abstand2 { margin-top: 2px } .abstand4 { margin-top: 4px } .abstand8 { margin-top: 8px } .gesperrt { word-spacing: 2px; letter-spacing: 1px } .text { font-size: 14px } .text- { font-size: 14px; margin-top: -8px } .textklein { font-size: 12px } .textklein- { font-size: 12px; margin-top: -6px } .textgross { font-size: 16px } .textgross- { font-size: 16px; margin-top: -4px } .titel { font-size: 20px; font-weight: normal; color: #ff6600 } .utitel { color: #666666; font-weight: bold; font-size: 16px } .uutitel { color: #666666; font-weight: bold; font-size: 14px } .uutitel- { color: #666666; font-weight: bold; font-size: 14px; margin-top: -8px } .institel { color: #ff6600; font-weight: bold; font-size: 16px; word-spacing: 2px; letter-spacing: 1px; margin-top: 4px; margin-bottom: 7px } .insort { color: #fff; font-weight: bold; font-size: 12px; background-color: #ff6600; margin: 0 0 6px; padding: 1px 4px } .instext { font-size: 14px; margin-top: 12px; margin-bottom: 2px } .instext- { font-size: 14px; margin-top: 8px; margin-bottom: 2px } /* Linie */ hr { background-color:#bbbbbb; /* Mozilla 1.4 */ color:#bbbbbb; /* IE 6 */ border: #bbbbbb; /* Opera 7.11 */ height: 3px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */ } /* Menu (links) */ #menu ul { list-style-type: none; margin: 0; padding:0; text-align: right; } #menu li { height: 34px; margin: 0; padding: 0; overflow: hidden; display:block; } #menu li a { background: url(img/nav.gif) no-repeat; height:34px; font-size: 14px; line-height: 20px; margin:0; padding: 3px 34px 0 0; text-decoration: none; display: block; overflow: hidden } #menu li a { color: #666666; } #menu li a:hover { background-position: 0 -34px; color: #ff6600; } #menu li.expanded a, #menu li a.active { background-position: 0 -68px; color: #ff6600; } /* Menu oben Titel */ #menu_oben_titel ul { margin: 0; padding: 0; text-align: center; font-weight: bold } #menu_oben_titel li { color: #fff; font-size: 18px; font-weight: bold; background-color: #666; text-align: center; list-style: none; display: block; margin: 0 7px 0 0; padding-top: 4px; width: 265px; height: 27px; float: left; overflow: hidden } /* Menu oben */ #menu_oben ul { list-style-type: none; margin: 0; padding:0; text-align: left; } #menu_oben li { float: left; height: 34px; display: block; margin: 0 7px 0 0; padding: 0; list-style: none; overflow: hidden; } #menu_oben li a { background: url(img/nav_oben.gif) no-repeat; height: 34px; line-height: 12px; padding: 8px 0 0 34px; text-decoration: none; display: block } #menu_oben li a { color: #666666; } #menu_oben li a:hover { background-position: 0 -34px; color: #ff6600; } #menu_oben li.expanded a, #menu_oben li a.active, #menu_oben li a#kein_link { background-position: 0 -68px; color: #ff6600; } #menu_oben li.spalte1 { width: 129px; } #menu_oben li.spalte2 { width: 265px; } #menu_oben li.spalte3 { width: 401px; } #menu_oben li.spalte4 { width: 537px; } /* Fusszeile */ ul#fusszeile { position: relative; width: 537px; height: 27px; display:block; margin: 7px 0 0; padding:0; list-style-type: none; background-color: #eeeeee; } #fusszeile li { height: 27px; display: block; margin: 0; padding: 9px 0 0 0; list-style-type: none; overflow: hidden; } #fusszeile li#fusslinks { float: left; text-align: left; width: 300px; } #fusszeile li#fussrechts { float: left; text-align: right; width: 237px; } #fusszeile li a { font-size: 14px; text-decoration: none; line-height: 0px; display:inline } #fusszeile li a { color: #666666; } #fusszeile li a:hover { color: #ff6600; } #fusszeile li.expanded a, #fusszeile li a.active, #fusszeile li a#kein_link { color: #ff6600; }