/* //////////////////////////////////////////////////////////////// // // Allgemeine Styles // // Weblication GRID CMS Strukturdesign Version 5.0.9.1 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit Weblication Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /* Stylesheet für Standard-Gui-Element */ @import url(wgl.css); /* Stylesheet für Navigationen */ @import url(nav.css); /* Formatierung von HTML-Elementen */ * {margin:0;padding:0;font-size:100.01%;} html {overflow-y:scroll;overflow-x:auto} #body {background-color:#ffffff} #bodyPopup {background-color:#FFFFFF} body {font-family:Arial, Sans-serif, Helvetica;font-size:0.75em;color:#000000;font-weight:normal;line-height:1.4;} div {} span {} .clear {clear:both;} /* Überschriften */ h1 {font-size:1.3em;font-weight:bold;margin:0 0 14px 0} h2 {font-size:1em;font-weight:bold;margin:0 0 14px 0;border-bottom:1px solid #000000;} h3 {font-size:1em;font-weight:bold;margin:0 0 10px 0;border-bottom:2px solid #000000;} h4 {font-size:11px;font-weight:bold;margin:0 0 14px 0} h5 {font-size:11px;font-weight:bold;margin:0 0 14px 0} h6 {font-size:11px;font-weight:bold;margin:0 0 14px 0} /* Textblöcke */ p {margin:0 0 0 0} /* Listen */ ul {margin:0 0 14px 16px;padding:0 0 0 9px;list-style-image:none;} ol {margin:0 0 14px 28px;list-style-type:decimal} /* Definitionslisten */ dl {} dt {} dd {margin:0 0 14px 0;padding:0 0 0 16px;color:#a0a0a0} /* Horizontale Linien */ hr {background-color:#AEA794;color:#AEA794;height:1px;border-style:none} /* Formularelemente */ form {} input {font:inherit;padding:1px 2px 1px 2px} select {font:inherit;padding:1px 2px 1px 2px} textarea {font:inherit;padding:1px 2px 1px 2px} .textfeld {width:200px;border:1px solid #959595;background-color:#fafafa;padding:1px 2px 0 2px; height:17px;} .textfeld-lang {width:400px;border:1px solid #959595;background-color:#fafafa;padding:0; height:18px;} .textfeld-kurz {width:50px;border:1px solid #959595;background-color:#fafafa;padding:0; height:18px;} .unsichtbar {width:50px;border:1px solid #ffffff;background-color:#ffffff; color:#ff0000; padding:0; height:14px;} .textarea {width:350px; height:100px;background-color:#fafafa;font-family:Arial, Sans-serif, Helvetica;border:1px solid #959595;} .textarea-breit {width:400px; height:120px;background-color:#fafafa;font-family:Arial, Sans-serif, Helvetica;border:1px solid #959595;} .checkbox {margin:0 3px 0 0; border:none; background-color:#ffffff;} .radio {margin:0 3px 0 0; border:none; background-color:#ffffff;} .form-tabelle td {padding:2px 0 2px 0;} .formularblock {margin:0 0 8px 0} .formularblock td {height:24px;} .formularblock h2 {text-transform:uppercase;margin-top:4px;border:none} button {cursor:pointer;background-color:#CFCFCF;border:none;line-height:18px;height:18px;color:#000000} button:hover {cursor:pointer;background-color:#000000;border:none;line-height:18px;height:18px;color:#ffffff} /* Links */ a {text-decoration:none;color:#00398f} a:hover {text-decoration:underline;color:#00398f} a.intern {padding:0 0 0 10px;background:url(/gh/wGlobal/layout/images/links/intern.gif) center left no-repeat} a.extern {padding:0 0 0 14px;background:url(/gh/wGlobal/layout/images/links/extern.gif) center left no-repeat} a.download {padding:0 0 0 14px;background:url(/gh/wGlobal/layout/images/links/download.gif) center left no-repeat} a.audio {padding:0 0 0 14px;background:url(/gh/wGlobal/layout/images/links/audio.gif) center left no-repeat} a.pdf {line-height:1.8;padding:1px 0 1px 22px;background:url(/gh/wGlobal/layout/images/links/pdf.gif) center left no-repeat} a.vergroessern {padding:1px 0 1px 18px;background:url(/weblication/grid/gui/wImages/icon_medium/preview.gif) center left no-repeat} a.zurueck {padding:0 0 0 9px;background:url(/gh/wGlobal/layout/images/links/zurueck.gif) center left no-repeat} a.druckansicht {padding:0 0 0 14px;background:url(/gh/wGlobal/layout/images/links/druck.gif) center left no-repeat} a.linkmatrix {margin:0 0 0 5px;font-weight:bold;text-decoration:none;color:#000000;} a:hover.linkmatrix {margin:0 0 0 5px;font-weight:bold;text-decoration:underline;color:#000000;} a.linkmatrixweiss {margin:0 0 0 5px;font-weight:bold;text-decoration:none;color:#ffffff;} a:hover.linkmatrixweiss {margin:0 0 0 5px;font-weight:bold;text-decoration:underline;color:#ffffff;} a.neufahrzeuge {color:#ffffff; text-decoration:none; font-weight:bold; padding:0 0 0 10px; background:url(/gh/wGlobal/layout/images/links/pfeil-weiss.gif) center left no-repeat} a.neufahrzeuge:hover {color:#ffffff; text-decoration:underline; font-weight:bold; padding:0 0 0 10px; background:url(/gh/wGlobal/layout/images/links/pfeil-weiss.gif) center left no-repeat} .grau {background-color:#d9d9d9} .hellgrau {background-color:#e6e6e6} #blockTopArea a, #blockBottomInner a {color:#000000;} #blockTopFlaggen a {color:#ffffff;} /* Bilder */ a img {border:none} img.picture {margin:4px 4px 4px 4px} img.pictureLeft {float:left;margin:4px 4px 4px 0} img.pictureRight {float:right;margin:4px 0 4px 4px} /* Tabellen */ table {font:inherit;color:inherit;border:none} tr, thead, tbody {} th, td {vertical-align:top} table.light {border:none;margin-bottom:12px;} table.light th {border:none;text-align:left;background-color:#f0f0f0} table.light td {border:none;padding:2px} table.default {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;} table.default th {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0} table.default td {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px} table.full {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;} table.full th {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0} table.full td {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px} td.bgColor1, th.bgColor1 {background-color:#d9d9d9} table.matrix {margin:0 0 2px 0} table.matrix img {margin:0 4px 0 0} table.matrix td {vertical-align:middle;text-align:center;} table.matrix-last {margin:0 0 10px 0} table.matrix-last img {margin:0 4px 0 0} table.matrix-last td {vertical-align:middle;text-align:center;} .black {height:40px;border-left:1px solid #ffffff;background-color:#000000;color:#ffffff} .grau-oben {height:25px;width:55px;background-color:#cfcfcf;border-left:1px solid #000000;border-top:1px solid #000000;} .grau-unten {height:25px;width:55px;background-color:#cfcfcf;border-left:1px solid #000000;border-bottom:1px solid #000000;} .zeile-oben {font-size:14px;color:#4e4e4e;font-weight:bold;border-left:1px solid #000000;border-top:1px solid #000000;} .zeile-unten {font-size:14px;color:#4e4e4e;font-weight:bold;border-left:1px solid #000000;border-bottom:1px solid #000000;} .zeile-oben-beschreibung {border-left:1px solid #000000;border-top:1px solid #000000;} .zeile-unten-beschreibung {border-left:1px solid #000000;border-bottom:1px solid #000000;} .zeile-oben-klein {font-size:10px;border-left:1px solid #000000;border-top:1px solid #000000;} .zeile-unten-klein {font-size:10px;border-left:1px solid #000000;border-bottom:1px solid #000000;} .zeile-last-oben {font-size:14px;color:#4e4e4e;font-weight:bold;border-left:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000} .zeile-last-unten {font-size:14px;color:#4e4e4e;font-weight:bold;border-left:1px solid #000000;border-bottom:1px solid #000000;border-right:1px solid #000000} .little-font {font-size:10px;border-left:1px solid #cccccc} #matrix-oben-zeile {font-size:10px; height:18px; padding:0 0 0 4px; border-top:1px solid #000000; border-left:1px solid #000000} #matrix-oben-zeile-first {font-size:14px; vertical-align:middle; border-top:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000} #matrix-oben-zeile-second {font-size:10px; height:18px; border-top:1px solid #000000; border-left:1px solid #000000} #matrix-oben-zeile-last {font-size:10px; height:18px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000} #matrix-unten-zeile {font-size:10px; height:18px; padding:0 0 0 4px; border-top:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000} #matrix-unten-zeile-last {font-size:10px; height:18px; border-top:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000} #matrix-unten-zeile-second {font-size:10px; height:18px; border-top:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000} #kontakt td {padding:2px 10px 2px 0} /* Grundgerüst */ #blockPre {} #blockPreInner {} #blockPrint {display:none} #blockMain {width:995px;background-color:#eeeeee;} #blockMainInner {margin:0 0 0 80px;background-color:#ffffff;} #blockMainPopup {} #blockMainInnerPopup {padding:0} #blockContent {float:left;width:645px;padding:0 0 15px 0} #blockContentInner {padding:0px 20px; overflow:hidden;} #blockTop {margin:0 0 10px 0;} #blockTopInner {overflow:hidden;} #blockTopLeft {float:left;} #blockTopRight {float:right;} #blockTopNav {float:right;} #blockTopArea {float:right; margin:10px 20px 0 0;} #blockTopFlaggen {float:right;margin:10px 0 0 0;} #blockKeyvisualSubnavigation {width:915px; background-image:url(/gh/wGlobal/layout/images/backgrounds/bg-contentright.gif);} #blockKeyvisual {float:left;width:645px;} #blockSubnavigation {float:left;width:270px;} #navigationStart {float:left;width:270px;height:314px;background-color:#000000;border-top:1px solid #000000;} #blockRight {float:right;width:270px;padding:28px 0 20px 0;} #blockRightInner {padding:0 15px 0 20px} #blockBottom {width:605px;margin:0 0 0 100px;padding:10px 0 30px 0;border-top:1px solid #000000;} #blockBottomInner {} #blockContentRight {overflow:hidden;margin:0 0 0 0;background-image:url(/gh/wGlobal/layout/images/backgrounds/bg-contentright.gif);} #blockPost {} #blockPostInner {} /* Globale Elemente */ #globalFunctions {height:18px;margin:0 0 8px 0;text-align:right} #globalFunctions a {line-height:18px;padding:0 4px 0 4px;color:#939393} #globalFunctions a:hover {} #languages {height:30px; position:absolute; color:#000000} #languages a {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#000000;text-transform:uppercase; border:1px solid #DBE9F2; padding: 0 6px; margin-right:2px;} #languages span {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#000000;text-transform:lowercase; border:1px solid #DBE9F2; padding: 0 6px; margin-right:2px;} #languages a:hover {line-height:18px;display:block;font-size:11px;float:left;color:#000000;text-decoration:none; margin-right:2px;} #languages .selected {line-height:18px;display:block;font-size:11px;float:left;color:#000000;text-decoration:none; text-transform:uppercase; background-color:#DBE9F2;} #languages .selected:hover {line-height:18px;display:block;font-size:11px;float:left;color:#000000;text-decoration:none; text-transform:uppercase; background-color:#DBE9F2;} #languages .last {display:inline;} #logo {float:left;background-color:#ffffff} #banner {float:right;margin:0 0 0 10px} #search {margin:0 0 0 0;margin:0 0 30px 0;} .searchLabel {float:left;line-height:20px;margin:0 8px 0 0} .searchInput {float:left;width:208px;height:16px;padding:0;border:1px solid #c6c6c6;} .searchButton {float:right;padding:0;} .clearBoth {height:0px;line-height:0px;font-size:0px;clear:both;padding:0px;margin:0;overflow:hidden;} /* Pflegeschaltflächen */ #beButtonLayoutwizard {position:absolute;margin:8px 0 0 8px} #beButtons {position:absolute;top:0;left:80px;} #beButtonAdmin {} #beButtonPage {float:left;margin:0} #beButtonContent {float:left} #beButtonEditTop {position:absolute;margin:20px 0 0 0px} #beButtonEditRight {position:absolute;margin:1px 0 0 5px} #beButtonEditBottom {position:absolute;margin:0px 0 0 0px} #beButtonEditLeft {position:absolute;margin:5px 0 0 5px} #beButtonEditNavigation {position:absolute;margin:-70px 0 0 0px} #beButtonEditNavigationStart {position:absolute;margin:-30px 0 0 645px} /* Allgemeine Elemente */ .elementStandard {margin:0 0 10px 0} .elementHeadline {margin:0 0 10px 0} .elementText {margin:0 0 0 0} .elementText .fragmentInfo {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/gh/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff} .elementText .fragmentWarning {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/gh/wGlobal/layout/images/icons/warning.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff} .elementText .fragmentTip {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/gh/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff} .elementPicture {margin:0 0 10px 0} .elementPicture .title {line-height:20px;font-size:10px} .elementLink {margin:0 0 10px 0} .elementVideo {margin:0 0 10px 0} .elementAudio {margin:0 0 10px 0} .elementPortlet {margin:0 0 10px 0} .elementScript {margin:0 0 10px 0} .elementSource {margin:0 0 10px 0;padding:4px;background-color:#FFFFCC;overflow:auto;white-space:nowrap} .elementSource h4 {margin:0 0 4px 0;background-color:#ffffcc;padding:4px 4px 4px 0;border-bottom:solid 1px #cccccc} .elementPlain {margin:0 0 10px 0;overflow:auto;padding:4px;background-color:#f0f0f0;border:solid 1px #a0a0a0} .elementDelimiter {margin:0 0 10px 0} .elementContainer {margin:0 0 18px 0} .elementContainerBox {margin:0 0 18px 0} .elementContainer1 {margin:0 0 0 0} .elementContainer1 .col1 {} .elementContainer2 {margin:0 0 0 0} .elementContainer2 .col1 {float:left;width:254px;margin:0 16px 0 0} .elementContainer2 .col2 {float:left;width:254px} .elementContainer3 {margin:0 0 0 0} .elementContainer3 .col1 {float:left;width:164px;margin:0 16px 0 0} .elementContainer3 .col2 {float:left;width:164px;margin:0 16px 0 0} .elementContainer3 .col3 {float:left;width:164px} .elementContainerBox1 {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0} .elementContainerBox1 .col1 {} .elementContainerBox2 {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0} .elementContainerBox2 .col1 {float:left;width:49%;margin:0 2% 0 0} .elementContainerBox2 .col2 {float:left;width:49%} .elementContainerBox3 {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0} .elementContainerBox3 .col1 {float:left;width:32%;margin:0 2% 0 0} .elementContainerBox3 .col2 {float:left;width:32%;margin:0 2% 0 0} .elementContainerBox3 .col3 {float:left;width:32%} /* Elemente des oberen Bereich */ /* Elemente des linken Bereiches */ /* Elemente des Inhaltsbereiches */ .newsbox {width:605px;margin:0 0 30px 0;} .newsbox a{color:#000000;} .newsbox .bild {width:157px;float:left} .newsbox .bild img {border:1px solid #000000;} .newsbox .text {width:423px;padding:12px 0 6px 25px;float:left;border-top:1px solid #000000;background:url(/gh/wGlobal/layout/images/backgrounds/bg-news.gif) 12px 18px no-repeat;} .bildtextbox {width:605px;margin:0 0 30px 0;} .bildtextbox h2{font-size:1em;margin:0 0 0;} .bildtextbox .bild {width:157px;float:left} .bildtextbox .bild img {border:1px solid #000000;} .bildtextbox .text {width:433px;padding:12px 0 6px 15px;float:left;border-top:1px solid #000000;} .bildvideobox {width:605px;margin:0 0 30px 0;} .bildvideobox a{color:#000000;} .bildvideobox .video {width:157px;float:left} .bildvideobox .text {width:423px;padding:12px 0 6px 25px;float:left;border-top:1px solid #000000;} .bildergalerie {float:left;padding:0 10px 0 0;} .zweibilder .bild1 {float:left; font-size:11px; width:290px; margin-right:25px;} .zweibilder .bild2 {float:left; font-size:11px; width:290px;} .shopitem {width:605px;margin:0 0 30px 0;} .shopitem a{color:#000000;} .shopitem .bild {width:157px;float:left} .shopitem .bild img {border:1px solid #000000;} .shopitem .text {width:300px;padding:12px 0 6px 15px;float:left;border-top:1px solid #000000;} .shopitem .preis {width:82px;padding:12px 0 6px 0;float:left;border-top:1px solid #000000;} .shopitem .warenkorb-link {width:36px;padding:12px 0 0 15px;float:left;border-top:1px solid #000000;} .bild-text-lightbox {width:605px;margin:0 0 30px 0;} .bild-text-lightbox .text {width:300px;padding:0 15px 0 0;float:left;} .bild-text-lightbox .bild {width:290px;float:left} #dropdown-einsatzgebiete {width:585px; border:1px solid #cfcfcf; padding:8px 10px;} /* Elemente des rechten Bereiches */ .bildboxrechts {width:235px;padding:0;margin:0 0 30px 0;} .box-rechts-blau {width:215px;color:#ffffff; background-color:#00398f;padding:8px 10px;margin:0 0 30px 0;}/*4279cb*/ .box-rechts-blau a {color:#ffffff;} .box-rechts-blau-geteilt {width:235px;margin:0 0 30px 0;} .box-rechts-blau-geteilt-box {color:#ffffff; background-color:#00398f;padding:8px 10px;margin:0 0 2px 0;} .box-rechts-blau-geteilt a {color:#ffffff;} .box-rechts-weiss {margin:0 0 30px 0;} .newsbox {width:605px;} .newsbox-rechts a{color:#000000;} .box-rechts-neufahrzeuge {width:235px; background-color:#777777; color:#ffffff; margin:0 0 30px 0;} /* Elemente des unteren Bereiches */ /* Kontaktmodul */ #kontaktsuche {background-color:#f0f0f0;padding:0 0 25px 0;margin:0 0 20px 0} .sucheheadline {color:#ffffff;background-color:#000000;width:585px;font-weight:bold;margin:0 0 5px 0;padding:2px 10px} .suchergebnis {width:605px;background-color:#ffffff;margin-bottom:5px;} .data1 {float:left;width:200px;padding:10px 0 10px 10px;} .data1 b {font-size:15px;} .data2 {float:left;width:195px;padding:10px 0 10px 10px;} .data3 {float:left;padding:10px 0 10px 10px;} .data3 a {text-decoration:underline} .data3 a:hover {text-decoration:none} .sortierung {width:605px;text-align:right;margin:0 0 3px 0} .csvuploadbox {border:1px solid #959595;padding:7px 10px;width:585px} /* Relativer Tooltip */ a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active { position: relative; text-decoration: none; color: #000000; font-size:15px; font-weight:bold; } a.tooltip:hover { color: #000000; background: transparent; /* IE 6 needs it */ z-index: 100000; } a.tooltip span { display: none; text-decoration: none; } a.tooltip:hover span { display: block; position: absolute; top: 16px; left: 0; margin: 0px 0px 0px 0px; color: #000000; font: 12px Verdana, sans-serif; text-align: left; border:1px solid #000000; } a.tooltip span b { display: block; margin: 0; padding: 0; font-size: 16px; font-weight: bold; color: yellow; background-color: gray; border: 0px; border-bottom: 1px solid black; } #ServiceLeiste {margin:30px 0;padding:5px 0 0 0;border-top:1px solid #cccccc;}