/* -- INFO ----------------------------------------------------------------------- # Project: Autohaus Zingelmann Basic Style # File: style.css # Markup: 2.1 # Author: WebSeason GmbH # Last Updated: 15/07/08 ------------------------------------------------------------------------------- */ /* -- Colors ------------------------------------------------------------------ - blue (Background) #214f83 ------------------------------------------------------------------------------- */ /*-| Independent & general Classes [START] */ * { margin:0; padding:0 } .setleft-childs *, .zleft { float: left; } #main .caption_img { width: 165px; padding-left: 20px; font-size: 13px; } .clearall { float: none; clear: both; height: 0em; line-height: 0em; font-size: 0em;} ul { list-style:none; } .invisible {display:none;} body { padding-top:1px; background:url('../img/bg_main.jpg') no-repeat top center #1e4a85; font: normal 100.1% Tahoma,Arial, Helvetica, sans-serif; color:#ffffff; } #center { margin: 0 auto; text-align: left; width:988px; } /*-| Independent & general Classes [STOP!] */ /*-| Header Styles [START] */ #header { float:left; width:964px; padding:0 12px; font-size:12px; } #header h1 {float:right;cursor:pointer;} #header h1 a span { display:none; } #header h1 a { width:289px; height:69px; background:url('../img/logo_ahz.png') 0px 15px no-repeat; } /*--| Main Navigation Styles [START] */ #header .mod_navigation { height:39px; padding:54px 0 0 0; } #header .mod_navigation ul { background:url('../img/nav_main_spacer.gif') no-repeat; height:39px; padding:0 0 0 2px;} #header .mod_navigation ul li { background:url('../img/nav_main_spacer.gif') no-repeat top right; height:39px; padding: 0 2px 0 0;} #header .mod_navigation ul li a { padding: 7px 10px 0px 10px; height:32px; color:#fff; font-weight:bold; text-decoration:none; } #header .mod_navigation ul li a:hover { background-image:url('../img/nav_main_btn_over.gif'); } #header .mod_navigation ul li.active a, #header .mod_navigation ul li.trail a { background-image:url('../img/nav_main_btn_over.gif'); } #header .mod_navigation ul li.active a { cursor:default; } #header .mod_navigation ul li ul { position: absolute; z-index: 5; left: -9999px; top: 86px; padding: 2px 1px 0px 1px; border: 1px solid #1f79c0; margin-left:-2px; clear:both; background:#005ca4; height:auto; font-size:12px; } #header .mod_navigation ul li:hover ul, #header .mod_navigation ul li.sfhover ul { left: auto; } #header .mod_navigation ul li ul li { background:none; height:auto; padding:3px 2px 4px 2px; float:none; background:url('../img/nav_main_tex_li_sub.gif') repeat-x bottom; } #header .mod_navigation ul li ul li.last { border:none; background:url('../img/nav_main_tex_ul_sub.gif') repeat-x bottom; padding:3px 2px 8px 2px; } #header .mod_navigation ul li ul li a, #header .mod_navigation ul li.active ul li a, #header .mod_navigation ul li.trail ul li a { padding:0px; background:url('../img/nav_main_tex_a_sub.gif') no-repeat 7px 7px transparent; height:auto; font-weight:normal; float:none; width:120px; display:block; padding:2px 8px 2px 15px; cursor:pointer; } #header .mod_navigation ul li ul li a:hover, #header .mod_navigation ul li.active ul li a:hover, #header .mod_navigation ul li ul li.active a { background:url('../img/nav_main_tex_a_sub.gif') no-repeat 7px 7px #024b92; } /*--| Main Navigation Styles [STOP!] */ /*--| Breadcrumb Styles [START] */ #header .mod_breadcrumb { width:952px; font-size:11px; padding:1px 0 11px 12px;} #header .mod_breadcrumb p { width:964px; float:none;} #header .mod_breadcrumb p a, #header .mod_breadcrumb p span { color:#fff; text-decoration:none;} #header .mod_breadcrumb p span.trenner { display:none; } #header .mod_breadcrumb p span.active { } #header .mod_breadcrumb p a { background:url('../img/nav_main_tex_a_sub.gif') no-repeat right 5px; padding-right:13px; } #header .mod_breadcrumb p a:hover {text-decoration:underline;} /*--| Breadcrumb Styles [STOP!] */ /*-| Header Styles [STOP!] */ /*-| Intro [START] */ #introholder { float:left; width:964px; padding:8px 12px 0 12px; } #introholder img { padding:3px; background:#fff; } #introholder #dlh_googlemap_12 img { padding:3px; background:none; width:958px; } #introholder #dlh_googlemap_12 { border: 3px solid #fff; color: #000; font-size: 12px; } #introholder #dlh_googlemap_12 strong, #introholder #dlh_googlemap_12 a { color: #214f83; } #introholder #dlh_googlemap_12 p { padding: 0; padding-bottom: 7px; } /*-| Intro [STOP!] */ /*-| Content Styles [START] */ #wrapper { float:left; width:988px; } #main { float:left; width:678px; } #right { float:left; width:310px; position:relative; } /*--| Main Content (Hauptspalte) [START] */ #main h2 { font-size:33px; font-weight:normal; padding: 5px 0 4px 45px; background: url(../img/bg_h2.png) no-repeat 12px 100%; line-height: 1; margin-bottom: 20px; margin-top: 15px; } #main h3 { font-size:20px; font-weight:normal; padding: 2px 0 4px 35px; background: url(../img/bg_h3.png) no-repeat 0px 0px; margin: 10px 0; } #main h4 { font-size:16px; font-weight:bold; padding: 0 0 8px 12px;} #main h5 { font-size:14px; font-weight: bold; padding: 0 0 8px 12px; } #main p { font-size:13px; padding: 0 0 8px 12px; } #main a { color:#fff; } #main a:hover { color:#4eabf4; text-decoration:none; } #main img { padding:1px; background:#fff; border:1px solid #ccd7e4; } #main .trans img {background:none;border:none;} #main ul { padding: 0 0 2px 34px; } #main ol { padding: 0 0 2px 34px; font-size:13px; padding-bottom: 10px; } #main ul li { font-size:13px; background:url('../img/icon_li.gif') no-repeat 5px 4px; padding: 0 0 2px 20px; } #main table {margin:0 0 4px 12px;} #main .ce_gallery table td {padding:0 10px 10px 0; vertical-align:top;} #teaser-service { float:left; width:678px; height:189px; background:url('../img/teaser_mobil.png') no-repeat 2px 0px; } #teaser-service p.hidethis { display:none; } #main #teaser-service ul {float:left;padding:136px 0 0 48px;width:580px;} #main #teaser-service ul li {background:none; padding:0px; margin:0px;float:left;} #teaser-service li a {width:30px; height:15px; float:left;} #teaser-service li a span {display:none;} #main .subhead { color: #badbff; } #teaser-service li.erster a {width:304px;height:21px;} #main #teaser-service ul li.zweiter {padding-left:58px;} #teaser-service li.zweiter a {width:201px;height:21px;} #main .preis {} /*---| Teaser Neuwagen [START] */ .teaser_new {float:left; padding-top:10px;padding-left:8px;} .teaser_first {padding-left:12px;} #main .teaser_new img { background:transparent; padding:0px;border:0px;} .teaser_new a { float:left; border-bottom:2px solid transparent;width:207px; height:258px; overflow:hidden;} .teaser_new a:hover { float:left; border-bottom:2px solid #ff0000;} /*---| Teaser Neuwagen [STOP!] */ /*---| Teaser Gebrauchte [START] */ #wsCaroffer { float:left; position:relative; padding:5px 0 0 3px;} #wsCaroffer .wsCarOffer_top {float:left; width:672px; height:52px; background:url('../img/offer_top.png');} #wsCaroffer .wsCarOffer_top h3 {display:none;} #wsCaroffer .wsCarOffer_top p { padding:36px 35px 0 32px; font-size:14px; color:#004073; } #wsCaroffer .wsCarOffer_bot {float:left; width:672px; height:69px; position:relative;} #wsCaroffer .wsCarOffer_bot_bg {float:left; width:672px; height:69px; background:url('../img/offer_bot.png');} #wsCaroffer .wsCarOffer_bot a span {display:none;} #wsCaroffer .wsCarOffer_bot a {display:block; position:absolute; background-color:transparent;height:27px;} #wsCaroffer .wsCarOffer_bot a.wsCarOffer_link_detail {left:78px; top:10px; width:337px;} #wsCaroffer .wsCarOffer_bot a.wsCarOffer_link_more {left:436px; top:10px; width:205px;} #wsCaroffer .wsCarOffer_mid { float:left; width:563px; background:url('../img/offer_mid.png') no-repeat; padding: 0 31px 0 78px;} #wsCaroffer .wsCarOffer_mid .wsCarOffer_text {float:left; width:250px;} #wsCaroffer .wsCarOffer_mid .wsCarOffer_text h3 { float:left; font-size:14px; font-weight:bold; padding:0 0 4px 0; background: none;} #wsCaroffer .wsCarOffer_mid table { float:left; margin:0px; padding:0px;font-size:13px; width:250px; } #wsCaroffer .wsCarOffer_mid table td { padding:1px 0px 3px 0px;background: url('../img/nav_main_tex_li_sub.gif') repeat-x left bottom;vertical-align:top;padding-right:3px;} #wsCaroffer .wsCarOffer_mid img { float:right; } #wsCaroffer img.offer_sitehead { background:none; padding:0px; border:0px;position:absolute; left:19px;top:56px;} /*---| Teaser Gebrauchte [STOP!] */ /*---| Detailansicht Gebrauchte [START] */ #wsCardetail { float:left; padding:9px 0 0 3px; width:672px;} #main #wsCardetail h2 { background: none; } #main img#imagePreviewBig { margin-bottom: 10px; } #wsCardetail .wsCardetail_top { float:left; width:672px; height:52px; background:url('../img/detail_top.png') no-repeat;overflow:hidden; } #wsCardetail .wsCardetail_top_new { float:left; width:672px; height:52px; background:url('../img/detail_top_new.png') no-repeat;overflow:hidden; } #wsCardetail .wsCardetail_top_new p { padding:36px 74px 0 32px; font-size:14px; color:#004073; } #wsCardetail .wsCardetail_top p { padding:36px 74px 0 32px; font-size:14px; color:#004073; } #wsCardetail .wsCardetail_mid { float:left; width:672px; background:url('../img/detail_mid.png') no-repeat; } #wsCardetail .wsCardetail_bot { float:left; width:672px; height:69px; position:relative;} #wsCardetail .wsCardetail_bot .wsCardetail_bot_bg { float:left; width:672px; height:69px; background:url('../img/detail_bot.png') no-repeat; } #wsCardetail .wsCardetail_bot a {position:absolute; float:left; left:30px; top:10px; width:266px; height:27px;} #wsCardetail .wsCardetail_bot a span { display:none; } #wsCardetail .wsCardetail_left {float:left; width:291px;padding:0 10px 0 30px; } #wsCardetail .wsCardetail_left h2 { padding:0 0 10px 0; font-size:14px; font-weight:bold;} #wsCardetail .wsCardetail_left h2 span { font-size:11px; font-weight:normal;} #wsCardetail .wsCardetail_left p { font-size:12px; padding: 0 0 6px 0;} #wsCardetail .wsCardetail_left p span { font-size:11px; font-weight:bold;} #wsCardetail p span.font11px { font-size:11px; font-weight:normal;} #wsCardetail .wsCardetail_right {float:left; width:320px;padding:0; } #wsCardetail .wsCardetail_right img { float:left; } #wsCardetail .wsCardetail_right a { float:left; padding: 0 10px 10px 0; } #wsCardetail .wsCardetail_contact { float:left; width:310px; background: url('../img/nav_main_tex_li_sub.gif') repeat-x;} #wsCardetail .wsCardetail_contact h3 { font-size:14px; font-weight:bold; padding: 8px 0 5px 0; margin:0px; background: none; } #wsCardetail .wsCardetail_contact p { padding: 0 0 5px 0;} #wsCardetail .wsCardetail_contact .formrow { float:left; width:310px; padding: 5px 0 0 0;} #wsCardetail .wsCardetail_contact label { float:left; font-size:11px;width:90px;padding:5px 0 0 0;} #wsCardetail .wsCardetail_contact input, #wsCardetail .wsCardetail_contact textarea { font-size:11px; width:210px; padding:1px; font-family:Tahoma,Arial, Helvetica, sans-serif;} #wsCardetail .wsCardetail_contact select { font-size:11px; width:216px; padding:1px; font-family:Tahoma,Arial, Helvetica, sans-serif;} #wsCardetail .wsCardetail_contact .holdertextarea { float:left; padding-top:2px;} #wsCardetail .wsCardetail_contact input#prefix {width:80px;} #wsCardetail .wsCardetail_contact input#telephoneNumber {width:120px;} /*---| Detailansicht Gebrauchte [STOP!] */ /*---| Carlisting [START] */ #wsCarlisting { float:left; width:675px;padding:9px 0 0 3px;} #wsCarlisting .wsCarlisting_top { float:left; width:672px; } #wsCarlisting .cars_neuwagen { float:left; width:672px; background:url('../img/bg_top_neuwagen.png') no-repeat; } #wsCarlisting .cars_gebrauchte { float:left; width:672px; background:url('../img/bg_top_gebrauchte.png') no-repeat; } #wsCarlisting .wsCarlisting_bot { float:left; width:672px; height:51px; background:url('../img/bg_bot_gebrauchte.png') no-repeat; padding:10px 0 0 0;} #wsCarlisting .wsCarlisting_intro {float:left; width:569px; padding:33px 82px 0 21px; height:10px;} #wsCarlisting .wsCarlisting_intro p { font-size:14px; color:#004073; } #wsCarlisting .wsCarlisting_listoptions { float:left; width:617px; padding:0 28px 0 27px;} #wsCarlisting .wsCarlisting_sort { float:left; } #wsCarlisting .wsCarlisting_sort p {font-size:13px;padding:3px 0 0 0;} #wsCarlisting .wsCarlisting_sort .inputdiv { padding: 0 5px 0 5px; } #wsCarlisting .wsCarlisting_sort select.inputselect { font-size:13px; color:#013b69; border:1px solid #4eabf4; font-family:Tahoma, Arial, Helvetica, sans-serif; padding:1px; vertical-align:middle; width:150px; } #wsCarlisting .wsCarlisting_paging {float:right; padding:2px 0 0 0;} #wsCarlisting .wsCarlisting_paging p {font-size:13px;} #wsCarlisting .wsCarlisting_paging a span {display:none;} #wsCarlisting .wsCarlisting_paging a { float:left;width:22px; height:20px; background-repeat:no-repeat; background-position:2px 0px;} #wsCarlisting .wsCarlisting_paging a.pagefirst {background-image:url('../img/icon_first.gif');} #wsCarlisting .wsCarlisting_paging a.pageprev {background-image:url('../img/icon_previous.gif');} #wsCarlisting .wsCarlisting_paging a.pagenext {background-image:url('../img/icon_next.gif');} #wsCarlisting .wsCarlisting_paging a.pagelast {background-image:url('../img/icon_last.gif');} #wsCarlisting .wsCarlisting_paging a:hover {background-position:2px -50px;} #wsCarlisting .wsCarlisting_paging span {float:left;padding: 1px 5px 0 5px;} #wsCarlisting .wsCarlisting_cars { float:left; width:617px; padding:20px 28px 0 27px; } #wsCarlisting .wsCarlisting_item { float:left; width:617px; padding: 10px 0 12px 0; border-bottom:1px solid #80a1bc; } #wsCarlisting .wsCarlisting_item h3 { float:left; padding:0px; font-size:14px; font-weight:bold; background: none; } #wsCarlisting .wsCarlisting_item p.price { float:right; padding:0px; font-size:14px; font-weight:bold; } #wsCarlisting .wsCarlisting_item_head { float:left; width:617px; padding: 0 0 10px 0;} #wsCarlisting .wsCarlisting_item_content { float:left; width:617px; } #wsCarlisting .wsCarlisting_item_content table { float:left; margin:0px;padding-right:20px;font-size:13px; width:232px;} #wsCarlisting .wsCarlisting_item_content table td { padding:3px 0px 5px 0px;background: url('../img/nav_main_tex_li_sub.gif') repeat-x left bottom;} #wsCarlisting .wsCarlisting_item_content img { float:right; } #wsCarlisting .wsCarlisting_item_content_left {float:left;width:464px;} #wsCarlisting .wsCarlisting_item_content p {padding:8px 0 0 0;float:left;} #wsCarlisting .wsCarlisting_item_content p.fuelinfo {font-size:10px;border-bottom:1px dotted #1f75bb;margin-right:20px;padding-bottom:8px;} #wsCarlisting .wsCarlisting_item_content p a { float:left; font-weight:bold; background:url('../img/icon_readon.gif') no-repeat right 5px; padding: 0 12px 0 0;} #wsCarlisting .wsCarlisting_item_content p a:hover { text-decoration:none; background-position: right -45px; color:#4eabf4; } /*---| Carlisting [STOP!] */ /*---| Toggler / Accordion [START] */ #main .ce_accordion { background: url('../img/bg_accordion.gif') repeat-x 0 0; padding: 5px 15px 5px 10px; } #main .ce_accordion .toggler { font-size: 0.75em; font-weight: bold; cursor: pointer; background: url('../img/icon_arrow_blue.gif') no-repeat 0 2px; padding: 2px 0 2px 24px; } #main .ce_accordion .accordion { padding: 0; } #main .ce_accordion .acc_spacer { height: 15px; overflow:hidden;} #main .ce_accordion .active { background: url('../img/icon_arrow_red.gif') no-repeat 0 2px; } #main .ce_accordion .ce_text { padding-left:0px;width:596px;} /*---| Toggler / Accordion [STOP!] */ /*---| Teaser Content [START] */ .holder_contentteaser {float:left; padding: 10px 0 0 12px;} #main .teaser_content { float:left; width:652px; border:1px solid #2174b9; background: url('../img/tex_contentteaser.gif') repeat-x #063d6b; padding:2px 10px 2px 2px;} #main .teaser_content .image_container {float:left; padding: 0 10px 0 0;} #main .teaser_content .image_container img { float:left; } #main .teaser_content h3 { font-size:16px; font-weight:bold; padding:4px 0 3px 0; background: none;} #main .teaser_content a { float:right;color:#fff; font-weight:bold; background:url('../img/icon_readon.gif') no-repeat right 5px; padding: 0 12px 0 0; } #main .teaser_content a:hover { text-decoration:none; background-position: right -45px; color:#4eabf4; } /*---| Teaser Content [STOP!] */ /*--| Main Content (Hauptspalte) [STOP!] */ /*--| Right Content (Rechte Spalte) [START] */ #rightcol { float:left; width:310px; padding: 0; margin: 0; } /*---| Contact Top Right [START] */ #kontakt { float:left; width:310px; height:184px; } #contact-bg { width:333px; height:185px; background:url('../img/bg_partner.png') no-repeat ; position:absolute; top:2px; left:-29px; } #kontakt #contact { width:250px; position:absolute; padding: 0 0 0 0; top:43px; left:33px; display:none;} #kontakt #contact p { text-align:right; font-size:12px; font-weight:bold; line-height:16px; padding: 9px 0 0 0; } #kontakt #contact p span.telefon, #kontakt #contact p span.fax { font-size:14px; padding: 0 0 0px 17px; background-position:0px 5px; background-repeat: no-repeat; } #kontakt #contact p span.telefon { background-image:url('../img/icon_tel.gif'); } #kontakt #contact p span.fax { background-image:url('../img/icon_fax.gif'); } #kontakt #contact p a { color:#fff; background:url('../img/icon_mail.gif') no-repeat 0px 4px; padding: 0 0 0 17px; } #kontakt #contact p a:hover { color:#4eabf4; text-decoration:none; background-position:0px -46px} #kontakt #contact h3 { display:none; } /*---| Contact Top Right [STOP!] */ /*---| Redbox [START] */ .redbox_holder { float:left; width:304px; padding: 0px 0 0 6px;} .redbox { float:left; width:304px; } .redbox .rb_head { float:left; width:280px; height:35px; background:url('../img/redbox_head.png') no-repeat; padding:5px 24px 0 0; } .redbox .rb_head h3.neuigkeiten { float:right;width:111px; height:20px; background:url('../img/redbox_headline_neuigkeiten.png'); } .redbox .rb_head h3.fahrzeugsuche { float:right;width:132px; height:20px; background:url('../img/redbox_headline_fahrzeugsuche.png'); } .redbox .rb_head h3 span { display:none; } .redbox .rb_content .redbox_icon { position:absolute; left:-3px; top:-27px; width:68px; height:65px; z-index:999;} .redbox .rb_content .redbox_icon img { float:left; } .redbox .rb_content .redbox_sitehead { float:left; padding:48px 10px 8px 0; } .redbox .rb_content .blog { width:79px; } .redbox .rb_content .filter { width:67px; } .redbox .rb_content .redbox_sitehead img { float:left; } .redbox .rb_content .redbox_text {float:left;} .redbox .rb_content .blogtext { width:164px; } .redbox .rb_content .filtertext { width:176px; } .redbox .rb_mid { float:left; width:304px; background:url('../img/redbox_tex.png') no-repeat; } .redbox .rb_mid_bot { float:left; width:278px; background:url('../img/redbox_tex_bot_inner.jpg') no-repeat 17px bottom; position:relative; padding-left:26px;} .redbox .rb_left { position:absolute; bottom:0px; left:0px; width:17px; height:301px; overflow:hidden; } .redbox .rb_left img { float:left; } .redbox .rb_bottom { float:left; width:304px; height:25px; background:url('../img/redbox_bottom.png') no-repeat; } .redbox .rb_content { float:left; width:253px; position:relative; } .redbox .rb_content .filtertext .formrow { float:left; width:176px; padding-top:5px;} .redbox .rb_content .filtertext .submitholder { float:left; width:176px; padding-top:12px;} .redbox .rb_content .filtertext label {font-size:11px; float:left; width:176px; padding:0px 0 2px 0;} .redbox .rb_content .filtertext select { float:left; font-size:11px; width:176px; padding:1px; font-family:Tahoma,Arial, Helvetica, sans-serif;} .redbox .rb_content .filtertext input {float:left; font-family:Tahoma,Arial, Helvetica, sans-serif; width:176px;font-size:11px;} /*----| Redbox CONTENT [START] */ .redbox .rb_content h4 { font-size:15px; font-weight:normal; padding-top:4px;} .redbox .rb_content p { font-size:12px; background: url('../img/nav_main_tex_li_sub.gif') repeat-x; padding: 7px 0 0 0; text-align:justify; } .redbox .rb_content p img { padding:1px; background:#fff; border:1px solid #ccd7e4; margin-bottom:3px; width:160px;} .redbox .rb_content p.date { font-size:10px; padding:4px 0 4px 12px;background: url('../img/icon_date.gif') no-repeat 0px 6px; } .redbox .rb_content p a { color:#fff; font-weight:bold; background:url('../img/icon_readon.gif') no-repeat right 5px; padding: 0 12px 0 0; } .redbox .rb_content p a:hover { text-decoration:none; background-position: right -45px; color:#4eabf4; } /*----| Redbox CONTENT [STOP!] */ /*---| Redbox [STOP!] */ /*--| Right Content (Rechte Spalte) [STOP!] */ /*-| Content Styles [STOP!] */ /*-| Footer Styles [START] */ #footer-wrap { width:988px; height:69px; float:left; padding:17px 12px 0 12px; } #footer { width:964px; height:69px; float:left; background:url('../img/bg_footer.png') no-repeat 0px 0px; font-size:12px; padding-top:2px; } #footer p { float:left; padding:4px 0 0 15px; } #footer ul { float:right; padding-right:4px; } #footer li { float:left; padding:4px 0px 0 2px; background:url('../img/nav_meta_spacer.gif') no-repeat; height:20px; } #footer a { float:left;color:#fff; text-decoration:none;padding:0px 11px 0px 11px;height:22px;} #footer a:hover { border-bottom:1px solid #aa1044;} /*-| Footer Styles [STOP!] */ #main .kontakt-single { background: url(../img/bg_kontakt-single.png) no-repeat; width: 300px; height: 182px; float: left; margin-left: 15px; margin-bottom: 15px; } #main .kontakt-single img { margin: 8px 10px 0 0px; padding: 0; border: none; } #main .kontakt-single strong { padding-top: 25px; display: block; font-size: 14px; } #main .kontakt-single p { padding-bottom: 15px; } #main .ce_downloads img { background: none; border: none; margin-bottom: -5px; } /*-| Slider [START] */ #slider {float:left; width:975px; height:325px; padding:1px 12px 16px 13px; margin: 0 0 0 -12px; background:url('../img/slider_bg.png') no-repeat 0px 0px;} .mask_slider { float:left;overflow:hidden;position:relative;height:326px;width:708px;} #box_slider { position:absolute; } #box_slider div.block {float:left;height:326px;width:708px;overflow:hidden;} #slidercontrol {float:left;padding:1px 0 0 1px; width:253px; height:325px;overflow:hidden;position:relative;} #slideraddress {position:absolute; width:220px; height:168px; left:12px; top:139px; padding:9px 0 0 12px;} #slideraddress p {font-size:11px;padding-bottom:3px;line-height:13px;} #slideraddress p a {color:#fff;text-decoration:none;} #slideraddress p a:hover {text-decoration:underline;} #slideraddress p.small {font-size:10px;padding-bottom:0px;line-height:12px;} #slideraddress span.telefon {padding-left:15px; background:url('../img/icon_tel.gif') no-repeat 0px 4px;} #slideraddress span.telefax {padding-left:25px; background:url('../img/icon_fax.gif') no-repeat 10px 4px;} #slideraddress span.email {padding-left:15px; background:url('../img/icon_mail.gif') no-repeat 0px 4px;} #slideraddress table td {font-size:10px;padding-right:10px;line-height:12px;} #introholder #box_slider img { padding:0; background:none; } p.buttons {float:left;width:253px;overflow:hidden;padding:0px 0px 5px 0px;} p.buttons span strong {font-size:10px; font-weight:normal; text-transform:uppercase;height:20px; width:213px;padding:4px 0px 0px 40px;float:left;} p.buttons span {float:left; height:24px; width:253px; background:url('../img/icon_slider_new.png') no-repeat 0px 0px;cursor:pointer;white-space:nowrap; color:#98b7db;overflow:hidden;margin:4px 0 0 0;} p.buttons span:hover {background-position:0px -24px;text-decoration:underline;} p.buttons span.active {background-position:0px -48px;color:#fff;} p.buttons span.active:hover {background-position:0px -72px;text-decoration:none;} /*-| Slider [STOP!] */ #contactaddress {float:right; width:265px; height:110px; background:url('../img/tex_contact.png') no-repeat 0px 10px;padding:34px 0 0 30px;} #contactaddress p {font-size:11px;padding-bottom:3px;line-height:13px;} #contactaddress p a {color:#fff;text-decoration:none;} #contactaddress p a:hover {text-decoration:underline;} #contactaddress p.small {font-size:10px;padding-bottom:0px;line-height:12px;} #contactaddress span.telefon {padding-left:15px; background:url('../img/icon_tel.gif') no-repeat 0px 4px;} #contactaddress span.telefax {padding-left:25px; background:url('../img/icon_fax.gif') no-repeat 10px 4px;} #contactaddress span.email {padding-left:15px; background:url('../img/icon_mail.gif') no-repeat 0px 4px;} #contactaddress table td {font-size:10px;padding-right:10px;line-height:12px;} #kraftstoff {float:right; width:235px; height:178px; background:url('../img/infobox_kraftstoff.png') no-repeat 0px 0px; padding:25px 30px 0 30px;} #kraftstoff p {padding:0px;font-size:11px;line-height:13px;}