* { margin:0; padding:0; z-index:1; } body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:100.01%; font-style:normal; font-weight:normal; min-width:993px; text-align:center; /* für den IE */ color:#5C5654; background-color:#ADB6C3; /* Hintergrund ausserhalb */ background-image: url(/fileadmin/radiologen/img/layout/bg_gradiant.png); background-repeat: repeat-x; } div { margin:0; padding:0; overflow:visible; text-align:left; } div.sta { position:static; } div.rel { position:relative; } div.abs { position:absolute; } img, form, input, button, table { margin:0; padding:0; } ul { margin:0; padding:0; list-style-type:disc; list-style-position:outside; } .unsichtbar { display: none; } /* iemac hide \*/ .unsichtbar { display: inline; position:absolute; left:-3000px; top:-3000px; width: 0px; height: 0px; z-index: 200; } /* eof iemac hide */ /* das folgende ist Redakteurs-Content */ /* p.bodytext { margin:0; padding:0.5em 16px 0em 0em; font-size:0.84em; line-height:1.4; } */ p.foottext { margin:0; font-size:0.7em; line-height:2; padding-top: 3em; padding-right: 0px; padding-bottom: 1em; padding-left: 0px; } h1.rubriktitel { /* hier steht der Abstand zum Kopf in margin */ margin:24px 0px 6px 0px; padding:0.4em 0px 0.4em 5px; font-size:0.7em; font-weight:800; text-align:left; font-stretch:condensed; text-transform:uppercase; color:#FFFFFF; background-color:#ACB6C0; border-top:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; border-left:none; border-right:none; } div#bannerzeile h1 { margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; /* padding:0.4em 0px 0.4em 10px; text-align:left; */ padding:0.4em 0px; text-align:center; font-size:0.7em; font-weight:800; font-stretch:normal; letter-spacing:1px; text-transform:uppercase; color:#FFFFFF; background-color:#ACB6C0; border-top:solid 1px #B1B8BD; border-bottom:solid 1px #B1B8BD; border-left:none; border-right:none; } div.aktuellwrapper, div.infowrapper { background-color:transparent; position:static; width:198px; } h2.csc-firstHeader { margin:1.4em 0px 0.6em 0px; font-size:1em; line-height:1.5; } /* unter div.infowrapper in der rechten Spalte soll h2 wie h1.rubriktitel aussehen, aber kein Padding nach unten haben. */ /* h2.rubriktitel ist der Header der Rubrik "Sprechzeiten" */ div.infowrapper h2, h2.rubriktitel { /* hier steht der Abstand zum Kopf in margin */ margin:24px 0px 0px 0px; padding:0.4em 0px 0.4em 5px; font-size:0.7em; font-weight:800; text-align:left; font-stretch:condensed; text-transform:uppercase; color:#FFFFFF; background-color:#ACB6C0; border-top:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; border-left:none; border-right:none; } /* der Link zum Seitenanfang und der Link zum Drucken der Seite */ a.intlink { text-decoration:none; } a.intlink:link { color:#596D85; background-color:#DBDCDE; } a.intlink:visited { color:#596D85; background-color:#DBDCDE; } a.intlink:hover { color:#252750; background-color:#DBDCDE; } a.intlink:active, a.intlink:focus { color:#FFFFFF; background-color:#ADB6C3; } a#pril { margin-left:2em; } /*-----------------------------------------------------------------* | | | Containerstruktur: | | | | #hut | #hut_sp_links | | #hut_sp_rechts | |

