@charset "utf-8";

/* themenspezifische Formatierungen */
th {
        font-weight: bold;
        text-align: left;
        height: 20Px;
        border-bottom: 1Px solid #0E2B8D;
        border-left: 5Px solid #0E2B8D;
        background-image:url(../style-pics/th_bg.png) !important;
        background-image:url(../style-pics/th_bg.gif);
        background-repeat:repeat-y;
        padding-left: 5Px;
        }
h2 {
        margin: 0Px 0Px 10Px 0Px;
        padding: 0Px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        font-size: 30Px;
        color: #0E2B8D;
        border-bottom: 1Px dotted #3C6195;
		width: 535Px;
        }
* html h2 { /* nur fuer Internet Explorer */
        border-bottom: 1Px solid #8695c6;
        }
h3 {
        margin: 0Px 0Px 5Px 0Px;
        padding: 0Px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        font-size: 22Px;
        color: #0E2B8D;
		border-bottom: 1Px dotted #3C6195;
        }
h4 {
        margin: 0Px 0Px 5Px 0Px;
        padding: 0Px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        font-size: 16Px;
        color: #0E2B8D;
        }
p.subtitle {
        margin: 0Px 0Px 5Px 0Px;
        padding: 0Px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        font-size: 16Px;
        font-weight: bold;
        color: #0E2B8D;
        }
.eingabebox, .goog-te-combo {
        padding: 2Px;
        font-size: 11px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        background-color: #E4E8EF;
        color: #0E2B8D;
        border: 1px #8695C6 solid;
        }
.eingabebutton        {
        padding: 2Px;
        font-size: 12px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        background-color: #0E2B8D;
        color: #FFFFFF;
        font-weight: bold;
        border-bottom: 1px #8695C6 solid;
        border-right: 1px #8695C6 solid;
        border-top: 1px #E4E8EF solid;
        border-left: 1px #E4E8EF solid;
        cursor: pointer;
        }


/* Haupt-DivContainer

Definition der Z-Ebenen:
        1  - Basis-Ebene
        5  - Zusatz-Ebene
        10 - Header-Ebene
        15 - Float-Ebene
        20 - Overlay-Ebene
*/
#header {
        position: absolute;
        left: 50%;
        margin: 0 -480Px;
        top: 95Px;
        width: 775Px;
        z-index: 10;
        }
#zentrieren        {
        position: absolute;
        left: 50%;
        width: 990Px;
        margin: 0 -495Px;
        background-image:url(../style-pics/main_bg.png) !important;
        background-image:url(../style-pics/main_bg.gif);
        z-index: 1;
        }
#produktseite_zentrieren {
        position: absolute;
        left: 50%;
        width: 990Px;
        margin: 0 -495Px;
        background-image:url(../style-pics/prod_main_bg.png) !important;
        background-image:url(../style-pics/prod_main_bg.gif);
        z-index: 1;
        }
#navi_position {
        position: absolute;
        left: 50%;
        top: 250Px;
        width: 212Px;
        margin-left: -478Px;
        padding-bottom: 5Px;
        z-index: 20;
        }
#headline {
        position: relative;
        width: 960Px;
        height: 70Px;
        left: 15Px;
        background-image:url(../style-pics/headline_bg.gif);
        z-index: 15;
        }
#produkt_container-pool {
        position: relative;
        float: right;
        width: 185Px;
        right: 15Px;
        padding: 0Px;
        z-index: 15;
        height: 216Px;
        background-image:url(../style-pics/prod_rechte-seite_bg.gif);
        overflow: auto;
        }
#verlauf {
        position: absolute;
        left: 50%;
        padding: 4Px 0Px 0Px 10Px;
        height: 21Px;
        width: 765Px;
        margin: 0 -480Px;
        top: 70Px;
        background-image: url(../style-pics/verlauf_bg.gif);
        color: #FFFFFF;
        z-index: 20;
        }
#datum {
        position: absolute;
        right: 50%;
        margin: 0 -285Px;
        top: 75Px;
        text-align: right;
        font-size: 11Px;
        z-index: 25;
        color: #FFFFFF;
        }


/* Startseite */
.start_button {
        width:165Px;
        margin: 0Px -2Px 10Px 5Px;
        padding: 0px 5px 0px 4px;
        border-left: 1px dotted #D9D9D9;
        font-size: 11px;
        float:left;
		overflow: hidden;
        }
.start_button h2 {
        margin: 0Px;
        padding: 0px;
        border: 0px;
        font-size: 11px;
        }
.start_button h2 a {
        font-weight: bold;
        }
.start_button img {
        margin: 0Px 0Px 0Px -5Px;
        }
.button_container {
        float: left;
        width: 100%;
        margin-top: 10px;
        }
#startseitentext h3 {
        font-size: 13px;
        margin: 0px 0px 5px 0px;
        padding: 0px;
        line-height: normal;
        width: auto;
        text-align: left;
        }
#startseitentext p {
        font-size: 11px;
        margin: 0px;
        padding: 0px 0px 5px 0px;
        }
.startseitentext_schatten_volle_breite {
        width: 527px;
        float: left;
        margin: 0px 0px 10px 5px;
        }
#aktuelle_angebote {
        border: 1px solid #D9D9D9;
        background: #ffffff;
        background-image: url(../style-pics/aktuelle_angebote_bg.png);
        background-repeat: repeat-x;
        background-position: 0px 25px;
        width: 515px;
        padding: 0px 5px 5px 5px;
        float: left;
        }
#aktuelle_angebote_ueberschrift {
        width: 525px;
        height: 25px;
        margin: 0px 0px 5px -5px;
        background-image: url(../style-pics/aktuelle_angebote.png);
        border: none;
        }
.aktuelles_angebot {
        width: 245Px;
        float: left;
        padding: 5px;
        }
.aktuelles_angebot h3 {
        margin-bottom: 3px;
        font-size: 14px;
        }
.aktuelles_angebot p {
        padding: 0px;
        }
.aktuelle_angebote_bildspalte {
        width: 117px;
        margin-right: -3px;
        float: right;
        }
.aktuelle_angebote_bild {
        border: 1px solid #D9D9D9;
        background: #FFFFFF;
        padding: 5px;
        }
.aktuelle_agebote_button {
	margin: -45px 0px -5px 70px;
	}
.aktuelle_agebote_button2 {
	margin: 0px 0px -15px 0px;
	}


/* Inhalt */
table.kategorie {
        padding-left: 10Px;
        padding-bottom: 20Px;
}
* html table.kategorie { /* nur fuer Internet Explorer */
        padding-left: 0Px;
}
div.kategorie_spalte {
        display: inline;
        background-repeat: repeat-x;
        float: left;
        width: 255Px;
        min-height: 100Px;
        border-top: 1px dotted #bfbfbf;
        border-left: 1px dotted #bfbfbf;
        padding: 4Px 0Px 0Px 0Px;
        margin-left: 10Px;
        margin-bottom: 10Px;
}
* html div.kategorie_spalte { /* nur fuer Internet Explorer */
        border-top: 1px solid #e5e5e5;
}
td.kategorie_bildspalte {
        padding-right: 2px;
        width: 120px;
}
.kategorie_produktbild {
        width: 111Px;
        }
div.kategorie_produkt {
        width: 100Px;
        padding: 2Px;
        background-color:#FFFFFF;
        border: 1Px solid #D9D9D9;
        text-align: center;
}
div.produkt_bezeichnung {
        width: 140Px;
        margin-bottom: -5Px;
}
h4.produkt {
        color: #0e2b8d;
        font-weight: bold;
        font-size: 13Px;
        margin: 0Px 0Px 5Px 0Px;
        text-align: left;
}
a:link.produkt_h1_link, a:visited.produkt_h1_link, a:active.produkt_h1_link {
        color: #0E2B8D;
        font-weight: bold;
        text-decoration: none;
}
a:hover.produkt_h1_link {
        color: #CC0000;
        font-weight: bold;
        text-decoration: none;
}
a:link.produkt_h4_link, a:visited.produkt_h4_link, a:active.produkt_h4_link {
        color: #0e2b8d;
        font-weight: bold;
        text-decoration: none;
}
a:hover.produkt_h4_link {
        color: #CC0000;
        font-weight: bold;
        text-decoration: none;
}
#produkt_blaettern_pos {
        float: right;
        }
