/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ /* Hinweise: schwarz, sw : #000000; weiss, w : #ffffff; rot, gn : #; grün, gr : #; */ /* Aufteilung */ .schatten-wrapper { width: 1020px; margin: 0px auto 47px auto; } .schatten-wrapper .schatten-oben { display: block; } .schatten-wrapper .schatten-unten { display: block; } .page { overflow: hidden; width: 1000px; padding: 0px 10px 0px 10px; text-align: left; background-color: #FFFFFF; background: url(../pics/layout/di-soric/shadow_middle.png) 0px 0px repeat-y; } .kanal-catalog .page { background: none; } .cookie-message { position: relative; background: rgba(0, 0, 0, 0) url("../pics/layout/di-soric/cookie_bg.png") no-repeat scroll center top; } .cookie-message [data-cycon-module='cookie'] { padding: 10px 30px 20px } .cookie-message * { color: white; } .cookie-message .linkbutton { margin: 10px 0 0 0; } .cookie-message p a { text-decoration: underline; color: #ffffff; } .header { position: relative; min-height: 140px; background: url(../pics/layout/di-soric/header_bg.png) 0px 0px no-repeat; } .logo { padding: 25px 0px 35px 30px; overflow: hidden; } .logo a { float: left; } .logo img { display: block; } .logo-catalog { display: block; margin: 30px 0px 0px 59px; } .header .claim { position: absolute; top: 50px; left: 330px; width: 304px; height: 14px; background: url(../pics/layout/di-soric/claim_header.png) 0px 0px no-repeat; } .bereich-hauptnavigation { width: 970px; min-height: 33px; padding: 0px 0px 0px 30px; z-index: 2500; } .hauptbild { background-color: #FFFFFF; clear: both; } .hauptbild .bild { margin-bottom: 0px; } .hauptbild .flash { background-color: #6E6E6E; } .hauptbild img { display: block; } .content { padding: 17px 0px 0px 0px; background-color: #FFFFFF; } .content .columns { overflow: hidden; min-height: 338px; padding-bottom: 180px; } .content .column-left { float: left; width: 420px; padding: 0px 0px 0px 60px; } .content .column-right { float: right; width: 425px; padding: 0px 55px 0px 0px; } .content-katalog { padding-top: 11px; } .content-katalog .column-left { width: auto; padding: 0px 60px 115px 60px; } .content-produktobergruppe .column-left { width: 340px; padding: 0px 0px 0px 60px; } .content-produktobergruppe .column-right { width: 492px; padding: 0px 60px 0px 0px; } .content-produktobergruppe .absatz .text { text-align: left; } .content-produktobergruppe .infobereich { min-height: 363px; } .content-benutzerdaten .column-left { width: 417px; padding: 0px 0px 0px 60px; } .content-benutzerdaten .column-right { width: 420px; padding: 0px 60px 0px 0px; } .content-benutzerdaten .absatz .text { text-align: left; } .showroom-spalten { overflow: hidden; } .showroom-spalte-links { float: left; width: 240px; } .showroom-spalte-rechts { float: right; width: 240px; } .content-produkt .column-left { width: 340px; padding: 0px 0px 74px 60px; } .content-produkt .column-right { width: 492px; padding: 0px 60px 0px 15px; } .content-produktfinder .columns { padding: 0px 60px 74px 60px; } .produktfinder-link { display: block; margin-bottom: 33px; } .content-applikationsberichte .columns { padding: 0px 60px 74px 60px; } .content-glossar { padding-top: 0px; } .content-glossar .column-left { width: 340px; padding: 0px 0px 74px 60px; } .content-glossar .column-right { width: 492px; padding: 0px 60px 0px 15px; } .footer { padding: 19px 60px 13px 60px; color: #FFFFFF; background: url(../pics/layout/di-soric/footer_bg.jpg) 0px 0px no-repeat #055e84; position: relative; } .footer .text { margin: 0px 0px 12px 0px; font-size: 12px; font-weight: normal; text-transform: uppercase; } .footer .spalten { overflow: hidden; } .footer .spalte-1 { float: left; width: 162px; } .footer .spalte-2 { float: left; width: 154px; padding: 27px 0px 0px 0px; } .footer .spalte-3 { float: left; width: 143px; padding: 27px 0px 0px 0px; } .footer .spalte-4 { float: left; width: 198px; } .footer .spalte-5 { float: left; width: 222px; } .footer .claim { position: absolute; top: 20px; left: 700px; width: 218px; height: 115px; background: url(../pics/layout/di-soric/claim_footer.png) 0px 0px no-repeat; } .footer .copyright .text { margin: 0px; text-align: right; font-size: 10px; text-transform: none; } /* Basisdefinitionen */ * { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; } html { } body { color: #87888A; text-align: center; font-size: 12px; font-weight: normal; } a:link { color: #87888A; text-decoration: none; } a:visited { color: #87888A; text-decoration: none; } a:hover { color: #87888A; text-decoration: underline; } a:active { color: #87888A; text-decoration: none; } span[style^="color"] a:link { color: inherit; } span[style^="color"] a:visited { color: inherit; } span[style^="color"] a:hover { color: inherit; } span[style^="color"] a:active { color: inherit; } h1 { font-weight: normal; font-size: 13px; margin-left: 60px; text-transform: uppercase; } h1.bericht { font-weight: bold; } h2 { font-weight: bold; font-size: 12px; text-transform: uppercase; } 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; display: block; } ul li { list-style: none; text-align: left; } ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } ol li { text-align: left; } table { } table tr { } table tr th { font-weight: bold; text-align: left; } table tr td { } hr { border: 0px solid #000000; height: 1px; background: #000000 url(../pics/layout/trans.gif); } /* Formulare */ form { } form .form-eingabe-zeile { } form label { color: #FFFFFF; } form .form-label-checkbox { } form .form-label-radio { } form .form-text { display: inline; width: 159px; padding: 1px 1px 1px 5px; color: #87888A; border: 1px solid #3D3D3D; border-bottom: 1px solid #686868; background: url(../pics/layout/di-soric/form_text_bg.png) bottom left repeat-x #545453; text-shadow: 1px 1px 0px #000000; } .bereich-hauptnavigation .suche .formular-suche .form-text { width: 134px; padding-right: 25px; color: #454545; text-shadow: none; background-image: url(../pics/layout/di-soric/form_text_suche_bg.png); background-color: #eaeaea; background-position: bottom right; min-height: 16px; border: 1px solid #757575; border-bottom: 1px solid #c6c6c6; } .bereich-hauptnavigation .suche .formular-suche a:link, .bereich-hauptnavigation .suche .formular-suche a:visited { display: inline-block; padding-top: 3px; color: #FFFFFF; } .bereich-hauptnavigation .suche .formular-suche a:hover { text-decoration: none; } .bereich-direktfinder { height: 30px; background-color: #464645; background: url(../pics/layout/di-soric/direktauswahl_bg.png) 0px 0px no-repeat; } form .form-select { } form .form-checkbox { } form .form-radio { } form .form-button { } form .button-text { padding: 0px 10px 3px 10px; line-height: 21px; font-size: 11px; background: url(../pics/layout/di-soric/button_bg.png) top left no-repeat; } form .button-text a:link, form .button-text a:visited { color: #FFFFFF; text-decoration: none; } form .button-corner { padding: 0px 0px 3px 0px; line-height: 21px; font-size: 11px; background: url(../pics/layout/di-soric/button_bg.png) top right no-repeat; } .linkbutton-hinweis { font-size: 11px; line-height: 21px; padding: 1px 10px 4px 10px; float: left; } .linkbutton { color: #FFFFFF; font-size: 11px; } .linkbutton-text { line-height: 21px; padding: 1px 10px 4px 10px; background: url(../pics/layout/di-soric/button_bg.png) top left no-repeat; } .linkbutton-text a:link, .linkbutton-text a:visited { color: #FFFFFF; text-decoration: none; font-size: 11px; } .linkbutton-corner { line-height: 21px; padding: 1px 0px 4px 0px; background: url(../pics/layout/di-soric/button_bg.png) top right no-repeat; } 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 { } /* Verstecken */ .cycon-wysiwyg { display: none; } /* Tabelle Schnäppchen */ .tabelle-schnaeppchen { border-collapse: collapse; margin: 0 0 50px 0; float: left; width: 100%; } .tabelle-schnaeppchen td { vertical-align: top; } .tabelle-kopf>td { text-transform: uppercase; padding: 15px; font-weight:bold; color: #FFF; border-right: 1px solid #7b7b7b; } .tabelle-kopf { background: #969696; border: 1px solid #7b7b7b; } .tabelle-kopf .in-den-warenkorb { border: none; } .tabelle-kopf .artikelbild { width: 70px; } .tabelle-kopf .bezeichnung { min-width: 380px; } .tabelle-kopf .merkmale , .tabelle-definition .merkmale { width: 355px;} .tabelle-kopf .preis {width:100px} .tabelle-definition>td { border: 1px solid #7b7b7b; border-top: none; padding: 15px; } .tabelle-definition>td.artikelbild { width: 70px; padding: 15px 30px; } .tabelle-definition .weitere-details { width: 132px; } .tabelle-definition .preis { width: 100px; text-transform: none; text-align: right; white-space: nowrap; } .tabelle-definition .in-den-warenkorb { width: 142px; padding: 15px; text-align: center; } td.merkmal-name { width: 200px; font-weight: bold; } .schnaeppchen .absatz { width: 765px; float: left; margin-left: 50px; } .abverkauf-rechts { width: 170px; float: right; } .b-ware-titel, .aktion_titel { margin: 0 0 40px 50px; } .schnaeppchen .absatz h2 { text-transform: none; color: #0099dc; font-size: 16px; margin-bottom: 20px!important;} .schnaeppchen .absatz p { width: 420px;font-size: 13px; } .preis p { width: 40px; margin: 0 auto; font-weight: bold; } div.clearer { height: 0; width: 0; line-height:0; font-size: 0; clear: both; } .titel-links { margin-right: 10px; } .title_bild { float: left; } /* Multiupload */ .multiupload { margin: 10px 0; text-align: left; } .multiupload h1 { margin: 0 0 16px 8px; font-weight: bold; } .multiupload .upload-hilfe { margin: 0 0 16px 8px; display: block; } .multiupload .buttons { margin: 0 0 0 8px; } .multiupload .form-button { padding: 1px 9px; border: 1px solid #cccccc; cursor: pointer; font-size: 12px; color: #666666; } /* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ .dpContainer { width: 184px; border: 2px solid #FFF; background-color: #818181; font-size: 11px!important; color: #FFF; text-align: center; overflow: hidden; z-index: 10000 } .dpSelectors { text-align: center; background-color: #818181; border-bottom: 2px solid #FFF } .dpPrevMonth { float: left; margin: 0; cursor: pointer } .dpNextMonth { float: right; margin: 0; cursor: pointer } .dpHeader { border-bottom: 2px solid #FFF; height: 20px } .dpHead { float: left; width: 26px; color: #FFF; font-weight: bold; line-height: 20px; text-align: center } .dpDay { float: left; width: 26px; margin: 0 0 1px 0; line-height: 12px; text-align: center; cursor: pointer; } .dpDayHover { background-color: #D5D5DF!important; color: #000!important } .dpNotInActualMonth { color: #000!important } .dpToday { } .dpWeekend { color: #FFF } .dpSunday { } .dpSelectedDay { background-color: #FFF; color: #000 } a.dpLinkToday:link, a.dpLinkToday:visited { margin: 0 4px!important; color: #FFF } a.dpLinkSubmit:link, a.dpLinkSubmit:visited { margin: 0 4px!important; color: #FFF } .dpCanvas { padding: 2px } ul.dpBody { font-size: 11px; list-style-type: none; margin: 1px 0 0 1px } .dpContainer select { margin: 0; border: 1px solid #000; padding: 0; font-size: 12px!important; font-weight: normal; line-height: 10px } .dpContainer select#myMonth { } .dpContainer select#myYear { width: 57px } /* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ /* Modaler Dialog */ #control_overlay { background-color: #000 } .dialog { position: absolute; width: 593px; height: 822px; border: 1px solid #B6BABF; background: #FFF } .dialog .inhalt { height: 674px; padding: 14px 14px 14px 14px; overflow: auto } .dialog .buttons { height: 23px; padding: 14px 30px 0px 22px; background: url(../pics/layout/mb_media_wizard/dialog.header.hg.png) repeat-y; text-align: right } .dialog iframe.dateiupload { float: left; width: 368px; height: 64px } .dialog-throbber { background: url(../pics/layout/mb_media_wizard/throbber-big.gif) no-repeat center; border-style: none } .dialog .form-eingabe-zeile { overflow: hidden; padding: 0 0 5px 0 } .buttons ul { display: inline; margin: 0 } .buttons li { display: inline } a.button { font-size: 12px; text-decoration: none; color: #333; margin: 0 0 0 10px; padding: 0 } a.button:link { } a.button:visited { } a.button:hover { color: #0082E6 } a.button:active { } a.button span.text { background: url(../pics/layout/mb_media_wizard/dialog.button.hg.png) no-repeat 0 0; padding: 4px 0 4px 15px; line-height: 23px } a.button:link span.text { } a.button:visited span.text { } a.button:hover span.text { background-position: 0 -23px } a.button:active span.text { background-position: 0 -23px } a.button span.corner { background: url(../pics/layout/mb_media_wizard/dialog.button.hg.png) no-repeat right 0; padding: 4px 13px 4px 0; line-height: 23px } a.button:link span.corner { } a.button:visited span.corner { } a.button:hover span.corner { background-position: right -23px } a.button:active span.corner { background-position: right -23px } a.ausgeblendet, a.ausgeblendet:hover { display: none } a.inaktiv, a.inaktiv:hover { color: #999; cursor: default } a.inaktiv:hover span.text, a.inaktiv:active span.text { background-position: 0 0 } a.inaktiv:hover span.corner, a.inaktiv:active span.corner { background-position: right 0 } /* allgemeiner Dialog */ .dialog label { display: block; float: left; padding: 3px 0px 0px 0px; width: 154px; font-size: 13px; color: #626262 } .dialog input, .dialog textarea { border: 1px solid #E2E2E2; padding: 3px 0 3px 0; font-family: arial,univers,helvetica,sans-serif; font-size: 12px; color: #333; resize: none; } .dialog input { width: 204px } .dialog textarea { width: 248px; height: 308px } .dialog select { width: 60px; padding: 2px 0px 1px 0px; border: 1px solid #E2E2E2; } .dialog .fehler input.active, .dialog .fehler input.active, .dialog .fehler textarea.active, .dialog .fehler .mitglieder-liste { border: 1px solid #D996A8; border-top: 1px solid #C41616 } .dialog .fehler .hilfe-box { background-position: -30px -10px } .dialog .fehler .hilfe-box .info { border: 1px solid #D996A8; border-top: 1px solid #C41616; color: #C41616 } .dialog .inhalt div.text { padding: 0 0 20px 0; font-size: 11px; color: #666 } .dialog .hilfe-box { position: absolute; top: 0; right: 0; width: 248px; height: 311px; padding: 0 0 0 30px; margin: 0 0 2px 0; background: url(../pics/layout/mb_media_wizard/dialog.feld.hg.png) no-repeat 0 -10px } .dialog .hilfe-box .info { height: 275px; border: 1px solid #8D98AD; border-top: 1px solid #2B426C; padding: 18px 12px; background-color: #FCFCFC; color: #2B426C } .dialog .hilfe-box .info h1 { margin: 0 0 4px 0; font-size: 11px; font-weight: bold } .dialog .autocomplete .selected { background-color: #EFF1F3 } /* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ /* Hinweise: - jedes Seitenelement wird hier definiert - Seiteneffekte zwischen Seitenelementen sind auszuschließen */ /* TinyMCE Style Dropdown */ /* Eintrag: klein=klein */ .klein { font-size: 8px; } /* Element: Absatz */ .absatz { margin-bottom: 33px; } .absatz .bild-unterschrift { font-style: italic; } .absatz .bild-rechts { float: right; padding: 0px 0px 10px 10px; } .absatz .bild-links { float: left; padding: 0px 10px 10px 0px; } .absatz .text { text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .absatz h2 { font-weight: normal; margin-bottom: 13px; } .absatz h2 a { text-decoration: none; } .absatz .link { } /* .absatz p { } .absatz img { } .absatz a:link { } .absatz a:visited { } .absatz a:hover { } .absatz a:active { } .absatz p li { } */ .content-produktobergruppe .absatz { margin-bottom: 14px; } .content-produktobergruppe .absatz h2 { font-size: 12px; text-transform: none; margin-bottom: 0px; } .content-produktobergruppe h1 { margin-bottom: 16px; margin-left: 0px; font-weight: bold; font-size: 12px; text-transform: uppercase; } .content-produktobergruppe .registergruppe { margin-bottom: 32px; } .showroom-spalten .absatz h2 { margin-bottom: 18px; text-transform: uppercase; } .showroom-spalten .absatz li { list-style-type: none; line-height: 18px; } /* Element: Titel */ .titel { } /* .titel h1 { } */ /* Element: Text */ .text { } .text ol li { list-style-image: none; list-style-position: inside; } .text ul li { padding: 0px 0px 0px 15px; background: url(../pics/layout/di-soric/bullet.png) 0px 6px no-repeat; } /* .text p { margin: 0; } .text img { } .text a:link { } .text a:visited { } .text a:hover { } .text a:active { } .text p li { } */ /* Element: Bild */ .bild { margin-bottom: 33px; } .bild img { display: block; } .bild-unterschrift { font-style: italic; } .bild-rechts { float: right; clear: both; padding: 0px 0px 0px 0px; } .bild-links { float: left; clear: both; padding: 0px 0px 0px 0px; } /* .bild img { } */ /* Element: Video */ .video { margin-bottom: 33px; } /* Element: Flash */ .flash object { display: block; } .content .columns .flash { margin-bottom: 33px; } /* Element: Link */ .link { } /* .link a:link { } .link a:visited { } .link a:hover { } .link a:active { } */ /* Element: Dokument */ .dokument { } .dokument .icon-typ { } /* .dokument p { margin: 0; } .dokument a:link { } .dokument a:visited { } .dokument a:hover { } .dokument a:active { } */ /* Element: Container */ .container { } .container-download-links { border: 1px solid #9D9EA0; } .container-download-links h2 { padding: 4px 0px 5px 16px; background-color: #9D9EA0; font-weight: normal; font-size: 12px; color: #FFFFFF; } .container-download-links img { display: block; } .container-download-links .inhalt { padding: 15px 15px 35px 15px; } .container-download-links .dokument .attribute { display: none; } .container-download-links a:link, .container-download-links a:visited { text-decoration: none; } .container-download-links a:hover { color: #454545; } .container-branchen-links { } .container-branchen-links h2 { font-weight: normal; font-size: 12px; } .container-branchen-links img { display: block; float: right; } .container-branchen-links .inhalt { padding: 15px 0px 15px 0px; } .container-branchen-links a:link, .container-branchen-links a:visited { text-decoration: none; } .container-branchen-links a:hover { color: #454545; } /* Element: Umbruch */ .umbruch { font-size: 1px; line-height: 1px; width: 100%; height: 1px; overflow: hidden; clear: both; } /* Element: Tabelle */ .tabelle { } /* .tabelle th { } .tabelle td { } */ .tabelle .spalte-01-links { } .tabelle .spalte-01-mitte { text-align: center; } .tabelle .spalte-01-rechts { text-align: right; } .tabelle .spalte-02-links { } .tabelle .spalte-02-mitte { text-align: center; } .tabelle .spalte-02-rechts { text-align: right; } .tabelle .spalte-03-links { } .tabelle .spalte-03-mitte { text-align: center; } .tabelle .spalte-03-rechts { text-align: right; } .tabelle .spalte-04-links { } .tabelle .spalte-04-mitte { text-align: center; } .tabelle .spalte-04-rechts { text-align: right; } .tabelle .spalte-05-links { } .tabelle .spalte-05-mitte { text-align: center; } .tabelle .spalte-05-rechts { text-align: right; } .tabelle .spalte-06-links { } .tabelle .spalte-06-mitte { text-align: center; } .tabelle .spalte-06-rechts { text-align: right; } .tabelle .spalte-07-links { } .tabelle .spalte-07-mitte { text-align: center; } .tabelle .spalte-07-rechts { text-align: right; } .tabelle .spalte-08-links { } .tabelle .spalte-08-mitte { text-align: center; } .tabelle .spalte-08-rechts { text-align: right; } .tabelle .spalte-09-links { } .tabelle .spalte-09-mitte { text-align: center; } .tabelle .spalte-09-rechts { text-align: right; } .tabelle .spalte-10-links { } .tabelle .spalte-10-mitte { text-align: center; } .tabelle .spalte-10-rechts { text-align: right; } /* Element: Tab-Register */ .tab-register { margin-bottom: 32px; } .registergruppe .registergruppe-reiterleiste { } .registergruppe .registergruppe-reiterleiste { overflow: hidden; margin: 0px; padding: 0px; background: url(../pics/layout/di-soric/showroom_button_bg.png) 0px 0px repeat-x; } .registergruppe .registergruppe-reiterleiste .tab { float: left; display: block; padding: 3px 18px 6px 18px; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; background: url(../pics/layout/di-soric/showroom_button_bg.png) 0px 0px repeat-x; cursor: pointer; } .registergruppe .registergruppe-reiterleiste .tab:hover { color: #FFFFFF; background: url(../pics/layout/di-soric/showroom_button_bg_hover.png) 0px 0px repeat-x; } .registergruppe .registergruppe-elemente { border: 1px solid #9D9EA0; border-bottom: none; } .registergruppe .registergruppe-elemente .bild { margin: 0px; } /* Element: edge */ .element-edge { overflow: hidden; position: relative; } .element-edge object { position: relative; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .element-edge.element-edge-header object { width: 2620px; height: 300px; } .element-edge.element-edge-teaser { margin-bottom: 33px; } .element-edge.element-edge-teaser object { width: 420px; height: 200px; }/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ /* Hinweise: .MODUL .KOMMANDO TAG */ /* cy:con Portaleditor */ .cycon-portaleditor { margin: 0px; padding: 1px; border-width: 0px; } .cycon-portaleditor-x { margin: 0px; padding: 0px; border-width: 1px; border-style: dashed; border-color: #a0a0a0; } .cycon-portaleditor-bezeichner { } .cycon-portaleditor-zeile { text-align: left; } /* Klasse: Pageview */ .pageview { margin: 0px; margin-bottom: 5px; padding: 0px; } .pageview li { display: inline; margin-right: 5px; } /* Element: formular */ .formular { } .formular .form-eingabe-zeile { } .formular label { } .formular .form-text { } .formular .form-button { } /* Optional: Textfelder erhalten beim Überfahren mit der Maus und bei Eingabe eine andere Rahmenfarbe .formular .form-text :hover { border: 1px solid #888888; } .formular .form-text :focus { border: 1px solid #888888; }*/ .formular .formular-kontakt { } .formular .formular-empfehlung { } /* Element: formular_login */ .formular-login { } .formular-login h2 { } .formular-login .fehler { } .formular-login .formular-status { padding: 10px 9px 10px 9px; } .formular-login .formular-status .kennung { margin-bottom: 5px; } .formular-login .formular-status .aendern { margin-bottom: 5px; } .formular-login .formular-status .button { margin-bottom: 5px; } .formular-login .formular-status .form-button { padding: 1px 9px; border: 1px solid #cccccc; background-color: #ffffff; } .content .formular-login .linkbutton-text { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .content .formular-login .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } /* Element: formular_passwort */ .formular-passwort { } .formular-passwort h2 { margin-bottom: 16px; font-weight: normal; } .formular-passwort p { margin-bottom: 24px; width: 320px; } .formular-passwort .form-eingabe-zeile { overflow: hidden; margin-bottom: 5px; } .formular-passwort label { display: block; padding-top: 2px; color: #87888A; width: 207px; float: left; } .formular-passwort .form-button { } .formular-passwort .form-text { width: 200px; float: right; border: 1px solid #9E9E9E; background-color: #FFFFFF; text-shadow: none; background-image: none; font-size: 12px; } .formular-passwort .formular-passwort-vergessen { } .formular-passwort .formular-passwort-aendern { } .formular-passwort .linkbutton { text-align: right; } .formular-passwort .linkbutton .linkbutton-text { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .formular-passwort .linkbutton .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } /* Element: modul_system_ist_neu */ .modul-system-ist-neu { } /* Kalender Formular */ .popup-kalender { margin: 10px 20px 0px 20px; } .popup-kalender label { color: #707173} .popup-kalender table { border: 1px solid #CBCBCB; clear: both; margin-top: 5px;} .popup-kalender table th { width: 29px; height: 25px; background: #aaaaaa; color:#FFFFFF; } .popup-kalender table td { height: 18px; background:#DDDDDD; } .popup-kalender table a { display:block; } .popup-kalender table a:hover { background:#cbcbcb; } .popup-kalender table .tag { } .popup-kalender table .tag a { } .popup-kalender table .ftag { background:#bbbbbb; } .popup-kalender table .ftag a { color:#FFFFFF; } .popup-kalender table .gewaehlt { background:#BD484E; } .popup-kalender table .gewaehlt a { font-style: italic; } .popup-kalender table .aktuell { background:#D58A8D; } .popup-kalender table .aktuell a { font-weight: bold; } .popup-kalender table .tag_leer { background:#cbcbcb; } .popup-kalender .form-eingabe-zeile { clear: both; float: none; } .popup-kalender .form-eingabe-zeile label { text-align:left; width:95px; float: left; } .popup-kalender .form-eingabe-zeile .form-select { width: 90px; float: right;} .popup-kalender .form-eingabe-zeile .form-dropdown { float: right; margin-bottom: 3px;} /* Element: suche */ .suche { float: right; margin: 3px 34px 0px 0px; } .suche h2 { } .suche .formular-suche { } .suche .formular-suche form { } .suche .formular-suche .form-eingabe-zeile { display: inline; float: left; margin: 0px 8px 0px 0px; } .suche .formular-suche .form-text { width: 164px; } .suche .formular-suche .form-button { display: inline; float: left; } /* Autocomplete für Textfelder */ .autocomplete { min-width: 172px; position: absolute; top: 20px; left: 3px; background: url(../pics/layout/di-soric/bg_warenkorb.png) top right no-repeat #313131; z-index: 10; } .autocomplete ul { list-style-type: none; padding-bottom: 86px; } .autocomplete ul li.selected { color: #FFFFFF; background-color: #2D2D2D; } .autocomplete ul li { list-style-type: none; display: block; padding: 7px 15px 5px 15px; cursor: pointer; } .autocomplete ul li:hover { color: #FFFFFF; background-color: #2D2D2D; } /* Produktobergruppe */ .produktobergruppe-liste { overflow: hidden; padding: 1px 0px 0px 1px; } .produktobergruppe { float: left; width: 159px; margin: -1px 0px 0px -1px; border: 1px solid #98999C; border-bottom: none; } .produktobergruppe img { display: block; } .produktobergruppe .img-link { display: block; min-height: 95px; } .produktobergruppe .produktlink { background: url(../pics/layout/di-soric/kataloguebersicht_bg_hover.png) 0px 0px repeat-x; cursor: pointer; } .produktobergruppe .produktlink:hover { background-color: #848589; background-image: none; } .produktobergruppe .produktlink a:link, .produktobergruppe .produktlink a:visited { font-size: 11px; line-height: 13px; color: #FFFFFF; text-decoration: none; } .produktobergruppe .produktlink a:hover, .produktobergruppe .produktlink td { width: 159px; height: 30px; } /* Produktkategorien */ .produktkategorien li { font-weight: bold; text-transform: uppercase; } .produktkategorien li li { font-weight: normal; text-transform: none; } .produktkategorien a:link, .produktkategorien a:visited { text-decoration: none; } .produktkategorien a:hover { color: #454545; } /* Produkt */ .content-produkt .columns h4 { font-weight: normal; margin-bottom: 21px; } .content-produkt .columns li { font-weight: bold; text-transform: uppercase; } .content-produkt .columns li li { font-weight: normal; text-transform: none; } .content-produkt .columns a:link, .content-produkt .columns a:visited { text-decoration: none; } .content-produkt .columns a:hover { color: #454545; } .content-produkt .columns .highlights { margin-bottom: 38px; min-height: 191px; } .content-produkt .columns .highlights li { padding: 0px 0px 0px 15px; background: url(../pics/layout/di-soric/bullet.png) 0px 6px no-repeat; text-transform: none; } .content-produkt .columns .bestand { margin-top: 11px; } .content-produkt .columns .preis { font-size: 13px; } .content-produkt .warenkorb-gruppe { overflow: hidden; margin: 0px 0px 29px 0px; } .content-produkt .warenkorb-gruppe .spalte-links { float: left; width: 170px; } .content-produkt .warenkorb-gruppe .spalte-rechts { float: right; width: 170px; text-align: right; } .content-produkt .artikel-flags { text-align: right; } .content-produkt .artikel-flags .artikel-flag { margin: 0 0 0 10px; } .container-downloads { border: 1px solid #9D9EA0; } .container-downloads .downloads-header { color: #ffffff; padding: 4px 0px 5px 15px; font-weight: normal; background-color: #9D9EA0; overflow: hidden; } .container-downloads h2 { float: left; } .container-downloads h2.dl-dokumente { width: 135px; } .container-downloads h2.dl-cad { width: 55px; } .container-downloads a { display: block; text-decoration: none; } .container-downloads a:hover { color: #454545; } .container-downloads .downloads-zeilen { overflow: hidden; padding: 5px 0px 23px 15px; } .container-downloads .downloads-spalten { overflow: hidden; padding: 9px 0px 23px 15px; } .container-downloads .downloads-spalte-1 { float: left; width: 130px; padding-right: 5px; } .container-downloads .downloads-spalte-1 a { margin-bottom: 15px; } .container-downloads .downloads-spalte-2 { float: left; width: 50px; padding-right: 5px; } .container-downloads .downloads-spalte-3 { float: left; width: 130px; } .container-zubehoer { border: 1px solid #9D9EA0; } .container-zubehoer h2 { color: #ffffff; padding: 4px 0px 5px 15px; font-weight: normal; background-color: #9D9EA0; } .container-zubehoer a { display: block; text-decoration: none; } .container-zubehoer a:hover { color: #454545; } .container-zubehoer .zubehoer-zeile { overflow: hidden; padding: 9px 0px 23px 15px; border-bottom: 1px solid #9D9EA0; } .container-zubehoer .zubehoer-zeile .name { text-transform: uppercase; } .container-zubehoer .zubehoer-spalte-links { float: left; width: 162px; padding-bottom: 22px; text-align: left; } .container-zubehoer .zubehoer-spalte-rechts { float: right; width: 158px; padding-bottom: 9px; text-align: left; text-align: center; } .container-verwandte-artikel { border: 1px solid #9D9EA0; } .container-verwandte-artikel h2 { color: #ffffff; padding: 4px 0px 5px 15px; font-weight: normal; background-color: #9D9EA0; } .container-verwandte-artikel a { display: block; text-decoration: none; } .container-verwandte-artikel a:hover { color: #454545; } .container-verwandte-artikel .slider { width: 338px; height: 90px; overflow: hidden; position: relative; } .container-verwandte-artikel .slider .btn-prev { position: absolute; left: 3px; top: 30px; z-index: 10; display: block; width: 11px; height: 19px; background: url(../pics/layout/di-soric/verw_prod_pfeil_links.png) 0px 0px no-repeat; } .container-verwandte-artikel .slider .btn-next { position: absolute; left: 324px; top: 30px; z-index: 10; display: block; width: 11px; height: 19px; background: url(../pics/layout/di-soric/verw_prod_pfeil_rechts.png) 0px 0px no-repeat; } .container-verwandte-artikel .verwandte-artikel-zeile { width: 338px; overflow: hidden; float: left; padding: 9px 0px 0px 0px; } .container-verwandte-artikel .verwandte-artikel-zeile .name { font-weight: bold; text-transform: uppercase; } .container-verwandte-artikel .verwandte-artikel-zeile a:link, .container-verwandte-artikel .verwandte-artikel-zeile a:visited { display: block; } .container-verwandte-artikel .verwandte-artikel-spalte-links { float: left; width: 95px; padding: 0px 0px 0px 37px; } .container-verwandte-artikel .verwandte-artikel-spalte-rechts { float: right; width: 120px; padding: 0px 39px 9px 0px; text-align: center; } .container-systemkomponenten { padding-bottom: 8px; border: 1px solid #9D9EA0; } .container-systemkomponenten h2 { color: #ffffff; padding: 4px 0px 5px 15px; font-weight: normal; background-color: #9D9EA0; } .container-systemkomponenten a { display: block; text-decoration: none; } .container-systemkomponenten a:hover { color: #454545; } .container-systemkomponenten .zeile { overflow: hidden; padding: 9px 0px 0px 15px; border-bottom: 1px solid #ffffff; } .container-systemkomponenten .zeile .name { font-weight: bold; text-transform: uppercase; } .container-systemkomponenten .zeile a:link, .container-systemkomponenten .zeile a:visited { display: block; } .container-systemkomponenten .spalte-links { float: left; width: 162px; padding-bottom: 2px; text-align: left; } .container-abkuendigung { padding-bottom: 0px; border: 1px solid #00A1E5; } .container-abkuendigung h2 { color: #ffffff; padding: 4px 0px 5px 15px; font-weight: normal; background-color: #00A1E5; } .container-alternativen { padding-bottom: 8px; border: 1px solid #00A1E5; } .container-alternativen h2 { color: #ffffff; padding: 4px 0px 5px 15px; font-weight: normal; background-color: #00A1E5; } .container-alternativen a { display: block; text-decoration: none; } .container-alternativen a:hover { color: #454545; } .container-alternativen .zeile { overflow: hidden; padding: 9px 0px 0px 15px; border-bottom: 1px solid #ffffff; } .container-alternativen .zeile .name { font-weight: bold; text-transform: uppercase; } .container-alternativen .zeile a:link, .container-alternativen .zeile a:visited { display: block; } .container-alternativen .spalte-links { float: left; width: 162px; padding-bottom: 22px; text-align: left; } .container-alternativen .spalte-rechts { float: right; width: 158px; padding-bottom: 9px; text-align: left; text-align: center; } .showroom-daten table { width: 100%; } .showroom-daten th { padding: 5px 10px 5px 13px; border-bottom: 16px solid #FFFFFF; color: #FFFFFF; background-color: #9C9DA0; } .showroom-daten td { padding: 4px 10px 6px 13px; } .showroom-daten td.spalte-1 { font-weight: bold; } .showroom-daten tr.zeile-0 { background-color: #DFF3FD; } .showroom-daten tr.zeile-1 { } .showroom { margin-bottom: 34px; } .showroom .registergruppe-elemente { min-height: 290px; border: 1px solid #9D9EA0; border-bottom: none; } .showroom .registergruppe-elemente .element { text-align: center; } .showroom .registergruppe-elemente .element img { display: block; } .showroom .registergruppe-elemente .element object { display: block; } .showroom .registergruppe-reiterleiste { overflow: hidden; border-top: 6px solid #464646; background: url(../pics/layout/di-soric/showroom_button_bg.png) 0px 0px repeat-x; } .showroom .registergruppe-reiterleiste .active { color: #FFFFFF; background: url(../pics/layout/di-soric/showroom_button_bg_hover.png) 0px 0px repeat-x; } .showroom .reiter { float: left; padding: 4px 18px 6px 18px; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; background: url(../pics/layout/di-soric/showroom_button_bg.png) 0px 0px repeat-x; cursor: pointer; } .showroom .reiter:hover { color: #FFFFFF; background: url(../pics/layout/di-soric/showroom_button_bg_hover.png) 0px 0px repeat-x; } .container-zubehoer-detail { border-bottom: 1px solid #9D9EA0; } .container-zubehoer-detail .zubehoer-detail-zeile { overflow: hidden; padding: 5px 12px 0px 12px; } .container-zubehoer-detail .zubehoer-detail-spalte-links { float: left; width: 169px; padding-bottom: 12px; } .container-zubehoer-detail .zubehoer-detail-spalte-rechts { float: right; width: 128px; padding: 5px 3px 9px 0px; text-align: center; } .container-zubehoer-detail .zubehoer-detail-zeile-unten { overflow: hidden; padding: 5px 12px 0px 15px; } .container-zubehoer-detail .zubehoer-detail-zeile-unten .zubehoer-detail-spalte-links { padding-bottom: 0px; } .container-zubehoer-detail .zubehoer-detail-zeile-unten .zubehoer-detail-spalte-rechts { padding: 5px 0px 6px 0px; width: auto; } .container-zubehoer-detail h2 { color: #ffffff; padding: 4px 0px 5px 15px; font-weight: normal; background-color: #9D9EA0; } .container-zubehoer-detail table { width: 100%; } .container-zubehoer-detail th { padding: 0px 0px 5px 3px; } .container-zubehoer-detail td { padding: 0px 3px 0px 3px; font-size: 11px; } .container-zubehoer-detail tr.zeile-0 { background-color: #DFF3FD; } .container-zubehoer-detail tr.zeile-1 { } .detail-zubehoer { text-align: left; background-color: #FFFFFF; } /* Produktfinder und Trefferliste */ #finder { margin-bottom: 15px; } #finder-throbber { width: 150px; height: 150px; margin: 140px 0px 0px -75px; position: absolute; top: 200px; left: 50%; background: url(../pics/layout/di-soric/throbber.png) 0px 0px no-repeat; } .finder-merkmale { margin-bottom: 9px; } .finder-merkmale td { margin: 0px; padding: 4px 0px 0px 9px; vertical-align: top; } .finder-merkmale .name { width: 196px; color: #FFFFFF; background: url(../pics/layout/di-soric/merkmal_name_bg.png) bottom left repeat-x #818284; } .finder-merkmale .merkmal-name { padding-bottom: 3px; } .finder-merkmale .werte { width: 654px; padding: 0px 0px 0px 21px; } .finder-merkmale .button { float: left; min-width: 50px; margin: 0px 2px 0px 0px; padding: 4px 20px 3px 20px; text-align: center; background: url(../pics/layout/di-soric/merkmal_name_bg.png) bottom left repeat-x #F2F2F2; white-space: nowrap; cursor: pointer; } .finder-merkmale .button-inaktiv { color: #CFCFCF; } .finder-merkmale .button-aktiv { color: #FFFFFF; background-color: #00A1E5; } .finder-treffer { width: 100%; margin-top: 28px; } .finder-treffer th { padding: 0px 10px 10px 0px; font-weight: normal; text-align: left; } .finder-treffer th.artikel-bezeichnung { text-transform: uppercase; max-width: 240px; } .finder-treffer td { padding: 0px 10px 4px 0px; } .finder-treffer td.artikel-bild { padding: 3px 6px 4px 4px; width: 27px; } .finder-treffer td.artikel-bild .bild-positionierer { position: relative; } .finder-treffer td.artikel-bild .produktbild { display: none; position: absolute; top: -85px; left: 315px; border: 1px solid #666666; background-color: #FFFFFF; box-shadow: 3px 3px 10px #666666; -webkit-box-shadow: 3px 3px 10px #666666; -moz-box-shadow: 3px 3px 10px #666666; } .finder-treffer td.artikel-flags { width: 20px; } .finder-treffer td.artikel-flags .artikel-flags { line-height: 0px; margin: 2px 0 0 0; } .finder-treffer td.artikel-flags img { margin: 0px 0 4px 0; } .finder-treffer td.artikel-bezeichnung a:link, .finder-treffer td.artikel-bezeichnung a:visited { text-decoration: none; white-space: nowrap; } .finder-treffer td.artikel-bezeichnung a:hover { color: #454545; } .finder-treffer td.warenkorb { padding: 2px 6px 4px 6px; width: 30px; } .finder-treffer tr.zeile-0 { background-color: #DFF3FD; } .finder-treffer tr.zeile-1 { } .finder-treffer tr:hover .produktbild { display: block; } .meldung-trefferliste-leer { text-align: right; } .meldung-trefferliste-leer .linkbutton { display: inline; margin-left: 5px; } .finder-trefferliste-anzahl { text-align: right; } .finder-trefferliste-anzahl .linkbutton { display: inline; margin-left: 5px; } /* Direktfinder */ .direktfinder { float: right; margin: 5px 34px 0px 0px; } .direktfinder-dropdowns { float: right; padding: 2px 0px 0px 0px; } .direktfinder-dropdowns .form-select { min-width: 74px; height: 16px; font-size: 11px; color: #454545; background-color: #eaeaea; border: none; } .direktfinder-buttons { float: right; margin-left: 8px; } .direktfinder-buttons a:link, .direktfinder-buttons a:visited { display: inline-block; margin-top: 3px; color: #FFFFFF; text-decoration: none; } .direktfinder-treffer h2 { margin-bottom: 20px; text-transform: uppercase; font-weight: normal; } .direktfinder-treffer .zeile { overflow: hidden; margin-bottom: 20px; } .direktfinder-treffer .produktbild { display: block; float: left; } .direktfinder-treffer .beschreibung { float: left; padding: 14px 0px 0px 20px; } .direktfinder-treffer .artikel-flag { margin: 0 5px 0 0; } .direktfinder-treffer .warenkorb-button { float: right; padding: 14px 0px 0px 0px; display: block; } .direktfinder-treffer-spalten { overflow: hidden; } .direktfinder-treffer-spalten .spalte-links { float: left; width: 394px; margin-right: 60px; } .direktfinder-treffer-spalten .spalte-rechts { float: right; width: 425px; } /* Warenkorb */ .header .modul-warenkorb { float: right; margin-top: 20px; } .header .modul-warenkorb a:link, .header .modul-warenkorb a:visited { color: #FFFFFF; text-decoration: none; } .header .modul-warenkorb .bezeichner { margin: 0px 5px 0px 0px; padding: 3px 0px 5px 3px; color: #FFFFFF; text-transform: uppercase; } .header .modul-warenkorb .bezeichner span { margin-right: 7px; } .header .modul-warenkorb .inhalt-wrapper { display: none; width: 367px; padding: 5px 0px 0px 0px; position: absolute; top: 40px; right: 0px; z-index: 2500; } .header .modul-warenkorb .inhalt { padding: 14px 0px 17px 0px; background: url(../pics/layout/di-soric/bg_warenkorb.png) top right no-repeat #313131; } .header .modul-warenkorb:hover .inhalt-wrapper { display: block; } .header .modul-warenkorb .inhalt .titel { padding: 0px 35px 2px 15px; color: #FFFFFF; text-transform: uppercase; font-weight: normal; } .header .modul-warenkorb .warenkorb-form-wrapper { margin: 16px 0px 0px 0px; overflow: hidden; color: #FFFFFF; } .header .modul-warenkorb .liste-zeilen { padding-bottom: 35px; border-bottom: 1px solid #292929; } .header .modul-warenkorb .liste-zeile { overflow: hidden; margin: 0px 0px 1px 15px; } .header .modul-warenkorb .liste-zeile .position-bild { float: left; width: 58px; margin-right: 10px; background-color: #FFFFFF; text-align: center; } .header .modul-warenkorb .liste-zeile .position-bild img { display: block; margin: 0px auto; } .header .modul-warenkorb .liste-zeile .position-inhalt { float: left; width: 213px; margin-left: 0px; font-size: 11px; } .header .modul-warenkorb .liste-zeile .position-funktionen { float: left; } .header .modul-warenkorb .gesamtpreis { float: left; margin: 4px 0px 0px 15px; font-size: 11px; } .header .modul-warenkorb .linkbutton { padding: 6px 20px 0px 0px; text-align: right; border-top: 1px solid #464646; } .columns .modul-warenkorb .liste-liste { margin: 0px 60px 0px 60px; } .columns .modul-warenkorb .liste-liste table { width: 100%; border: 1px solid #9E9E9E; border-bottom: none; } .columns .modul-warenkorb .liste-liste th { padding: 6px 10px 8px 17px; font-weight: normal; color: #FFFFFF; background-color: #98999D; text-transform: uppercase; } .columns .modul-warenkorb .liste-liste td { padding: 15px 0px 0px 0px; border-right: 1px solid #9E9E9E; border-bottom: 1px solid #9E9E9E; vertical-align: top; } .columns .modul-warenkorb .liste-liste .spalte-position { padding-left: 17px; border-right: none; } .columns .modul-warenkorb .liste-liste .spalte-position img { display: block; margin: 27px auto 20px auto; } .columns .modul-warenkorb .liste-liste .spalte-artikel { padding-left: 17px; } .columns .modul-warenkorb .liste-liste .spalte-artikel textarea { display: block; height: 35px; margin: 6px 10px 20px 0px; font-size: 11px; } .columns .modul-warenkorb .liste-liste .spalte-artikel a:link, .columns .modul-warenkorb .liste-liste .spalte-artikel a:visited { text-decoration: none; } .columns .modul-warenkorb .liste-liste .spalte-menge { text-align: center; } .columns .modul-warenkorb .liste-liste .spalte-menge .form-text { width: 44px; margin: 0px 8px 0px 8px; border: 1px solid #9E9E9E; background-color: #FFFFFF; text-shadow: none; background-image: none; } .columns .modul-warenkorb .liste-liste .spalte-menge .menge-einheit { margin-bottom: 8px; text-align: center; font-size: 11px; } .columns .modul-warenkorb .liste-liste .spalte-wunschtermin { text-align: center; } .columns .modul-warenkorb .liste-liste .spalte-wunschtermin .form-text { width: 90px; margin: 0px 8px 0px 8px; border: 1px solid #9E9E9E; background-color: #FFFFFF; text-shadow: none; background-image: none; } .columns .modul-warenkorb .liste-liste .spalte-einzelpreis { text-align: center; } .columns .modul-warenkorb .liste-liste .spalte-rabatt { text-align: center; } .columns .modul-warenkorb .liste-liste .spalte-gesamtpreis { text-align: center; } .columns .modul-warenkorb .liste-liste .spalte-aktionen { border-right: none; } .columns .modul-warenkorb .liste-liste .spalte-aktionen .buttons { text-align: center; } .columns .modul-warenkorb .liste-liste .spalte-aktionen .buttons a { margin: 0px 6px 0px 6px; } .columns .modul-warenkorb .liste-liste .spalte-aktionen .bezeichner-zubehoer { margin-bottom: 23px; text-transform: uppercase; } .columns .modul-warenkorb .liste-liste .spalte-rahmenauftrag { padding: 0px; } .columns .modul-warenkorb .liste-liste .fehler .form-text { border: 1px solid #FF0000; color: #FF0000; } .columns .modul-warenkorb .liste-liste .zeile-kein-rahmenauftrag td { border-bottom: 10px solid #98999D; } .columns .modul-warenkorb .liste-liste .zeile-letzter-rahmenauftrag td { border-bottom: 10px solid #98999D; } .columns .modul-warenkorb .liste-liste .artikel-rahmenauftrag-zeile { border-right: none; } .columns .modul-warenkorb .liste-liste .artikel-rahmenauftrag { border: none; } .columns .modul-warenkorb .liste-liste .artikel-rahmenauftrag td { border: none; padding: 10px 0px 21px 0px; } .columns .modul-warenkorb .liste-liste .artikel-rahmenauftrag .spalte-1 { width: 166px; padding-left: 85px; } .columns .modul-warenkorb .liste-liste .artikel-rahmenauftrag .spalte-2 { width: 108px; } .columns .modul-warenkorb .liste-liste .artikel-rahmenauftrag .spalte-3 { width: 145px; } .columns .modul-warenkorb .liste-liste .artikel-rahmenauftrag .spalte-4 { padding-right: 54px; text-align: right; } .columns .modul-warenkorb .liste-liste .artikel-rahmenauftrag .spalte-5 { width: 128px; } .columns .modul-warenkorb .liste-liste .artikel-rahmenauftrag .spalte-6 { padding-right: 153px; text-align: right; } .columns .modul-warenkorb .liste-liste .buttons { margin-top: 37px; text-align: right; } .columns .modul-warenkorb .liste-liste .buttons .linkbutton-text { margin-left: 7px; } .columns .modul-warenkorb .liste-liste .kosten { margin: 14px 0px 0px 0px; padding: 7px 0px 1px 22px; overflow: hidden; } .columns .modul-warenkorb .liste-liste .kosten table { float: right; width: auto; border: none; } .columns .modul-warenkorb .liste-liste .kosten td { padding: 0px 0px 14px 0px; border: none; } .columns .modul-warenkorb .liste-liste .kosten .linke-spalte { text-align: left; } .columns .modul-warenkorb .liste-liste .kosten .rechte-spalte { width: 130px; text-align: right; } .content .modul-warenkorb .linkbutton-text { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .content .modul-warenkorb .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .sichtbar { display: block!important; } /* Bestellungen */ .modul-bestellungen .liste { margin: 0px 60px 0px 60px; } .modul-bestellungen .liste h1 { margin: 0px 0px 84px 0px; font-weight: normal; } .modul-bestellungen .liste-zeile { margin-bottom: 5px; } .modul-bestellungen .liste-zeile table { border-left: 1px solid #98999D; border-right: 1px solid #98999D; } .modul-bestellungen .liste-zeile th { padding: 8px 0px 7px 15px; font-weight: normal; color: #FFFFFF; background-color: #98999D; text-transform: uppercase; } .modul-bestellungen .liste-zeile td { padding: 8px 0px 7px 15px; vertical-align: top; border-bottom: 10px solid #98999D; } .modul-bestellungen .liste-zeile .linkbutton { margin: 9px 5px 0px 0px; text-align: right; } .modul-bestellungen h2 { margin-bottom: 15px; font-weight: normal; text-transform: none; } .modul-bestellungen .bestellung-spalten { overflow: hidden; margin-bottom: 18px; } .modul-bestellungen .bestellung-spalten .spalte-links { float: left; width: 360px; margin: 0px 40px 0px 60px; } .modul-bestellungen .bestellung-spalten .spalte-rechts { float: right; width: 420px; margin: 0px 60px 0px 0px; } .modul-bestellungen .form-eingabe-zeile { overflow: hidden; margin-bottom: 5px; } .modul-bestellungen .form-eingabe-zeile label { display: block; padding-top: 2px; float: left; width: 100px; color: #87888A; } .modul-bestellungen .form-eingabe-zeile .text-readonly { padding-top: 2px; margin-left: 100px; } .modul-bestellungen .spalte-links .form-eingabe-zeile { margin-bottom: 1px; } .modul-bestellungen .spalte-links .anschrift { margin-bottom: 25px; } .modul-bestellungen .spalte-links .rechnungsanschrift { margin-bottom: 25px; } .modul-bestellungen .spalte-links .lieferanschrift { margin-bottom: 19px; } .modul-bestellungen .spalte-rechts .form-eingabe-zeile .form-text { width: 200px; border: 1px solid #9E9E9E; background-color: #FFFFFF; text-shadow: none; background-image: none; font-size: 12px; } .modul-bestellungen .spalte-rechts .form-eingabe-zeile .form-select { width: 208px; font-size: 12px; color: #FFFFFF; background-color: #7B7B7B; } .modul-bestellungen .spalte-rechts .kundennummer { overflow: hidden; margin: 30px 0px 16px 0px; } .modul-bestellungen .spalte-rechts .kundennummer label, .modul-bestellungen .spalte-links .kundennummer label, .modul-bestellungen .spalte-links .bestellnummer label { display: block; padding-top: 2px; float: left; width: 100px; color: #87888A; } .modul-bestellungen .spalte-rechts .kundennummer span, .modul-bestellungen .spalte-links .kundennummer span, .modul-bestellungen .spalte-links .bestellnummer span { display: block; padding-top: 2px; } .modul-bestellungen .spalte-rechts .bestellnummer { margin-bottom: 19px; } .modul-bestellungen .spalte-rechts .bestellnummer .form-text { width: 54px; } .modul-bestellungen .spalte-rechts .bestellung-bemerkung .form-text { width: 412px; height: 128px; } .modul-bestellungen .buttons { margin: 0px 60px; padding: 9px 0px 0px 0px; border-top: 1px solid #A9AAAD; text-align: right; } .modul-bestellungen .spalte-rechts .positionen { width: 100%; } .modul-bestellungen .spalte-rechts .positionen th { padding: 0px 0px 13px 0px; font-weight: normal; text-transform: uppercase; } .modul-bestellungen .spalte-rechts .positionen td { padding: 0px 0px 14px 0px; } .modul-bestellungen .spalte-rechts .positionen .spalte-artikel { width: 197px; padding-left: 22px; } .modul-bestellungen .spalte-rechts .positionen .spalte-menge { width: 72px; text-align: center; } .modul-bestellungen .spalte-rechts .positionen th.spalte-gesamtpreis { text-align: right; padding-right: 25px; white-space: nowrap; } .modul-bestellungen .spalte-rechts .positionen td.spalte-gesamtpreis { text-align: right; padding-right: 25px; } .modul-bestellungen .spalte-rechts .kosten { margin: 12px 0px 0px 0px; padding: 7px 0px 23px 22px; border-top: 1px solid #AAA9AE; border-bottom: 1px solid #AAA9AE; } .modul-bestellungen .spalte-rechts .kosten table { width: 100%; } .modul-bestellungen .spalte-rechts .kosten td { padding: 0px 0px 14px 0px; } .modul-bestellungen .spalte-rechts .kosten .rechte-spalte { padding-right: 25px; text-align: right; } .modul-bestellungen .spalte-rechts .lieferbedingungen { padding: 10px 0px 10px 22px; } .modul-bestellungen .spalte-rechts .checkbox-agb { padding: 0px 0px 0px 22px; } .modul-bestellungen .spalte-rechts .checkbox-agb input { float: left; margin: 3px 0px 0px 0px; } .modul-bestellungen .spalte-rechts .checkbox-agb label { float: none; width: auto; margin-left: 20px; } .modul-bestellungen .spalte-rechts .anrede { margin: 0px 0px 13px 0px; text-transform: uppercase; } .modul-bestellungen .spalte-rechts .meldung { margin: 0px 32px 0px 0px; } .modul-bestellungen .spalte-rechts .button-home { margin: 41px 0px 0px 0px; padding: 3px 63px 0px 0px; text-align: right; background: url(../pics/layout/di-soric/haken_grau.png) top right no-repeat; } .modul-bestellungen .fehler { margin-left: 60px; border: 1px solid #7F8080; color: #ff0000; width: 395px; padding: 10px;} .content .modul-bestellungen .linkbutton-text { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .content .modul-bestellungen .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } /* Loginformular */ .header .formular-login { float: right; margin: 23px 5px 0px 3px; color: #FFFFFF; } .header .formular-login a:link, .header .formular-login a:visited { margin-right: 7px; color: #FFFFFF; text-decoration: none; } .formular-login .bezeichner { color: #FFFFFF; text-transform: uppercase; padding-bottom: 7px; } .formular-login .inhalt-wrapper { display: none; background: url(../pics/layout/trans.png) 0px 0px repeat; width: 360px; padding: 9px 0px 0px 0px; position: absolute; top: 36px; right: 0px; z-index: 2500; } .formular-login .inhalt { padding: 16px 55px 25px 25px; background: url(../pics/layout/di-soric/bg_warenkorb.png) top right no-repeat #313131; } .formular-login:hover .inhalt-wrapper { display: block; } .formular-login .inhalt .titel { display: block; margin: 0px 0px 9px 0px; color: #FFFFFF; text-transform: uppercase; font-weight: normal; } .formular-login .form-eingabe-zeile { overflow: hidden; margin: 0px 0px 10px 0px; } .formular-login .form-eingabe-zeile label { display: block; float: left; width: 106px; padding: 3px 0px 0px 0px; } .formular-login .form-eingabe-zeile .form-text { float: left; width: 164px; text-shadow: none; } .formular-login .button-group { overflow: hidden; padding: 2px 0px 3px 0px; } .formular-login .button-group-2 { margin-top: 14px; } .formular-login .button-group-bezeichner { float: left; width: 173px; padding: 3px 0px 0px 0px; } .formular-login .linkbutton { float: left; width: 106px; padding-right: 1px; text-align: right; } /* Registrierung Auswahlseite */ .absatz_linkbutton { overflow: hidden; clear: both; } .absatz_linkbutton .linkbutton { float: right; } .absatz_linkbutton .text { float: left; width: 300px; } .absatz_linkbutton .linkbutton-text { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .absatz_linkbutton .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .auswahlseite h1 { margin-left: 0; margin-bottom: 30px; } .auswahlseite .form-eingabe-zeile { margin-right: 0; } .auswahlseite .form-eingabe-zeile label { display: block; width: 243px; padding: 0; color: #707173; float: left; } .auswahlseite .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .auswahlseite .formular-login h2 { margin-bottom: 20px; } .auswahlseite h2 { font-weight: bold; } .auswahlseite .linkbutton { float: right; margin-right: 3px; } /* Anmeldung Fehlserseite */ .content h1 { margin-left: 0; margin-bottom: 30px; } .content .form-eingabe-zeile { margin-right: 0; } .content .form-eingabe-zeile label { display: block; width: 243px; padding: 0; color: #707173; float: left; } .content .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .content .formular-login h2 { margin-bottom: 20px; } .content h2 { font-weight: bold; } .content .linkbutton { float: right; margin-right: 3px; } /* News */ .news-titel h1 { margin-left: 130px; text-transform: uppercase; font-weight: normal; font-size: 12px; } .modul-news .liste .news-eintrag, .modul-news .liste-archiv .news-eintrag { clear: both; } .modul-news .liste .news-eintrag .bild, .modul-news .liste-archiv .news-eintrag .bild { width: 60px; float:left; } .modul-news .liste .news-eintrag .aufmacher, .modul-news .liste-archiv .news-eintrag .aufmacher { margin-left: 70px; } .modul-news .liste .datum-titel, .modul-news .liste-archiv .datum-titel { margin: 15px 0px 15px 70px; padding:0px; } .modul-news .liste .mehr-link, .modul-news .liste-archiv .mehr-link { text-align: right; display:block; } .modul-news a:hover { color: #454545; } .modul-news a { text-decoration: none; } .modul-news .detail .mehr-link { text-align: right; display:block; } .modul-news .detail .datum-titel { margin: 0px 0px 15px 0px; } .modul-news .detail h1 { margin-left: 0px; } .modul-news .detail .bild { margin: 20px 0px 0px 0px; } .modul-news .detail .langtext2 { margin: 20px 0px 0px 0px; } .modul-news .detail .langtext { margin: 15px 0px 0px 0px; } .modul-news .keinenews { margin: 45px 0px 0px 70px; } /* Messen */ .messe-titel h1 { margin-left: 170px; margin-bottom: 20px; text-transform: uppercase; font-weight: normal; font-size: 12px; } .modul-messe .modul-messe-zeile .messe-bild { float: left; margin: 0 10px 10px 0; width: 100px; min-height: 50px; } .modul-messe .modul-messe-zeile .messe-info { margin-left: 110px; } .modul-messe .modul-messe-zeile { clear: both; margin: 0 0 10px 0; } .modul-messe .keinemesse { margin: 0px 0px 0px 110px; } .modul-messe a:hover { color: #454545; } .modul-messe a { text-decoration: none; } /* Messen auf Startseite */ .modul-veranstaltungen .slider-stage { overflow: hidden; } .modul-veranstaltungen .slider { width: 420px; height: 151px; overflow: hidden; position: relative; margin-bottom: 33px; } .modul-veranstaltungen .slider .btn-prev { position: absolute; left: 0px; top: 0px; z-index: 10; display: block; width: 16px; height: 151px; background: url(../pics/layout/di-soric/messe_slider_pfeil_links.png) 0px 0px no-repeat; } .modul-veranstaltungen .slider .btn-next { position: absolute; left: 404px; top: 0px; z-index: 10; display: block; width: 16px; height: 151px; background: url(../pics/layout/di-soric/messe_slider_pfeil_rechts.png) 0px 0px no-repeat; } .modul-veranstaltungen .liste-messen { padding: 0px 16px 0px 16px; } .modul-veranstaltungen .liste-zeile { width: 101px; height: 121px; float: left; padding: 30px 14px 0px 14px; cursor: pointer; } .modul-veranstaltungen .liste-zeile:hover { background-color: #CCCCCC; } .modul-veranstaltungen .messe-bild { text-align: center; margin-bottom: 10px; } /* Stellenausschreibung */ .stellenausschreibungen-titel h1 { margin-left: 130px; } .modul-stellenausschreibungen a:hover { color: #454545; } .modul-stellenausschreibungen a { text-decoration: none; } .modul-stellenausschreibungen .liste .stelle-eintrag { clear: both; overflow: hidden; } .modul-stellenausschreibungen .liste .stelle-eintrag .bild { width: 60px; float:left; } .modul-stellenausschreibungen .liste .stelle-eintrag .aufmacher { margin-left: 70px; } .modul-stellenausschreibungen .liste .datum-titel { margin: 15px 0px 15px 70px;padding:0px; font-weight: bold; } .modul-stellenausschreibungen .liste .mehr-link { text-align: right; display:block; } .modul-stellenausschreibungen .detail .system-name { margin: 20px 0px 0px 0px; font-weight: bold; font-weight: bold; } .modul-stellenausschreibungen .detail .gebiet { margin: 20px 0px 0px 0px; } .modul-stellenausschreibungen .detail .beschreibung { margin: 20px 0px 0px 0px; } .modul-stellenausschreibungen .detail .angebot { margin: 20px 0px 0px 0px; } .modul-stellenausschreibungen .detail .anforderung { margin: 20px 0px 0px 0px; } .modul-stellenausschreibungen .detail .mehr-link { text-align: right; display:block; margin: 10px 0 0 0; } .modul-stellenausschreibungen .keine_stelle { margin: 20px 0px 0px 0px; } .column-right .modul-stellenausschreibungen { margin-top: 20px; } /* Stellenausschreibung - Formular */ .modul-formulargenerator .formular-bewerbung h2 { text-transform: none; font-weight: normal; margin: 0 0 15px 0} .content .column-right .modul-formulargenerator { margin: 29px 0 0 0} .content .column-right .modul-messekontaktformular { margin: 0 0 0 0} .modul-formulargenerator .formular-bewerbung a { text-decoration: none; } .modul-formulargenerator .formular-bewerbung .bild_weg { margin: 10px 0px 0px 10px;} .modul-formulargenerator input { text-shadow: none; font-size:11px;} .modul-formulargenerator .formular-bewerbung .datei_hinzu { margin: 5px 0px 10px 0px; } .modul-formulargenerator .formular-bewerbung label { display: block; width: 210px; padding: 0; color: #707173; float: left; } .modul-formulargenerator .formular-bewerbung label.form-label-checkbox { font-size:11px; display: block; margin-left: 10px; width: 340px; } .modul-formulargenerator .formular-bewerbung .form-checkbox { float: left; } .modul-formulargenerator .formular-bewerbung .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .modul-formulargenerator .formular-bewerbung .form-file { color: #fff; background: #6C6C6C; width: 400px; border: 1px solid #7F8080; } #formularstellenausschreibung_bemerkungen { width: 416px; height: 135px; text-shadow: none; font-size:11px; margin: 10px 0px 12px 0px; } #formularstellenausschreibung_email { margin: 0 0 40px 0; } .modul-formulargenerator .formular-bewerbung .hinweis-datenschutz { font-size: 11px; margin-bottom: 15px; text-align: justify; } .modul-formulargenerator .formular-bewerbung .form-eingabe-zeile { clear:both; } .modul-formulargenerator .formular-bewerbung .form-select { font-size:11px; margin-bottom: 5px; width: 208px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .modul-formulargenerator .fehler { border: 1px solid #7F8080; color: #ff0000; width: 395px; padding: 10px;} .modul-formulargenerator .formular-bewerbung .linkbutton { float: right; margin: 10px 7px 0px 0px; } .modul-formulargenerator .formular-bewerbung .linkbutton-text { padding-left: 30px; padding-right: 30px; margin: 0px 0px 0px 10px; background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-formulargenerator .formular-bewerbung .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-formulargenerator .formular-bewerbung #meldung_file { margin-bottom: 10px; } /* Kontakt - Formular */ .modul-formulargenerator .formular-kontaktformular h2 { text-transform: none; font-weight: normal; margin: 0 0 15px 0} .modul-formulargenerator .formular-kontaktformular a { text-decoration: none; } .modul-formulargenerator input { text-shadow: none; font-size:11px;} .modul-formulargenerator .formular-kontaktformular label { display: block; width: 210px; padding: 0; color: #707173; float: left; } .modul-formulargenerator .formular-kontaktformular label.form-label-checkbox { font-size: 11px; display: block; margin-left: 10px; margin-top: 0px; width: 250px; } .modul-formulargenerator .formular-kontaktformular label.form-label-checkbox a:link, .modul-formulargenerator .formular-kontaktformular label.form-label-checkbox a:visited { text-decoration: underline; } .modul-formulargenerator .formular-kontaktformular .form-checkbox { float: left; } .modul-formulargenerator .formular-kontaktformular .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .modul-formulargenerator .formular-kontaktformular .form-text.area { height: auto; font-size: 11px; text-shadow: none; } .modul-formulargenerator .formular-kontaktformular .form-eingabe-zeile { clear:both; } .modul-formulargenerator .formular-kontaktformular .form-select { font-size:11px; margin-bottom: 5px; width: 208px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .modul-formulargenerator .fehler { border: 1px solid #7F8080; color: #ff0000; width: 395px; padding: 10px;} .modul-formulargenerator .formular-kontaktformular .linkbutton { float: right; margin: 0px 7px 0px 0px; } .modul-formulargenerator .formular-kontaktformular .linkbutton-text { padding-left: 30px; padding-right: 30px; margin: 0px 0px 0px 10px; background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-formulargenerator .formular-kontaktformular .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } #formularkontaktformular_nachricht { width: 410px; height: 135px; text-shadow: none; font-size:11px; margin: 0px 0px 12px 0px; } #formularmessekontaktformular_nachricht { width: 410px; height: 135px; text-shadow: none; font-size:11px; margin: 0px 0px 12px 0px; } #formularkontaktformular_pflichtfelder { text-align: right; padding-right: 3px; } #formularkontaktformular_news { margin-bottom: 10px; } #formularkontaktformular_fax { margin: 0 0 40px 0; } /* FAQ - Formular */ .modul-faqs h1 { margin: 0 0 10px 0; } .modul-faqs .bild { margin: 20px 0 0 0; float:right; } .modul-faqs h2 { text-transform: none; font-weight: normal; margin: 0 0 15px 0} .modul-faqs .liste h2 { text-transform: uppercase; margin: 0 0 0 0} .modul-faqs a { text-decoration: none; } .modul-faqs input { text-shadow: none; font-size:11px;} .modul-faqs label { display: block; width: 210px; padding: 0; color: #707173; float: left; } .modul-faqs label.form-label-checkbox { font-size: 11px; display: block; margin-left: 10px; margin-top: 0px; width: 250px; } .modul-faqs label.form-label-checkbox a:link, .modul-faqs label.form-label-checkbox a:visited { text-decoration: underline; } .modul-faqs .form-checkbox { float: left; } .modul-faqs .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .modul-faqs .form-eingabe-zeile { clear:both; } .modul-faqs .form-select { font-size:11px; margin-bottom: 5px; width: 208px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .modul-faqs .fehler { border: 1px solid #7F8080; color: #ff0000; width: 395px; padding: 10px;} .modul-faqs .linkbutton { float: right; margin: 0px 7px 0px 0px; } .modul-faqs .linkbutton-text { padding-left: 30px; padding-right: 30px; margin: 0px 0px 0px 10px; background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-faqs .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } #anfrage_frage { width: 410px; height: 135px; text-shadow: none; font-size:11px; margin: 0px 0px 12px 0px; } #faq-detail { margin: 15px 0px 0px 0px; } #kategoriewahl { width: 220px; float: left; } .content .modul-faqs .suche { float: left; } .modul-faqs .faq_kopf { overflow:hidden; margin: 0 0 0 60px; } .modul-faqs select { margin: 0 0 0 0; font-size:11px; width: 208px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } /* Unterlagen Anfordern - Formular */ .modul-formulargenerator .formular-unterlagenanfordern { margin-bottom: 40px; } .modul-formulargenerator .formular-unterlagenanfordern h2 { text-transform: none; font-weight: normal; margin: 0 0 15px 0} .modul-formulargenerator .formular-unterlagenanfordern a { text-decoration: none; } .modul-formulargenerator input { text-shadow: none; font-size:11px;} .modul-formulargenerator .formular-unterlagenanfordern label { display: block; width: 210px; padding: 0; color: #707173; float: left; } .modul-formulargenerator .formular-unterlagenanfordern label.form-label-checkbox { font-size:11px; display: block; margin: 1px 0 0 10px; width: 175px; } .modul-formulargenerator .formular-unterlagenanfordern .form-checkbox { float: left; margin: 0px; } .modul-formulargenerator .formular-unterlagenanfordern .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .modul-formulargenerator .formular-unterlagenanfordern .form-eingabe-zeile { overflow: hidden; margin-bottom: 5px; } .modul-formulargenerator .formular-unterlagenanfordern .form-select { font-size:11px; margin-bottom: 5px; width: 208px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .modul-formulargenerator .fehler { border: 1px solid #7F8080; color: #ff0000; width: 395px; padding: 10px;} .modul-formulargenerator .formular-unterlagenanfordern .linkbutton { float: right; } .modul-formulargenerator .formular-unterlagenanfordern .linkbutton-text { padding-left: 30px; padding-right: 30px; margin: 0px 0px 0px 10px; background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-formulargenerator .formular-unterlagenanfordern .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-formulargenerator .formular-unterlagenanfordern .datenblaetter { float: left; width: 200px; } .modul-formulargenerator .formular-unterlagenanfordern .form-checkbox-liste-bilder { overflow: hidden; } .modul-formulargenerator .formular-unterlagenanfordern .form-checkboxliste-bilder-zeile { overflow: hidden; width: 229px; float:left; margin: 35px 0 0 0;} .modul-formulargenerator .formular-unterlagenanfordern .form-checkboxliste-bilder-zeile img{ height: 116px; } .modul-formulargenerator .formular-unterlagenanfordern .column-bottom { padding-left: 60px; } .modul-formulargenerator .formular-unterlagenanfordern hr { background-color: #A9AAAD; height:1px; width: 885px; margin: 0 0 15px 0; clear:both; } #formularkontaktformular_pflichtfelder { text-align: right; padding-right: 3px; } #formularunterlagenanfordern_fax { margin: 0 0 40px 0; } /* Newsletterverwaltung */ .modul-formulargenerator .formular-newsletter { margin: 20px 0 0 0;} .modul-formulargenerator .formular-newsletter label.form-label-checkbox { color: #707173; font-size:11px; display: block; margin: 1px 0 0 20px; width: auto; } .modul-formulargenerator .formular-newsletter .form-checkbox { float: left; margin: 0 0 5px 0; } .modul-formulargenerator .formular-newsletter .linkbutton { float: right; margin: 0px 0px 0px 0px; } .modul-formulargenerator .formular-newsletter .linkbutton-text { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-formulargenerator .formular-newsletter .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-formulargenerator .formular-newsletter h2 { text-transform: none; font-weight: normal; margin: 0 0 15px 0} /* Download - Formular */ .modul-downloadcenter .formular h2 { text-transform: none; font-weight: normal; margin: 0 0 15px 0} .modul-downloadcenter .formular a { text-decoration: none; } .modul-downloadcenter input { text-shadow: none; font-size:11px;} .modul-downloadcenter .formular label { display: block; width: 210px; padding: 0; color: #707173; float: left; } .modul-downloadcenter .formular label.form-label-checkbox { font-size:11px; display: block; margin: 0 0 10px 10px; width: auto; } .modul-downloadcenter .formular .form-checkbox { float: left; margin-bottom: 5px;} .modul-downloadcenter .formular .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .modul-downloadcenter .formular .form-eingabe-zeile { clear:both;} .modul-downloadcenter .formular .form-select { font-size:11px; margin-bottom: 5px; width: 208px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .modul-downloadcenter .fehler { border: 1px solid #7F8080; color: #ff0000; width: 395px; padding: 10px;} .modul-downloadcenter .formular .linkbutton { float: right; margin: 10px 7px 0px 0px; } .modul-downloadcenter .formular .linkbutton-text { padding-left: 30px; padding-right: 30px; margin: 0px 0px 0px 10px; background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-downloadcenter .formular .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-downloadcenter .formular .datenblaetter { float: left; width: 200px; } .modul-downloadcenter .formular .form-checkbox-liste-bilder { overflow: hidden; } .modul-downloadcenter .formular .form-checkboxliste-bilder-zeile { overflow: hidden; width: 210px; margin: 0 0 0 0; clear: both; } .modul-downloadcenter .formular .form-checkbox-liste { border: 0; margin-left:0; padding-left: 0;} .modul-downloadcenter .formular .form-checkbox-liste .zeile { border: 0; margin-left:0; padding-left: 0;} .modul-downloadcenter .formular .form-checkbox-liste .aktiv { background: none; } .modul-downloadcenter .formular img.download-logo { margin: 30px 0 25px 0; } /* Benutzerregistrierung - Formular */ .modul-benutzer .einfuegen h2 { text-transform: none; font-weight: normal; margin: 0 0 15px 0} .modul-benutzer .einfuegen h2.abstand { margin: 40px 0 0 0; } h2.registrierung { margin: 10px 0 20px 60px; } .modul-benutzer .einfuegen a { text-decoration: underline; } .modul-benutzer .einfuegen .linkbutton-text a { text-decoration: none; } .modul-benutzer input { text-shadow: none; font-size:11px;} .modul-benutzer .einfuegen label { display: block; width: 210px; padding: 0; color: #707173; float: left; } .modul-benutzer .einfuegen label.form-label-checkbox { font-size:11px; display: block; margin-left: 10px; width: 340px; } .modul-benutzer .einfuegen .form-eingabe-zeile { overflow: hidden; } .modul-benutzer .einfuegen .form-checkbox { float: left; } .modul-benutzer .einfuegen .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .modul-benutzer .einfuegen .form-text-readonly { margin-bottom: 13px; width: 200px; float: left; } .modul-benutzer .einfuegen .form-select { font-size:11px; margin-bottom: 5px; width: 208px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .modul-benutzer .fehler { border: 1px solid #7F8080; color: #ff0000; width: 395px; padding: 10px;} .modul-benutzer .fehler a { color: #ff0000; } .modul-benutzer .einfuegen .linkbutton { float: right; margin: 130px 0px 0px 0px; font-size:11px;} .modul-benutzer .einfuegen .linkbutton-text { padding-left: 30px; padding-right: 30px; margin: 0px 0px 0px 10px; background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-benutzer .einfuegen .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-benutzer .einfuegen .hinweis_bestand { width: 290px; margin: 0 0 13px 0; } .modul-benutzer .einfuegen .hinweis_bestand b { margin: 6px 0 13px 0; display: block; } .modul-benutzer .einfuegen .linkbutton-bestand { margin: 40px 0 0 0; } .modul-benutzer .column-bottom { width: 870px; } .column-bottom { overflow: hidden; width: 800px; } .column-bottom .form-eingabe-zeile { width: 850px; float: left; overflow: hidden; margin: 0 0 10px 0; } .modul-benutzer .column-bottom .form-eingabe-zeile { width: 450px; float: left; } .modul-benutzer .einfuegen .hinweis_neu { width: 370px; margin: 0 0 10px 460px;} .modul-benutzer .einfuegen .hinweis_neu .abstand { padding-right: 5px; } .modul-benutzer .einfuegen .hinweis_neu b { margin: 0 0 13px 0; display: block; } .linkbutton-reg { margin: 0 0 0 860px; float:left; } .linkbutton-reg .linkbutton-text { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .linkbutton-reg .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .linkbutton-reg #registrieren-warten { color: #FFFFFF; font-size: 11px; } #nutzerbedingungen { margin: 0 0 0 460px; } .checkbox-gruppe-bestandskunde .form-eingabe-zeile { margin-bottom: 10px; } #benutzereinfuegen_plz { width: 30px; margin-right: 5px; overflow: hidden; } #benutzereinfuegen_ort { width: 154px; } #benutzer_rechnung_land { margin: 0 0 40px 0; } #benutzer_fax { margin: 0 0 40px 0; } .modul-benutzer .detail h2 { font-weight: normal; margin-bottom: 16px; } .modul-benutzer .detail .anzeige-benutzerdaten { margin-bottom: 22px; } .modul-benutzer .detail .anzeige-firmendaten { margin-bottom: 22px; } .modul-benutzer .detail .form-eingabe-zeile { overflow: hidden; margin-bottom: 5px; } .modul-benutzer .detail .form-eingabe-zeile label { display: block; padding-top: 2px; float: left; width: 100px; color: #87888A; } .modul-benutzer .detail .form-eingabe-zeile label.breit { width: 250px; } .modul-benutzer .detail .form-eingabe-zeile .text-readonly { padding-top: 2px; } .modul-benutzer .abstand { margin-bottom: 5px; } /* Kontakt - Akzeptanz Benutzerbedingungen */ .modul-formulargenerator .formular-nutzungsbedingungen { width: 450px;} .modul-formulargenerator .formular-nutzungsbedingungen h2 { text-transform: none; font-weight: normal; margin: 0 0 15px 0} .modul-formulargenerator .formular-nutzungsbedingungen a { text-decoration: none; } .modul-formulargenerator input { text-shadow: none; font-size:11px;} .modul-formulargenerator .formular-nutzungsbedingungen label { display: block; width: 210px; padding: 0; color: #707173; float: left; } .modul-formulargenerator .formular-nutzungsbedingungen label.form-label-checkbox { font-size: 11px; display: block; margin-left: 10px; margin-top: 0px; margin-bottom: 10px; width: 250px; } .modul-formulargenerator .formular-nutzungsbedingungen .form-select { font-size:11px; margin-bottom: 5px; width: 208px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .modul-formulargenerator .formular-nutzungsbedingungen label.form-label-checkbox a:link, .modul-formulargenerator .formular-nutzungsbedingungen label.form-label-checkbox a:visited { text-decoration: underline; } .modul-formulargenerator .formular-nutzungsbedingungen .form-checkbox { float: left; } .modul-formulargenerator .formular-nutzungsbedingungen .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .modul-formulargenerator .formular-nutzungsbedingungen .form-eingabe-zeile { clear:both; overflow:hidden; } .modul-formulargenerator .fehler { border: 1px solid #7F8080; color: #ff0000; width: 395px; padding: 10px;} .modul-formulargenerator .formular-nutzungsbedingungen .linkbutton { float: right; margin: 0px 30px 0px 0px; } .modul-formulargenerator .formular-nutzungsbedingungen .linkbutton-text { padding-left: 30px; padding-right: 30px; margin: 0px 0px 0px 10px; background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-formulargenerator .formular-nutzungsbedingungen .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } #passwort_neu_wiederholen { margin-bottom: 20px; } /* modul_landkarte: liste */ .modul-landkarte { margin-bottom: 10px; } .modul-landkarte .liste { padding: 0px 10px 10px 10px; } .modul-landkarte .karte * { color: #000000; } .modul-landkarte .karte { margin: 0; padding: 0; width: 1000px; height: 300px; overflow: hidden; } .modul-landkarte .infofenster { } .modul-landkarte .zentrieren { float: left; cursor: pointer; } /* modul_landkarte: route */ .modul-landkarte input { text-shadow: none; font-size:11px;} .modul-landkarte .form-routenplaner { } .modul-landkarte .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .modul-landkarte .form-text-readonly { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; padding: 2px; } .modul-landkarte .autocomplete { width: auto !important; background-color: #fff; border: 1px solid #888; margin: 0px 0px 0px 0px; padding: 0px; z-index: 100; min-width: 206px;} .modul-landkarte .autocomplete ul { list-style-type:none; margin:0px; padding:0px; } .modul-landkarte .autocomplete ul li { list-style-type: none; display: block; white-space: nowrap; margin: 0; padding: 2px; height: auto; cursor: pointer; color: #000; } .modul-landkarte .autocomplete ul li.selected { background-color: #E3E3E3; } .modul-landkarte .autocomplete b.highlighted { color: #666; } .modul-landkarte .route { padding: 10px; text-align: center; } .modul-landkarte .route .route-drucken { padding: 0px 0px 20px 10px; float: left; cursor: pointer; } .modul-landkarte .route .wegbeschreibung { background: #ffffff; width: 900px; margin: 60px 0 0 0; text-align: left; color: #000000; clear:both; } .modul-landkarte .routenplaner { margin: 20px 0 0 50px; width: 520px; } .modul-landkarte .routenplaner a { text-decoration: none; } .modul-landkarte .routenplaner label { display: block; width: 150px; padding: 4px 0 0 0; color: #707173; float: left; text-transform: uppercase; } .modul-landkarte .routenplaner .form-eingabe-zeile { float: left; } .modul-landkarte .routenplaner .form-select { font-size:11px; margin-top: 2px; width: 208px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .modul-landkarte .routenplaner .linkbutton { float: right; margin: 0; padding: 0; } .modul-landkarte .routenplaner .linkbutton-text { padding-left: 30px; padding-right: 30px; margin: 0px 0px 0px 10px; background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-landkarte .routenplaner .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } /* Hauptlayout - Abweichungen Landkarte */ .content_karte { padding-top: 0; margin-top: 0; width: 1000px; } /* Suche - Contentbereich */ .content .suche { float: left; margin: 0 0 0 0; } .content .suche_content { margin: 20px 0 0 0; } .content .suche .formular-suche .form-text { margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px; background: #FFF; width: 190px; height: 16px; border: 1px solid #A8A9AA; color: #87888A; text-shadow: none; } .content .suche .formular-suche .form-button { position: relative; top: -2px; } .content .suche .formular-suche .form-eingabe-zeile { margin-right: 3px; } select#suche_katalog { font-size:11px; margin: 0px 5px auto auto; width: 168px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .content .formular-suche-filter { float: left; margin: 0; } .content .suche_trefferliste { clear: both; margin: 10px 0 0 0; } .content .column-left .suche_trefferliste { margin: 32px 0 0 0; } .content .column-right .suche_trefferliste { margin: 32px 0 0 0; } .content .suche .form-eingabe-zeile { width: 200px; } .content .trefferliste .kopf { clear: both; margin: 40px 0 2px 0; } .content .trefferliste a { text-decoration: none; } .content .trefferliste .pageview a { margin-right: 5px; } .content .trefferliste .pageview { margin-top: 10px; } .content .trefferliste .treffer { margin: 0 0 10px 0; } .content .trefferliste .artikel-flag { margin: 0 5px 0 0; } .content .trefferliste .treffer_pdb_erweitert { margin: 0 0 10px 0; overflow: hidden; } .content .trefferliste .treffer_pdb_erweitert .img { float: left; margin: 0 5px 0 0; width: 120px; } .content .trefferliste .treffer_pdb_erweitert .img img { vertical-align:baseline; float:right; margin-left: 5px; } .content .trefferliste .treffer_pdb_erweitert .img b { float: left; } .content .trefferliste .treffer_pdb_erweitert .detail { float: left; } .content .articles .linkbutton-text { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .content .articles .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .content .column-top { height: 60px; margin: 0 0 0 60px; } .content .column-bottom { margin: 0 0 0 60px; padding: 20px 0 0 0; clear: both; } /* Glossar */ .modul-glossar a:link, .modul-glossar a:visited { text-decoration: none; } .modul-glossar .liste-abc { height: 35px; margin-bottom: 4px; padding: 0px; color: #FFFFFF; text-align: center; background: url(../pics/layout/di-soric/navigation_ebene3_bg.jpg) 0px 0px repeat-x; } .modul-glossar .liste-abc a:link, .modul-glossar .liste-abc a:visited, .modul-glossar .liste-abc span.inaktiv { line-height: 35px; padding: 11px 4px 9px 4px; color: #FFFFFF; } .modul-glossar .liste-abc a:hover { background: url(../pics/layout/di-soric/glossar_abc_aktiv.png) 0px 1px repeat-x; } .modul-glossar .liste-abschnitt { margin: 12px 0px 12px 0px; font-size: 32px; font-weight: bold; } .modul-glossar .glossar-wort { cursor: pointer; } .modul-glossar .detail { margin-top: 62px; } .modul-glossar .detail .beschreibung { text-align: justify; } .modul-glossar .detail img { display: block; margin: 30px 0px 0px 65px; } .modul-glossar .unsichtbar { position: absolute; top: -1000px; left: -1000px; } .cycon-glossar-markierung { background: url(../pics/layout/di-soric/tooltipp/link.png) no-repeat; background-position: 0 1px; padding-left: 12px; } /* Tooltip */ .glossar-tip { width: 300px; text-align: left; } .glossar-tip img { margin: 0; padding: 0; float: left; } .glossar-wrapper { background: url(../pics/layout/di-soric/tooltipp/hintergrund.png) repeat-y; padding: 0 15px; width: 265px; float: left; } .glossar-tip h1 { color: #87888A; text-transform: none; font-weight: bold; margin: 0 0 5px 0;} .glossar-tip .beschreibung { color: #87888A; width: 230px; } /* Lager Tooltip */ .bestand .lager_tooltip { margin: 8px 0 0 0; float: left; } .bestand .cycon-glossar-markierung { background: none; float: left; } /* Applikationsberichte */ .suche-ab-formular { margin: 0px 0px 50px 0px; } .suche-ab-formular .form-text { margin: 0px 0px 10px 0px; padding-top: 0px; padding-bottom: 0px; text-shadow: none; font-size: 11px; height: 16px; } .suche-ab-formular .form-select { font-size:11px; width: 168px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .suche-ab-formular .form-eingabe-zeile { margin: 0px 0px 10px 0px; } .suche-ab-formular .form-eingabe-zeile label { float: none; } .suche-ab-formular .form-button { position: relative; top: 5px; } .suche-ab-formular .spalten { overflow: hidden; width: 420px; } .suche-ab-formular .spalte-links { float: left; padding: 6px 0px 0px 0px; } .suche-ab-formular .spalte-rechts { float: right; } .modul-applikationsberichte .form-eingabe-zeile textarea.form-text { height: 178px; } /*.modul-applikationsberichte .form-eingabe-zeile label { float: none; }*/ .modul-applikationsberichte .fehler { width: 395px; border: 1px solid #7F8080; padding: 10px; color: #ff0000; } .modul-applikationsberichte input { text-shadow: none; font-size: 11px; } .modul-applikationsberichte .form-bezeichner label, .modul-applikationsberichte .form-eingabe-zeile label { display: block; width: 210px; padding: 0; color: #707173; float: left; } .modul-applikationsberichte .form-eingabe-zeile label.form-label-checkbox { font-size: 11px; display: block; margin-left: 10px; margin-top: 0px; width: 250px; } .modul-applikationsberichte .form-eingabe-zeile label.form-label-checkbox a:link, .modul-applikationsberichte .form-eingabe-zeile label.form-label-checkbox a:visited { text-decoration: underline; } .modul-applikationsberichte .form-eingabe-zeile .form-checkbox { float: left; } .modul-applikationsberichte .form-eingabe-zeile .form-text { margin-bottom: 5px; background: #FFF; width: 200px; height: 19px; border: 1px solid #7F8080; } .modul-applikationsberichte .form-eingabe-zeile textarea.form-text { height: 178px; font-size: 11px; text-shadow: none; } .modul-applikationsberichte .form-eingabe-zeile { clear:both; } .modul-applikationsberichte .form-eingabe-zeile .form-select { font-size:11px; margin-bottom: 5px; width: 168px; color: #fff; background: #6C6C6C; border: 1px solid #7F8080; } .modul-applikationsberichte .zeile-multiupload { width: 419px; } .modul-applikationsberichte .fehler { border: 1px solid #7F8080; color: #ff0000; width: 395px; padding: 10px;} .modul-applikationsberichte .linkbutton { clear: right; float: right; margin: 10px 0px 0px 0px; } .modul-applikationsberichte .linkbutton-text { padding-left: 30px; padding-right: 30px; margin: 0px 0px 0px 10px; background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-applikationsberichte .linkbutton-corner { background-image: url(../pics/layout/di-soric/button_bg_hell.png); } .modul-applikationsberichte .checkbox-baum-tabelle { width: 210px; margin: 0px 0px 5px 0px; } .modul-applikationsberichte .einfuegen .form-eingabe-zeile textarea.form-text { width: 660px; } .modul-applikationsberichte .einfuegen .form-eingabe-zeile .form-select { width: 208px; } .modul-applikationsberichte .trefferliste { width: 100%; } .modul-applikationsberichte .trefferliste a:hover { color: #454545; } .modul-applikationsberichte .trefferliste th { font-weight: normal; padding: 0px 10px 10px 0px; text-align: left; } .modul-applikationsberichte .trefferliste td { padding: 5px 10px 4px 0px; vertical-align: top;} .modul-applikationsberichte .trefferliste tr:nth-child(even) { background-color: #DFF3FD; } .modul-applikationsberichte .form-checkbox-liste { width: auto; height: auto; border: none; margin: 0px 0px 5px 0px; } .modul-applikationsberichte .form-checkbox-liste .zeile { width: auto; background: none; border: none; } .modul-applikationsberichte .form-checkbox-liste .form-checkbox { margin-top: 2px; } .modul-applikationsberichte .form-eingabe-zeile .checkbox-zeile { overflow: hidden; margin: 5px 0px 10px 212px; } .modul-applikationsberichte .form-eingabe-zeile .checkbox-zeile label { width: 630px; } .modul-applikationsberichte .form-eingabe-zeile.fehler-checkbox label { color: #FF0000; } .modul-applikationsberichte .form-radio-liste { margin-left: 212px; } .modul-applikationsberichte .form-radio-liste .zeile { overflow: hidden; margin: 0px 0px 10px 0px; } .modul-applikationsberichte .form-radio-liste .zeile .form-radio { float: left; width: 22px; } .modul-applikationsberichte .form-radio-liste .zeile label { float: none; display: inline; } .modul-applikationsberichte .listbox-liste { width: 206px; margin: 0px 2px 5px 210px; border: 1px solid #7F8080; } .modul-applikationsberichte .listbox-liste:empty { display: none; } .modul-applikationsberichte .listbox-item { margin: 1px; padding: 2px; border: 1px solid #DDDDDD; } .modul-applikationsberichte .listbox-item:hover { border: 1px solid #737b92; background-color: #CFD6E8; } .modul-applikationsberichte .listbox-item span { float: right; cursor: pointer; } .modul-applikationsberichte .agb label { display: none; } .modul-applikationsberichte .agb form .form-checkbox-liste .zeile { padding-left: 0px; } .modul-applikationsberichte .agb .form-eingabe-zeile label.form-label-checkbox { font-size: inherit; } .modul-applikationsberichte .agb .form-eingabe-zeile .checkbox-zeile { margin-left: 0px; } .modul-applikationsberichte .agb .fehler { margin-bottom: 30px; } .modul-applikationsberichte .agb .fehler:empty { display: none; } /* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */ /* Sprachumschaltung */ .sprachnavigation { float: right; width: 62px; height: 30px; margin: 10px 0px 0px 0px; padding: 13px 30px 0px 0px; background: url(../pics/layout/di-soric/worldmap.png) 5px 10px no-repeat; } .sprachnavigation ul { display: block; width: 100%; } .sprachnavigation ul li { display: block; margin: 0px; padding: 0px; color: #FFFFFF; text-transform: uppercase; text-align: right; } .sprachnavigation ul li li { font-size: 11px; } .sprachnavigation .ebene-2-wrapper { display: none; z-index: 3000; padding: 1px 0px 0px 0px; position: absolute; top: 44px; right: 0px; } .sprachnavigation .ebene-2-komplett { padding: 3px 0px 4px 0px; background-color: #454545; } .sprachnavigation .ebene-2-komplett a { display: block; } .sprachnavigation .ebene-2-komplett li { display: block; width: 126px; line-height: 12px; text-align: center; } .sprachnavigation .ebene-2-komplett li:hover { background-color: #353535; } .sprachnavigation .li-ebene-1 { padding-bottom: 25px; } .sprachnavigation .li-ebene-1:hover { color: #FFFFFF; } .sprachnavigation .li-ebene-1:hover .ebene-2-wrapper { display: block; } .sprachnavigation a:link { } .sprachnavigation a:visited { } .sprachnavigation a:hover { color: #0099E0; } .sprachnavigation a:active { } /* Sprachnavigation: Ebene 1 */ .sprachnavigation .ebene-1 { } .sprachnavigation .ebene-1:link { text-decoration: none; } .sprachnavigation .ebene-1:visited { text-decoration: none; } .sprachnavigation .ebene-1:hover { text-decoration: none; } .sprachnavigation .ebene-1:active { } .sprachnavigation .ebene-1-aktiv { } .sprachnavigation .ebene-1-aktiv:link { text-decoration: none; color: #0099E0; font-weight: bold; } .sprachnavigation .ebene-1-aktiv:visited { text-decoration: none; color: #0099E0; font-weight: bold; } .sprachnavigation .ebene-1-aktiv:hover { text-decoration: none; } .sprachnavigation .ebene-1-aktiv:active { } .sprachnavigation .ebene-1-inaktiv { } .sprachnavigation .ebene-1-inaktiv:link { text-decoration: none; } .sprachnavigation .ebene-1-inaktiv:visited { text-decoration: none; } .sprachnavigation .ebene-1-inaktiv:hover { text-decoration: none; } .sprachnavigation .ebene-1-inaktiv:active { } /* Metanavigation */ .metanavigation { float: right; margin: 23px 3px 0px 0px; } .metanavigation ul { padding: 0px; } .metanavigation ul li { display: inline; margin-left: 3px; margin-right: 7px; color: #FFFFFF; } .metanavigation ul > *:after { content: "|"; } .metanavigation ul li a, .metanavigation ul li span { margin-right: 10px; } .metanavigation a:link { color: #FFFFFF; } .metanavigation a:visited { color: #FFFFFF; } .metanavigation a:hover { color: #FFFFFF; } .metanavigation a:active { } /* Metanavigation: Ebene 1 */ .metanavigation .ebene-1 { } .metanavigation .ebene-1:link { text-decoration: none; } .metanavigation .ebene-1:visited { text-decoration: none; } .metanavigation .ebene-1:hover { text-decoration: none; } .metanavigation .ebene-1:active { } .metanavigation .ebene-1-aktiv { } .metanavigation .ebene-1-aktiv:link { text-decoration: none; } .metanavigation .ebene-1-aktiv:visited { text-decoration: none; } .metanavigation .ebene-1-aktiv:hover { text-decoration: none; } .metanavigation .ebene-1-aktiv:active { } .metanavigation .ebene-1-inaktiv { } .metanavigation .ebene-1-inaktiv:link { text-decoration: none; } .metanavigation .ebene-1-inaktiv:visited { text-decoration: none; } .metanavigation .ebene-1-inaktiv:hover { text-decoration: none; } .metanavigation .ebene-1-inaktiv:active { } /* Pfadnavigation */ .pfadnavigation { padding: 23px 0px 0px 60px; background-color: #FFFFFF; } .pfadnavigation:empty { display: none; } .pfadnavigation a:link, .pfadnavigation a:visited { margin-right: 34px; text-decoration: none; text-transform: uppercase; } .pfadnavigation a.aktiv:link, .pfadnavigation a.aktiv:visited { font-weight: bold; } .pfadnavigation img { margin-right: 9px; } .pfadnavigation .root-text { margin-right: 34px; text-transform: uppercase; } /* Hauptnavigation */ .hauptnavigation { overflow: visible; width: 680px; float: left; margin: 0px; padding: 0px; } .hauptnavigation li { display: block; float: left; padding-right: 45px; font-weight: normal; } .hauptnavigation li li { float: none; margin: 0px; padding: 0px; width: auto; } .hauptnavigation li li a:link, .hauptnavigation li li a:visited { display: block; float: none; margin: 0px; padding: 6px 33px 6px 10px; width: auto; text-align: left; color: #FFFFFF; font-weight: normal; } .hauptnavigation li li a:hover { background-color: #2D2D2D; } .hauptnavigation li li.ebene-2-letzter a:link, .hauptnavigation li li.ebene-2-letzter a:visited, .hauptnavigation li li.ebene-2-letzter span { border-bottom: none; } .hauptnavigation ul ul { padding: 0px; } .hauptnavigation li li li a:link, .hauptnavigation li li li a:visited { padding: 8px 33px 7px 57px; } .hauptnavigation span.ebene-1 { float: left; padding: 10px 0; color: #FFFFFF; text-align: center; font-size: 13px; text-decoration: none; } .hauptnavigation a:link { float: left; padding: 10px 0; color: #FFFFFF; text-align: center; font-size: 13px; text-decoration: none; } .hauptnavigation a:visited { float: left; padding: 10px 0; color: #FFFFFF; text-align: center; text-decoration: none; } .hauptnavigation a:hover { } .hauptnavigation a:active { } /* Hauptnavigation: Ebene 1 */ .hauptnavigation .ebene-1 { } .hauptnavigation .ebene-1:link { } .hauptnavigation .ebene-1:visited { } .hauptnavigation .ebene-1:hover, .hauptnavigation .ebene-1:active { } .hauptnavigation .ebene-1-aktiv { } .hauptnavigation .ebene-1-aktiv:link { } .hauptnavigation .ebene-1-aktiv:visited { } .hauptnavigation .ebene-1-aktiv:hover { } .hauptnavigation .ebene-1-aktiv:active { } .hauptnavigation .ebene-1-inaktiv { } .hauptnavigation .ebene-1-inaktiv:link { } .hauptnavigation .ebene-1-inaktiv:visited { } .hauptnavigation .ebene-1-inaktiv:hover { } .hauptnavigation .ebene-1-inaktiv:active { } /* Hauptnavigation: Ebene 2 */ .hauptnavigation .ebene-2-komplett-wrapper { display: none; min-width: 270px; padding: 3px 0px 0px 0px; position: absolute; top: 34px; left: -30px; background: url(../pics/layout/trans.png) 0px 0px repeat; } .hauptnavigation .ebene-2-komplett { position: relative; z-index: 3000; min-width: 270px; padding: 0px 0px 52px 0px; background: url(../pics/layout/di-soric/bg_hauptnavigation.png) top right no-repeat #313131; } .hauptnavigation .li-ebene-1 { position: relative; } .hauptnavigation .li-ebene-1:hover .ebene-2-komplett-wrapper { display: block; } .hauptnavigation .ebene-2 { display: block; float: none; margin: 0px; padding: 6px 33px 4px 30px; width: auto; color: #FFFFFF; } .hauptnavigation .ebene-2:link { display: block; float: none; margin: 0px; padding: 6px 33px 4px 30px; width: auto; color: #FFFFFF; } .hauptnavigation .ebene-2:visited { display: block; float: none; margin: 0px; padding: 6px 33px 4px 30px; width: auto; color: #FFFFFF; } .hauptnavigation .ebene-2:hover { } .hauptnavigation .ebene-2:active { } .hauptnavigation .ebene-2-aktiv { display: block; float: none; margin: 0px; padding: 6px 33px 4px 30px; width: auto; color: #FFFFFF; } .hauptnavigation .ebene-2-aktiv:link { display: block; float: none; margin: 0px; padding: 6px 33px 4px 30px; width: auto; color: #FFFFFF; } .hauptnavigation .ebene-2-aktiv:visited { display: block; float: none; margin: 0px; padding: 6px 33px 4px 30px; width: auto; color: #FFFFFF; } .hauptnavigation .ebene-2-aktiv:hover { } .hauptnavigation .ebene-2-aktiv:active { } .hauptnavigation .ebene-2-inaktiv { display: block; float: none; margin: 0px; padding: 6px 33px 4px 30px; width: auto; color: #FFFFFF; } .hauptnavigation .ebene-2-inaktiv:link { display: block; float: none; margin: 0px; padding: 6px 33px 4px 30px; width: auto; color: #FFFFFF; } .hauptnavigation .ebene-2-inaktiv:visited { display: block; float: none; margin: 0px; padding: 6px 33px 4px 30px; width: auto; color: #FFFFFF; } .hauptnavigation .ebene-2-inaktiv:hover { } .hauptnavigation .ebene-2-inaktiv:active { } /* Hauptnavigation: Ebene 3 */ .hauptnavigation .ebene-3 { } .hauptnavigation .ebene-3:link { font-weight: normal; } .hauptnavigation .ebene-3:visited { font-weight: normal; } .hauptnavigation .ebene-3:hover { color: #FFFFFF; } .hauptnavigation .ebene-3:active { } .hauptnavigation .ebene-3-aktiv { } .hauptnavigation .ebene-3-aktiv:link { font-weight: normal; } .hauptnavigation .ebene-3-aktiv:visited { font-weight: normal; } .hauptnavigation .ebene-3-aktiv:hover { color: #FFFFFF; } .hauptnavigation .ebene-3-aktiv:active { } .hauptnavigation .ebene-3-inaktiv { } .hauptnavigation .ebene-3-inaktiv:link { font-weight: normal; } .hauptnavigation .ebene-3-inaktiv:visited { font-weight: normal; } .hauptnavigation .ebene-3-inaktiv:hover { color: #FFFFFF; } .hauptnavigation .ebene-3-inaktiv:active { } .hauptnavigation-ebene-3 { overflow: hidden; padding: 7px 0px 0px 60px; background: url(../pics/layout/di-soric/navigation_ebene3_bg.jpg) 0px 0px no-repeat #444444; } .hauptnavigation-ebene-3 a:link { float: left; padding: 4px 28px 9px 28px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; text-align: center; } .hauptnavigation-ebene-3 a:visited { float: left; padding: 4px 28px 9px 28px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; text-align: center; } .hauptnavigation-ebene-3 a:hover { background: url(../pics/layout/di-soric/navigation_bg_hover.png) 0px 0px repeat-x #606060; } .hauptnavigation-ebene-3 a:active { } .hauptnavigation-ebene-3 .ebene-3-komplett { } .hauptnavigation-ebene-3 .ebene-3 { float: left; display: block; } .hauptnavigation-ebene-3 .ebene-3:link { } .hauptnavigation-ebene-3 .ebene-3:visited { } .hauptnavigation-ebene-3 .ebene-3:hover { color: #FFFFFF; } .hauptnavigation-ebene-3 .ebene-3:active { } .hauptnavigation-ebene-3 .ebene-3-aktiv { float: left; display: block; } .hauptnavigation-ebene-3 .ebene-3-aktiv:link { background: url(../pics/layout/di-soric/navigation_bg_hover.png) 0px 0px repeat-x #606060; } .hauptnavigation-ebene-3 .ebene-3-aktiv:visited { background: url(../pics/layout/di-soric/navigation_bg_hover.png) 0px 0px repeat-x #606060; } .hauptnavigation-ebene-3 .ebene-3-aktiv:hover { color: #FFFFFF; } .hauptnavigation-ebene-3 .ebene-3-aktiv:active { } .hauptnavigation-ebene-3 .ebene-3-inaktiv { float: left; display: block; } .hauptnavigation-ebene-3 .ebene-3-inaktiv:link { } .hauptnavigation-ebene-3 .ebene-3-inaktiv:visited { } .hauptnavigation-ebene-3 .ebene-3-inaktiv:hover { color: #FFFFFF; } .hauptnavigation-ebene-3 .ebene-3-inaktiv:active { } /* Footernavigation */ .footernavigation { margin: 0px 0px 11px 0px; color: #FFFFFF; } .footernavigation ul { display: block; } .footernavigation ul li { display: block; line-height: 11px; } .footernavigation span { font-size: 10px; } .footernavigation a:link { font-size: 10px; color: #FFFFFF; text-decoration: none; } .footernavigation a:visited { font-size: 10px; color: #FFFFFF; text-decoration: none; } .footernavigation a:hover { } .footernavigation a:active { } .footernavigation a.ebene-0:link, .footernavigation a.ebene-0:visited { font-weight: bold; } /* Sitemap */ .sitemap { margin: 13px 0px 0px 60px; } .sitemap ul ul { margin: 16px 0px 0px 0px; } .sitemap li li { margin: 0px 0px 16px 20px; }