| | #hut_sp_rechts_vorn | | #hut_sp_rechts_hinten | | | | #rahmen_kopf_rumpf_fuss | | #innereien | | #farbrahmen | | .sep | | #kopf | | #kopf_sp_links | | #kopf_sp_rechts | | | | .sep | | .sepw | | #rumpf | | #rumpf_sp_links | | #rumpf_sp_mitte | | | | #fuss | | #fuss_sp_mitte | | #fuss_sp_rechts | | | | #sohle | | | | #abstand_unten | | | | | *-----------------------------------------------------------------*/ /*-----------------------------------------------------------------* | | | #hut: der erste Container von oben; 2spaltiger Inhalt: | | #hut_sp_links (Topnavigation) | | #hut_sp_rechts (Suchformular) | | | *-----------------------------------------------------------------*/ #hut { width:978px; margin:20px auto 0px auto; } /*-----------------------------------------------------------------* | | | #hut_sp_links; hier: Topnavigation | | | *-----------------------------------------------------------------*/ #hut_sp_links { width:757px; float:right; color:#FFFFFF; background-color:#5E7087; letter-spacing: 0.1em; } /*-----------------------------------------------------------------* | | | #hut_sp_rechts; hier: Such-Eingabefeld und -Button | | | *-----------------------------------------------------------------*/ #hut_sp_rechts { width:200px; float:right; color:#FFFFFF; background-color:#ADB6C3; } /*-----------------------------------------------------------------* | | | #hut_sp_rechts_vorn; hier: Such-Eingabefeld | | | *-----------------------------------------------------------------*/ #hut_sp_rechts_vorn { width:145px; float:left; color:#FFFFFF; background-color:#ADB6C3; } /*-----------------------------------------------------------------* | | | #hut_sp_rechts_hinten; hier: Such-Button | | | *-----------------------------------------------------------------*/ #hut_sp_rechts_hinten { width:60px; float:right; color:#FFFFFF; background-color:#ADB6C3; } /*-----------------------------------------------------------------* | | | #rahmen_kopf_rumpf_fuss: der zweite Container; enthält den | | gesamten gerahmten restlichen Inhalt nach #hut. | | | *-----------------------------------------------------------------*/ #rahmen_kopf_rumpf_fuss { width:978px; /* zusammengesetzt aus: #farbrahmen + 2mal weißer Rahmen [958px + 2 * 10px] */ clear:both; margin:0px auto 0px auto; color:#000000; background-color:#FFFFFF; border:1px solid #000000; } /*-----------------------------------------------------------------* | | | #innereien: Container direkt innerhalb von | | #rahmen_kopf_rumpf_fuss; nötig für browserübergreifend | | konstante Dicke des weißen Rahmens. | | | *-----------------------------------------------------------------*/ #innereien { margin-top:10px; /* für weißen Rahmen */ } /*-----------------------------------------------------------------* | | | #farbrahmen: Container direkt innerhalb von | | #innereien; nötig für Verlängerung der | | Hintergrundfarbe. | | | *-----------------------------------------------------------------*/ #farbrahmen { width:958px; margin-left:10px; color:#596D85; background-color:#DBDCDE; } /*-----------------------------------------------------------------* | | | #kopf: erster Container mit Content innerhalb | | von #farbrahmen; 2spaltiger Inhalt: | | #kopf_sp_links (Logo) | | #kopf_sp_rechts (Titelbild) | | | *-----------------------------------------------------------------*/ #kopf { width:958px; height:190px; color:#596D85; background-color:#DBDCDE; overflow:hidden; } /* in der Datei monokopf.css wurde die Definition für #kopf_sp_links überschrieben und die Breite dieses Containers vergrößert, so daß sie 958px beträgt. Dies für Startseiten, wo das Banner den Ort des Logos und des Titelbildes einnimmt; #kopf_sp_rechts fehlt in solchen Fällen. Dies ist überholt. */ /*-----------------------------------------------------------------* | | | #kopf_sp_links; hier: Logo | | | *-----------------------------------------------------------------*/ #kopf_sp_links { width:238px; float:left; overflow:hidden; } /*-----------------------------------------------------------------* | | | #kopf_sp_rechts; hier: Titelbild | | | *-----------------------------------------------------------------*/ #kopf_sp_rechts { width:720px; float:left; overflow:hidden; } /*-----------------------------------------------------------------* | | | #bannerzeile; optional; bei Startseite vorhanden | | | *-----------------------------------------------------------------*/ div#bannerzeile { width:958px; } /*-----------------------------------------------------------------* | | | #rumpf: zweiter Container mit Content innerhalb | | von #farbrahmen; 3spaltiger Inhalt: | | #kopf_sp_links (Logo) | | #kopf_sp_rechts (Titelbild) | | #kopf_sp_rechts (Titelbild) | | | *-----------------------------------------------------------------*/ #rumpf { width:958px; clear:both; color:#596D85; background-color:#DBDCDE; } /*-----------------------------------------------------------------* | | | #rumpf_sp_links; hier: linke Navigation | | | *-----------------------------------------------------------------*/ #rumpf_sp_links { width:238px; float:left; padding:0; } /*-----------------------------------------------------------------* | | | #rumpf_sp_mitte; hier: Hauptinhalt | | | *-----------------------------------------------------------------*/ #rumpf_sp_mitte { width:720px; float:right; } /*-----------------------------------------------------------------* | | | #fuss: dritter Container mit Content innerhalb | | von #farbrahmen; 2spaltiger eingerückter Inhalt: | | #fuss_sp_mitte (Copyright-Vermerk) | | #fuss_sp_rechts (Link zu Seitenanfang und Druck) | | | *-----------------------------------------------------------------*/ #fuss { width:958px; clear:both; color:#596D85; background-color:#DBDCDE; } /*-----------------------------------------------------------------* | | | #fuss_sp_mitte; hier: Copyright-Vermerk | | | *-----------------------------------------------------------------*/ #fuss_sp_mitte { left:238px; width:492px; float:left; } /*-----------------------------------------------------------------* | | | #fuss_sp_rechts; hier: Link Seitenanfang & Link Druck | | | *-----------------------------------------------------------------*/ #fuss_sp_rechts { width:200px; float:right; } /*-----------------------------------------------------------------* | | | #sohle: an dieser Stelle ist ein Container notwendig | | wegen "clear:both" innerhalb von "farbrahmen". Er | | liefert den unteren weißen Rand. Irgendwelcher Inhalt | | ist nicht vorgesehen. | | | *-----------------------------------------------------------------*/ #sohle { clear:both; height:10px; color:#000000; background-color:#FFFFFF; overflow:hidden; } /*-----------------------------------------------------------------* | | | #abstand_unten: Container mit zwei kosmetischen | | Neuzeilen | | | *-----------------------------------------------------------------*/ #abstand_unten { } div.sprechzeiten { position:static; width:198px; } /* Klassen aus css_styled_content */ /* der Container um den Text in einem text-with-image-Block */ div.csc-textpic-text { margin:0; padding:0; } dl, dt { margin:0; padding:0; } /* table.typo3-editPanel wird erst durch JavaScript sichtbar gemacht */ table.typo3-editPanel { visibility:hidden; } /* div.csc-textpic-imagewrap: der Container um das Bild (plus

