@charset "UTF-8"; @media all { /*------------------------------------------------------------------------------------------------------*/ /** * @section browser reset * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html */ /* (en) Global reset of paddings and margins for all HTML elements */ /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */ * { margin:0; padding: 0 } /* (en) Correction: margin/padding reset caused too small select boxes. */ /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */ option { padding-left: 0.4em } /** * (en) Global fix of the Italics bugs in IE 5.x and IE 6 * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6 * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html body * { overflow:visible } * html iframe, * html frame { overflow:auto } * html frameset { overflow:hidden } /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */ /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */ html { height: 100% } body { min-height: 101%; /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */ /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ font-size: 100.01%; text-align: left; } /* (en) Clear borders for
and elements */ /* (de) Rahmen für
und Elemente löschen */ fieldset, img { border: 0 solid} /* (en) new standard values for lists, blockquote and cite */ /* (de) Neue Standardwerte für Listen & Zitate */ ul, ol, dl { margin: 0 0 1em 1em } li { margin-left: 1.5em; line-height: 1.5em; } dt { font-weight: bold; } dd { margin: 0 0 1em 2em; } blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;} /** * @section hidden elements | Versteckte Elemente * @see http://www.yaml.de/en/documentation/basics/skip-links.html * * (en) skip links and hidden content * (de) Skip-Links und versteckte Inhalte */ /* (en) classes for invisible elements in the base layout */ /* (de) Klassen für unsichtbare Elemente im Basislayout */ .skip, .hideme, .print { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; } /* (en) make skip links visible when using tab navigation */ /* (de) Skip-Links für Tab-Navigation sichtbar schalten */ .skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto; } /*------------------------------------------------------------------------------------------------------*/ /* Grundlayout */ body { padding: 10px 0; font-size:11px; color:#fff; line-height:1.6em; font-family:Verdana, Helvetica, Arial, sans-serif; background:#000 url(../images/backgrounds/page_bg.gif) no-repeat;} #page_margins { margin:0;} #page{ position:relative; width:1440px; min-height:960px; } #main { width:350px; margin:0 0 20px 30px; padding:0 0 20px 0; background:transparent url(../images/backgrounds/dotsLine.gif) no-repeat bottom left;} #footer { } #logo {position:absolute; top:50px; left:542px;} /*** Seitenhintergruende (rechte Seite) ***/ body#home #page { background:url(../images/backgrounds/MC_HP_Home800.jpg) no-repeat 640px 0; } body#news #page { z-index:100; background:url(../images/backgrounds/MC_HP_News800.jpg) no-repeat 640px 0;} body#werkstatt #page { } body#galerie #page { background:url(../images/backgrounds/MC_HP_Galerie800.jpg) no-repeat 640px 0;} body#links #page { background:url(../images/backgrounds/MC_HP_Links800.jpg) no-repeat 640px 0; } body#kontakt #page { background:url(../images/backgrounds/MC_HP_Kontakt800.jpg) no-repeat 640px 0;} body#impressum #page { background:url(../images/backgrounds/MC_HP_Impressum800.jpg) no-repeat 640px 0;} body#minicenter #page { background:url(../images/backgrounds/MC_HP_Minicenter800.jpg) no-repeat 640px 0; } body#geschichte #page { background:url(../images/backgrounds/MC_HP_Geschichte800.jpg) no-repeat 640px 0; } body#tuning #page { background:url(../images/backgrounds/MC_HP_Tuning800.jpg) no-repeat 640px 0; } body#restauration #page { background:url(../images/backgrounds/MC_HP_Restauration800.jpg) no-repeat 640px 0; } body#kabrio #page { background:url(../images/backgrounds/MC_HP_Kabrio800.jpg) no-repeat 640px 0; } /*------------------------------------------------------------------------------------------------------*/ /* Hauptmenu */ #nav { position:absolute; top:250px; left:458px; } /* first level */ #nav ul { list-style:none; margin:0; padding:1px 0; border-right:1px solid #000; border-bottom:2px solid #000;} #nav ul li { position:relative; margin:0; padding:0; border-top:2px solid #000; } #nav ul li.open { border-bottom:none;} #nav ul li a { display:block; width:80px; margin:2px 1px; color:#fff; line-height:1em; font-size:9px; font-family:Helvetica, Arial, sans-serif; text-align:right; text-transform:uppercase; border:1px solid #fff; border-right:none;} #nav ul li a:hover { text-decoration:none; } #nav ul li.open a, #nav ul li.active a { background:#000;} #nav ul li a span { display:block; margin:4px 4px 2px 0; } /* second level */ #nav ul li.open ul { border:none; margin-top:-4px; } #nav ul li.open ul li { padding:2px 0 0 0; border:none; background:url(/system/images/navi/bg_dots.gif) repeat-x; } #nav ul li.open ul li:first-child { background:none;} #nav ul li.open ul li a { color:#000; border:none; background:none; } #nav li span.marker {position:absolute; left:-65px; top:5px; width:54px; height:6px; background:url(../images/navi/marker.gif) no-repeat;} /*------------------------------------------------------------------------------------------------------*/ /* Inhalt */ h1 { color:#fff; font-size:0.92em; font-weight:bold; text-transform:uppercase; width:350px; height:40px; margin:20px 0; padding-top:20px; background:transparent url(../images/backgrounds/dotsLine.gif) no-repeat;} h2 { color: #FF6600; font-size:0.92em; font-weight:normal; text-transform:uppercase;} a {color:#fd7d12; text-decoration:none;} a:hover { text-decoration:underline;} p { margin-bottom:1em; } ul.noBullets { list-style:none; margin:0; } ul.noBullets li{ margin-left:0;} p.orange, span.orange, div.orange, a.orange, ul.orange li, li.orange { color:#FF6600;} div.mediaContainer { margin-bottom:20px; width:337px; background:#333;} div.mediaContainer div.header {margin:0; padding:0; background:url(/system/images/backgrounds/media.gif) repeat-x;} div.mediaContainer div.header h3 { font-size:0.95em; line-height:1.6em; font-weight:normal; margin:0; padding:1px 4px;} div.mediaContainer #content { position:relative; overflow:hidden;} div.mediaContainer #imagesContainer {position:relative; width:100000px;} div.mediaContainer #imagesContainer img {float:left; margin:0; padding:0;} div.mediaContainer div.footer { overflow:hidden; background:#333;} div.mediaContainer div.footer div.ctrl { float:right;} div.thumbs { overflow:auto; } div.thumbs img { position:relative; left:-2px; float:left; padding:0 0 4px 4px; } div.news { margin-bottom:10px; border-bottom:1px dotted #FF6600;} div.news p.date { font-size:10px; margin:0; padding:0;} .comment { color:#ffff33; font-style:italic;} .tbButtonWysiwygDefaultStyle { color:#000!important; } }