body{
margin: 0px;
padding: 0px;
font-family: Verdana,Arial,Tahoma,Helvetica;
font-size: 11px;
}

body,html{
height: 100%;
}

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

#FIX{
float: left;
width: 100%;
height: 100%;
}

#FIX td{
vertical-align: top;
}

.myCMS{
float: left;
margin: 8px 0px 16px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}

.myCMS2{
float: left;
margin: -12px 0px 16px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}

.myCMS2 h1{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
font-weight: normal;
}

.myCMS2 h2{
margin: 0px 0px 12px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
font-weight: bold;
}

div{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: auto;
width: 100%;
}

img{
border: 0px;
}

a{
text-decoration: none;
color: #000000;
background-color: inherit;
}

.preisfuss{
float: left;
width: 100%;
margin: 8px 0px 15px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}

#seite{
/* width: 100%; */
width: 1024px;
height: auto;
background-image: url("/image/kopfzeile_wiederholung.jpg");
background-repeat: repeat-x;
}

#rahmen{
background-image: url("/image/rahmen_rechts.png");
background-repeat: no-repeat;
background-position: right top;
}

#kopfzeile{
height: 130px;
background-image: url("/image/logo.jpg");
background-repeat: no-repeat;
}

#kopfzeile .links{
width: 40%;
}

#kopfzeile .links img{
float: left;
margin: 64px 0px 0px 16px;
}

#kopfzeile .rechts{
float: right;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
width: 40%;
height: 80px;
text-align: right;
color: silver;
background-color: inherit;
background-position: right 24px;
background-image: url("/image/kopfzeile_warenkorb.jpg");
background-repeat: no-repeat;
}

#kopfzeile .linkbox{
float: right;
padding: 48px 0px 0px 0px;
height: 40px;
width: 200px;
text-align: left;
text-indent: 100px;
}

#kopfzeile .rechts a{
color: silver;
background-color: inherit;
}

#nav_oben{
height: 30px;
text-align: right;
background-image: url("/image/nav_oben_ul.jpg");
background-repeat: repeat-x;
}

#nav_oben .welle{
height: 30px;
width: 395px;
background-image: url("/image/nav_oben_welle.jpg");
background-repeat: no-repeat;
}

#nav_oben ul{
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 30px;
}

#nav_oben ul li{
float: left;
display: inline;
padding: 0px 8px 0px 8px;
height: 30px;
line-height: 30px;
vertical-align: middle;
background-image: url("/image/nav_oben_li.jpg");
background-repeat: no-repeat;
}

#nav_oben ul li a{
color: #FFFFFF;
background-color: inherit;
text-decoration: none;
}

#nav_oben form{
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 16px;
background-image: url("/image/nav_oben_li.jpg");
background-repeat: no-repeat;
}

#nav_oben form input{
float: left;
}

#nav_oben form .suchfeld{
float: left;
margin: 6px 0px 0px 0px;
font-size: 11px;
border: 1px;
border-style: solid;
border-color: #DDDDDD;
}

#nav_oben form .button{
float: left;
height: 30px;
width: 36px;
border: 0px;
background-image: url("/image/nav_oben_button_suche.jpg");
background-repeat: no-repeat;
}

/* LINKS */

#links{
padding: 0px 0px 0px 32px;
height: auto;
width: 200px;
}

#links h1{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 32px;
width: 100%;
line-height: 18px;
vertical-align: middle;
text-indent: 8px;
font-size: 11px;
color: #FFFFFF;
background-color: inherit;
background-image: url("/image/nav_links_h1.jpg");
background-repeat: no-repeat;
}

#links ul{
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}

#links ul li{
float: left;
padding: 0px 0px 0px 8px;
line-height: 16px;
width: 90%;
background-image: url("/image/nav_links_li.jpg");
background-repeat: repeat-y;
}

#links ul li h2{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
}

#links ul li h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
}

#links ul li h3 a{
width: 70%;
}

#links ul li h4{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
}

#links a{
color: #000000;
background-color: inherit;
text-decoration: none;
}

