/*(c)03.2011 BaseStyles auf Basis der HTML5 BoilerPlate, com2 Gmbh TN, www.com-com.com v1.0 */
/*======================= RESET ================================*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
vertical-align: baseline; background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */
hr, .cssForm hr {
display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; clear: both;
-moz-box-shadow: 0 2px 1px #fff; -webkit-box-shadow: 0 2px 1px #fff; box-shadow: 0 2px 1px #fff;
}
input, select { vertical-align:middle; }
/* END RESET CSS */
/* fonts.css from the YUI Library: developer.yahoo.com/yui/
Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
There are three custom edits:
* remove arial, helvetica from explicit font stack
* we normalize monospace styles ourselves
* table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:0.76em/1.2 sans-serif; *font-size:small; background: #fff url(../images/chrome/bodyStripe.png) 0 21px repeat-x; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; } /* normalize monospace sizing */
.ie8 body { background: none; }
html.ie8 { }
/*======================= minimal base styles ================================*/
body, select, input, textarea {
font-family: Helvetica, Arial, sans-serif;
/*font-size-adjust: 0.466;*/
color: #4f4f4f; /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
/* set your base font here, to apply evenly */
-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
}
html { overflow-y: scroll; } /* always force a scrollbar in non-IE */
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
a, a:link, a:visited, .js .autoClickable { /*color: #607890; */
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
-o-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
-ms-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
cursor: pointer;
}
a:hover, a:active { color: #036; }
a:link { -webkit-tap-highlight-color: #FF5E99; } /* j.mp/webkit-tap-highlight-color */
.js .autoClickable:hover { background-color: #fafafa; background-color: rgba(0,0,0,0.01); } /*per js werden bereiche klickbar gemacht*/
.js .autoClickable:hover h3 { color: #000; }
a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active {
color: #d44142; background: transparent url(../images/chrome/assets.png) -262px 0 no-repeat; text-decoration: underline; padding-left: 23px;
}
a.pdf:hover, a.pdf:active { color: #444; }
a.cta01:link, a.cta01:visited, a.cta01:hover, a.cta01:active {
color: #db0031; padding-left: 10px; background: transparent url(../images/chrome/assets.png) -226px -110px no-repeat; border:none;
}
a.cta01:hover, a.cta01:active { font-weight: bold; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; } /* Remove margins for navigation lists */
small { font-size: 85%; }
strong, th { font-weight: bold; }
th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { color: #5fb034; }
td, td img { vertical-align: top; empty-cells: show; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {
padding: 15px;
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
.ie7 img { -ms-interpolation-mode: bicubic; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.ie7 .clearfix { clear: both; }
/*======================= FORMS ================================*/
textarea { overflow: auto; resize: none; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; } /* hand cursor on clickable input elements */
button, input, select, textarea { margin: 0; } /* webkit bsers add a 2px margin outside the chrome of form elements */
/* colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
button { width: auto; overflow: visible; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*@font-face {font-family: 'EffloresceAntique-Regular';src: url('webfonts/eot/style_8429.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_8429.woff') format('woff'),url('webfonts/ttf/style_8429.ttf') format('truetype'),url('webfonts/svg/style_8429.svg#EffloresceAntique-Regular') format('svg');}*/
@font-face {
font-family: 'EffloresceAntique-Regular';
src: url('effloresce-webfont.eot');
src: url('effloresce-webfont.eot?#iefix') format('embedded-opentype'),
url('effloresce-webfont.woff') format('woff'),
url('effloresce-webfont.ttf') format('truetype'),
url('effloresce-webfont.svg#EffloresceRegular') format('svg');
font-weight: normal;
font-style: normal;
}
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: 145%; }
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 20px; font-size: 22px; color: #d44142; font-family: EffloresceAntique-Regular, serif; font-weight: normal;}
body.home h2 { color: #7b7a7a; }
h3 {font-size: 1.1em; color: #db0031; margin: 0 0 10px; padding: 0; font-weight: normal;}
h3 { font-size: 20px; font-family: EffloresceAntique-Regular, serif; font-weight: normal; margin-bottom: 15px; color: #525252; }
h3.subHeadline {/*||title-de:Unterüberschrift||title-en:Subheadline||desc-de:Unterüberschrift||desc-en:Subheadline*/
margin: 0 0 24px;
}
h3.redBackHeadline {/*||title-de:Überschrift/Roter Hintergrund||title-en:Headline with red bgcolor||desc-de:Überschrift mit weißer Schrift und rotem Hintergrund||desc-en:White headline with red background color */
background-color: #DB0031;
color: #FFFFFF;
font-size: 16px;
padding: 5px;
}
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; }
#ie6RIP, #pageHint {
/*page infolayer v1 - 19.04.2010 tn*/
background: InfoBackground url("http://www.com-com.com/images/chrome/ie6Error.png") 10px 50% no-repeat;
color: InfoText;
border-bottom: 1px solid ThreedShadow; border-top: 1px solid #fff;
padding: 8px 8px 8px 38px;
font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#ie6RIP a, #pageHint a { color: #000 !important; text-decoration: underline !important; }
/*~~ 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: #606060; border-bottom: 1px dotted #013467; text-decoration: none; outline: none; }
a:hover, a:active { color : #db0031; border-color: #db0031;}
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 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table tr.angebot td{
}
/* 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: 10px;
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; }
/* OPTIC3 - Tire Table + TopArrow*/
.goTopArrow {position:fixed; bottom: -15px; margin-left: 760px;opacity: 0.5;}
.goTopArrow:hover {bottom: -14px;opacity: 1;}
table.optic03 tr.alternate {/*||title-de:Alternierend||title-en:Alternate||desc-de:Alternierende Zeilenfarbe||desc-en:Alternating row color*/ background-color: #f3f3f3; }
table.optic03 td, table.optic03 th {
padding: 3px;
vertical-align: top;
border-bottom: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3;
}
table.optic03 th { text-align: center; }
table.optic03{table-layout:auto; width:750px;}
table.optic03 th{ background-color: #CCC; font-size:1.6em; color:#999; }
table.optic03 thead th{height: 25px; background-color: #333; color:#fff; font-size: 1em; }
table.optic03 tr:hover td, table.optic03 tr:hover a{ background-color: #d2d2d2; color:#333; }
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; }
table.wr{table-layout:auto}
table.wr th{ background-color: #CCC; font-size:1.6em; color:#999; }
table.wr thead th{height: 25px; background-color: #333; color:#fff; font-size: 1em; }
table.wr tr:hover td, table.wr tr:hover a{ background-color: #d2d2d4; color:#fff; }
table.wrk tbody tr th{text-align:left;}
table.wr span { color: #fff; font-size: 29px; position: absolute; line-height: 20px; margin-left:330px; }
table.wr .wrg { background-color: #e8e8e8; }
table.wr .wrg td { color: #888; }
table.wr .wrg:hover td , table.wr .wrg:hover a{ background-color: #e8e8e8; color:#888; }
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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 { background: #fff url(../images/chrome/bodyBg.png) 0 0 repeat-y; width: 1000px; min-height: 100%; margin: 0 auto; padding: 0; /*background: transparent url(../images/chrome/blackbg.jpg) 50% 20px no-repeat;*/ }
body.home #minWidth { background-image: url(../images/chrome/bodyBgHome.png); }
body.wide #minWidth { background-image: none; }
body.partlyWide #minWidth { background: transparent url(../images/chrome/bodyBgShort.png) 724px 245px no-repeat; }
body#popup {background-image: none;}
#header { width: 990px; height: 245px; margin:0; padding:0 10px 0 0; position: relative; background: transparent url(../images/chrome/bodyStripe.png) 0 21px repeat-x; text-align: right; }
#header ul { float: right; padding-right: 18px; margin-bottom: 0; font-family: Tahoma; text-align: right;}
#header li { display: inline; padding:0; list-style: none; padding: 0; }
#header > ul > li { display: inline; padding:0; list-style: none; padding: 0 3px; }
#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 { text-decoration: none; }
#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; }
/*body.home #content { width:990px; }*/
/*======================= LEFTNAV ================================*/
#content .contentLeft { /*||hide:true*/ padding-top:30px; width: 202px; background: transparent url(../images/chrome/whitefade.png) top center no-repeat; vertical-align: top; font-family: Tahoma; }
* html #content .contentLeft { /*||hide:true*/ background: none; }
#content .contentLeft > ul { margin:0; padding:0 0 60px; background: transparent url(../images/chrome/menuStripes.png) 0 100% no-repeat; }
#content .contentLeft li { padding:0; list-style: none; border-bottom: 1px solid #d0d0d2; padding: 0 1px; }
#content .contentLeft li { background: transparent url(../images/chrome/navLogoAssets.png) 0 -300px no-repeat; }
#content .contentLeft li#id6, #content .contentLeft li#id306 { background-position: -50px 0; }
#content .contentLeft li#id8 { background-position: -300px 0; }
#content .contentLeft li#id302 { background-position: -550px 0; }
#content .contentLeft li#id92 { background-position: -800px 0; }
#content .contentLeft > ul > li:first-child { background: transparent url(../images/chrome/menuStripes.png) 0 0 no-repeat; padding-top: 15px;}
#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: 180px; padding: 3px 10px; text-transform:uppercase; text-decoration: none; color: #6b6b6b; }
#content .contentLeft li a:hover, #content .contentLeft li a:active {
color: #db0031; /*background-color: #fafafa;*/
/*background: -moz-linear-gradient(top, #fff, #f2f2f2);
background: -webkit-gradient(linear,left top, left bottom, from(#fff), to(#f2f2f2));
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#f2f2f2', GradientType=0); */
}
#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; }
/* ------- level 2 ------ */
#content .contentLeft ul ul { margin: 0 0 5px 15px; background: none; }
#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; }
/* ------- level 3 ------ */
#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:25px 37px; min-height: 400px; vertical-align: top;}
body.wide #content .contentCenter, body.partlyWide #content .contentCenter { padding-right: 10px;}
#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;}
body.wide #content .contentRight, body.partlyWide #content .contentRight { display: none; }
body.home #content .contentRight { width: 294px; }
* 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: 11px; }
#content .contentRight div { Wwidth: 269px; margin: 0 0 10px 0; padding: 7px 0 0; }
#content .contentRight #rightNavWrapper { position: relative; width: auto; margin: 0; padding: 0; }
#content .contentRight #newsNoFlash { margin: 0; padding: 0; height: 28px; overflow: auto; }
#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: 0; padding: 0; z-index: 1; position: relative; }
#content .contentRight #teaserWrapper > a > img{ margin-bottom: 5px; }
#content .contentRight h2 { color: #013467 !important; margin-bottom: 5px; font-size: 19px; }
#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; margin-bottom: 0 !important; }
#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 .teaseNews h2{
color: #db0031 !important;
}
#content .teaseTGC { /*||hide:true*/ min-height: 68px; background: transparent url(../images/chrome/teaser.png) 0 -532px no-repeat; cursor:pointer; }
#content .teaseTGC:hover { /*||hide:true*/ background: transparent url(../images/chrome/teaser.png) -284px -532px no-repeat; cursor:pointer; }
#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; }
#content .teaseFuso { /*||hide:true*/ min-height: 68px; background: transparent url(../images/chrome/teaser.png) 0 -607px no-repeat; cursor:pointer; }
#content .teaseFuso:hover { /*||hide:true*/ background-position: -285px -607px; }
/*======================= FOOTER ================================*/
#footer {
width: 100%;
background: #e0dfde url(../images/chrome/footerBg.png) 0 0 repeat;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
padding: 22px 10px 0;
}
#footer h2 { color: #2b5287; margin-bottom: 10px; }
#footer div { float: left; overflow: hidden; }
#footer .colOne { width: 172px; padding-right: 18px; }
#footer .colTwo { width: 394px; min-height: 200px; background: transparent url(../images/chrome/assets.png) -606px -118px no-repeat; text-align: center; }
#footer .colTwo img { margin-bottom: 15px; -moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.2); box-shadow: 2px 4px 4px rgba(0,0,0,0.2); }
#footer .colTwo a:link, #footer .colTwo a:visited, #footer .colTwo a:hover, #footer .colTwo a:active { border: none;}
#footer .colTwo a:hover img, #footer .colTwo a:active img { -moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.2); box-shadow: 2px 2px 2px rgba(0,0,0,0.2); margin-top: 1px; margin-bottom: 14px;}
#footer .colThree { width: 362px; padding-left: 18px; }
/*======================= PARTLYWIDE CONTENT ================================*/
.centerPart { width: 450px; float: left; }
.rightPart { width: 282px; float: right; margin-right: -8px; position: relative; }
.rightPart a > img, .rightTeaser a > img, .newsSliderWrapper {
-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.2); box-shadow: 2px 4px 4px rgba(0,0,0,0.2);
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
margin-bottom: 10px;
}
.rightTeaser .newsSliderWrapper a > img {
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
-moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;
margin-bottom: 0;
}
.rightPart a:hover > img, .rightTeaser a:hover > img { -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.directSearch input[type=text] {
padding: 4px 20px 4px 5px; width: 200px; font-size: 14px;
-moz-box-shadow: inset 2px 4px 4px rgba(0,0,0,0.1); -webkit-box-shadow: inset 2px 4px 4px rgba(0,0,0,0.1); box-shadow: inset 2px 4px 4px rgba(0,0,0,0.1);
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}
.directSearch input[type=submit] {
text-indent: -500px; background: transparent url(../images/chrome/assets.png) -220px -107px no-repeat;
height: 20px; width: 20px; border:none; margin-left: -20px; font-size: 0; color: #fff;
}
/*======================= Models ================================*/
#models { clear: both; }
#models > a:link, #models > a:visited, #models > a:hover, #models > a:active {
float: left; width: 165px; height: 25px; margin-right: 14px; padding: 135px 0 0 12px; border: none; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
background: transparent url(../images/chrome/modelsAsset.png) 0 43px no-repeat;
font-family: EffloresceAntique-Regular, serif; font-size: 20px; color: #525252;
}
#models > a:hover, #models > a:active { color: #db0031; }
#models > a.fourth { margin-right: 0 !important; } /*wär schön: , #models > a:nth-child(4n+4)*/
#models > a#model01 { }
#models > a#model20 { background-position: 0 43px; }
#models > a#model02 { background-position: -191px 43px; }
#models > a#model03 { background-position: -382px 43px; }
#models > a#model05 { background-position: -573px 43px; }
#models > a#model04 { background-position: 0 -117px; }
#models > a#model29 { background-position: -191px -117px; }
#models > a#model25 { background-position: -382px -117px; }
#models > a#model30 { background-position: -573px -117px; }
#models > a#model06 { background-position: 0 -277px; }
#models > a#model26 { background-position: -191px -277px; }
#models > a#model27 { background-position: -382px -277px; }
#models > a#model07 { background-position: -573px -277px; }
#models > a#model15 { background-position: 0 -437px; }
#models > a#model31 { background-position: -191px -437px; }
#models > a#model23 { background-position: -382px -437px; }
#models > a#model24 { background-position: -573px -437px; }
#models > a#model14 { background-position: 0 -597px; }
#models > a#model22 { background-position: -191px -597px; }
#models > a#model08 { background-position: -382px -597px; }
#models > a#model10 { background-position: -573px -597px; }
#models > a#model11 { background-position: 0 -757px; }
#models > a#model28 { background-position: -191px -757px; }
#models > a#model32 { background-position: -382px -757px; }
#models > a#model21 { background-position: -573px -757px; }
#models > a#model34 { background-position: -573px -757px; }
#models > a span {
position: absolute; right: 10px; top: 10px; width: 50px; height: 50px; color: #fff;
text-indent: -500px; font-size: 0; background: transparent url(../images/chrome/modelsAsset.png) 0 100% no-repeat;
}
/*======================= MAP hinter LOGO ================================*/
#map { background: #fff; position:absolute; width: 201px; height: 250px; top: 21px; left: 0; }
/*======================= CODA SLIDER ================================*/
.homeSliderWrapper, .middleHeader, .rightHeader { /*||hide:true*/ position: absolute; width: 788px; z-index: 10; top: 21px; left: 201px; border-right: 1px solid #fff; height: 224px; overflow: hidden; }
.homeSliderWrapper p { margin: 0; color: #fff; }
.homeSliderWrapper a:link, .homeSliderWrapper a:visited,
.homeSliderWrapper a:hover, .homeSliderWrapper a:active { border:none;}
.newsSliderWrapper { /*||hide:true*/ background: transparent url(../images/chrome/newsSliderBg.png) 0 0 no-repeat; width: 284px !important; height: 150px; overflow: hidden; padding: 0 !important; position: relative; }
#content .newsSliderWrapper div { width: auto; padding: 0; margin: 0;}
#content .newsSliderWrapper .dotNav { position: absolute; bottom: 0; text-align: right; left: 50%; width: 50%; }
#content .newsSliderWrapper .dotNav a:link, #content .newsSliderWrapper .dotNav a:visited,
#content .newsSliderWrapper .dotNav a:hover, #content .newsSliderWrapper .dotNav a:active { float: none; display: inline; font-size: 19px; }
#content .newsSliderWrapper .panel-wrapper { width: 280px;}
.coda-slider { /*||hide:true*/ wheight: 224px; overflow: hidden !important; padding-right: 20px }
html.sliderInitialised .coda-slider { /*||hide:true*/ height: auto; overflow: hidden !important; padding-right: 0 }
.coda-slider { /*||hide:true*/ bWWackground: #ebebeb; width: 100% !important; }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
/*.coda-slider-no-js .coda-slider { ||hide:true height: 200px; overflow: hidden !important; padding-right: 20px }*/
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { /*||hide:true*/ }
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; width: 25px; height: 48px; }
/* Tab nav */
#minWidth .coda-nav ul li a.current:link, #minWidth .coda-nav ul li a.current:visited,
#minWidth .coda-nav ul li a.current:hover, #minWidth .coda-nav ul li a.current:active { /*||hide:true*/ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.homeSliderWrapper .panel-wrapper { /*||hide:true*/ position: relative; }
.homeSliderWrapper .panel-wrapper > div, .prodInfo { position: absolute; bottom: 20px; left: 40px; margin: 0; z-index: 10; text-align: left;}
.homeSliderWrapper .panel-wrapper > div h2, .prodInfo h2 { color: #fff; text-transform: uppercase; line-height: 24px; margin-bottom: 0; text-shadow: rgba(0,0,0,0.3) 1px 1px 3px; }
.newsSliderWrapper .panel-wrapper { /*||hide:true*/ position: relative; }
.newsSliderWrapper .panel-wrapper > div { position: absolute; top: 10px; left: 10px; margin: 0; z-index: 10; text-align: left; height: 130px;}
.newsSliderWrapper .panel-wrapper > div h2 { color: #fff; line-height: 24px; margin-bottom: 0; text-shadow: rgba(0,0,0,0.3) 1px 1px 3px; margin-bottom: 15px }
.newsSliderWrapper .panel-wrapper > div > a:link, .newsSliderWrapper .panel-wrapper > div > a:visited,
.newsSliderWrapper .panel-wrapper > div > a:hover, .newsSliderWrapper .panel-wrapper > div > a:active { position: absolute; left: 0; bottom: 0; color: #d44142; font-weight: bold; }
/* Preloader */
.coda-slider p.loading { /*||hide:true*/ padding: 20px; text-align: center }
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav.dotNav { /*||hide:true*/ position: absolute; left: 0; bottom: 0; z-index: 100; font-size: 20px; width: 788px; }
.coda-nav ul { clear: both; display: inline; margin: auto; overflow: hidden; }
.coda-nav.dotNav ul { padding: 0 10px 10px 0; margin: 0; }
.coda-nav ul li { display: inline; }
#minWidth .coda-nav ul li a:link, #minWidth .coda-nav ul li a:visited, #minWidth .coda-nav ul li a:hover, #minWidth .coda-nav ul li a:active {
color: #fff; float:left; margin-right: 1px; padding: 3px 6px; text-decoration: none;
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
}
#minWidth .coda-nav ul li a:hover, #minWidth .coda-nav ul li a:active {
filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #fff;
}
#minWidth .coda-nav.dotNav ul li a { padding: 0; margin: 0; }
/* Miscellaneous */
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { /*||hide:true*/ display: block; float: left }
.coda-slider .panel-container { /*||hide:true*/ position: relative }
.coda-nav-left { /*||hide:true*/ float: left; }
.coda-nav-right { /*||hide:true*/ float: right; }
.coda-nav-left a, .coda-nav-right a { display: block; text-indent: -500px; overflow: hidden; text-decoration: none; background: transparent url(../images/chrome/assets.png) 0 -30px no-repeat; /*filter: alpha(opacity=50)*/; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; margin: 0 15px; }
.coda-nav-left a:hover, .coda-nav-right a:hover {
/*filter: alpha(opacity=100);*/ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
-moz-transform: translateX(-3px);
-webkit-transform: translateX(-3px);
-o-transform: translateX(-3px);
}
.coda-nav-right a:hover {
-moz-transform: translateX(3px);
-webkit-transform: translateX(3px);
-o-transform: translateX(3px);
}
.coda-nav-right a { background-position: -30px -30px; }
.arrowNav { /*||hide:true*/ clear: both; margin: 0; width: 100%; position: absolute; bottom: 24px; left: 0;}
/*======================= HEADER ================================*/
.middleHeader {
width: 522px; height: 222px; overflow: hidden; left: 201px; top: 22px; text-align: left;
}
.rightHeader {
width: 265px; height: 222px; overflow: hidden; left: 724px; top: 22px; text-align: left;
}
/*======================= AMG Teaser ================================*/
#amgTeaser { position: relative; padding: 0 !important; }
#amgTeaser span { position: absolute; top: 35px; left: 10px; color: #d44142 }
#amgTeaser ul { position: absolute; top: 50px; left: 10px; list-style: none; margin: 0; padding: 0; }
#amgTeaser ul li { list-style: none; margin: 0; padding: 0; display: inline; }
#amgTeaser ul a:link, #amgTeaser ul a:visited,
#amgTeaser ul a:hover, #amgTeaser ul a:active { float: left; padding: 0 0 0 8px; margin: 0 10px 0 0; color: #d44142; background: transparent url(../images/chrome/assets.png) -226px -109px no-repeat; }
/*======================= currentNews ================================*/
#currentNews {}
#currentNews h3 { color: #4f4f4f; font-weight: bold; margin-bottom: 0; font-size: 12px; font-family: Helvetica,Arial,sans-serif; }
#currentNews h3 span { color: #949494; font-weight: normal; }
#currentNews .dotNav { display: none; }
/*======================= newsRow ================================*/
.newsRow { border-bottom: 1px solid #bfbfbf; margin-bottom: 10px; position: relative; }
.newsRow > a { float: right; border:none; margin: 0 0 10px 10px; position:relative; background: black; }
.newsRow > a span { position: absolute; top: 0; right: 0; width: 8px; height: 8px; background: transparent url(../images/chrome/assets.png) -456px -166px no-repeat; }
.newsRow > a:hover img, .newsRow > a:active img { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.newsRow h3 { margin-bottom: 0; }
.newsRow p { margin: 0 0 10px; }
.newsRow p.subHeader{ font-weight: bold; margin-bottom: 5px; }
.newsRow p a:link, .newsRow p a:visited, .newsRow p a:hover, .newsRow p a:active {
color: #d44142; background: transparent url(../images/chrome/assets.png) -226px -109px no-repeat; padding: 0 0 0 10px; border: none;
}
a.edgeArrow:link, a.edgeArrow:visited,
a.edgeArrow:hover, a.edgeArrow:active {
position: absolute; text-indent: -500px; font-size: 0; color: #fff; width: 15px; height: 20px; right: 0; bottom: 0; margin: 0;
background: transparent url(../images/chrome/assets.png) -226px -109px;
}
/*======================= CSSFORMS: Breiten der Elemente ================================*/
.cssForm fieldset { /*||hide:true*/ width: 440px; padding-bottom: 15px; } /* '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: 110px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px; }
.cssForm .assignment select { /*||hide:true*/ width: 100px;} /* ('A'-'B'-130px)/2 */
.cssForm .buttonGroup { margin: 0; min-height: 30px; }
/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/
.cssForm input.button, input.button, .button { /*||hide:true*/
border: 1px solid #000; padding: 2px 6px; color: #fff;
background: #444 url(../images/chrome/bodyStripe.png) 0 0 repeat !important;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}
.cssForm legend { color: #013467; padding: 10px 5px; }
*: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*/ }
.cssForm .twinRow label { width: 80px;}
/*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{/*||hide:true*/ position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */