/* Standard Stylesheet www.krause.de Start: 15.02.2008 Letzte Aenderung: 25.04.2008 */ /* Reset all */ *{padding: 0; margin: 0;border: 0;} /* Allgemeines */ html {height: 100%;} body {font-size: 100%; color: #000; background: #fff; font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial,sans-serif; height: 100%;} p {color: #000; font-size: 11px; line-height: 16px; font-weight: normal; } a {color: #000; font-size: 11px; line-height: 16px; font-weight: bold; text-decoration: none; /*padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;*/} a:hover {color: #740e7b; font-weight: bold; /*background-image: url(../images/pfeil_re_aktiv.gif);*/ } a.link_ohne {background-image: none; padding-left: 0;} a.link_ohne:hover {background-image: none; padding-left: 0;} input {margin: 0 0 1px 0; padding: 0; color: #7e7e7e; font-size: 11px; line-height: 14px; font-weight: normal; border: 1px solid #000; width: 104px; display: block; } input.submit {color: #000; font-weight: normal; border: none; background-color: transparent; text-align: left; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} option {color: #000; font-size: 11px; font-weight: normal;} select {color: #000; font-size: 11px; font-weight: normal;} ul {list-style-type: none;} ol {color: #000; font-size: 11px; line-height: 16px; font-weight: normal;} ol li {margin: 0 0 0 18px;} dl {margin-right: 22px;} /* Clear Class */ img, a img { border: 0; } a#start_link { float: left; background-image: url(../images/logo_krause.gif); background-repeat: no-repeat; text-indent: -9999px; width: 202px; height: 91px } div.lang-de #start_link { background-image: url(../images/logo_krause_de.gif); } h1 {text-indent: -9999px; display: none;} h2 {text-indent: -9999px; display: none; font-size: 14px; margin: 14px 0 0 14px; color: #4c4c4c;} h3 {font-size: 14px; font-weight: bold; margin: 14px 0 5px 14px; color: #4c4c4c;} h4 {text-indent: -9999px;} /* Layout */ #container {position: relative; margin: 0px auto; padding: 15px 0; width: 928px; background-color: #fff; z-index: 5;} #header {position: relative; width: 928px; height: 91px; background-color: #fff; z-index: 10;} #navi {position: relative; width: 704px; height: 91px; background-color: #fff; float: right;} /* Nebennavigation START*/ #navi_neben { position: absolute; left: 12px; /*margin-left: 12px;*/ z-index: 5} #nav_neben { /*font-size: 0.8em;*/} #nav_neben table {position: relative; z-index: 5; /*font-size: 1em;*/ } html>body #nav_neben li {position:relative; float:left; /*width: 116px;*/ } * html #nav_neben li {position:relative; float:left; width: 136px; w\idth: 126px; } html>body #nav_neben li ul { } #nav_neben li li {float:none;} #nav_neben li a li {float:left; } html>body #nav_neben li a {display:block; float:left; width: 126px; padding: 7px 0 0 9px; position: relative; z-index: 5; } * html #nav_neben li a {display:block; float:left; /*height:28px;*/ width: 126px;padding: 7px 0 0 9px; position: relative; z-index: 5; } * html #nav_neben li a {/*width: 104px;*/ } html>body #nav_neben li li a {float:none; /*height: 18px;*/ color: #fff; } #nav_neben li a {background-image: none; } #nav_neben li a:hover {} #nav_neben li a span {height: 12px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 2px 3px;} #nav_neben li a:hover span {height: 12px; background-image: url(../images/pfeil_re_aktiv.gif); background-repeat: no-repeat; background-position: 2px 3px;} * html #nav_neben li a:hover { background: #000; height: 160px; width: 136px; w\idth: 126px; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } * html #nav_neben li a:hover ul li a { height: 0.8em;} #nav_neben li:hover {} #nav_neben a:hover {color: #ba3fc2;} #nav_neben li ul li a {color: #fff; padding: 3px 0 0 0; font-weight: normal; padding-left: 15px; background-image: url(../images/pfeil_li_weiss.gif); background-repeat: no-repeat; background-position: 0 6px;} #nav_neben li ul li a:hover {color: #ba3fc2; padding-left: 0; font-weight: normal; padding-left: 15px; background-image: url(../images/pfeil_li_aktiv.gif); background-repeat: no-repeat; background-position: 0 6px;} /*Abstand der Unterlinks in modernen Browsern nach oben durch padding-top: x;*/ html>body #nav_neben :hover ul {padding: 7px 0 0 9px; z-index: 4; left:0; top:0; padding-top: 35px; background: #000; width: 126px; height: 133px; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } /*Abstand der Unterlinks in ID 5.5 und 6 nach oben durch padding: x 0 0 9px;*/ * html #nav_neben :hover ul {padding: 11px 0 0 9px; z-index: 4; left:-9px; top:0; background: #000; width: 50px; height: 133px; } #nav_neben ul {position:absolute; left:-9999px; top:-9999px; } #nav_neben a span {/*font-weight: bold;*/ position: relative; top: 4px; left: -1px;} #nav_neben li ul a span {/*font-size: 1.5em; font-weight: normal;*/ position: relative; top: -5px; left: 0; margin-right: 3px; float: left; width: 12px; overflow: hidden;} * html #nav_neben li ul a span {/*font-size: 1em; font-weight: normal;*/ position: relative; top: -2px; left: 0; margin-right: 0;} /* Nebennavigation ENDE*/ /* Suche START*/ #navi_suche {position: absolute; right: 0; padding-top: 7px;} #navi_suche input { /*font-size: 0.7em;*/ display: block; float: left; width: 132px; border: solid 1px #000;} form#form_suche input.such_button { width: 18px; height: 18px; background-image: url(../images/nav_suche_lupe.gif); background-repeat: no-repeat; border: 0;} /* Suche ENDE*/ /* Sprachauswahl START*/ #navi_sprache {position: absolute; right: 0; top: 33px; width: 150px; text-align: left; height: 20px;} #navi_sprache a {margin-right: 7px; } #navi_sprache li {display: inline; height: 20px; padding: 5px 0; } #navi_sprache a {background-image: none; padding: 0; } #navi_sprache a span {background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 2px 11px; padding: 5px 0;} #navi_sprache a:hover span {background-image: url(../images/pfeil_re_aktiv.gif); background-repeat: no-repeat; background-position: 2px 11px; padding: 5px 0;} /* Sprachauswahl ENDE*/ /* Hauptnavigation START*/ #navi_haupt { position: absolute; left: 12px; top: 65px; z-index: 3} #nav_haupt { } #nav_haupt table {position: relative; z-index: 5; /*font-size: 1em;*/ } html>body #nav_haupt li {position:relative; float:left; /* width: 135px;Neu*/} * html #nav_haupt li {position:relative; float:left; width: 136px; w\idth: 126px;} html>body #nav_haupt li ul { } #nav_haupt li li {float:none;} #nav_haupt li a li {float:left; } html>body #nav_haupt li a {display:block; float:left; width: 126px; padding: 7px 0 0 9px; position: relative; z-index: 5;} * html #nav_haupt li a {display:block; float:left; /*height:28px;*/ width: 126px; padding: 7px 0 0 9px; position: relative; z-index: 5; } html>body #nav_haupt li li a {float:none; /*height: 18px;*/ color: #fff; } #nav_haupt li a {font-size: 15px; background-image: none; } #nav_haupt li a:hover {font-size: 15px;} #nav_haupt li a span {background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 2px 6px;} #nav_haupt li a:hover span {background-image: url(../images/pfeil_re_aktiv.gif); background-repeat: no-repeat; background-position: 2px 6px;} * html #nav_haupt li a:hover { background: #000; height: 210px; width: 136px; w\idth: 126px; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } * html #nav_haupt li a:hover ul li a { height: 0.8em;} #nav_haupt li:hover {} #nav_haupt a:hover {color: #ba3fc2;} #nav_haupt li ul li a {color: #fff; padding: 3px 0 0 0; font-weight: normal; font-size: 11px; padding-left: 15px; background-image: url(../images/pfeil_li_weiss.gif); background-repeat: no-repeat; background-position: 0 6px;} #nav_haupt li ul li a:hover {color: #ba3fc2; padding-left: 0; font-weight: normal; font-size: 11px; padding-left: 15px; background-image: url(../images/pfeil_li_aktiv.gif); background-repeat: no-repeat; background-position: 0 6px;} /*Abstand der Unterlinks in modernen Browsern nach oben durch padding-top: x;*/ html>body #nav_haupt :hover ul {padding: 7px 0 0 9px; z-index: 4; left:0; top:0; padding-top: 35px; background: #000; width: 126px; height: 270px; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } /*Abstand der Unterlinks in ID 5.5 und 6 nach oben durch padding: x 0 0 9px;*/ * html #nav_haupt :hover ul {padding: 11px 0 0 9px; z-index: 4; left:-9px; top:0; background: #000; width: 50px; height: 270px; } #nav_haupt ul {position:absolute; left:-9999px; top:-9999px; } #nav_haupt a span {/*font-weight: bold;*/ position: relative; top: 4px; left: -1px;} #nav_haupt li ul a span {/*font-size: 1.5em; font-weight: normal;*/ position: relative; top: -5px; left: 0; margin-right: 3px; float: left; width: 12px; overflow: hidden;} * html #nav_haupt li ul a span {/*font-size: 1em; font-weight: normal;*/ position: relative; top: -2px; left: 0; margin-right: 0;} /* Hauptnavigation ENDE*/ /* Quickfinder START */ #navi_quickfinder {position: absolute; right: 0; top: 73px; /*font-size: 0.8em;*/ width: 150px; text-align: left; border: none;} #navi_quickfinder select {width: 150px; border: 1px solid #000; /*font-size: 0.7em;*/ } .pfeil_option {text-decoration: none; padding-left: 15px; margin-left: 3px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} /* Quickfinder Ende */ #header_2 {position: relative; width: 928px; height: 200px; background-color: #fff; z-index: 2;} #kontaktbox {position: absolute; bottom: 0; width: 202px; height: 182px; float: left; overflow: hidden; background-image: url(../images/kontaktbox.jpg); background-repeat: no-repeat;} #kontaktbox p {/*font-size: 0.7em; line-height: 1.3em;*/ margin: 2px 0 0 14px; color: #000;} #kontaktbox a {padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} #kontaktbox a:hover {background-image: url(../images/pfeil_re_aktiv.gif);} #kontaktbox p.lila {color: #740e7b;} #kontakt_links { margin: 2px 0 0 14px;} #kontakt_links a {display: block; } #kontaktbox_keyvisual {position: absolute; bottom: 0; width: 202px; height: 182px; float: left; overflow: hidden; background-image: url(../iframe/auge.gif); background-repeat: no-repeat;} #keyvisual {position: absolute; z-index: 3; bottom: 0; left: 224px; width: 704px; height: 179px; /*background-image: url(../images/keyvisual.jpg);*/ background-color: #fff; border-bottom: 3px solid #740e7b; /*overflow: auto;*/} * html #keyvisual {position: absolute; bottom: 0; left: 224px; width: 704px; height: 176px; /*background-image: url(../images/keyvisual.jpg);*/ background-color: #fff; border-bottom: 3px solid #740e7b; /*overflow: auto;*/} #flash_inhalt {z-index: 0;} div.hr { height: 20px; background: #fff url(../images/unter_header.gif) no-repeat right;} div.hr hr {display: none;} #navi_breadcrumb {margin-left: 224px; width: 704px; height: 30px; background-color: #eaeef0; color: #740e7b; } #navi_breadcrumb p {font-size: 14px; font-weight: bold; padding-left: 22px; color: #740e7b; } #navi_breadcrumb p span.small {font-size: 11px; font-weight: normal; padding: 0; color: #000; } #navi_breadcrumb p a {font-size: 11px; font-weight: normal; color: #000; text-decoration: underline; background-image: none; padding: 0;} #navi_breadcrumb p a:hover {font-size: 11px; font-weight: normal; color: #740e7b; text-decoration: none; background-image: none; padding: 0;} #navi_breadcrumb p span a {font-size: 14px; font-weight: bold; color: #740e7b; text-decoration: none; background-image: none; padding: 0;} #navi_breadcrumb p span a:hover {font-size: 14px; font-weight: bold; color: #000; text-decoration: none; background-image: none; padding: 0;} #sidebar { position: absolute; top: 354px; left: 0; width: 202px;} #sidebar p {font-weight: normal; line-height: 14px;} #sidebar a {font-weight: normal; line-height: 14px; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} #sidebar a:hover {background-image: url(../images/pfeil_re_aktiv.gif);} #hotline-box {width: 202px; height: 60px; margin-bottom: 7px; background-color: #740e7b; background-image: url(../images/box_hotline.jpg); background-position: left; background-repeat: no-repeat;} #hotline-box h3 {margin: 0 0 0 76px; padding-top: 14px; color: #fff;} #hotline-box p {margin: 0 0 0 76px; color: #fff;} #newsletter-box {background-color: #f00; width: 202px; height: 69px; margin-bottom: 7px; background-image: url(../images/newsletter.jpg); background-position: top; background-repeat: no-repeat;} #newsletter-box h3 {margin: 0 0 5px 9px; padding: 8px 0 0 0; } #newsletter-box form {margin: 0 0 0 9px; color: #000; } #login-box {width: 202px; height: 87px; margin-bottom: 7px; background-image: url(../images/kundenlogin.jpg); background-position: top; background-repeat: no-repeat;} #login-box h3 {margin: 0 0 5px 9px; padding: 8px 0 0 0; } #login-box form {margin: 0 0 0 9px; color: #000;} #repro-link-box {width: 202px; height: 60px; margin-bottom: 7px; background-image: url(../images/repro.gif); } /*#repro-link-box {width: 126px; height: 60px; margin-bottom: 7px; padding-left: 76px; background-color: #eaeef0; background-image: url(../images/box_repro.jpg); background-position: left; background-repeat: no-repeat;}*/ #repro-link-box h3 {margin: 0; padding: 8px 0 0 70px; } #repro-link-box p {padding: 0 0 0 70px; } #repro-link-box a:hover {} #pcm-link-box {width: 202px; height: 60px; margin-bottom: 7px; background-image: url(../images/pcm.gif); } /*#pcm-link-box {width: 126px; height: 60px; margin-bottom: 7px; padding-left: 76px; background-color: #eaeef0; background-image: url(../images/box_pcm.jpg); background-position: left; background-repeat: no-repeat;}*/ #pcm-link-box h3 {margin: 0; padding: 8px 0 0 70px; } #pcm-link-box p {padding: 0 0 0 70px; } #pcm-link-box a:hover {} #horstmann-link-box {width: 202px; height: 48px; background-image: url(../images/horstmann.gif); padding-top: 12px;} * html #horstmann-link-box {width: 202px; height: 48px; background-image: url(../images/horstmann.gif); padding-top: 7px;} /*#horstmann-link-box {width: 188px; height: 50px; margin-bottom: 7px; padding: 10px 0 0 14px; background-color: #eaeef0; }*/ #horstmann-link-box a {color: #000; margin-left: 15px;} #horstmann-link-box a:hover {} #inhalt { position: absolute; top: 354px; left: 224px; width: 704px; background-color: #eaeef0; background-image: url(../images/pixel_hg_content.jpg); background-position: bottom; background-repeat: repeat-x;} #inhalt p {color: #000; font-size: 11px; line-height: 17px; font-weight: normal; } #inhalt a {color: #000; font-size: 11px; line-height: 17px; font-weight: bold; text-decoration: none; } #inhalt a:hover {color: #740e7b; font-weight: bold; } #inhalt_oben {position: relative; } #inhalt_oben_oben {position: relative; width: 704px; } /* Inhaltselemente für die Produktansichten */ /* beinhaltet die Box crosslinks_produkte */ #inhalt_oben_links {float: left; width: 202px; padding: 0 0 0 22px; margin-right: 4px; height: 100%;} #inhalt_oben_links a {padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} #inhalt_oben_links a:hover {background-image: url(../images/pfeil_re_aktiv.gif);} #inhalt_oben_links ul {color: #000; font-size: 11px; line-height: 16px; font-weight: normal; } #inhalt_oben_links ul li {margin: 0 0 0 18px;} #inhalt_oben_google {float: left; width: 700px; padding: 0 0 22px 22px; margin-right: 4px; height: 100%;} #inhalt_oben_rechts {width: 428px; float: right; padding: 0 26px 0 0; } #inhalt_oben_rechts a {/*padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;*/} #inhalt_oben_rechts a:hover {/*background-image: url(../images/pfeil_re_aktiv.gif);*/} #inhalt_oben_rechts ul {color: #000; font-size: 11px; line-height: 16px; font-weight: normal; list-style-image: url(../images/aufz_icon.gif);} #inhalt_oben_rechts ul li {margin: 0 0 0 18px;} .produkt_vorschau {margin: 0 0 20px 0;} .produkt_vorschau h3 {margin: 0 0 5px 0; padding: 0;} .produkt_vorschau p {margin: 0 0 2px 0;} .produkt_vorschau a {margin: 0 0 5px 0;} /* Inhaltselemente für die Produktansichten - ENDE*/ .link_box_1spalte {width: 202px; float: left; padding: 0 0 22px 22px; margin-right: 4px; } .link_box_1spalte img {width: 202px; height: 202px; padding-left: 0; background-image: none;} .link_box_1spalte h3 {width: 202px; margin-left: 0px;} .link_box_1spalte p {width: 202px; /*margin-bottom: 5px;*/ padding: 0 0 7px 0; } /* .link_box_1spalte a {background-image: none; padding-left: 0;} */ /* .link_box_1spalte a:hover {background-image: url(../images/pfeil_re_aktiv.gif);} */ .link_box_1spalte .link_pfeil {padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} .link_box_1spalte span .link_pfeil {padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} .link_box_1spalte a:hover .link_pfeil {color: #740e7b; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} .link_box_1spalte .link_pfeil_mit_Abstand {line-height: 35px; padding-top: 0px; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} .link_box_1spalte a:hover .link_pfeil_mit_Abstand {line-height: 35px; color: #740e7b; font-size: 11px; font-weight: bold; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px; } .link_box_1spalte ul {color: #000; font-size: 11px; line-height: 16px; font-weight: normal; list-style-image: url(../images/aufz_icon.gif);} .link_box_1spalte ul li {margin: 0 0 0 18px;} .archiv_box {width: 318px; float: left; padding: 0 0 22px 22px; } .archiv_box img {width: 140px; height: 140px; float: left; } .archiv_box h3 {width: 160px; margin: 0 0 5px 150px;} .archiv_box p {width: 160px; margin: 0 0 0 150px; padding: 0 0 7px 0; } /*.archiv_box p.bodytext {width: 160px; margin: 0 0 2px 150px; }*/ .archiv_box a {margin: 0 0 0 10px; padding-top: 0px; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} .archiv_box a:hover {background-image: url(../images/pfeil_re_aktiv.gif);} .archiv_box span {padding: 0; margin: 0;} /* für die Movie Box rechts */ .movie_box {width: 318px; float: left; padding-left: 150px; } .movie_box img {width: 95px; height: 71px; float: left; margin-bottom: 30px; } .movie_box h3 {width: 160px; margin: 0 0 5px 150px;} .movie_box p {width: 160px; margin: 0 0 0 110px; } .movie_box a { } #inhalt_oben_mitte {position: relative; width: 704px; clear: both; } #inhalt_mitte_links {float: left; width: 426px; padding: 0 22px 22px 22px;} .link_box_2spalte { width: 426px; margin-bottom: 10px;} .link_box_2spalte h3 {width: 426px; margin: 0 0 5px 0;} .link_box_2spalte p {width: 426px; margin-bottom: 5px;} .link_box_2spalte a {margin: 0 0 0 3px; padding-top: 0px; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} /* für Startseite */ #startseite_mitte_links {float: left; width: 426px; padding: 0 22px 22px 22px;} #startseitet_mitte_links a {margin: 0 0 0 0px; padding-top: 0px; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} #startseite_mitte_links h3 {width: 426px; margin-left: 0px;} #startseite_mitte_links p {width: 426px; font-size: 0.7em; margin-bottom: 2px;} #startseite_mitte_links a {line-height: 35px; } .startseite_box_2spalte { width: 426px; margin-bottom: 10px;} .startseite_box_2spalte h3 {width: 426px; margin-left: 0px;} .startseite_box_2spalte p {width: 426px; font-size: 0.7em; margin-bottom: 2px;} .startseite_box_2spalte a {margin: 0 0 0 10px; padding-top: 0px; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} /*ende für Startseite */ #crosslinks {float: right; width: 187px; background-image: url(../images/pixel_hg_crosslinks.jpg); background-position: top; background-repeat: repeat-x; background-color: #fff; padding: 8px 0 8px 15px; margin: 12px 26px 22px 0; } *html #crosslinks {margin-right: 13px;} #crosslinks h3 {padding: 0; margin: 0 0 10px 0;} .crosslink_box {border-top: 1px dashed #000; width: 170px; padding: 5px 0 10px 0; } .crosslink_box a {color: #000; font-size: 11px; line-height: 16px; font-weight: bold; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px; } .crosslink_box p {} #crosslinks_produkte {width: 202px;} #crosslinks_produkte h3 {background-color: #d7dadf; padding: 3px 0 3px 10px; margin: 0; width: 192px;} #crosslinks_produkte ul { padding: 3px 0 5px 0; margin: 0; background-color: #f2f3f5;} #crosslinks_produkte ul li {padding: 0 0 0 10px; margin: 0; background-color: #f2f3f5; vertical-align: middle;} *html #crosslinks_produkte ul li {padding: 0 0 0 10px; margin: 0; background-color: #f2f3f5; vertical-align: baseline;} #crosslinks_produkte li {list-style-type:none;} #inhalt_unten {position: relative; width: 690px; clear: both; left: 14px; padding-top: 30px;} #inhalt_unten_sitemap {background-color: #f6f7f8;} #inhalt_sitemap {padding: 15px 0 15px 8px; overflow: hidden; } #inhalt_sitemap h3 {margin: 0; padding: 0 0 10px 0; } ul#sitemap { float: left; } ul#sitemap li {float: left; width: 120px; } ul#sitemap li ul {padding-bottom: 20px; } ul#sitemap li ul li {float: none; } ul#sitemap li ul li a {font-weight: normal; padding-left: 15px; background-image: url(../images/pfeil_li.gif); background-repeat: no-repeat; background-position: 0 2px;} ul#sitemap li ul li a:hover {font-weight: normal; padding-left: 15px; background-image: url(../images/pfeil_li_aktiv.gif); background-repeat: no-repeat; background-position: 0 2px;} #sitemap a {background-image: none; padding: 0;} #sitemap a span {background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 1px 11px; padding: 5px 0;} #sitemap a:hover span {background-image: url(../images/pfeil_re_aktiv.gif); background-repeat: no-repeat; background-position: 1px 11px; padding: 5px 0;} #sitemap_komplett {padding: 0 0 22px 22px;} .sitemap_seite {clear: both;} ul.sitemap_seite li {float: left; width: 165px; } ul.sitemap_seite li ul {padding-bottom: 20px; } ul.sitemap_seite li ul li {float: none; } ul.sitemap_seite li ul li a {font-weight: normal; padding-left: 15px; background-image: url(../images/pfeil_li.gif); background-repeat: no-repeat; background-position: 0 2px;} ul.sitemap_seite li ul li a:hover {font-weight: normal; padding-left: 15px; background-image: url(../images/pfeil_li_aktiv.gif); background-repeat: no-repeat; background-position: 0 2px;} .sitemap_seite a {background-image: none; padding: 0;} .sitemap_seite a span {background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 1px 11px; padding: 5px 0;} .sitemap_seite a:hover span {background-image: url(../images/pfeil_re_aktiv.gif); background-repeat: no-repeat; background-position: 1px 11px; padding: 5px 0;} .sitemap_seite_weitere {clear: both;} .sitemap_seite_weitere ul { padding-bottom: 20px; } .sitemap_seite_weitere a {padding-left: 15px; background-image: url(../images/pfeil_li.gif); background-repeat: no-repeat; background-position: 0 3px;} .sitemap_seite_weitere a:hover {padding-left: 15px; background-image: url(../images/pfeil_li_aktiv.gif); background-repeat: no-repeat; background-position: 0 3px;} #krausegruppe_links { } #krausegruppe_links a {margin-left: 14px;padding-left: 15px; background-image: url(../images/pfeil_li.gif); background-repeat: no-repeat; background-position: 0 3px;} #krausegruppe_links a:hover {margin-left: 14px;padding-left: 15px; background-image: url(../images/pfeil_li_aktiv.gif); background-repeat: no-repeat; background-position: 0 3px;} #inhalt_footer {clear: both; padding: 10px 0 15px 8px; background-color: #d4d9dd;} #inhalt_footer ul li {display: inline;} #inhalt_footer ul {float: left; margin: 0; padding: 0 ;} #inhalt_footer a {background-image: none; padding: 0; } #inhalt_footer p {margin: 0; padding: 3px 0 0 0 ;} /* Scrollbarer DIV-Bereich im Keyvisual */ #scrollbar {position: relative; float: left; width: 704px; height: 164px; padding: 0; overflow: hidden; white-space: nowrap; background-image: url(../images/iframe_hg.jpg); /*background-repeat: repeat-x;*/} #scrollbar ul li {display: inline; width: 162px; height: 164px; white-space: nowrap; overflow: hidden; position: relative; } #scrollbar ul {height: 164px; } #scrollbar img { padding-left: 20px; } .scroll_element {} #scrollbar span {position: absolute; left: 10px; bottom: 10px; width: 160px; text-align: center;} #scrollbar a.text {padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px;} /* wrap to make sure that image area is clickable */ #wrap {float: left; clear: both;width: 704px; height: 15px; background: transparent url(../images/scrollbar-track-right.gif) no-repeat top right;} /* left image of track */ #track-left {position: absolute;width: 15px;height: 15px; background: transparent url(../images/scrollbar-track-left.gif) no-repeat top left;} /* horizontal track */ #track {position: absolute; width: 704px; height: 15px;} /* horizontal track handle */ #handle {width: 37px; height: 15px;} /* Referenzliste*/ #referenzen {width:704px; height: 370px; position:relative; } #referenzen b.default {position:absolute; left:22px; top:0; width:682px; height:245px; text-align:left; font-size: 11px; line-height: 17px; font-weight: normal;} #referenzen b.default img {display:block; position: absolute; left: 415px; } #referenzen b.default span {display:block; color:#000; background-color: #eaeef0; width:380px; position: absolute; top: 110px; /*font-size: 0.7em; font-weight: normal;*/ color: #999; padding-left: 15px; background-image: url(../images/pfeil_referenzen.gif); background-repeat: no-repeat;} #referenzen ul {list-style:none; padding:0; margin:0; width: 390px; position:relative; left:22px; top: 13px; float:left; } #referenzen ul li {display:inline; width:65px; height:72px; float:left; margin:0 10px 10px 0; } #referenzen ul li a {display:block; width:65px; height:72px; text-decoration:none; } #referenzen ul li a span {display:none; font-size: 11px; line-height: 17px; font-weight: normal;} #referenzen ul li a img {display:block; width:65px; height:72px; border:0;} #referenzen ul li a:hover {white-space:normal;} #referenzen ul li a:hover b {position:absolute; left: 0; top: -13px; width: 0; height:245px; text-align:left; z-index:20; } #referenzen ul li a:hover span {display:block; color:#fff; background-color: #eaeef0; width:380px; position: absolute; top: 110px; padding-left: 15px; /*font-size: 0.7em; font-weight: normal;*/ color: #999;background-image: url(../images/pfeil_referenzen.gif); background-repeat: no-repeat; } #referenzen ul li a:hover img {margin:0; width:auto; height:auto; position: absolute; left: 415px;} #referenzen ul li a:active, #referenzen ul li a:focus {white-space:normal; } #referenzen ul li a:active b, #referenzen ul li a:focus b {position:absolute; left:0; top:-13px; width:682px; height:245px; text-align:left; z-index:10;} #referenzen ul li a:active span, #referenzen ul li a:focus span {display:block; color:#fff; background-color: #eaeef0; width:380px; position: absolute; top: 110px; /*font-size: 0.7em; font-weight: normal;*/ color: #999; padding-left: 15px; background-image: url(../images/pfeil_referenzen.gif); background-repeat: no-repeat; } #referenzen ul li a:active img, #referenzen ul li a:focus img{margin:0; width:auto; height:auto; position: absolute; left: 415px;} img.frontEndEditIcons {width: 11px; height: 12px} /* #inhalt_oben p {margin: 22px; color: #000; font-size: 11px; line-height: 16px; font-weight: normal; } #inhalt_oben ol {margin: 22px; padding:0; margin:0; position:relative; left:22px; top: 13px; float:left; } #inhalt_oben ol li {margin: 22px; float:left; margin:0 10px 10px 0; color: #000; font-size: 11px; line-height: 16px; font-weight: normal; } #inhalt_oben h3 {padding-left: 12px }; .csc-textpic-text p {margin-left: 22px; } .csc-textpic-text h3 { margin-left: 22px; } .csc-textpic csc-textpic-intext-right {margin-right: 22px;}*/ .bild a {background-image: none; padding-left: 0;} #text {margin: 0 22px 0 22px;} #text h3 {margin: 0 0 5px 0;} #flvplayercaption { float:left; padding-left: 22px; padding-bottom: 22px; color: #000; font-size: 11px; line-height: 16px; font-weight: normal; } #flvcaption a {background-image: none; } #flvplayercaption a {background-image: none; } #playlist a {background-image: none; } .csc-sitemap { float:left; padding-left: 22px; padding-bottom: 22px; } #mailform { float:left; padding-left: 22px; padding-bottom: 22px; color: #000; font-size: 11px; line-height: 16px; font-weight: normal; } .csc-mailform-field input, textarea {margin: 0 0 12px 0; padding: 0; color: #7e7e7e; font-size: 11px; line-height: 14px; font-weight: normal; border: 1px solid #000; width: 350px; display: block;} #mailformformtype_mail {margin: 24px 0 12px 0; padding: 0; background-color: #ffffff; color: #7e7e7e; font-size: 11px; line-height: 14px; font-weight: normal; border: 1px solid #000; width: 350px; display: block; } .csc-textpic-imagewrap img { background-image: none; float: left; padding-bottom: 22px; } .link_pfeil a { color: #000; font-size: 11px; line-height: 16px; font-weight: bold; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px; } .link_pfeil a:hover { color: #740e7b; font-size: 11px; line-height: 16px; font-weight: bold; padding-left: 15px; background-image: url(../images/pfeil_re.gif); background-repeat: no-repeat; background-position: 0 3px; } .link_pfeil_mit_Abstand { line-height: 35px; } .link_pfeil_mit_Abstand a:hover{ line-height: 35px; }