/*(c)2009 com2 Gmbh, SH, www.com-com.com v1.2 */ /*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html * { font-size: 100.01% } textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; } html, body, textarea, input {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #2d2d2d;} body {font-size: 0.76em;} html, body { margin: 0; padding: 0; height: 100%;} html[xmlns] { min-height:100%; overflow-y: scroll; } /*v-scrollbar für moz einschalten*/ body { background: #fff url(../images/chrome/bodyBG.png) 50% 0px repeat-y; } th {text-align: left; font-weight: bold; } img {border:none;} em.highlighted { /*||title-de:Hervorgehoben||title-en:Emphasized||desc-de:Hervorgehoben kursiv||desc-en:Emphasized italic*/ color: #db0031; } p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; } table { table-layout: fixed; empty-cells: show; } td { empty-cells: show; } h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/ h2 {margin: 0 0 10px; font-size: 1.7em; color: #7b7a7a; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;} h3 {font-size: 1.1em; color: #db0031; margin: 0 0 10px; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;} h3.subHeadline {/*||title-de:Unterüberschrift||title-en:Subheadline||desc-de:Unterüberschrift||desc-en:Subheadline*/ margin: 0 0 24px; } h4 {font-weight: bold; color: #847970; margin: 0 0 5px; padding: 0; line-height: 110%; } hr, .cssForm hr { /*||hide:true*/ height:1px; color: #847970; background: #847970; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;} .cssForm {} object { outline:none; } /*~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ form {margin:0px; display: inline} input, textarea { border: 1px solid #cbcbcb; padding: 0px 2px; } input.textInput { /*||hide:true*/ border: 1px solid #cbcbcb !important; } select { border: 1px solid #cbcbcb; padding: 0; } .textInput:active { /*||hide:true*/ border: 1px solid #db0031 !important;} /*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a { outline:none; /* FF1.5+ IE7+*/ -moz-outline: /* FF<=1.5*/} a:link, a:visited, a:hover, a:active { color : #000; border-bottom: 1px dotted #013467; text-decoration: none; outline: none; } a:hover, a:active { text-decoration: underline; color : #db0031; border: none;} a.active:link, a.active:visited, a.active:hover, a.active:active {/*||hide:true*/ font-weight: bold;} a.more:link, a.more:visited, a.more:hover, a.more:active {/*||title-de:Mehr-Link||title-en:More link||desc-de:Link mit rotem Pfeilsymbol vorangestellt||desc-en:Link with red arrow in front*/ padding-left: 13px; background:transparent url(../images/chrome/assets.png) -226px -109px no-repeat;} a.redDot:link, a.redDot:visited, a.redDot:hover, a.redDot:active {/*||title-de:Großer Pfeil||title-en:Big arrow||desc-de:Link mit großem, rotem Pfeilsymbol vorangestellt||desc-en:Link with big, red arrow in front*/ display: block; width: 20px; height: 20px; background:transparent url(../images/chrome/assets.png) 0 -222px no-repeat;} a.redDot:hover, a.redDot:active { background:transparent url(../images/chrome/assets.png) -21px -222px no-repeat;} a.bild:link, a.bild:visited, a.bild:hover, a.bild:active { /*||title-de:Bild-Link||title-en:Image link||desc-de:Bildlink ohne Rahmen um das Bild||desc-en:Image link without border*/ text-decoration: none; outline: none; border:none; } a.bild:hover, a.bild:active { text-decoration: none; opacity: 0.8; filter:alpha(opacity=50); } /*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em;} .smaller { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em; color:silver;} .bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: .8em; color: #cbcbcb;font-family: Tahoma, Arial, Helvetica, sans-serif;} .clear { /*||title-de:Clear||title-en:Clear||desc-de:Clear Styles||desc-en:Clear styles*/ clear:both} img.right{ /*||title-de:Rechts ausgerichtet||title-en:Right aligned||desc-de:Ausrichtung von Bildern rechts neben dem Text||desc-en:Image align right beside the text*/ float: right; margin: 0 0 5px 5px; } img.left{ /*||title-de:Links ausgerichtet||title-en:Left aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align left beside the text*/ float: left; margin: 0 5px 5px 0; } .cmsColor01 { /*||title-de:Schwarz||title-en:Black*/ color: #000; } .cmsColor02 { /*||title-de:Magenta||title-en:Magenta*/ color: #db0031; } .hr {/*||hide:true*/ margin: 0 -5px 10px; height: 1px; background: transparent url(../images/chrome/bg-hr.gif) repeat-x; line-height: 1px; overflow: hidden; } .hr hr {display: none;} dl{ border: 1px solid #cbcbcb; border-bottom: none; } dt, dd { border-bottom: 1px solid #cbcbcb; padding: 2px 8px; margin: 0; } dt { color: #847970; font-weight: bold; } dd { padding-bottom: 10px; } /*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/ table.optic01 { /*||title-de:Tabellenoptik 1||title-en:Tablestyle 1||desc-de:Grundlegende Formatierung von Tabellen||desc-en:Basic formatting of tables */ table-layout: auto; } table.optic01 tr.alternate {/*||title-de:Alternierend||title-en:Alternate||desc-de:Alternierende Zeilenfarbe||desc-en:Alternating row color*/ background-color: #f3f3f3; } table.optic01 td, table.optic01 th { padding: 3px; vertical-align: top; } /* OPTIC2*/ table.optic02 { /*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */ table-layout: auto; border-top: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; } table.optic02 tr.alternate {/*||title-de:Alternierend||title-en:Alternate||desc-de:Alternierende Zeilenfarbe||desc-en:Alternating row color*/ background-color: #f3f3f3; } table.optic02 td, table.optic02 th { padding: 3px; vertical-align: top; border-bottom: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; } table.optic02 th { text-align: center; } table.grey { /*||title-de:Graue Tabelle||title-en:Grey Table||desc-de:Tabelle mit grauer Hintergrundfarbe||desc-en:Table with grey background*/ padding: 9px; margin-bottom: 10px; border-top: 1px solid #979797; border-bottom: 1px solid #979797; background-color: #f3f3f3; } /*~################################################################################################### ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LAYOUT ----------------------------------------------------------------------------------------------------*/ /*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ #blackBarBG { width: 100%; height:100%; margin: 0 auto; background: transparent url(../images/chrome/blackBarBG.jpg) 50% 20px no-repeat; } #minWidth { width: 1000px; min-height: 100%; margin: 0 auto; padding: 0 /*86px*/; /*background: transparent url(../images/chrome/blackbg.jpg) 50% 20px no-repeat;*/ } #header { width: 990px; height: 245px; margin:0; padding:0 10px 0 0; position: relative; background: transparent url(../images/chrome/flashBG.jpg) left bottom no-repeat; text-align: right; } #header ul { float: right; padding-right: 5px; margin-bottom: 0;} #header li { display: inline; padding:0 5px; list-style: none; } #header li a:link, #header li a:visited, #header li a:hover, #header li a:active { border: none; font-size: 0.9em; } #header li a:hover, #header li a:active { color: #000; } #headerNoFlash { position: absolute; top: 21px; left: 0; z-index: 100; } #headerNoFlash table { table-layout: auto; } #headerNoFlash td { vertical-align: top; height: 250px; } #search { float: right; width: 266px; } #search td { text-align: left; border:none; } #search .searchField { /*||hide:true*/ width: 165px; border-right: 1px solid #fff; } #search input { margin:0 ; font-size: 0.9em; border: none; } #search .searchForm { /*||hide:true*/ padding:3px 10px 4px 23px; width:132px; color: #000; background: #979797 url(../images/chrome/assets.png) 0 -112px no-repeat; } #search .blackBtn { /*||hide:true*/ padding:2px 10px 3px 23px; width:99px; color: #fff; background: transparent url(../images/chrome/assets.png) 0 -135px no-repeat; } * html #search, *:first-child+html #search { margin-top:-1px; } * html #search .searchForm, *:first-child+html #search .searchForm { /*||hide:true*/ padding-top:3px; padding-bottom:3px; } * html #search .blackBtn, *:first-child+html #search .blackBtn { /*||hide:true*/ padding-top:3px; padding-bottom:4px; } #logo { position: absolute; top: 21px; left: 15px; z-index: 500; } #logo span { display: none; } #logo a:link, #logo a:visited, #logo a:hover, #logo a:active { border: none; display: block; padding: 0; margin: 0; width: 171px; height: 28px; background: transparent url(../images/chrome/assets.png) 0 -192px no-repeat; } #reifenTeaser { display:none; position: absolute; top: 254px; left: 50%; margin-left: -350px; z-index: 500; } #content { margin:0 0 50px 0; width:1000px; height:400px; padding:0; } #content .contentLeft { /*||hide:true*/ padding-top:50px; width: 202px; background: transparent url(../images/chrome/whitefade.png) top center no-repeat; vertical-align: top;} * html #content .contentLeft { /*||hide:true*/ background: none; } #content .contentLeft ul { margin:0; padding:0; } #content .contentLeft li { padding:0; list-style: none; border-bottom: 1px solid #f3f3f4; } #content .contentLeft li a:link, #content .contentLeft li a:visited, #content .contentLeft li a:hover, #content .contentLeft li a:active { display:block; border: none; width: 181px; padding: 3px 10px; text-transform:uppercase; text-decoration: none; } #content .contentLeft li a:hover, #content .contentLeft li a:active, #content .contentLeft li.active a:link, #content .contentLeft li.active a:visited, #content .contentLeft li.active a:hover, #content .contentLeft li.active a:active { /*||hide:true*/ color: #db0031; background:transparent url(../images/chrome/assets.png) -226px -104px no-repeat; } #content .contentLeft ul ul { margin-bottom: 5px; margin-left: 15px; } #content .contentLeft li li { border-bottom: none; } #content .contentLeft li li a:link, #content .contentLeft li li a:visited, #content .contentLeft li li a:hover, #content .contentLeft li li a:active, #content .contentLeft li.active li a:link, #content .contentLeft li.active li a:visited, #content .contentLeft li.active li a:hover, #content .contentLeft li.active li a:active { /*||hide:true*/ color : #606060; padding: 2px 10px; text-transform:none; background: none; line-height: 100%; } #content .contentLeft li li a:hover, #content .contentLeft li li a:active, #content .contentLeft li.active li a:hover, #content .contentLeft li.active li a:active, #content .contentLeft li li.active a:link, #content .contentLeft li li.active a:visited, #content .contentLeft li li.active a:hover, #content .contentLeft li li.active a:active { /*||hide:true*/ color: #db0031; } #content .contentLeft li li li a:link, #content .contentLeft li li li a:visited, #content .contentLeft li li li a:hover, #content .contentLeft li li li a:active, #content .contentLeft li.active li li a:link, #content .contentLeft li.active li li a:visited, #content .contentLeft li.active li li a:hover, #content .contentLeft li.active li li a:active, #content .contentLeft li li.active li a:link, #content .contentLeft li li.active li a:visited, #content .contentLeft li li.active li a:hover, #content .contentLeft li li.active li a:active { /*||hide:true*/ color : #606060; } #content .contentLeft li li li a:hover, #content .contentLeft li li li a:active, #content .contentLeft li.active li li a:hover, #content .contentLeft li.active li li a:active, #content .contentLeft li li.active li a:hover, #content .contentLeft li li.active li a:active, #content .contentLeft li li li.active a:link, #content .contentLeft li li li.active a:visited, #content .contentLeft li li li.active a:hover, #content .contentLeft li li li.active a:active { /*||hide:true*/ color: #db0031; } #loginArea { position: relative; margin-top: 18px; padding: 5px 10px; border-top: 1px solid #f2f2f3; border-bottom: 1px solid #f2f2f3; background-color: #f8f8f8; } #loginArea h3 { color: #000000; margin: 0 0 5px 0; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; } #loginArea input { margin-bottom: 4px; padding: 2px 5px 3px 5px; width: 170px; font-size: 0.8em; color: #7b7a7a; } #loginSubmit { position: absolute; font-size: 0; display: block; line-height: 0; right: 15px; top: 37px; margin: 0; padding: 0 !important; width: 20px !important; height: 20px; border: none; text-indent: -9999px; overflow: hidden; background: transparent url(../images/chrome/assets.png) 0 -222px no-repeat; } input#loginSubmit:hover { background: transparent url(../images/chrome/assets.png) -21px -222px no-repeat; } #loginArea input.mock, #loginArea input.real { margin-bottom: 8px !important; } #loginArea a:link, #loginArea a:visited, #loginArea a:hover, #loginArea a:active { padding:1px 0 4px 20px; font-size: 0.9em; color: #7b7a7a; border: none; background: transparent url(../images/chrome/assets.png) -77px -226px no-repeat; } #loginArea a:hover, #loginArea a:active { background-position: -352px -226px; } #content .contentCenter { /*||hide:true*/ padding:50px 37px; min-height: 400px; vertical-align: top;} #content .contentCenter #carsNoFlash { width: 440px; min-height: 100px; color: #646060; font-size: 0.9em; } #content #carsNoFlash .boxRoundedHead { /*||hide:true*/ width: 440px; height: 5px; background:transparent url(../images/chrome/assets.png) 0 -158px no-repeat; } #content #carsNoFlash .boxRoundedFoot { /*||hide:true*/ width: 440px; height: 25px; background:transparent url(../images/chrome/assets.png) 0 -165px no-repeat;} #content #carsNoFlash .boxRoundedContent { /*||hide:true*/ padding: 8px 10px; background:transparent url(../images/chrome/verticals.png) repeat-y; } #content #carsNoFlash h2 { font-size: 1.8em; } #content #carsNoFlash h3 { margin-bottom: 5px; font-size: 1em; color: #646060; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;} #content #carsNoFlash img { float: right; padding-left:3px; border-left: 1px solid #d2d2d4;} #content #carsNoFlash p { line-height: 130%; margin-bottom: 5px; } #content #carsNoFlash .redDot { /*||hide:true*/ float: right; margin-right:10px; } #content #carsNoFlash hr { color: #d2d2d4; border-color: #d2d2d4; background-color:#D2D2D4; margin:10px 0;} #content #carsNoFlash .boxRoundedFoot a:link, #content #carsNoFlash .boxRoundedFoot a:visited, #content #carsNoFlash .boxRoundedFoot a:active, #content #carsNoFlash .boxRoundedFoot a:hover { /*||hide:true*/ font-weight: bold; float:right; padding: 2px 10px 0 0; } #content .contentCenter td.serviceBox { /*||hide:true*/ padding: 10px 20px; width: 200px; background: transparent url(../images/chrome/cssforms_fieldset-bg.png) bottom right no-repeat; border: 1px dotted #D2D2D4; } #content .contentCenter td.serviceBox ul { /*||hide:true*/ margin: 0; padding-left:15px; } #content .contentCenter td.serviceBox p { /*||hide:true*/ margin-bottom: 5px; } #content .contentRight { /*||hide:true*/ width: 285px; vertical-align: top; padding-top:50px;} * html #content .contentRight, *:first-child+html #content .contentRight { /*||hide:true*/ padding-left: 2px; } #content .contentRight p { color: #505050; font-size: 0.9em; line-height: 120%; margin-bottom: 0; } #content .contentRight a:link, #content .contentRight a:visited, #content .contentRight a:hover, #content .contentRight a:active { border: none; text-decoration: none; font-size: 0.9em; } #content .contentRight div { width: 269px; margin: 0 0 5px 0; padding: 7px 8px 0 8px; } #content .contentRight #rightNavWrapper { position: relative; width: auto; margin: 0; padding: 0; } #content .contentRight #newsNoFlash { margin: 0; padding: 0; } #content .contentRight #markenWrapper { position: absolute; z-index: 100; top:-81px; margin: 0; padding: 0; overflow:hidden; width: 285px; height:74px; } #content .contentRight #markenNoFlash { margin: 0 0 5px 0; padding: 0; } #content .contentRight #teaserWrapper { width: auto; margin: 40px 0 0 0; padding: 0; z-index: 1; } #content .contentRight h2 { color: #013467 !important; margin-bottom: 5px; } #content .contentRight h2 a:link, #content .contentRight h2 a:visited, #content .contentRight h2 a:hover, #content .contentRight h2 a:active { color: #013467; text-decoration: none; } #newsNoFlash p { width: 160px; margin-bottom: 5px !important; } #newsNoFlash .date { /*||hide:true*/ font-weight: bold; color: #848383; } #markenNoFlash td { padding:0; text-align: left; vertical-align: top; } #markenNoFlash a:link, #markenNoFlash a:visited, #markenNoFlash a:hover, #markenNoFlash a:active { display: block; height: 77px; } #markenNoFlash a:link span, #markenNoFlash a:visited span, #markenNoFlash a:hover span, #markenNoFlash a:active span { display: none; } #markenNoFlash .marke01 { /*||hide:true*/ width: 72px; } #markenNoFlash .marke02 { /*||hide:true*/ width: 69px; } #markenNoFlash .marke03 { /*||hide:true*/ width: 69px; } #markenNoFlash .marke04 { /*||hide:true*/ width: 75px; } #markenNoFlash .marke01 a:link, #markenNoFlash .marke01 a:visited, #markenNoFlash .marke01 a:hover, #markenNoFlash .marke01 a:active { width: 72px; background: transparent url(../images/chrome/teaser.png) 0 0 no-repeat; } #markenNoFlash .marke01 a.active:link, #markenNoFlash .marke01 a.active:visited, #markenNoFlash .marke01 a.active:hover, #markenNoFlash .marke01 a.active:active, #markenNoFlash .marke01 a:hover, #markenNoFlash .marke01 a:active { background: transparent url(../images/chrome/teaser.png) -285px 0 no-repeat; } #markenNoFlash .marke02 a:link, #markenNoFlash .marke02 a:visited, #markenNoFlash .marke02 a:hover, #markenNoFlash .marke02 a:active { width: 69px; background: transparent url(../images/chrome/teaser.png) -72px 0 no-repeat; } #markenNoFlash .marke02 a.active:link, #markenNoFlash .marke02 a.active:visited, #markenNoFlash .marke02 a.active:hover, #markenNoFlash .marke02 a.active:active, #markenNoFlash .marke02 a:hover, #markenNoFlash .marke02 a:active { background: transparent url(../images/chrome/teaser.png) -357px 0 no-repeat; } #markenNoFlash .marke03 a:link, #markenNoFlash .marke03 a:visited, #markenNoFlash .marke03 a:hover, #markenNoFlash .marke03 a:active { width: 69px; background: transparent url(../images/chrome/teaser.png) -141px 0 no-repeat; } #markenNoFlash .marke03 a.active:link, #markenNoFlash .marke03 a.active:visited, #markenNoFlash .marke03 a.active:hover, #markenNoFlash .marke03 a.active:active, #markenNoFlash .marke03 a:hover, #markenNoFlash .marke03 a:active { background: transparent url(../images/chrome/teaser.png) -426px 0 no-repeat; } #markenNoFlash .marke04 a:link, #markenNoFlash .marke04 a:visited, #markenNoFlash .marke04 a:hover, #markenNoFlash .marke04 a:active { width: 75px; background: transparent url(../images/chrome/teaser.png) -210px 0 no-repeat; } #markenNoFlash .marke04 a.active:link, #markenNoFlash .marke04 a.active:visited, #markenNoFlash .marke04 a.active:hover, #markenNoFlash .marke04 a.active:active, #markenNoFlash .marke04 a:hover, #markenNoFlash .marke04 a:active { background: transparent url(../images/chrome/teaser.png) -495px 0 no-repeat; } #content .teaseOffers { /*||hide:true*/ min-height: 68px; background: transparent url(../images/chrome/teaser.png) 0 -152px no-repeat; cursor:pointer; } #content .teaseOffers:hover { /*||hide:true*/ background: transparent url(../images/chrome/teaser.png) -285px -152px no-repeat; cursor:pointer; } #content .teaseOffers2 { /*||hide:true*/ min-height: 68px; background: transparent url(../images/chrome/teaser.png) 0 -382px no-repeat; cursor:pointer; } #content .teaseOffers2:hover { /*||hide:true*/ background: transparent url(../images/chrome/teaser.png) -285px -382px no-repeat; cursor:pointer; } #content .teaseJobs { /*||hide:true*/ min-height: 68px; background: transparent url(../images/chrome/teaser.png) 0 -77px no-repeat; cursor:pointer; } #content .teaseJobs:hover { /*||hide:true*/ background: transparent url(../images/chrome/teaser.png) -285px -77px no-repeat; cursor:pointer; } #content .teaseNews { /*||hide:true*/ min-height: 68px; background: transparent url(../images/chrome/teaser.png) 0 -227px no-repeat; } #content .teaseNews:hover { /*||hide:true*/ background: transparent url(../images/chrome/teaser.png) -285px -227px no-repeat; } #content .teaseShop { /*||hide:true*/ min-height: 68px; background: transparent url(../images/chrome/teaser.png) 0 -457px no-repeat; cursor:pointer; } #content .teaseShop:hover { /*||hide:true*/ background: transparent url(../images/chrome/teaser.png) -285px -457px no-repeat; cursor:pointer; } #content .teaseAMG { /*||hide:true*/ min-height: 68px; background: transparent url(../images/chrome/teaser.png) 0 -302px no-repeat; cursor:pointer; } #content .teaseAMG:hover { /*||hide:true*/ background: transparent url(../images/chrome/teaser.png) -285px -302px no-repeat; cursor:pointer; } #footer { width: 100%; height: 88px; margin:-88px 0 0 0; background: transparent url(../images/chrome/assets.png) 50% 0 no-repeat; } /*======================= CSSFORMS: Breiten der Elemente ================================*/ .cssForm fieldset { /*||hide:true*/ width: 440px; } /* 'A' */ .cssForm label { /*||hide:true*/ width: 120px; border:none; color:#000; } /* 'B' */ .cssForm .rightCol { /*||hide:true*/ padding-left:125px; /* 'B'+5px */ } .cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput, .cssForm .exTextarea { /*||hide:true*/ width: 290px; /* 'A'-'B'-10px='C' */ } .cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput, .cssForm .twinRow .exTextarea { /*||hide:true*/ width: 90px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px; } .cssForm .assignment select { /*||hide:true*/ width: 100px;} /* ('A'-'B'-130px)/2 */ /*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/ input.button, .button { /*||hide:true*/ border-style: solid !important; border-width: 1px !important; margin-bottom: 10px; } .cssForm legend { color: #013467; } *:first-child+html .cssForm legend { /*||hide:true*/ position: static; margin: 20px 0 10px 0; } .cssForm fieldset.error { /*||hide:true*/ border-top-color: #f79310; } .cssForm { /*||hide:true*/ } .rightCol { /*||hide:true*/ } .exInput { /*||hide:true*/ } .exTextarea { /*||hide:true*/ } .twinRow { /*||hide:true*/ } .assignment { /*||hide:true*/ } /*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .textonly{/*||hide:true*/ position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */