@charset "utf-8";
/* CSS Document */

/* ============================================================ */
/* ==================== Global Tags =========================== */
/* ============================================================ */

* { margin:0; padding:0; border:0; }

html { background:url(../images/bg-html.jpg) 0 0 repeat; }

body { font:62.5%/2.4em Georgia, "Times New Roman", Times, serif; color:#1a1109; background:url(../images/bg-body.jpg) 0 0 repeat-x; }

div#header-container { width:100%; background:url(../images/bg-header-container.jpg) center top no-repeat; }

div#container { width:960px; margin:0 auto; font-size:1.4em; }
div#container a { color:#407bd1; text-decoration:none; }
div#container a:hover { text-decoration:underline; }

h1.branding a { width:385px; height:106px; display:block; position:absolute; top:84px; left:117px; }

h2 { width:285px; height:45px; display:block; position:absolute; top:452px; left:414px; background:url(../images/bg-h2.jpg) no-repeat; }
h2.startseite { background-position:0 0; }
h2.reifen { background-position:0 -45px; }
h2.teilekatalog { background-position:0 -90px; }
h2.zubehoer { background-position:0 -135px; }
h2.termine { background-position:0 -180px; }
h2.agb { background-position:0 -225px; }
h2.kontakt { background-position:0 -270px; }
h2.danke { background-position:0 -315px; }
h2.anfahrt { background-position:0 -360px; }
h2.impressum { background-position:0 -405px; }
h2.error404 { background-position:0 -450px; }
h2.wir-ueber-uns { background-position:0 -495px; }

h3 { font-size:1em; font-weight:normal; color:#ecf0f3; background:#727270 url(../images/bg-h3.jpg) 0 0 repeat-y; padding:1px 3px; margin:0 0 1.2em 0; }

p { margin:0 0 1.2em 0; }

div#euroweb { width:100%!important; }
div#euroweb img { float:left; margin: 0 10px 0 0; }

/* ============================================================ */
/* ==================== Global Classes ======================== */
/* ============================================================ */

.clear { float:none; clear:both; }

.noMargin { margin:0!important; }

.noText { text-indent:-9999px; color:#eef2f4; font-size:1px; overflow:hidden; }

/* ============================================================ */
/* ==================== header ================================ */
/* ============================================================ */

div#header { width:960px; height:524px; position:relative; background:url(../images/bg-header.jpg) 0 0 no-repeat; }

div#header ul#navi { width:557px; list-style:none; position:absolute; top:343px; left:403px; }
div#header ul#navi li { float:left; }
div#header ul#navi li a { height:48px; display:block; background:url(../images/bg-navi.jpg) no-repeat; }

div#header ul#navi li a#reifen { width:76px; background-position:0 0; }
div#header ul#navi li a#teilekatalog { width:123px; background-position:0 -48px; }
div#header ul#navi li a#zubehoer { width:92px; background-position:0 -96px; }
div#header ul#navi li a#termine { width:93px; background-position:0 -144px; }
div#header ul#navi li a#agb { width:173px; background-position:0 -192px; }

div#header ul#navi li a:hover,
div#header ul#navi li.active a { background:none!important; }

div#header p#navi-add { color:#8a8a8a; position:absolute; top:18px; right:40px; }
div#header p#navi-add a { color:#8a8a8a; text-decoration:none; }
div#header p#navi-add a:hover,
div#header p#navi-add a.active { text-decoration:underline; }

/* ============================================================ */
/* ==================== contentContainer ====================== */
/* ============================================================ */

div#contentContainer { width:960px; }

div#contentContainer span.highlight { padding:2px 3px; background:#72726f; color:#eaeef2; }

/* ============================================================ */
/* ==================== contentSidebar ======================== */
/* ============================================================ */

div#contentSidebar { width:339px; height:365px; padding:66px 0 0 41px; position:relative; background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat; float:left; }

/* ============================================================ */
/* ==================== contentMain =========================== */
/* ============================================================ */

div#contentMain { width:535px; padding:0 11px 20px 34px; background:url(../images/bg-highlight.jpg) 0 0 no-repeat; float:right; }

div#contentMain hr { height:1px; border-bottom:1px dashed #ccc; background:none; margin:0 0 1.2em 0; }

div#contentMain p#highlight { height:96px; font-size:1.4em; margin:0 0 2em 0; padding:0 25px 0 0; }

div#contentMain div.column { width:250px; margin:0 35px 0 0; float:left; }

div#contentMain .img { border:1px solid #ccc; background:#fff; padding:3px; }
div#contentMain .img-cms { border:1px solid #ccc; background:#fff; padding:3px; margin:0 10px 10px 0; float:left; }

div#contentMain ul { list-style:none; margin:0 0 1.2em 0; }
div#contentMain ul li { background:url(../images/required.png) 0 4px no-repeat; padding:0 0 0 20px; margin:0 0 0.6em 0; }

div#contentMain table { width:535px; background:#f2f2f2; }
div#contentMain table tr { border-bottom:1px dashed #ccc; }

div#contentMain table thead tr { background:#727270; }
div#contentMain table thead tr td { color:#fff; font-size:1.2em; }

div#contentMain table tr.highlight { background:#fff; }
div#contentMain table tr td { height:28px; }
div#contentMain table tr td.datum { width:100px; }
div#contentMain table tr td.monat { width:100px; }
div#contentMain table tr td.plz { width:100px; }
div#contentMain table tr td.ort { width:235px; }

div#contentMain dl { width:250px; }
div#contentMain dl dt { width:55px; float:left; }
div#contentMain dl dd { width:195px; float:left; }

/* ---------- CMS ---------- */

div#contentMain .cms-reifenkatalog { width:242px; height:182px; display:block; background:#fff url(../images/reifen/pdf.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-avon { width:242px; height:80px; display:block; background:#fff url(../images/reifen/avon.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-cheng { width:242px; height:80px; display:block; background:#fff url(../images/reifen/cheng.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-conti { width:242px; height:80px; display:block; background:#fff url(../images/reifen/conti.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-duro { width:242px; height:80px; display:block; background:#fff url(../images/reifen/duro.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-heidenau { width:242px; height:80px; display:block; background:#fff url(../images/reifen/heidenau.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-irc { width:242px; height:80px; display:block; background:#fff url(../images/reifen/irc.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-kenda { width:242px; height:80px; display:block; background:#fff url(../images/reifen/kenda.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-metzeler { width:242px; height:80px; display:block; background:#fff url(../images/reifen/metzeler.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-mitas { width:242px; height:80px; display:block; background:#fff url(../images/reifen/mitas.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-rennsport { width:242px; height:80px; display:block; background:#fff url(../images/reifen/rennsport.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }
div#contentMain .cms-wulst { width:242px; height:80px; display:block; background:#fff url(../images/reifen/wulst.jpg) center center no-repeat; padding:3px; border:1px solid #ccc; }

div#contentMain .cms-pdf { width:242px; height:182px; display:block; background:#fff url(../images/reifen/pdf.jpg) 3px 3px no-repeat; padding:3px; border:1px solid #ccc; }

/* ============================================================ */
/* ==================== footer ================================ */
/* ============================================================ */

div#footer { width:960; height:47px; margin:0 0 30px 0; padding:200px 0 0 0; position:relative; background:url(../images/bg-footer.jpg) 0 0 no-repeat; }

div#footer div#adressdaten { width:185px; height:100px; position:absolute; top:45px; left:414px; }
div#footer div#kontaktdaten { width:220px; height:100px; position:absolute; top:45px; left:599px; }

div#footer dl { width:220px; }
div#footer dl dt { width:38px; float:left; }
div#footer dl dd { width:182px; float:left; }

div#footer p.sitemap { font-size:0.8em; margin:0; color:#8a8a8a; text-align:center; }
div#footer p.sitemap a { color:#8a8a8a; margin:0 3px; text-decoration:none; }
div#footer p.sitemap a:hover { text-decoration:underline; }

/* ===========================
	Ende ;)
=========================== */