/* CSS Framework, v.2.3 Author: Kamil Kuczmera E-mail: kamil@kuczmera.com ------------------------------------------------------------/ /* Global reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""} input,button{overflow:visible}button{cursor:pointer}strong{font-weight:bold}em{font-style:normal} /* Paddings & margins */ .margin-top { margin-top: 15px } .margin-bottom { margin-bottom: 15px } .margin-left { margin-left: 15px } .margin-right { margin-right: 15px } /* Floats */ .left { float: left } .right { float: right } .clear { clear: both } /* Positions */ .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .middle { vertical-align: middle } /* Basic selectors styles */ h1 { font: normal 22px Georgia, serif; } h2 { font: normal 20px Georgia, serif; } h3 { font: normal 18px Georgia, serif; } a { color: #59594b; text-decoration: none; outline: none; cursor: pointer } a:hover { text-decoration: underline; } /* html { } */ html, body { height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */ } body { font: 12px/140% Arial, Tahoma, Helvetica, sans-serif; color: #59594b; background: #f8f9f4 url(../img/body.gif) repeat-x; } /* Container ---------------------------------------------- */ #container { width: 1000px; margin: 0 auto; padding-bottom: 50px; min-height: 100%; /* Mindesthöhe in modernen Browsern */ height: auto !important; /* !important-Regel für moderne Browser */ height: 100%; /* Mindesthöhe in IE (<7) */ } /* Header ---------------------------------------------- */ #header { height: 138px; padding-top: 24px; margin-bottom: 15px; } /* Logo */ #header h1 { float: left; width: 186px; height: 54px; padding-bottom: 33px; } #header h1 a { display: block; height: 100%; background: url(../img/header/logo.gif); text-indent: -999999px } /* User area */ #user-area { float: right; width: 395px; } #user-area fieldset { height: 50px; overflow: hidden; } #user-area form label { display: block; margin-bottom: 4px; } #user-area form input { float: left; width: 135px; padding: 5px; margin-right: 10px; background: #efefdd; border: 1px solid #b9b39d; color: #caccbd; border-right: 0; border-bottom: 0; } #user-area form .submit { float: right; background-image: url(../img/header/button-right.gif) } #user-area form .submit button { background-image: url(../img/header/button-left.gif); } #user-area #login ul li { float: left; width: 155px; font-size: 11px; } #user-area #login ul a { color: #d86022; padding-left: 9px; background: url(../img/content/arr.gif) 0 center no-repeat; } #user-area form ul li { float: left; width: 155px; font-size: 11px; } #user-area form ul a { color: #d86022; padding-left: 9px; background: url(../img/content/arr.gif) 0 center no-repeat; } /* Menu */ #main-menu { clear: both; height: 51px; font-weight: bold; text-transform: uppercase; background: url(../img/header/main-menu.gif) no-repeat; } #main-menu ul { float: left; } #main-menu ul li { float: left; height: 42px; padding: 9px 17px 0 15px; background: url(../img/header/sep.gif) right 9px no-repeat; } #main-menu ul .last { background: none; } #main-menu ul .disable { color:#f28d4a; line-height: 37px; } #main-menu ul li a { float: left; height: 42px; line-height: 37px; padding: 0 0 0 12px; color: #fff; text-align: center; } #main-menu ul li a strong { float: left; height: 42px; padding-right: 15px; } #main-menu ul li a:hover, #main-menu .current a { color: #000; text-decoration: none; background: url(../img/header/left.gif) no-repeat; } #main-menu ul li a:hover strong, #main-menu .current a strong { background: url(../img/header/right.gif) right 0 no-repeat; } #main-menu ul li a:hover > ul { display: block; } #main-menu ul li a:hover #submenue1, #main-menu .current a #submenue1 { height: 42px;color: #000; text-decoration: none; background-color:#ffffff; } #main-menu ul li a:hover strong #submenue1, #main-menu .current a strong #submenue1 { height: 42px;background-color:#ffffff;color: #000; } #main-menu #my-teilvz { float: right; height: 51px; padding: 0 25px 0 15px; background: url(../img/header/sep.gif) 0 center no-repeat; } #main-menu #my-teilvz a { display: block; line-height: 51px; color: #fff; padding-left: 45px; padding-right: 7px; background: url(../img/header/fahrzeug.gif) 0 center no-repeat; } /* Forms ---------------------------------------------- */ .forms {} .forms .input { padding: 5px; margin-right: 10px; background: #efefdd; border: 1px solid #b9b39d; color: #59594b; border-right: 0; border-bottom: 0; } .forms .input disabled{ color: #b9b39d; } .forms .submit { float: left; height: 30px; padding-right: 4px; background: url(../img/form/button-right.gif) right 0 no-repeat; } .forms .submit button { float: left; padding: 7px 15px 9px 25px; text-align: center; font: bold 11px Arial, Tahoma, sans-serif; text-transform: uppercase; color: #fff; background: url(../img/form/button-left.gif) no-repeat; border: 0; } /* Content ---------------------------------------------- */ /* Box */ .box { margin-bottom: 15px; background: #fff; border: 1px solid #d3d0c0; border-top: 0; border-left: 0; } .box .c { position: relative; height: 9px; line-height: 0; font-size: 0; } .box .c .r { float: right; position: relative; right: -1px; width: 9px; height: 9px; } .box .c.t { background: url(../img/content/c-t-l.gif) no-repeat; } .box .c.t .r { background: url(../img/content/c-t-r.gif) no-repeat; } .box .c.b { bottom: -1px; background: url(../img/content/c-b-l.gif) no-repeat; } .box .c.b .r { background: url(../img/content/c-b-r.gif) no-repeat; } .box .inside { padding: 5px 25px; } /* List */ .list { float: left; width: 300px; margin-right: 23px; padding-bottom: 15px; _padding-bottom: 0; } .list.last { margin-right: 0; } .list li { padding: 7px 0 7px 40px; border-bottom: 1px solid #e9e7df; background: url(../img/content/list.gif) 3px center no-repeat; } .list .even { background-color: #fcfcfa; } /* Table */ table { width: 100%; border-collapse: collapse; border-top: 1px solid #d9d5c9; } table th { padding: 10px; text-align: left; font-weight: bold; border-right: 1px solid #d9d5c9; background: #edeee1 url(../img/content/table-th.gif) repeat-x; } table td { padding: 10px; text-align: left; line-height: 180%; border-right: 1px solid #d9d5c9; border-bottom: 1px solid #d9d5c9; } table td img { vertical-align: middle; } /* Link */ .link { float: left; height: 30px; padding-right: 4px; background: url(../img/form/button-right.gif) right 0 no-repeat; } .link:hover { text-decoration: none; } .link strong { float: left; padding: 7px 15px 9px 25px; text-align: center; font: bold 11px Arial, Tahoma, sans-serif; text-transform: uppercase; color: #fff; background: url(../img/form/button-left.gif) no-repeat; border: 0; } /* headers */ h2 { padding: 5px 0; margin-bottom: 5px; font: bold 12px Arial, Tahoma, sans-serif; border-bottom: 1px solid #d9d5c9; } /* Home ---------------------------------------------- */ #home-news { float: left; width: 660px; } #home-news .inside { padding-left: 270px; height: 90px; background: url(../img/content/cars.gif) 25px center no-repeat; } #home-news p { line-height: 180%; } #home-news a { color: #d86022; font-weight: bold; } #home-tire .header { position: relative; margin-bottom: 15px; border-bottom: 1px solid #d9d5c9; } #home-tire .header h2 { height: 36px; line-height: 36px; padding-left: 50px; background: url(../img/content/home-all.gif) 0 center no-repeat; border: 0; } #home-tire .header ul { position: absolute; top: 10px; left: 375px; height: 42px; } #home-tire .header ul li { float: left; margin-right: 1px; } #home-tire .header ul li a { float: left; margin-top: 2px; height: 38px; line-height: 37px; padding-left: 30px; color: #d86022; background: url(../img/content/tab-l.gif) no-repeat; } #home-tire .header ul li a strong { float: left; height: 38px; padding-right: 15px; background: url(../img/content/tab-r.gif) right 0 no-repeat; } #home-tire .header ul li a:hover { color: #000; } #home-tire .header ul .current a { color: #000; margin-top: 0; height: 42px; line-height: 42px; background: url(../img/content/tab-h-l.gif) no-repeat; } #home-tire .header ul .current a strong { height: 42px; background: url(../img/content/tab-h-r.gif) right 0 no-repeat; } #home-tire .green { color: #000;font-weight: normal; } #home-ads { float: left; width: 768px; } #home-ads .inside { height: 90px; } #home-ads p { line-height: 180%; } #home-ads a { color: #d86022; font-weight: bold; } #home-search { float: right; width: 320px; } #home-search .inside { height: 90px; } #home-search label { display: block; margin-bottom: 5px; } #home-search .input { float: left; width: 150px; } #home-search .submit { float: right; } #home-car { float: right; width: 212px; } #home-car .inside { height: 90px; } #home-car label { display: block; margin-bottom: 5px; } #home-car .input { float: left; width: 42px; } #home-car .submit { float: right; } #home-carchoose .header { position: relative; margin-bottom: 15px; border-bottom: 1px solid #d9d5c9; } #home-carchoose .header h2 { height: 36px; line-height: 36px; padding-left: 50px; background: url(../img/content/home-1-3.gif) 0 center no-repeat; border: 0; } #home-carchoose .header ul { position: absolute; top: 10px; left: 375px; height: 42px; } #home-carchoose .header ul li { float: left; margin-right: 1px; } #home-carchoose .header ul li a { float: left; margin-top: 2px; height: 38px; line-height: 37px; padding-left: 30px; color: #d86022; background: url(../img/content/tab-l.gif) no-repeat; } #home-carchoose .header ul li a strong { float: left; height: 38px; padding-right: 15px; background: url(../img/content/tab-r.gif) right 0 no-repeat; } #home-carchoose .header ul li a:hover { color: #000; } #home-carchoose .header ul .current a { color: #000; margin-top: 0; height: 42px; line-height: 42px; background: url(../img/content/tab-h-l.gif) no-repeat; } #home-carchoose .header ul .current a strong { height: 42px; background: url(../img/content/tab-h-r.gif) right 0 no-repeat; } #home-carchoose .green { color: #000;font-weight: normal; } #home-carchoose #hsn-tsn form { padding-top: 15px; } #home-carchoose #hsn-tsn form .inputs { float: left; width: 110px; padding-left: 25px; margin-bottom: 15px; } #home-carchoose #hsn-tsn form .inputs label { display: block; font-weight: bold; color: #3a9805; font-size: 14px; padding: 20px 0 10px; } #home-carchoose #hsn-tsn form .inputs .input { width: 90px; padding: 0 5px; text-align: center; letter-spacing: -2px; font-size: 36px; font-weight: bold; color: #adb09f; text-transform: uppercase; } #home-carchoose #hsn-tsn form .submit { padding-left: 25px; margin: 0 auto; } #home-carchoose #hsn-tsn form .submit button { display: block; width: 235px; white-space: nowrap; } #home-groups .header { width: 100%; position: relative; margin-bottom: 15px; border-bottom: 1px solid #d9d5c9; overflow: hidden; height: 100%; } #home-groups .header h2 { float: left; height: 36px; line-height: 36px; padding-left: 50px; background: url(../img/content/home-2-3.gif) 0 center no-repeat; border: 0; } #home-groups .header .title { padding-left: 9px; background: url(../img/content/arr.gif) 0 no-repeat; color: #d86022; font: bold 12px Arial, Tahoma, sans-serif;} #home-groups .header .title a { color: #d86022;} #home-groups .header form { float: right; padding: 10px 0 0 20px; *padding-top: 14px; } #home-groups .header select { width: 200px; height: 25px; padding: 4px 0 4px 5px; color: #848779; font: 12px Arial, sans-serif; border: 1px solid #b9b39d; background: #efefdd; border-bottom: 0; border-right: 0; } #home-groups .header input { float: left; width: 200px; height: 18px; padding: 4px 0 4px 5px; font: 12px Arial, sans-serif; border: 1px solid #b9b39d; background: #efefdd; border-bottom: 0; border-right: 0; } #home-groups .header .submit { float: right; } #home-groups .list .deactive { color: #adb09f; } #home-filter .header { width: 100%; position: relative; margin-bottom: 15px; border-bottom: 1px solid #d9d5c9; overflow: hidden; height: 100%; } #home-filter .header h2 { float: left; height: 36px; line-height: 36px; padding-left: 50px; background: url(../img/content/home-3-3.gif) 0 center no-repeat; border: 0; } #home-filter .header .title { padding-left: 9px; background: url(../img/content/arr.gif) 0 no-repeat; color: #d86022; font: bold 12px Arial, Tahoma, sans-serif;} #home-filter .header .title a { color: #d86022;} #home-filter .header form { float: right; padding: 10px 0 0 20px; *padding-top: 14px; } #home-filter .header select { width: 200px; height: 25px; padding: 4px 0 4px 5px; color: #848779; font: 12px Arial, sans-serif; border: 1px solid #b9b39d; background: #efefdd; border-bottom: 0; border-right: 0; } #home-filter .header input { float: left; width: 200px; height: 18px; padding: 4px 0 4px 5px; font: 12px Arial, sans-serif; border: 1px solid #b9b39d; background: #efefdd; border-bottom: 0; border-right: 0; } #home-filter .header .submit { float: right; } #home-filter form { margin-bottom: 15px; } #home-filter form label { padding: 0 5px 0 10px; font-weight: bold; color: #59594b; } #home-filter form select { display: inline; vertical-align: middle; width: 205px; height: 25px; padding: 4px 0 4px 5px; color: #848779; font: 12px Arial, sans-serif; border: 1px solid #b9b39d; background: #efefdd; border-bottom: 0; border-right: 0; } #home-filter form .price { width: 75px; } #home-filter form a { margin-left: 25px; color: #d86022; padding-left: 15px; background: url(../img/content/filter.gif) 0 center no-repeat; } #home-filter .manufacturer { padding-left: 9px; padding-top: 10px; padding-bottom: 5px; color:#4d3310; font: bold 12px Arial, Tahoma, sans-serif;} #home-filter .manufacturer .title { padding-left: 9px; background: url(../img/content/arr.gif) 0 no-repeat; color: #d86022; font: bold 12px Arial, Tahoma, sans-serif;} #home-filter table .image { width: 110px; vertical-align: middle; } #home-filter table .phone { width: 90px; vertical-align: middle; text-align: center; } #home-filter table .desc { width: 300px; } #home-filter table .price { width: 80px; text-align: center; vertical-align: middle; font-weight: bold; } #home-filter table .price em { font-weight: normal; font-size: 10px;} #home-filter table .shop { width: 220px; border-right: 0; } #home-filter table .shop .link { float: right; } #home-filter table .shop span { display: block; width: 88px; height:31; margin-right: 15px; text-align: center; font-weight: bold; background: #f8f9f4; border: 1px solid #d9d5c9; } #home-filter table .shop em { display: block; padding-top: 10px; color: #3a9805; } #home-all .header { position: relative; margin-bottom: 15px; border-bottom: 1px solid #d9d5c9; } #home-all .header h2 { height: 36px; line-height: 36px; padding-left: 50px; background: url(../img/content/home-all.gif) 0 center no-repeat; border: 0; } #home-all .header .title { padding-left: 9px; background: url(../img/content/arr.gif) 0 no-repeat; color: #d86022; font: bold 12px Arial, Tahoma, sans-serif;} #home-all .header .title a { color: #d86022;} #home-all .header form { float: right; padding: 10px 0 0 20px; *padding-top: 14px; } #home-all .header select { width: 200px; height: 25px; padding: 4px 0 4px 5px; color: #848779; font: 12px Arial, sans-serif; border: 1px solid #b9b39d; background: #efefdd; border-bottom: 0; border-right: 0; } #home-all .header input { float: left; width: 200px; height: 18px; padding: 4px 0 4px 5px; font: 12px Arial, sans-serif; border: 1px solid #b9b39d; background: #efefdd; border-bottom: 0; border-right: 0; } #home-all .header .submit { float: right; } #home-all form { margin-bottom: 15px; } #home-all form label { padding: 0 5px 0 10px; font-weight: bold; color: #59594b; } #home-all form select { display: inline; vertical-align: middle; width: 205px; height: 25px; padding: 4px 0 4px 5px; color: #848779; font: 12px Arial, sans-serif; border: 1px solid #b9b39d; background: #efefdd; border-bottom: 0; border-right: 0; } #home-all form .price { width: 75px; } #home-all form a { margin-left: 25px; color: #d86022; padding-left: 15px; background: url(../img/content/filter.gif) 0 center no-repeat; } #home-all .manufacturer { padding-left: 9px; padding-top: 10px; padding-bottom: 5px; color:#4d3310; font: bold 12px Arial, Tahoma, sans-serif;} #home-all .manufacturer .title { padding-left: 9px; background: url(../img/content/arr.gif) 0 no-repeat; color: #d86022; font: bold 12px Arial, Tahoma, sans-serif;} #home-all table .image { width: 110px; vertical-align: middle; } #home-all table .phone { width: 90px; vertical-align: middle; text-align: center; } #home-all table .desc { width: 300px; } #home-all table .price { width: 80px; text-align: center; vertical-align: middle; font-weight: bold; } #home-all table .shop { width: 220px; border-right: 0; } #home-all table .shop .link { float: right; } #home-all table .shop span { display: block; width: 88px; height:31; margin-right: 15px; text-align: center; font-weight: bold; background: #f8f9f4; border: 1px solid #d9d5c9; } #home-all table .shop em { display: block; padding-top: 10px; color: #3a9805; } #system-message_error .header { position: relative; margin-bottom: 15px; border-bottom: 1px solid #d9d5c9; } #system-message_error .header h2 { height: 36px; line-height: 36px; padding-left: 50px; background: url(../images/system/error.jpg) 0 center no-repeat; border: 0; } #system-message_info .header { position: relative; margin-bottom: 15px; border-bottom: 1px solid #d9d5c9; } #system-message_info .header h2 { height: 36px; line-height: 36px; padding-left: 50px; background: url(../images/system/info.jpg) 0 center no-repeat; border: 0; } #system-message_success .header { position: relative; margin-bottom: 15px; border-bottom: 1px solid #d9d5c9; } #system-message_success .header h2 { height: 36px; line-height: 36px; padding-left: 50px; background: url(../images/system/success.jpg) 0 center no-repeat; border: 0; } #system-message_warn .header { position: relative; margin-bottom: 15px; border-bottom: 1px solid #d9d5c9; } #system-message_warn .header h2 { height: 36px; line-height: 36px; padding-left: 50px; background: url(../images/system/warn.jpg) 0 center no-repeat; border: 0; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #000; background-color: #4d3310; padding: 5px; opacity: 0.85; color: white; max-width: 180px; } #tooltip h3, #tooltip div { color: white; padding: 0; font: 12px Arial, Tahoma, sans-serif; margin: 0; border: none; } .help { cursor: help;} /* Footer ---------------------------------------------- */ #footer { clear: both; overflow: hidden; height: 100%; border-bottom: 1px solid #e4e5e0; } #footer a { color: #d86022; } #footer ul { padding-left: 15px; } #footer ul li { float: left; padding: 10px; background: url(../img/footer/sep.gif) right bottom no-repeat; } #footer ul .last { background: none; } #footer p { float: right; color: #d3d4cf; padding: 10px 25px; } /* #loading { width: 200px; height: 100px; background-color: #c0c0c0; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -100px; text-align: center; } */ #ie6 { background-color:#ffffff; border: 3px solid #F60; margin: 0; color: #000; } #ie6 h4 { margin: 0; padding: .5em 1em 0 1em; } #ie6 p { margin: 0; padding: .5em 1em; }