-Zierrat) in einem text-with-image-Block */ /* ein Haufen überflüssiger Wrapper-Divs. */ div.csc-textpic, div.csc-textpic-left, div.csc-textpic-center, div.csc-textpic-above, div.csc-textpic-equalheight, div.csc-textpic-imagewrap, div.csc-textpic-imagecolumn { margin:0; padding:0; position:static; overflow:visible; } /* div.csc-textpic-imagecolumn bekommt im Falle des Auftretens in der rechten Spalte die dortige Hintergrundfarbe. Dies verhindert, daß unterhalb des Bildes der hellere Hintergrund einen Balken bildet. */ div#rumpf_sp_rechts div.csc-textpic-imagecolumn { color:#FFFFFF; background-color:#ACB6C0; } /* Liste im Topmenü */ ul.nv_ro { font-size: 0.7em; text-align:right; margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } /* Topmenü: Styling. ------------------------------------------------ */ li.nv_ro_no { display:inline; margin:0; padding:0 0 0 16px; font-weight:800; list-style-type:none; } li.nv_ro_act { display:inline; margin:0; padding:0 0 0 16px; font-weight:800; list-style-type:none; } a.nv_ro { margin:0; padding:0; white-space:nowrap; text-decoration:none; text-transform:uppercase; color:#FFFFFF; background-color:#5E7087; } a.nv_ro:link { color:#FFFFFF; background-color:#5E7087; } a.nv_ro:visited { color:#F0F0F0; background-color:#5E7087; } a.nv_ro:hover { color:#252750; background-color:#5E7087; } a.nv_ro:active, a.nv_ro:focus { color:#252750; background-color:#5E7087; } /* Suche: Styling. ------------------------------------------------ */ #such_inp { width:140px; height:1.6em; /* margin:0 6px 0px 0px; */ padding:2px 0 0 6px; border:solid 1px #5A6E87; z-index:10; } #suchbutt { width:53px; height:1.6em; margin-left:10px; border:solid 1px #5A6E87; color:#596D85; background-color:#DBDCDE; z-index:11; cursor:pointer; } #suchbutt:hover { color:#252750; background-color:#DBDCDE; } #suchbutt:active, #suchbutt:focus { color:#252750; background-color:#E0E6F0; } /* linkes Menü: Styling. ------------------------------------------------ */ /* Liste im linken Menü */ ul.nv_l { font-size: 0.7em; /* hier steht der Abstand zum Kopf in margin */ margin:24px 16px 0px 0px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background-color:#DBDCDE; width:222px; } /* linkes Menü: für ie (wohl überflüssig). ------------------------------------------------ *ul.nv_l { margin-top:3.2em; margin-right:16px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; width: 239px; } */ /* Items in der Liste im linken Menü */ ul.nv_l li { display:block; margin:0px; padding:0px; list-style-type:none; letter-spacing:0.1em; background-color:#DBDCDE; } /* Listenitems der Ebene 1: innerhalb der Menü-Liste, normal und aktiv. Identisch mit dem Listenitem am Ende der Menü-Liste. */ li.nv_l_no1 { font-weight:bold; border-top:1px solid #FFFFFF; } li.nv_l_act1 { font-weight:bold; border-top:1px solid #FFFFFF; } /* Listenitems der Ebene 1: am Anfang der Menü-Liste, normal und aktiv. Unterscheidet sich durch Fehlen der weißen Linie oberhalb. Hier scheint ein IE-Hack mit * html nötig zu sein.*/ li.nv_l_no1_begin { font-weight:bold; border:none; } li.nv_l_act1_begin { font-weight:bold; border:none; } * html li.nv_l_no1_begin { font-weight:bold; border-top:1px solid #DBDCDE; } * html li.nv_l_act1_begin { font-weight:bold; border-top:1px solid #DBDCDE; } /* Listenitems der Ebene 1: am Ende der Menü-Liste, normal und aktiv. Identisch mit den Listenitems innerhalb der Menü-Liste. */ li.nv_l_no1_end { font-weight:bold; border-top:1px solid #FFFFFF; } li.nv_l_act1_end { font-weight:bold; border-top:1px solid #FFFFFF; } /* Anker der Ebene 1 */ a.nv_l { display:block; margin:0px; padding:0.4em 0px 0.4em 14px; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#596D85; background-color:#DBDCDE; } a.nv_l:link { color:#596D85; background-color:#DBDCDE; } a.nv_l:visited { color:#697085; background-color:#DBDCDE; } a.nv_l:hover { color:#FFFFFF; background-color:#ADB6C3; } a.nv_l:active, a.nv_l:focus { color:#FFFFFF; background-color:#ADB6C3; } /* Listenitems der Ebene 2 normal und aktiv */ li.nv_l_no2 { margin:0em 0px 0em 0px; font-weight:bold; } li.nv_l_act2 { margin:0em 0px 0em 0px; font-weight:bold; } /* Anker der Ebene 2 */ a.nv_l2 { display:block; margin:0px; padding:0.4em 0px 0.4em 28px; text-decoration:none; text-transform:uppercase; letter-spacing:0px; word-spacing:0px; color:#596D85; background-color:#DBDCDE; } a.nv_l2:link { color:#596D85; background-color:#DBDCDE; } a.nv_l2:visited { color:#697085; background-color:#DBDCDE; } a.nv_l2:hover { color:#FFFFFF; background-color:#ADB6C3; } a.nv_l2:active, a.nv_l2:focus { color:#FFFFFF; background-color:#ADB6C3; } /* Listenitems der Ebene 3 normal und aktiv */ li.nv_l_no3 { margin:0em 0px 0em 0px; font-weight:normal; } li.nv_l_act3 { margin:0em 0px 0em 0px; font-weight:normal; } /* Anker der Ebene 3 */ a.nv_l3 { display:block; margin:0em 0px 0em 44px; padding:0.4em 0px 0.4em 10px; text-decoration:none; text-transform:none; letter-spacing:0px; color:#596D85; background-color:#DBDCDE; } /* keine Unterscheidung zwischen aktiven und inaktiven Ankern */ /* li.nv_l_act3 a.nv_l3 { background-image:url("../img/layout/pfeil_aktitem.gif"); background-repeat:no-repeat; } li.nv_l_act3 a.nv_l3:hover, li.nv_l_act3 a.nv_l3:active, li.nv_l_act3 a.nv_l3:focus { background-image:url("../img/layout/pfeil_aktitem_ro.gif"); background-repeat:no-repeat; } */ a.nv_l3:link { color:#596D85; background-color:#DBDCDE; } a.nv_l3:visited { color:#697085; background-color:#DBDCDE; } a.nv_l3:hover { color:#596D85; background-color:#DBDCDE; background-image:url("../img/layout/pfeil_hover.gif"); background-repeat:no-repeat; } a.nv_l3:active, a.nv_l3:focus { color:#FFFFFF; background-color:#ADB6C3; } /* Listenitems der Ebene 4 normal und aktiv */ li.nv_l_no4 { margin:0em 0px 0em 0px; font-weight:normal; } li.nv_l_act4 { margin:0em 0px 0em 0px; font-weight:normal; } /* Anker der Ebene 4 */ a.nv_l4 { display:block; margin:0em 0px 0em 60px; padding:0.4em 0px 0.4em 10px; text-decoration:none; text-transform:none; letter-spacing:0px; color:#596D85; background-color:#DBDCDE; } /* keine Unterscheidung zwischen aktiven und inaktiven Ankern */ /* li.nv_l_act4 a.nv_l4 { background-image:url("../img/layout/pfeil_aktitem.gif"); background-repeat:no-repeat; } li.nv_l_act4 a.nv_l4:hover, li.nv_l_act4 a.nv_l4:active, li.nv_l_act4 a.nv_l4:focus { background-image:url("../img/layout/pfeil_aktitem_ro.gif"); background-repeat:no-repeat; } */ a.nv_l4:link { color:#596D85; background-color:#DBDCDE; } a.nv_l4:visited { color:#697085; background-color:#DBDCDE; } a.nv_l4:hover { color:#596D85; background-color:#DBDCDE; background-image:url("../img/layout/pfeil_hover.gif"); background-repeat:no-repeat; } a.nv_l4:active, a.nv_l4:focus { color:#FFFFFF; background-color:#ADB6C3; } /* .sep, .sepw, .sepbody: Separator-Linien. Irgendwelcher Inhalt ist nicht vorgesehen. */ div.sep { position:static; overflow:hidden; height:1px; color:#000000; background-color:#B1B8BD; } div.sepw { position:static; overflow:hidden; height:4px; color:#000000; background-color:#FFFFFF; } /* div.sepwborderbottom: weißer Separator mit grauem Rand unten */ div.sepwborderbottom { position:static; overflow:hidden; height:4px; color:#000000; background-color:#FFFFFF; border-bottom:1px solid #B1B8BD; } div.sepbody { position:static; overflow:hidden; height:6px; color:#000000; clear:both; } /* FORMULAR */ div.tx-powermail-pi1 { border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background-color:#ACB6C0; color:#FFFFFF; padding:0.5em; } div.tx-powermail-pi1 fieldset { border:0; } div#powermaildiv_uid7 { diplay:block; clear:both; } div#powermaildiv_uid7 p { width:150px; float:left; margin:0; padding:0; display:block overflow:hidden; line-height:auto; } div.powermail_radio_inner powermail_radio_inner_uid7_0{ width:150px; float:left; display:block; clear:both; } #powermaildiv_uid7 { width:250px; } .powermail_radio_inner powermail_radio_inner_uid7_1 { float:left; width:150px; } .inline { display:inline; float:left; } /* FORMULAR */ div.tx-powermail-pi1 { font-size:0.84em; } div.tx-powermail-pi1 legend { color:#FFFFFF; } div#powermaildiv_uid20 input, div#powermaildiv_uid21 input { background:transparent; border:none; color:#FFFFFF; cursor:pointer; font-family:arial,helvetica,sans-serif; text-align:left; font-weight:bold; } div#powermaildiv_uid20 input:hover, div#powermaildiv_uid21 input:hover { display:block; text-decoration:underline; } div.tx-powermail-pi1 { border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background-color:#ACB6C0; color:#FFFFFF; padding:0.5em; } div.tx-powermail-pi1 fieldset { border:0; } div.powermail_radio_inner_uid7_0 { float:left; } div#powermaildiv_uid7 p { width:140px; float:left; margin:1em 0; font-size:100%; } div.tx-powermail-pi1 label { width:140px; float:left; } div.powermail_radio_inner_uid7_0 label { width:40px; margin-top:1em; } div.powermail_radio_inner_uid7_1 label { float:left; margin:1em 0 0 1em; width:35px; } #uid7_0 { width:15px; float:left; margin:1.2em 0 0 0; */margin:1em 0 0 0; } #uid7_1 { /*float:left;*/ margin:1.2em 0 0 0; position:absolute; width:15px; */margin:1em 0 0 0; } div#powermaildiv_uid8 { clear: both; } div.tx_powermail_pi1_fieldwrap_html_text { margin:1em 0 0 0; } input#uid19 { margin:0; } div#powermaildiv_uid16 { margin:1em 0 1em 0; } div#powermaildiv_uid17{ margin:1em 0 1em 0; } img.tx-srfreecap-pi2-image { margin:1em 0 1em 140px; padding:0; width:223px } .tx-srfreecap-pi2-cant-read { color:#FFFFFF; float:left; margin-left:140px; } .tx-srfreecap-pi2-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; } .tx-srfreecap-pi2-cant-read a { color:#FFFFFF; } .tx-srfreecap-pi2-cant-read a:hover { text-decoration:underline; } .fields { width:220px; margin:0; padding:0; } .fields_2 { color:#5C5654; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; width:225px; } div#powermaildiv_uid18 { margin-bottom:1em; } div#powermaildiv_uid20 { clear:both; padding:32px 0 0 140px; float:left; } div#powermaildiv_uid21 { padding:32px 0 0 10px; float:left; } div.csc-header h2 { background-color:#ACB6C0; border-color:#FFFFFF -moz-use-text-color; border-style:solid none; border-width:1px medium; color:#FFFFFF; font-size:0.7em; font-stretch:condensed; font-weight:800; margin:24px 0 0; padding:0.4em 0 0.4em 5px; text-align:left; text-transform:uppercase; }