#produkt_blaettern {
        width: 173Px;
        height: 21Px;
        padding: 1Px 0Px 1Px 0Px;
        border: 1Px solid #8695c6;
        text-align: center;
        font-size: 11Px;
        color: #FFFFFF;
        background-image:url(../werbeartikel/style-pics/prod_blaettern_bg.gif);
        z-index: 20;
}
#blaettern {
        width: 512Px;
        height: 21Px;
        padding: 1Px 0Px 1Px 0Px;
        border: 1Px solid #8695c6;
        text-align: center;
        font-size: 11Px;
        color: #FFFFFF;
        background-image:url(../werbeartikel/style-pics/prod_blaettern_bg.gif);
}
#blaettern_bg {
        width: 100%;
        height: 21Px;
        padding: 1Px 0Px 1Px 0Px;
        border: 1Px solid #8695c6;
        text-align: center;
        font-size: 11Px;
        color: #FFFFFF;
        background-image:url(../werbeartikel/style-pics/prod_blaettern_bg.gif);
        z-index: 20;
}
#blaettern_inhalt {
        padding-top: 3px;
        }
img.blaettern_zurueck {
        float: left;
        padding: 0Px 1Px 0Px 1Px;
}
img.blaettern_weiter {
        float: right;
        padding: 0Px 1Px 0Px 1Px;
}
.daten_schatten {
        width: 320Px;
        margin-top: 10Px;
        clear: right;
        float: right;
        }
.daten {
        width: 293Px;
        padding: 5Px 10Px 7Px 10Px;
        background-image: url(../style-pics/inhalt_bg.gif);
        background-repeat: repeat-x;
        background-position: 0Px 30Px;
        background-color: #FFFFFF;
        border: 1Px solid #c3cae2;
        font-size: 11Px;
		overflow: auto;
}
.daten h3 {
        width: 313Px;
        height: 30Px;
        margin: -5Px 0Px 5Px -10Px;
        border: 0Px;
}
h3#aktuelle_preise {
        background-image: url(../werbeartikel/style-pics/prod_h2_aktuelle-preise.gif);
}
h3#technische_daten {
        background-image: url(../werbeartikel/style-pics/prod_h2_technische-daten.gif);
}
h3#empfehlenswerte_produkte {
        background-image: url(../werbeartikel/style-pics/prod_h2_empfehlenswerte_produkte.gif);
}
td.daten_header {
        border-bottom: 1Px solid #8695C6;
        font-size: 10Px;
        font-weight: normal;
        color: #8695C6;
        text-align: left;
}
td.daten_abgrenzen {
        border-bottom: 1Px dotted #bfbfbf;
        padding-bottom:5Px;
        font-size: 11Px;
        vertical-align: top;
}
* html td.daten_abgrenzen { /* nur fuer Internet Explorer */
        border-bottom: 1Px solid #e5e5e5;
}
tr.daten_neuer-bestand {
        background-color: #E4E8EF;
}
div.produkt_liste {
        float: inherit;
        padding: 5Px;
        background-color:#FFFFFF;
        border: 1Px solid #D9D9D9;
        font-size: 11Px;
}
ul.produkt_liste {
        list-style-type: none;
        list-style-image: none;
}
li.produkt_liste  {
        clear:left;
        margin-left: -30Px;
        margin-bottom: 20Px;
}


/* Produkt-Seite */
.weitere_bilder_schatten {
        width: 122Px;
        }
div.weitere_bilder {
        background-color: #0E2B8D;
        background-image:url(../werbeartikel/style-pics/prod_weitere-bilder_nr.gif);
        background-repeat:repeat-x;
        border: 1Px solid #0E2B8D;
        color: #FFFFFF;
        font-size: 11Px;
        font-weight: bold;
        width: 120Px;
}
td.weitere_bilder_bildspalte {
        width: 100Px;
        text-align: center;
        background-color: #FFFFFF;
        }
div#produktbeschreibung {
        float: left;
        width: 395Px;
        }
div.zusatzprodukt {
        border-top: 1Px dotted #bfbfbf;
        margin: 5Px 0Px 0Px 0Px;
        padding: 5px 0px 2px 0px;
        font-size: 11Px;
        }
div.zusatzprodukt h4 {
        color: #0e2b8d;
        font-weight: bold;
        font-size: 13Px;
        margin: 0Px 0Px 5Px 0Px;
        text-align: left;
		width: 100%;
        }
div.zusatzprodukt p {
        padding: 0px;
        margin: 0px;
        }
