ul{margin:0px;padding:0px;}
/* slideViewer 1.0 default styles */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}

.stripViewer { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden;
border: 0px solid gray; /* this is the border. should have the same value for the links */
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { /* each image is arranged horizontally */
float:left;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
overflow: auto;
width: 1%;
}
.stripTransmitter ul { /* the auto-generated set of links */
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{ /* the links. */
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: gray;
color: white;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover { /* hover */
background: #c50000;
color: #fff;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #fff;
color: #ff0000;
}
/* end slideViewer default styles */

p {padding: 2em 0 0 0;}

code {
width:93%;
font: normal 1em/1.3em 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 0;
margin: 0;
background-color: #fff;
white-space: pre;
overflow-x: auto;
}

.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}

#artikel{margin-left:auto;margin-right:auto;padding:1em 0.5em 2em 0.5em;}
#Artikelbezeichnung{}
#Artikelnummer{padding-top:0.8em;float:left;width:100%;}
#Artikelnummer1{padding-top:0.8em;float:left;margin-right:1.5em;}
#Artikelnummer2{padding-top:0.4em;float:left;}
#Artikelpreis{padding-top:0.8em;}
#Artikel_in_WK_Button{padding-top:0.8em;}
.ArtikelinfoZelle{display: none;}
#Artikelinfo{padding-top:1.5em;float:left;width:100%;}
#zurueck_Unten{float:left;}
#naechsterArtikel{float:left;}
#wunschliste{display:inline;}
#wunschliste2{display:block;}
#quali{display:none;width:100%;background-color:#e6eeee;border-color:gray;border-width:1px;border-style:solid;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}

#shoptabelle{width:95%;text-align:center;margin-left:auto;margin-right:auto;}

.grueneampel{color:#1a8502;}
.gelbeampel{color:#ef7701;}
.roteampel{color:#d52300;}

.zu_offener_Bestellung{border-color:pink;border-width:0px;border-style:solid;}

@media only screen and (min-width: 38.75em) { /* ab 620 px */

#artikel{padding:1em 1em 1em 1em}
.main-nav{display:block;width:30%;float:left;margin-left:0em; margin-right:auto;}
.mainContent{display:block;width:70%;float:left;margin-left:0em; margin-right:auto;}
.mainContentDetail{display:block;width:80%;margin-left:auto; margin-right:auto;}
.nurFuerMobile{display:none;}
}

@media only screen and (min-width: 43.75em) { /* ab 700 px */
#naechsterArtikel{float:right;margin-top:0em}
.main-nav{display:block;width:22%}
.mainContent{display:block;width:78%;}
}

@media only screen and (min-width: 50.875em) { /* ab 814 px */

.ArtikelinfoZelle{display: table-cell;}
#shoptabelle{width:85%;}
#Artikelbezeichnung{float:left;}
#Artikelnummer{float:right;padding-top:0em;margin-left:1.5em;width:auto;}
#Artikelnummer1{padding-top:0em;}
#Artikelnummer2{padding-top:0em;}
#Artikelpreis{float:left;}
#Artikel_in_WK_Button{float:right;}
#Artikelinfo{float:left;}
#artikel{padding:1.5em 2em 1em 2em}
#quali{width:60%;"}

}

@media only screen and (min-width: 59.5em) { /* ab 952 px */
#artikel{padding:2em 3em 1em 3em}
#quali{width:50%;"}

}