body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
color : #000000;
margin : auto;
border : none;
min-width : 1200px;
margin : 0 0 0 0;
border : none;
background-color : #ffffff;
}

table { width : 100%; }

td, th {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
color : #000000;
margin : auto;
border : none;
background-color : #ffffff;
}
td.SHOP_BILD_SPALTE_S {
width : 20%;
text-align : center;
vertical-align : top;
margin-left : auto;
margin-right : auto;
min-width : 140px;
}
td.SHOP_BILD_SPALTE_M {
width : 75%;
text-align : left;
vertical-align : top;
margin-left : auto;
margin-right : auto;
min-width : 140px;
}
td.SHOP_SPALTE_GROSS {
width : 80%;
text-align : left;
vertical-align : top;
margin-left : auto;
margin-right : auto;
}
td.SHOP_SPALTE_MINI {
width : 30%;
text-align : left;
vertical-align : bottom;
margin-left : auto;
margin-right : auto;
}
td.WARENKORB1 {
width : 5%;
text-align : center;
vertical-align : top;
margin-left : auto;
margin-right : auto;
}
td.WARENKORB2 {
width : 50%;
text-align : center;
vertical-align : top;
margin-left : auto;
margin-right : auto;
}
td.WARENKORB3 {
width : 5%;
text-align : center;
vertical-align : top;
margin-left : auto;
margin-right : auto;
}
td.WARENKORB4 {
width : 15%;
text-align : center;
vertical-align : top;
margin-left : auto;
margin-right : auto;
}
td.WARENKORB5 {
width : 15%;
text-align : center;
vertical-align : top;
margin-left : auto;
margin-right : auto;
}
td.WARENKORB_WAEHRUNG {
width : 10%;
text-align : right;
vertical-align : top;
margin-left : auto;
margin-right : auto;
}
.SHOP_ZUFALLSBILDER_STARTSEITE img[src$="jpg"] {width: auto; height: auto; }
td.SHOP_ZUFALLSBILDER_STARTSEITE {
width : 20%;
text-align : center;
vertical-align : top;
margin-left : auto;
margin-right : auto;
overflow : hidden;
}
td.SHOP_ARTIKELNUMMER {
width : 20%;
text-align : left;
vertical-align : top;
margin-left : auto;
margin-right : auto;
overflow : hidden;
}
.ZENTRIERT {
text-align : center;
margin-left : auto;
margin-right : auto;
}
.DESIGN_BANNER {
background-color : #ffffff;
width : 100%;
border : 0 solid red;
float : left;
}
a:link {
color : #7b1c20;
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #7b1c20;
}
a:hover {
text-decoration : none;
color : #9d9d9f;
}
a:active {
text-decoration : none;
color : #7b1c20;
}
h1 {
font-size : medium;
color : #000000;
font-weight : bolder;
}
h2 {
font-size : small;
color : #000000;
font-weight : bolder;
}
img {
padding : 0;
border : 0;
}

.INFOBILD {
padding : 5px;
border : 0;
vertical-align : middle;
float: left;
}

.Stil1 {
color : #ffffcc;
}
.Stil2 {
color : #ff3300;
}
.Stil3 {
font-size : xx-small;
}
.Stil4 {
color : #000000;
}
.Stil4 a:link {
color : #000000;
}
.Stil4 a:visited {
color : #000000;
}
.Stil4 a:hover {
color : #9d9d9f;
}
.Stil4 a:active {
color : #000000;
}
.Stil5 {
color : #9d9d9f;
font-size : x-small;
}
.Stil5 a:link {
color : #9d9d9f;
}
.Stil5 a:visited {
color : #9d9d9f;
}
.Stil5 a:hover {
color : #7b1c20;
}
.Stil5 a:active {
color : #9d9d9f;
}
.Stil6 {
font-size : large;
font-weight : bolder;
color : #9d9d9f;
}
.Stil6 a:link {
color : #9d9d9f;
}
.Stil6 a:visited {
color : #9d9d9f;
}
.Stil6 a:hover {
color : #7b1c20;
}
.Stil6 a:active {
color : #9d9d9f;
}
.Stil7 {
font-size : small;
font-weight : bolder;
color : #9d9d9f;
}
.Stil7 a:link {
color : #9d9d9f;
}
.Stil7 a:visited {
color : #9d9d9f;
}
.Stil7 a:hover {
color : #7b1c20;
}
.Stil7 a:active {
color : #9d9d9f;
}
.Stil8 {
color : #000000;
}
.Stil8 a:link {
color : #000000;
}
.Stil8 a:visited {
color : #000000;
}
.Stil8 a:hover {
color : #9d9d9f;
}
.Stil8 a:active {
color : #000000;
}
.keinumbruch {
margin : 0 0 0 0;
white-space : nowrap;
padding : 0;
}
.ZENTRIERT {
text-align : center;
margin-left : auto;
margin-right : auto;
}
.fehler {
color : #ff0000;
}
.tabelle_hell {
background-color : #ffffff;
}
.tabelle_sehrhell {
background-color : #ffffff;
}
.tabelle_dunkel {
background-color : #ffffff;
}
.inputbox {
font-size : small;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-color : #ffffcc;
text-transform : none;
border : 1px solid #000000;
}
.inputboxfehler {
font-size : small;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-color : #FF0;
text-transform : none;
border : 1px solid #F60;
box-shadow: 2px 2px 4px #F00;
}
input[type="search"] {
-webkit-appearance: textfield;
}
.button {
background-color : #eeeeee;
color : #000000;
border : 1px solid #110000;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #CCC;
}
.button:link {
background-color : #eeeeee;
color : #000000;
border : 1px solid #110000;
font-size : small;
white-space : nowrap;
}
.button:hover {
background-color : #aa0000;
color : #ffffff;
box-shadow: 4px 4px 8px #999;
}
.bestelldaten {
width : 80%;
padding : 3px;
background-color : #ffffff;
color : #000000;
border : 1px solid #ffffff;
}
.bestelldaten2 {
width : 100%;
padding : 3px;
margin-left : 3px;
margin-right : 3px;
background-color : #ffffff;
color : #000000;
border : 0;
min-width : 400px;
}
hr {
border : none;
border-top : 1px solid #9d9d9f;
}
form {
margin : 0;
padding : 0;
}

.DESIGN_KOPFZEILE {
float : left;
width : 100%;
text-align : right;
margin-top : 3px;
margin-bottom: 3px;
}
.DESIGN_KOPFZEILE2 {
width : 100%;
text-align : left;
padding : 5px;
margin : 3px;
}
.DESIGN_LINKS {
float : left;
width : 20%;
}

.DESIGN_MITTE {
float : left;
width : 60%;
}

.DESIGN_RECHTS {
float : left;
width : 20%;
}

.DESIGN_FUSSZEILE {
float : left;
width : 100%;
text-align : right;
margin-top : 15px;
}
.NAVI_BOX {
float : left;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
.COOKIE_BOX {
z-index: 10;
float : left;
width : 50%;
position:fixed;
bottom: 5px;
right: 5px;
background-color : #ffe499;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
.NEWSLETTER_BOX {
float : left;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}



/* SUCHE IM BANNER START */
.SUCHEN_BOX_TRANSPARENT_BANNER {
position : absolute;
top : 145px;
left : 80%;
width : 18%;
height : 25px;
float : right;
background-color : #fffff9;
border : 1px solid #000000;
padding : 10px;
filter:alpha(opacity=80); 
-moz-opacity:0.8; 
opacity:0.8; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.SUCHEN_BOX_BANNER {
position : absolute;
top : 145px;
left : 80%;
width : 18%;
height : 25px;
float : right;
background-color : transparent;
border : 1px solid #000000;
padding : 10px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
color : #000000;
}
ul#AJAX_SUCHERGEBNIS_BANNER {
position : absolute;
top: 193px;
right: 11px;
vertical-align : top;
width : 30%;
background-color : #FFC;
border : 1px solid #C2E2E0;
padding : 10px;
margin : -1px;
z-index : 199;
box-shadow: 4px 4px 8px #999;
}
#AJAX_SUCHERGEBNIS_BANNER ul li a {color: #000000;}
* html ul#AJAX_SUCHERGEBNIS_BANNER {width : 400px; top: 15em;}
ul#AJAX_SUCHERGEBNIS_BANNER li ul  {
display: none;
}
ul#AJAX_SUCHERGEBNIS_BANNER li {
list-style: none;
}
/* SUCHE IM BANNER ENDE */
/* SUCHE IM MENÜ LINKS START */
.SUCHEN_BOX {
float : left;
width : 90%;
border : 1px solid #999999;
background-color: #ffffff;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
ul#AJAX_SUCHERGEBNIS {
position : absolute;
top: 18em;
left: 1em;
vertical-align : top;
width : 30%;
background-color : #FFC;
border : 1px solid #C2E2E0;
padding : 10px;
margin : -1px;
z-index : 199;
box-shadow: 4px 4px 8px #999;
}
* html ul#AJAX_SUCHERGEBNIS {width : 400px; top: 15em;}
ul#AJAX_SUCHERGEBNIS li ul  {
display: none;
}
ul#AJAX_SUCHERGEBNIS li {
list-style: none;
}
/* SUCHE IM MENÜ LINKS ENDE */
.SCHLIESSEN a 
{
float : right;
top: 20em;
left: 30%;
color: #000000;
}


.MEISTVERKAUFTE_BOX {
float : left;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
.NEUSTE_BOX {
float : left;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
.HAENDLER_BOX {
float : left;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
.KUNDENKARTEN_BOX {
float : left;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
.ARTIKELAUS_BOX {
float : left;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
.INFOTEXT_BOX {
float : right;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}

.TAGCLOUD_BOX {
float : right;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
.tag1 { font-size : 0.7em; }
.tag2 { font-size : 0.9em; }
.tag3 { font-size : 1.2em; }

.ZULETZTBESUCHT_BOX {
float : right;
width : 90%;
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 4px 4px 8px #CCC;
}
.WARENKORB_BOX_TRANSPARENT {
position : absolute;
top : 50px;
left : 80%;
width : 18%;
height : 63px;
float : right;
background-color : #ffffff;
border : 1px solid #000000;
padding : 10px;
background-image : url(pictures/einkaufswagen.png);
background-size: 90px 86px;
background-repeat : no-repeat;
background-position : 165px 3px;
filter:alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Gecko-Browser */
opacity:0.8; /* Opera 9+ */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.WARENKORB_BOX {
position : absolute;
top : 50px;
left : 80%;
width : 18%;
height : 63px;
float : right;
background-color : transparent;
border : 1px solid #000000;
padding : 10px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.WARENKORB2_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
box-shadow: 4px 4px 8px #CCC;
}
.DOKUMENTE_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
box-shadow: 4px 4px 8px #CCC;
}
.DOKUMENTE2_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
min-width : 690px;
width : 96.4%;
float: left;
box-shadow: 4px 4px 8px #CCC;
}
.MENUETEXT_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
min-width : 690px;
width : 96.4%;
float: left;
box-shadow: 4px 4px 8px #CCC;
}
.EMAIL_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 4px 4px 8px #CCC;
}
.SHOP_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
box-shadow: 4px 4px 8px #CCC;
}
.SHOP2_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
box-shadow: 4px 4px 8px #CCC;
}
.SHOP3_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
box-shadow: 4px 4px 8px #CCC;
}
.SHOP4_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
box-shadow: 4px 4px 8px #CCC;
}
.NEUERHAENDLER_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 4px 4px 8px #CCC;
}
.BLAETTERN_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 5px;
text-align : center;
margin : 3px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 4px 4px 8px #CCC;
}
.NEWSLETTER2_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
box-shadow: 4px 4px 8px #CCC;
}

.INFOBOX_BOX_SCHMAL_UNTEN {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 0.3%;
box-shadow: 4px 4px 8px #CCC;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;

width : 30.5%;
float: left;
min-height: 20em;
height: 20em;
overflow: scroll;
}