div#produktauswahl {
        position: absolute;
        width: 792px;
        height: 405px;
        left: 50%;
        top: 0Px;
        margin: 0px 0px 0px -385px;
        padding: 0px;
        z-index: 100;
}
div#produktauswahl_rahmen {
        position: relative;
        width: 780px;
        height: 400px;
        margin: 0px;
        padding: 0px;
        border: 1px solid #0E2B8D;
        background-color: #FFFFFF;
        background-image: url(../werbeartikel/style-pics/prodauswahl_balkenschatten.gif);
        background-repeat: repeat-x;
        background-position: 0Px 35Px;
        overflow: hidden;
}
div#produktauswahl_scroller {
        position: relative;
        background: #FFFFFF;
        height: 375Px;
        overflow: scroll;
}
#close_button {
        margin: 5Px;
        }
h2.produktauswahl {
        color: #FFFFFF;
        background: #0E2B8D;
        background-image: url(../style-pics/verlauf2_bg.gif);
        margin: 0Px 0Px 5Px 0Px;
        padding: 0Px;
        height: 35Px;
        width: 100%;
        font-size: 20Px;
}
h3.produktauswahl {
        color: #FFFFFF;
        background: #0E2B8D;
        background-image: url(../style-pics/verlauf_bg.gif);
        padding: 4Px 10Px 1Px 10Px;
        margin: 0Px 5Px 0Px 5Px;
        clear: left;
        height: 19Px;
        font-size: 13Px;
}
h4.produktauswahl {
        color: #0E2B8D;
        border-top: 1px dotted #8695c6;
        padding: 3Px 2Px 0Px 0Px;
        margin: 0Px 5Px 0Px 10Px;
        clear: left;
        height: 15Px;
        font-size: 12Px;
}
div.produktauswahl_gesamt {
        float: left;
        margin: 5Px 0Px 5Px 0Px;
        width: 122Px;
        }
div.produktauswahl_produkt {
        position: relative;
        padding: 2Px 5Px 5Px 5Px;
        width: 100Px;
        background: #FFFFFF;
        border: 1Px solid #D9D9D9;
}
div.produktauswahl_produktname {
        margin: 0Px;
        padding: 0Px;
        width: 100Px;
        height: 15Px;
        font-size: 11Px;
        overflow: hidden;
}
div.produktauswahl_produktbild {
        margin: 0Px;
        padding: 0Px;
        width: 100Px;
        height: 75Px;
        overflow: hidden;
}
div.produkt_kategorieprodukte {
        margin: 0Px 0Px 0Px 8Px;
        padding: 0Px;
}
div.farbangabe {
        width: 7px;
        height: 7px;
        border: 1px solid #000000;
        margin-right: 2Px;
        margin-top: 2Px;
        float: left;
        }
a:link.details_klein, a:visited.details_klein, a:active.details_klein {
        display: inline-block;
        width: 62Px;
        height: 23Px;
        margin-top: 5Px;
        background-image:url(../werbeartikel/style-pics/details_klein_nrm.gif)
}
a:hover.details_klein {
        display: inline-block;
        width: 62Px;
        height: 23Px;
        margin-top: 5Px;
        background-image:url(../werbeartikel/style-pics/details_klein_mo.gif)
}
a:link.anfrage_klein, a:visited.anfrage_klein, a:active.anfrage_klein {
        display: inline-block;
        width: 62Px;
        height: 23Px;
        margin: 5Px 0Px 0Px 3Px;
        background-image:url(../werbeartikel/style-pics/anfrage_klein_nrm.gif)
}
a:hover.anfrage_klein {
        display: inline-block;
        width: 62Px;
        height: 23Px;
        margin: 5Px 0Px 0Px 3Px;
        background-image:url(../werbeartikel/style-pics/anfrage_klein_mo.gif)
}


/* Kontakt */
.kontakt_abteilung {
        clear: left;
        }
.kontakt {
        width: 250px;
        float: left;
        margin: 0px 0px 10px 10px;
        }
.neue_kontaktzeile {
        clear: left;
        }
.kontakt_bildcontainer {
        margin-top: 5Px;
        width: 227Px;
        }
.kontakt_bild {
        width: 220px;
        border: 1px solid #aaaaaa;
        }
table.kontakt_daten {
        table-layout: auto;
        width: auto;
        padding: 5Px 0Px 0Px 5Px;
        }
.kontakt_daten td {
        padding: 0Px 5Px 0Px 0Px;
        }


/* Sitemap */
div.kasten_edv-werbeartikel {
        border: 1Px solid #4a60aa;
        background-color: #E4E8EF;
        padding: 5Px;
        margin-bottom: 10Px;
        }