#links ul .abschluss{
font-size: 1px;
height: 15px;
width: 100%;
background-image: url("/image/links_abschluss.jpg");
background-repeat: no-repeat;
}

/* MITTE */

#mitte{
width: 580px;
padding: 16px 0px 0px 0px;
}

#mitte .navigation{
float: left;
margin: 0px 0px 32px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}

#mitte .seitenzahlen{
float: left;
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
text-align: right;
}

#mitte .seitenzahlen_unten{
float: left;
margin: 16px 0px 8px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
text-align: right;
}

#mitte h1{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 20px;
width: 100%;
line-height: 20px;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
}

#mitte h1 strong{
font-weight: normal;
color: #DF2F44;
background-color: inherit;
}

#mitte h1 a{
text-decoration: none;
color: #000000;
background-color: inherit;
}

#mitte .kategorien{
float: left;
border-collapse: collapse;
}

#mitte .kategorien td{
padding: 4px 4px 4px 4px;
height: 27px;
width: 182px;
line-height: 16px;
vertical-align: top;
text-indent: 22px;
background-position: 0px 3px;
background-image: url("/image/kat_mitte_hintergrund.png");
background-repeat: no-repeat;
font-size: 80%;
}

#mitte .kategorien .langtext{
padding: 4px 0px 0px 22px;
height: 36px;
width: 160px;
line-height: 12px;
vertical-align: top;
background-image: url("/image/kat_mitte_hintergrund2.png");
background-repeat: no-repeat;
font-size: 80%;
text-indent: 0px;
}

#mitte .kategorien .leer{
background-image: none;
}

/* SUCHE */
#suche{
float: left;
margin: 16px 0px 16px 0px;
padding: 4px;
width: 572px;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
color: #000000;
background-color: #EEEEEE;
}

suchbegriff{
width: 256px;
font-size: 11px;
}


/* Artikelliste */
#artikelliste{
float: left;
border-collapse: collapse;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
width: 100%;
}

#artikelliste thead{
height: 20px;
line-height: 20px;
vertical-align: middle;
font-weight: bold;
color: #000000;
background-color: #BBBBBB;
}

#artikelliste td{
padding: 4px;
vertical-align: top;
border: 1px;
border-style: solid;
border-color: #DDDDDD;
}

#artikelliste .bezeichnung{
width: 275px;
font-weight: bold;
}

#artikelliste .ang_fromdate{
font-weight: bold;
background-color: #7F7D80;
color:#ffffff;
display: block;
padding:0 0 2px 20px;
background-image: url(image/abgelaufen.gif);
background-repeat: no-repeat;
background-position: left 0;
}

#artikelliste .ang_preis{
display: block;
margin-bottom: 3px;
width: 100%;
font-weight: bold;
color: #B4002A;
background-color: inherit;
}

#artikelliste .td_preis{
text-align: center;
}

#artikelliste .preis{
display: block;
margin-bottom: 3px;
width: 100%;
font-weight: bold;
text-align: center;
color: #B4002A;
background-color: inherit;
}

/* Artikeldetails */

#artikeldetails{
float: left;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
border-collapse: collapse;
width: 100%;
}

#artikeldetails thead{
color: #000000;
background-color: #DDDDDD;
}

#artikeldetails thead td{
padding: 2px 4px 2px 4px;
}

#artikeldetails td{
padding: 4px;
vertical-align: top;
border: 1px;
border-style: solid;
border-color: #DDDDDD;
}

#artikeldetails .bildvorschau img{
margin: 0px 0px 2px 0px;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
}

#artikeldetails h1{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
}

#artikeldetails h2{
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
font-weight: normal;
}

#artikeldetails img{
margin: 16px 0px 16px 0px;
}

#artikeldetails .icon_lager img{
margin: 0px 0px 0px 0px;
}

#artikeldetails .zeile1{
background-color: #EEEEEE;
}

#artikeldetails .preis{
font-size: 12px;
font-weight: bold;
}