.WILLKOMMEN_BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
box-shadow: 4px 4px 8px #CCC;
}
.BEWERTUNG-BOX {
background-color : #ffffff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
box-shadow: 4px 4px 8px #CCC;
}
.BEWERTUNG-BOX_KOMMENTAR {
background-color : #ffffcc;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 4px 4px 8px #CCC;
}
.BEWERTUNG-BOX_ANTWORT {
background-color : #ccffcc;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 4px 4px 8px #CCC;
}
textarea { width: 99%; border: 1px solid #333; padding: 4px; }


.NAVI_BOX_OBEN {
float : left;
width : 99%; text-align : center;
/*background-color : #ffffff;*/
/*border : 1px solid #999999;*/
/*padding : 2px;*/
/*margin : 3px;*/
/*box-shadow: 4px 4px 8px #CCC;*/
}	
NAVIGATION_OBEN ul ul {
display: none;
}
NAVIGATION_OBEN ul li:hover > ul {
display: block;
z-index: 10;
}
NAVIGATION_OBEN ul {
background: #ffffff; 
border: 1px solid #999999;
box-shadow: 4px 4px 8px #CCC;
padding: 0 5px;
border-radius: 10px;  
list-style: none;
position: relative;
display: inline-table;
}
NAVIGATION_OBEN ul:after {
content: ""; clear: both; display: block;
}	
NAVIGATION_OBEN ul li {
float: left;
}
NAVIGATION_OBEN ul li:hover {
background: #ffec84;
}
nav ul li:hover a {
color: #ffffff;
}
NAVIGATION_OBEN ul li a {
display: block; padding: 5px 10px; color: #ffffff; text-decoration: none;
}
NAVIGATION_OBEN ul ul {
background: #ffffff; border-radius: 0px; padding: 0; position: absolute; top: 100%;
}
NAVIGATION_OBEN ul ul li {
float: none; border-top: 1px solid #999999; position: relative;
}
NAVIGATION_OBEN ul ul li a {
padding: 5px 30px;
color: #800000; text-align : left;
}	
NAVIGATION_OBEN ul ul li a:hover {
background: #ffec84;
}
NAVIGATION_OBEN ul ul ul {
position: absolute; left: 100%; top:0;
}

.textrechts { vertical-align : middle }
.textmitte { vertical-align : middle }
.textunten { vertical-align : text-bottom; }
.textoben { vertical-align : top; }

input[type=submit]{
padding : 0px;
padding-left : 5px;
padding-right : 5px;
background-color : #eeeeee;
color : #000000;
border : 1px solid #110000;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #CCC;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

.bss-slides{
position: relative;
display: block;    
}
.bss-slides:focus{
outline: 0;
}
.bss-slides figure{
position: absolute;
top: 0;
width: 100%;
margin-left: 0px;
margin-top: 0px;
}
.bss-slides figure:first-child{
position: relative;
}
.bss-slides figure img{
opacity: 0;
-webkit-transition: opacity 1.2s;
transition: opacity 1.2s;
position: relative;
/*-webkit-backface-visibility: hidden;
backface-visibility: hidden;
*/
}
.bss-slides .bss-show {
z-index: 3;
}
.bss-slides .bss-show img{
opacity: 1;
/* -webkit-backface-visibility: hidden;
backface-visibility: hidden;*/
}
.bss-slides figcaption{
position: absolute;
font-family: sans-serif;
font-size: 2em;
bottom: .75em;
right: .35em;
padding: .25em;
color: #fff;
background: #000;
background: rgba(0,0,0, .25);
border-radius: 2px;
opacity: 0;
-webkit-transition: opacity 1.2s;
transition: opacity 1.2s;
}
.bss-slides .bss-show figcaption{
z-index: 2;
opacity: 1;
}
.bss-slides figcaption a{
color: #fff;    
}
.bss-next, .bss-prev{
color: #fff;
position: absolute;
background: #000;
background: rgba(0,0,0, .6);
top: 50%;
z-index: 4;
font-size: 2em;
margin-top: -1.2em;
opacity: .5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bss-next:hover, .bss-prev:hover{
cursor: pointer;
opacity: 1;
}
.bss-next{
right: 0;
padding: 20px 5px 30px 10px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.bss-prev{
left: 0;
padding: 20px 10px 30px 5px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}