/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ /* Basisdefinitionen */ html, body { height:100%; margin:0px; padding:0px; } body { background: #FFFFFF url(../pics/layout/body_back.gif) repeat-x; text-align:center; } #overDiv table td { padding:2px; } /* Printkanal */ body#print { margin:0px; padding:0px; background: #ffffff; text-align:left; } .content_print { width:714px; padding-top:60px; padding-bottom:15px; position:relative; } .content_print .kategorie { position:absolute; z-index:10; top:15px; left:640px; width:59px; height:59px; } .abdecken { position:fixed; z-index:1; top:0px; left:0px; width:714px; height:100%; } .back_grau { background:#e3e4e6; } @media print { body { margin:0px; padding:0px; width:100%; font:9pt/70% Arial, serif; line-height:12pt; background-color: white !important; color:black; overflow:visible !important; } * { overflow:visible !important; float: none !important; position: relative; } .content_print { width:100%; padding:0px; } .abdecken, .drucken_klein, h1 object.sIFR-flash, h2 object.sIFR-flash { display:none; } .breit { padding-left:0px; padding-right:0px; padding-top:0px; } .absatz { padding-top:12pt; } table { margin:0px; padding:0px; background:white;} table tr { } table tr th { } table tr td { margin:0px; padding:0px; width:200px;} h1 { margin-top:20px; } h1 span.sIFR-alternate { font-size:13pt; line-height:18pt; font-weight:bold; color:#b51621; padding:0px; margin:0px; } h2 { } h2 span.sIFR-alternate { font-size:11pt; font-weight:bold; color:#b51621; padding:0px; margin:0px; } b, strong { font-weight:bold; } i { font-style:italic; } div, p { padding:0pt; margin:0pt; float:none !important; overflow:visible !important; } img { margin:0px; padding:0px; display:block; border:1px solid #dbe2ea; } #trennung { clear:both; margin:0px; padding:0px; } } a:link { line-height:22px; color:#919394; font-weight:bold; text-decoration:none; } a:visited { line-height:22px; color:#919394; font-weight:bold; text-decoration:none; } a:hover { line-height:22px; color:#b51621; font-weight:bold; text-decoration:none; } a:active { line-height:22px; color #b51621; font-weight:bold; text-decoration:none; } a:focus { outline: none; } div { margin:0px; padding:0px; } #top { width:927px; height:177px; margin-left:auto; margin-right:auto; position:relative; text-align:left; } #top .logo { width:420px; height:83px; margin-left:5px; margin-top:16px; float:left; } #top .banner { width:400px; height:104px; float:right; text-align:center; } #top .styleswitcher { width:195px; height:34px; left:730px; top:142px; position:absolute; z-index:2; line-height:34px; text-align:center; } #top .styleswitcher table { margin-left:auto; margin-right:auto; } #top .styleswitcher tr { background:none;} #top .styleswitcher a { line-height:34px; } #top .styleswitcher .text td { text-align:right; font-weight:bold; text-transform:uppercase; font-size:14px; color:#ffffff; width:auto; height:auto; } #top .styleswitcher .text a.normal { color:#ffffff; font-weight:bold; font-size:14px; } #top .styleswitcher .text a.groesser { color:#ffffff; font-weight:bold; font-size:18px; } #middle { width:927px; margin-left:auto; margin-right:auto; margin-top:14px; padding-bottom:15px; text-align:left; } #middle .col1 { width:927px; float:left; position:relative; } #middle .col1 .col1_top { position:absolute; top:0px; left:0px; z-index:10; width:927px; height:16px; background: url(../pics/layout/col1_oben.gif) no-repeat top left; } #middle .col1 .col1_mitte { width:927px; position:relative; background: url(../pics/layout/col1_mitte.gif) repeat-y; } #middle .col1 .col1_unten { width:927px; height:20px; background: url(../pics/layout/col1_unten.gif) no-repeat top left; text-align:center; } #middle .col1 .col1_schatten_oben { width:11px; height:473px; position:absolute; z-index:2; left:915px; top:16px; background: url(../pics/layout/col1_schatten_oben.gif) no-repeat; } #middle .col1 .col1_rot_ecke_oben { width:7px; height:427px; position:absolute; z-index:2; left:0px; top:16px; background: url(../pics/layout/col1_rot_ecke_oben.gif) no-repeat; } #middle .col1 .col1_mitte .content { padding-left:5px; padding-right:13px; padding-bottom:10px; height:auto !important; height:597px; min-height:597px; } #middle .col1 .col1_mitte .content .spaltelinks { width:510px; float:left;} #middle .col1 .col1_mitte .content .spaltelinks .direkt { margin-left:10px;} #middle .col1 .col1_mitte .content .spaltelinks .direkt .bestellung { float:left; position:relative } #middle .col1 .col1_mitte .content .spaltelinks .direkt .bestellung .bestelllink { position:absolute; left:15px; top:67px; padding:5px; padding-left:16px; background: url(../pics/layout/button_klein.jpg) no-repeat top left; width:139px; height:32px; } #middle .col1 .col1_mitte .content .spaltelinks .direkt .bestellung .bestelllink a { line-height:22px; color:#FFFFFF; font-weight:bold; text-decoration:none;} #middle .col1 .col1_mitte .content .spaltelinks .direkt .bestellung .bestelllink a:hover { line-height:22px; color:#919394; font-weight:bold; text-decoration:none;} #middle .col1 .col1_mitte .content .tabellenkopf .container .kopf_hausnotruf { margin-left:270px; padding-top:13px;} #middle .col1 .col1_mitte .content .tabellenkopf .container .kopf_hausnotruf .bestellung { float:left; position:relative } #middle .col1 .col1_mitte .content .tabellenkopf .container .kopf_hausnotruf .bestellung img { margin-right:5px;} #middle .col1 .col1_mitte .content .tabellenkopf .container .kopf_hausnotruf .bestellung .bestelllink { position:absolute; left:20px; top:70px; padding:5px; padding-left:20px; background: url(../pics/layout/button_gross.jpg) no-repeat top left; width:139px; height:32px; } #middle .col1 .col1_mitte .content .tabellenkopf .container .kopf_hausnotruf .bestelllink a { line-height:22px; color:#FFFFFF; font-weight:bold; text-decoration:none;} #middle .col1 .col1_mitte .content .tabellenkopf .container .kopf_hausnotruf .bestelllink a:hover { line-height:22px; color:#919394; font-weight:bold; text-decoration:none;} #middle .col1 .col1_mitte .content .bestell_kopf img {margin:8px;} #middle .col1 .col1_mitte .content .bestell_kopf { position:relative; width:870px; height:85px; margin-left:16px; background:#E3E4E6;} #middle .col1 .col1_mitte .content .ueber_bestell_kopf {height:16px;} #middle .col1 .col1_mitte .content .bestell_kopf .bestell_text { position:absolute; left:207px;} #middle .col1 .col1_mitte .content .linkeseite {position:relative} #middle .col1 .col1_mitte .content .linkeseite .tabellenkopf .container .kopf_hausnotruf { margin-left:270px; padding-top:13px;} #middle .col1 .col1_mitte .content .linkeseite.tabellenkopf .container .kopf_hausnotruf .bestellung { float:left; position:relative } #middle .col1 .col1_mitte .content .linkeseite.tabellenkopf .container .kopf_hausnotruf .bestellung img { margin-right:5px;} #middle .col1 .col1_mitte .content .linkeseite.tabellenkopf .container .kopf_hausnotruf .bestellung .bestelllink { position:absolute; left:20px; top:70px; padding:5px; padding-left:20px; background: url(../pics/layout/button_gross.jpg) no-repeat top left; width:139px; height:32px; } #middle .col1 .col1_mitte .content .linkeseite.tabellenkopf .container .kopf_hausnotruf .bestelllink a { line-height:22px; color:#FFFFFF; font-weight:bold; text-decoration:none;} #middle .col1 .col1_mitte .content .linkeseite.tabellenkopf .container .kopf_hausnotruf .bestelllink a:hover { line-height:22px; color:#919394; font-weight:bold; text-decoration:none;} #middle .col1 .col1_mitte .content .rechteseite { position:absolute; left:684px; top:16px; border:1px solid #B51621;} #middle .col1 .col1_mitte .content .tabelleunten { width: 645px; height:29px; !important; height:35px; background:#e3e4e6; margin-left:20px;} #middle .col1 .col1_mitte .content .tabelleunten .text { text-align:center; font-size:12px; font-weight:bold; padding-top:9px;} #middle .col1 .col1_mitte .content .tabelleuntenbreit { width: 845px; height:29px; !important; height:35px; background:#e3e4e6; margin-left:20px;} #middle .col1 .col1_mitte .content .tabelleuntenbreit .text { text-align:center; font-size:12px; font-weight:bold; padding-top:9px;} #middle .col1 .col1_mitte .content .tabelleunten_rauch { width: 445px; height:29px; !important; height:70px; background:#e3e4e6; margin-left:20px;} #middle .col1 .col1_mitte .content .tabelleunten_rauch .text { text-align:center; font-size:12px; font-weight:bold; padding-top:15px;} #middle .col1 .col1_mitte .content .rechteseite_rauch { position:absolute; left:484px; top:16px; border:1px solid #B51621;} #middle .col1 .col1_mitte .content .spalterechts { width:395px; float:right; overflow:hidden;} #middle .col1 .col1_mitte .content .spalterechts .bildimrahmen img { margin: 20px; border: 1px solid #B51621;} #middle .col1 .col1_mitte .content .links, .content_print .links { width:327px !important; width:352px; padding-left:25px; padding-top:20px; float:left; } #middle .col1 .col1_mitte .content .rechts, .content_print .rechts { width:327px !important; width:352px; padding-right:25px; padding-top:20px; float:right; } #middle .col1 .col1_mitte .content .links_schmal, .content_print .links_schmal { width:227px !important; width:252px; padding-left:25px; padding-top:20px; float:left; } #middle .col1 .col1_mitte .content .rechts_breit, .content_print .rechts_breit { width:417px !important; width:442px; padding-right:25px; padding-top:20px; float:right; } #middle .col1 .col1_mitte .content .breit, .content_print .breit { padding-left:25px; padding-right:25px; clear:both; } #middle .col1 .col1_mitte .content .breit_ohne_abstand, .content_print .breit_ohne_abstand { } #middle .col1 .col1_mitte .content .rechts .bild-rechts, .content_print .rechts .bild-rechts { border:1px solid #b51621; } #middle .col1 .col1_mitte .content .rechts .bild-links, .content_print .rechts .bild-rechts { border:1px solid #b51621; } #middle .col1 .col1_mitte .content .ueberschrift, .content_print .ueberschrift { padding-left:25px; } #middle .col1 .col1_mitte .content .ueberschrift h1, .content_print .ueberschrift h1 { display:block; } #middle .col1 .col1_mitte .content .ueberschrift .bild-rechts, .content_print .ueberschrift .bild-rechts { float:none; } #middle .col1 .col1_mitte .content .ueberschrift .bild-links, .content_print .ueberschrift .bild-links { float:none; } #middle .col1 .col1_mitte .content .kategorie { position:absolute; z-index:10; top:0px; left:645px; width:59px; height:59px; } #middle .col1 .col1_mitte .content .infokasten, .content_print .infokasten { clear:both; width:684px; padding-top:10px; margin-left:15px; } #middle .col1 .col1_mitte .content .infokasten .oben, .content_print .infokasten .oben { width:684px; height:7px; background:url(../pics/layout/infokasten_oben.gif) no-repeat; text-align:center; } #middle .col1 .col1_mitte .content .infokasten .mitte, .content_print .infokasten .mitte { width:684px; padding-top:5px; padding-bottom:5px; background:#d9dadb; } #middle .col1 .col1_mitte .content .infokasten .mitte .abstand, .content_print .infokasten .mitte .abstand { padding-left:10px; padding-right:10px; } #middle .col1 .col1_mitte .content .infokasten .unten, .content_print .infokasten .unten { width:684px; height:7px; background:url(../pics/layout/infokasten_unten.gif) no-repeat; text-align:center; } .ueberschrift_container { } #middle .col1 .col1_mitte .content .formular table { border-collapse:separate; } #middle .col1 .col1_mitte .content .formular tr {width:860px;} #middle #hnr tr {width:650px;} #middle .col1 .col1_mitte .content .formular tr td {} #middle .col1 .col1_mitte .content .formular .formular_rechts { width:50%; padding:10px 10px 10px 20px; } #middle .col1 .col1_mitte .content .formular .formular_links { width:50%; padding:0px 10px 10px 20px;} #middle .col1 .col1_mitte .content .formular .fueller { width:20px; background:white;} #middle .col1 .col1_mitte .content .formular .form_breit { background:white;} #middle .col1 .col1_mitte .content .formular .form_breit label { float:none; display:block; width:} #middle .col1 .col1_mitte .content .formular .button { background:url(../pics/layout/button_bestellung.gif) no-repeat; text-align:center;} #middle .col1 .col1_mitte .content .formular .anbieter {width:310px;} #vorname_name {width:170px;} #nachname_name {width:170px;} #hnr #vorname_name {width:274px;} #hnr #nachname_name {width:274px;} #nachname_name {width:170px;} #strasse {width:369px;} #plz {width:170px;} #telefon {width:170px;} #ort {width:170px;} #absender_email {width:170px;} #hnr #absender_email {width:274px;} #anschlusstermin {width:190px; display:block;} #aufmerksam {width:700px;} #anbieter {width:190px; display:block;} #modell {width:190px; display:block;} #middle .col1 .col1_mitte .container .links a:link, #middle .col1 .col1_mitte .container .rechts a:link, #middle .col1 .col1_mitte .container .dokument a:link { text-decoration: none; font-weight: bold; } #middle .col1 .col1_mitte .container .links a:visited, #middle .col1 .col1_mitte .container .rechts a:visited, #middle .col1 .col1_mitte .container .dokument a:visited { text-decoration: none; font-weight: bold; } #middle .col1 .col1_mitte .container .links a:hover, #middle .col1 .col1_mitte .container .rechts a:hover, #middle .col1 .col1_mitte .container .dokument a:hover { color: #B51621; text-decoration: none; font-weight: bold; } #middle .col1 .col1_mitte .container .links a:active, #middle .col1 .col1_mitte .container .rechts a:active, #middle .col1 .col1_mitte .container .dokument a:active { text-decoration: none; font-weight: bold; } #middle .col1 .col1_mitte .container .links a:focus, #middle .col1 .col1_mitte .container .rechts a:focus, #middle .col1 .col1_mitte .container .dokument a:focus { outline: none; font-weight: bold; } #middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:link { text-decoration: none; font-weight: bold; } #middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:visited { text-decoration: none; font-weight: bold; } #middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:hover { color: #B51621; text-decoration: none; font-weight: bold; } #middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:active { text-decoration: none; font-weight: bold; } #middle .col1 .col1_mitte .content .container .infokasten .mitte .abstand .absatz a:focus { text-decoration: none; font-weight: bold; } #middle .col1 .bottom { width:927px; text-align:center; position:absolute; left: 152px; } #middle .col1 .col1_rot_ecke_unten { } #funktionsnavigation { padding-top:10px; padding-left:15px; padding-right:15px; } #funktionsnavigation_links { float:left; padding-top:10px; padding-left:15px; } #funktionsnavigation_rechts { float:right; padding-top:10px; padding-right:15px; } #trennung { clear:both; margin:0px; padding:0px; } .diashow { position:relative; width:327px; } .diashow img { border:1px solid #b51621; } b { font-weight: bold; } strong { font-weight: bold; } i { font-style: italic; } img { border: 0px; } p { padding: 0px 0px 0px 0px; } ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul li { list-style : none; margin-left: 15px; } #middle .col1 .col1_mitte .content table { border:none; border-spacing:5px; margin-left:16px; border-collapse:separate; } #middle #hnr table { border:none; border-spacing:10px; margin-left:0px; border-collapse:separate; } #middle .col1 .col1_mitte .content table tr {background:#e3e4e6; } #middle #hnr tr {background:none; } #middle .col1 .col1_mitte .content table tr th { font-weight: bold; background:#F4E0D6; font-size:16px; height:35px; border:none;} #middle .col1 .col1_mitte .content table tr td { height:35px; font-weight:bold; border:none; color:#000000; } #middle #hnr tr td { height:auto; font-weight:normal; border:none; color:#000000; } hr { border: 0px solid #000000; height: 1px; background: #000000 url(../pics/layout/trans.gif); } /* Formulare */ input, select, textarea { background:#e9e9e9; border:1px solid #b51621; margin:0px; font-size:12px; padding:2px; } option { font-size:12px; } form { margin: 0px;} form .form-eingabe-zeile { clear: left; margin-bottom: 5px; } form label { float: left; width: 120px; } form .form-label-checkbox { width: auto; float: none; } form .form-label-radio { width: auto; float: none; } form .form-text { width: 274px; } form .form-select { width: 280px; } form .form-checkbox { } form .form-radio { } form .form-button { clear: left; } form .form-checkbox-liste { width: 282px; height:100px; overflow:auto; border: 1px solid #bbbbbb; } form .form-checkbox-liste .zeile { padding-left: 3px; margin-bottom: 2px; width: 258px; height: 20px; line-height: 20px; background-color: #ffffff; border: 1px solid #bbbbbb; } form .form-checkbox-liste .aktiv { background-color: #CFD6E8; border: 1px solid #737B92; } form .form-checkbox-liste .form-checkbox { float: left; } form .form-checkbox-liste .text { padding-left: 20px; } .fehler { margin-bottom: 15px; } .fehler .fehler-titel { font-weight: bold;} .fehler .fehler-zeile { }