#artikeldetails .zumWarenkorb{
float: right;
margin: 4px;
padding: 4px;
width: 175px;
text-align: center;
font-weight: bold;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
color: #000000;
background-color: #D4D0C8;
}

/* Related */

#related{
float: left;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
border-collapse: collapse;
width: 100%;
}

#related thead{
color: #000000;
background-color: #FFFFFF;
}

#related thead td{
padding: 2px 4px 2px 4px;
}

#related td{
padding: 4px;
vertical-align: top;
border: 1px;
border-style: solid;
border-color: #DDDDDD;
}

#related .bildvorschau img{
margin: 0px 0px 2px 0px;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
}

#related h1{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
}

#related h2{
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
font-weight: normal;
}

#related img{
margin: 16px 0px 16px 0px;
}

#related .icon_lager img{
margin: 0px 0px 0px 0px;
}

#related .zeile1{
background-color: #EEEEEE;
}

#related .preis{
font-size: 12px;
font-weight: bold;
}

#related .bezeichnung{
font-weight: bold;
}

#related .zusatztext{
font-weight: normal;
line-height: 20px;
}

#related .zumWarenkorb{
float: right;
margin: 4px;
padding: 4px;
width: 175px;
text-align: center;
font-weight: bold;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
color: #000000;
background-color: #D4D0C8;
}

/* Vorschau Angebot */

#vorschau_ang{
float: left;
width: 572px;
height: auto;
background-image: url("/image/mitte_angebot_hintergrund.jpg");
}

#vorschau_ang .kopf{
float: left;
margin: 0px;
padding: 0px;
width: 100%;
height: 10px;
font-size: 5px;
background-image: url("/image/mitte_angebot.jpg");
}

#vorschau_ang .bild{
float: left;
margin: 0 0 0 8px;
padding: 0px;
width: 260px;
display: inline;
}

#vorschau_ang .bild img{
margin: 4px;
border: 1px;
border-style: solid;
border-color: #EEEEEE;
}

#vorschau_ang .text{
float: right;
margin: 0px;
padding: 0px;
width: 300px;
height: auto;
background-image: url("/image/mitte_angebot.jpg");
background-position: -272px -10px;
background-repeat: no-repeat;
}

#vorschau_ang .restzeit{
margin: 24px 0px 24px 0px;
padding: 0px;
width: 100%;
height: 72px;
line-height: 80px;
vertical-align: middle;
text-indent: 24px;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
font-weight: bold;
color: #FFFFFF;
background-image: url("/image/restzeit.jpg");
background-repeat: no-repeat;
}

#vorschau_ang .preis{
display: block;
font-size: 20px;
color: #B4002A;
background-color: inherit;
}

#vorschau_ang .uvp{
display: block;
line-height: 24px;
vertical-align: middle;
color: #393B39;
background-color: inherit;
}

#vorschau_ang .uvp sub{
font-weight: bold;
font-size: 16px;
padding: 2px;
border: 1px;
border-style: dashed;
border-color: #779A00;
vertical-align: top;
background-color: #EEEEEE;
}

#vorschau_ang .uvp del{
color: #696A68;
background-color: inherit;
}

#vorschau_ang .balken{
display: block;
margin: 8px 0px 16px 0px;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-indent: 32px;
color: #000000;
font-weight: bold;
background-color: inherit;
background-image:url("/image/100_prozent.jpg");
background-repeat: no-repeat;
}

#vorschau_ang .balken100{
display: block;
margin: 8px 0px 16px 0px;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-indent: 32px;
color: #000000;
font-weight: bold;
background-color: inherit;
background-image:url("/image/100_prozent.jpg");
background-repeat: no-repeat;
}

#vorschau_ang .balken75{
display: block;
margin: 8px 0px 16px 0px;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-indent: 32px;
color: #000000;
font-weight: bold;
background-color: inherit;
background-image:url("/image/75_prozent.jpg");
background-repeat: no-repeat;
}

#vorschau_ang .balken50{
display: block;
margin: 8px 0px 16px 0px;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-indent: 32px;
color: #000000;
font-weight: bold;
background-color: inherit;
background-image:url("/image/50_prozent.jpg");
background-repeat: no-repeat;
}