div.kasten_edv-werbeartikel h3 {
        margin-bottom: 5Px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        font-variant: normal;
        font-size: 18px;
        color: #4a60aa;
        border: 0Px;
        }
div.kasten_werbebanner {
        border: 1Px solid #b21212;
        background-color: #f2dada;
        padding: 5Px;
        margin-bottom: 10Px;
        }
div.kasten_werbebanner h3 {
        margin-bottom: 5Px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        font-variant: normal;
        font-size: 18px;
        color: #b21212;
        border: 0Px;
        }
div.kasten_werbepartner {
        border: 1Px solid #454d26;
        background-color: #e4e8d5;
        padding: 5Px;
        margin-bottom: 10Px;
        }
div.kasten_werbepartner h3 {
        margin-bottom: 5Px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        font-variant: normal;
        font-size: 18px;
        color: #454d26;
        border: 0Px;
        }
div.kasten_neutral {
        border: 1Px solid #b3b3b3;
        background-color: #e5e5e5;
        padding: 5Px;
        margin-bottom: 10Px;
        }
div.kasten_neutral h3 {
        margin-bottom: 5Px;
        font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
        font-variant: normal;
        font-size: 18px;
        color: #b3b3b3;
        border: 0Px;
        }


/* Umfrage */
ol.umfrage li {
        font-weight: bold;
        font-size: 20px;
        color: #4a60aa;
        margin-bottom: 20px;
        padding: 0px 5px 5px 5px;
        background-color: #e4e8ef;
        }
ol.umfrage li span.normal {
        font-weight: normal;
        font-size: 12px;
        color: #000000;
        }
ol.umfrage h2 {
        margin-left: -40px;
        margin-bottom: 10px;
        }
div.bewertungsbalken {
        width: 100%;
        height: 3Px;
        background-image: url(../style-pics/rot_gruen_verlauf.jpg);
        }


/* Produktsuche*/
div#produktsuche {
	background-color: #f7faff; 
	border: 1px solid #8695c6;
	padding: 10px 10px 0px 0px;
	margin-bottom: 10px;
	}



/* spezielle Formatierungen */
.dunkler_hintergrund {
	background-color: #4f6b8b;
	color: #FFFFFF;
	}
.heller_hintergrund {
	background-color: #E4E8EF;
	}
.ganz_heller_hintergrund {
	background-color: #f7faff; 
	}
.dunkler_rahmen {
        border: 1Px solid #0e2b8d;
        }
.dunkler_rahmen_oben {
        border-top: 1Px solid #0e2b8d;
        }
.dunkler_rahmen_unten {
        border-bottom: 1Px solid #0e2b8d;
        }
.dunkler_rahmen_links {
        border-left: 1Px solid #0e2b8d;
        }
.dunkler_rahmen_rechts {
        border-right: 1Px solid #0e2b8d;
        }
.heller_rahmen {
        border:1px solid #8695c6;
        }
.heller_rahmen_oben {
        border-top:1px solid #8695c6;
        }
.heller_rahmen_unten {
        border-bottom:1px solid #8695c6;
        }
.heller_rahmen_links {
        border-left:1px solid #8695c6;
        }
.heller_rahmen_rechts {
        border-right:1px solid #8695c6;
        }
.gepunkteter_rahmen_oben {
        border-top: 1px dotted #999999;
        }
.gepunkteter_rahmen_rechts {
        border-right: 1px dotted #999999;
        }
.gepunkteter_rahmen_unten {
        border-bottom: 1px dotted #999999;
        }
.gepunkteter_rahmen_links {
        border-left: 1px dotted #999999;
        }

#divScrollRahmen {
        position:relative;
        left: 0px;
        top: 0px;
        border: 1px solid #D9D9D9;
        width:525px;
        height:150px;
        overflow:hidden;
        visibility:visible;
}
#divScrollTextUeberschrift {
        width: 525px;
        height: 25px;
        background-image: url(../style-pics/scroller-text-header.png);
        border: none;
        margin-bottom:0px;
}
#divScrollTextCont {
        position:relative;
        left: 0px;
        top: 0px;
        clip: rect(1px,500px,600px,1px);
        width:515px;
        height:115px;
        padding: 10px 10px 0px 0px;
        overflow: auto;
        visibility:visible;
		background-color: #FFFFFF;
        background-image: url(../style-pics/aktuelle_angebote_bg.png);
        background-repeat: repeat-x;
}