#vorschau_ang .balken25{
display: block;
margin: 8px 0px 16px 0px;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-indent: 32px;
color: #000000;
font-weight: bold;
background-color: inherit;
background-image:url("/image/25_prozent.jpg");
background-repeat: no-repeat;
}

#vorschau_ang .balken0{
display: block;
margin: 8px 0px 16px 0px;
height: 22px;
line-height: 22px;
vertical-align: middle;
text-indent: 64px;
color: #FFFFFF;
font-weight: bold;
background-color: inherit;
background-image:url("/image/0_prozent.jpg");
background-repeat: no-repeat;
}

#vorschau_ang .infotext{
display: block;
margin: 8px 0px 8px 0px;
padding: 8px;
width: 238px;
color: #000000;
background-color: #F3F4F0;
}

#vorschau_ang .bestellen{
display: block;
margin: 16px 0px 8px 0px;
width: 250px;
text-align: right;
}

#vorschau_ang .fuss{
float: left;
margin: 0px;
padding: 0px;
width: 100%;
height: 10px;
font-size: 5px;
background-image: url("/image/mitte_angebot_fuss.jpg");
background-repeat: no-repeat;
}


#vorschau_ang_klein{
float: left;
margin: 0px 0px 0px 1px;
padding: 0px 0px 0px 0px;
height: auto;
width: 100%;
}

#vorschau_ang_klein .rahmen{
float: left;
display: inline;
margin: 8px 9px 0px 0px;
padding: 0px 0px 0px 0px;
height: auto;
width: 184px;
background-image: url("/image/mitte_angebot_klein_text.jpg");
}

#vorschau_ang_klein .kopf{
float: left;
margin: 0px;
padding: 0px;
width: 100%;
height: 10px;
font-size: 5px;
background-image: url("/image/mitte_angebot_klein.jpg");
background-repeat: no-repeat;
}

#vorschau_ang_klein .bild{
height: 320px;
background-image: url("/image/mitte_angebot_klein_bild.jpg");
}

#vorschau_ang_klein .bild img{
margin: 4px;
}

#vorschau_ang_klein .text{
float: left;
margin-left: 5px;
padding-top: 8px;
height: 50px;
width: 170px;
}

#vorschau_ang_klein .link{
float: left;
margin-left: 5px;
padding-top: 8px;
height: 50px;
width: 170px;
text-align: right;
}

#vorschau_ang_klein .preis{
float: left;
margin-left: 5px;
padding-top: 8px;
height: 29px;
width: 170px;
font-size: 16px;
font-weight: bold;
color: #B4002A;
background-color: inherit;
text-align: right;
}

#vorschau_ang_klein .fuss{
float: left;
margin: 0px;
padding: 0px;
width: 100%;
height: 9px;
font-size: 5px;
background-image: url("/image/mitte_angebot_klein.jpg");
background-position: 0px -23px;
background-repeat: no-repeat;
}

/* WARENKORB */

#warenkorb{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: auto;
width: 100%;
border-collapse: collapse;
color: #000000;
background-color: #EEEEEE;
}

#warenkorb thead{
height: 20px;
line-height: 20px;
vertical-align: middle;
font-weight: bold;
color: #000000;
background-color: #BBBBBB;
}

#warenkorb .highlight td{
color: #000000;
background-color: #CCCC00;
}

#warenkorb tr td{
padding: 2px 2px 2px 2px;
border: 1px;
border-style: solid;
border-color: #DDDDDD;
}

#warenkorb tr .preis{
width: 70px;
}

#tbl_fuss{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 20px;
width: 100%;
border-collapse: collapse;
color: #000000;
background-color: #FFFFFF;
}

#tbl_fuss .rechts{
text-align: right;
}

#warenkorb .links{
font-weight: bold;
text-align: left;
}

#warenkorb .rechts{
text-align: left;
}

#warenkorb .leer{
padding: 0px;
font-size: 1px;
height: 1px;
color: #000000;
background-color: #FFFFFF;
}

#tbl_fuss td{
border: 4px;
border-style: solid;
border-color: #FFFFFF;
text-align: center;
}

#tbl_fuss .aktualisieren{
width: 100px;
font-family: Verdana,Arial,Tahoma,Helvetica;
color: #000000;
background-color: #D4D0C8;
}

#tbl_fuss .zurBestellung{
width: 100px;
color: #000000;
background-color: #D4D0C8;
}

#tbl_fuss input{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
border: 0px;
color: #000000;
background-color: #D4D0C8;
}

.bestellformular{
float: left;
width: 100%;
margin: 16px 0px 0px 0px;
}

.datenblatt{
float: left;
margin: 16px 0px 0px 0px;
width: 100%;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
border-collapse: collapse;
}

.datenblatt h2{
font-size: 14px;
}

.datenblatt td{
border: 1px;
border-style: solid;
border-color: #DDDDDD;
}

.bereits_kunde{
float: left;
width: 100%;
margin: 16px 0px 16px 0px;
}

.bereits_kunde h2{
margin: 0px;
font-size: 12px;
}

.bestellformular h2{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 20px;
width: 100%;
line-height: 20px;
vertical-align: middle;
font-size: 14px;
font-weight: bold;
text-indent: 4px;
color: #000000;
background-color: #DDDDDD;
border: 1px;
border-style: solid;
border-color: #BBBBBB;
}

.bestellformular .col1{
width: 200px;
}

.bestellformular table{
float: left;
height: auto;
width: 100%;
border-collapse: collapse;
border: 1px;
border-style: solid;
border-color: #DDDDDD;
}

.bestellformular td{
padding: 4px 4px 4px 4px;
border: 1px;
border-style: solid;
border-color: #EEEEEE;
}

.bestellformular input{
font-size: 11px;
}

.bestellformular select{
font-size: 11px;
}

.fehlerausgabe{
padding: 16px 0px 16px 0px;
float: left;
height: auto;
width: 100%;
}

.fehlertext{
display: block;
font-weight: normal;
text-indent: 8px;
color: #C30011;
background-color: inherit;
}

.pflichtfeld{
font-weight: normal;
margin-left: 2px;
color: #cc3300;
background-color: inherit;
}


.statusmeldungen{
padding: 8px 0px 16px 0px;
float: left;
height: auto;
width: 100%;
}

.statusmeldung{
display: block;
font-weight: bold;
text-indent: 8px;
color: #C30011;
background-color: inherit;
}

/* RECHTS */
#rechts{
float: right;
width: 180px;
}

#rechts ul{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 180px;
}

#rechts ul li{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 8px;
line-height: 16px;
width: 172px;
background-image: url("/image/nav_links_li.jpg");
background-repeat: repeat-y;
}


#rechts h1{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 32px;
width: 100%;
line-height: 18px;
vertical-align: middle;
text-indent: 8px;
font-size: 11px;
color: #FFFFFF;
background-color: inherit;
background-image: url("/image/nav_links_h1.jpg");
background-repeat: no-repeat;
}

 #rechts h1 a{
 color: #FFFFFF;
 background-color: inherit;
 }

#rechts ul .abschluss{
font-size: 1px;
height: 15px;
width: 172px;
background-image: url("/image/links_abschluss.jpg");
background-repeat: no-repeat;
}

 #rechts a{
 color: #000000;
 background-color: inherit;
 }


/* FUSSZEILE */
#fusszeile{
float: left;
margin: 64px 0px 0px 0px;
width: 100%;
text-align: center;
}

/* ABSCHLUSS */
#abschluss{
float: left;
margin: 64px 0px 0px 0px;
width: 100%;
}

#mycms{
float: left;
margin: -16px 0px 0px 0px;
}

#mycms h1{
margin: 0px 0px 8px 0px;
font-size:14px;
font-weight: bold;
}

#mycms .news h2{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
}

#mycms .news h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
}

#mycms  h2{
margin: 16px 0px 16px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
}

#mycms  h3{
margin: 16px 0px 16px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
}