body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
color : #000000;
background : #000000 url(pictures/hintergrund.png) no-repeat fixed right bottom;
border : 0;
min-width : 1000px;
padding : 0;
}
td, th {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
color : #000000;
border : 0;
padding : 0;
vertical-align : top;
}
table {
border-spacing : 0;
}

textarea { width: 99%; border: 1px solid #333; padding: 4px; }

.TABELLE_IN_TABELLE {
vertical-align : top;
width : 98%;
background-color : #f8f8ff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 5px 5px 8px #666;
}
.TABELLE_IN_TABELLE_WICHTIG {
vertical-align : top;
width : 98%;
background-color : #fa8072;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 5px 5px 8px #666;
}
.LOGO {
z-index : 58;
position : absolute;
top : 5px;
right : 10px;
border : 0;
}
.TABELLE_UEBER_TABELLE {
z-index : 200;
position : absolute;
top : 25%;
left : 20%;
width : 50%;
background-color : #e6e6fa;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 5px 5px 8px #666;
}
.TABELLE_UEBER_TABELLE_BREIT {
z-index : 200;
position : absolute;
top : 15%;
left : 10%;
width : 75%;
background-color : #e6e6fa;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 5px 5px 8px #666;
}
.TABELLE_UEBER_TABELLE2 {
z-index : 200;
position : absolute;
top : 5%;
left : 15%;
width : 50%;
background-color : #e6e6fa;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 5px 5px 8px #666;
}
.DUNKEL {
z-index : 199;
position : fixed;
top : 0;
left : 0;
height : 100%;
width : 100%;
background-color : #000;
-ms-filter: "Alpha(Opacity=75)"; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;
}
.TABELLE50 {
width : 50%;
background-color : #f0f8ff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
margin-left : auto;
margin-right : auto;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}



.TABELLE50S {
position : absolute;
top : 23%;
left : 23%;
width : 50%;
background-color : #f0f8ff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
margin-left : auto;
margin-right : auto;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 5px 5px 8px #666;
}



.TABELLE100 {
float : left;
width : 96%;
background-color : #f0f8ff;

background-image: -moz-linear-gradient(top, #f0f8ff 75%, #cce6ff 95%);
background-image: -webkit-linear-gradient(top, #f0f8ff 75%, #cce6ff 95%);
background-image: -ms-linear-gradient(top, #f0f8ff 75%, #cce6ff 95%);
background-image: -o-linear-gradient(top, #f0f8ff 75%, #cce6ff 95%);


border : 1px solid #999999;
margin-top : 0;
margin-bottom : 3px;
margin-left : 1%;
margin-right : 1%;
padding : 1%;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
box-shadow: 5px 5px 8px #666;
}
.TABELLE100-RAHMEN {
float : left;
width : 100%;
border : 0;
padding : 0;
margin : 0;
}
.tabelle_hell {
background-color : #f0f8ff;
border : 0;
margin : 0;
padding : 0;
width: 99%;
}
.tabelle_hell1 {
background-color : #f0f8ff;
border : 0;
margin : 0;
padding : 0;
min-width : 200px;
width: 15%;
}
.tabelle_hell2 {
background-color : #f0f8ff;
border : 0;
margin : 0;
padding : 0;
width : 84%;
}
.tabelle_dunkel {
background-color : #cce6ff;
border : 0;
margin : 0;
padding : 0;
}
.tabelle_dunkel1 {
background-color : #cce6ff;
border : 0;
margin : 0;
padding : 0;
min-width : 200px;
}
.tabelle_dunkel2 {
background-color : #cce6ff;
border : 0;
margin : 0;
padding : 0;
width : 90%;
}
tr.tabelle_hell:hover {
background : #99ff99;
}
tr.tabelle_dunkel:hover {
background : #99ff99;
}
td.BESTELL_1 {
width : 15%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.BESTELL_2 {
width : 45%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.BESTELL_3 {
width : 10%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.BESTELL_4 {
width : 15%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.BESTELL_5 {
width : 7.5%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
.BAUMADMIN_1 {
float : left;
width : 70%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
vertical-align : top;
}
.BAUMADMIN_2 {
float : left;
width : 30%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
vertical-align : top;
}
td.HAENDLER_1 {
width : 10%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.HAENDLER_2 {
width : 50%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.GUTSCHEIN_1 {
width : 40%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.GUTSCHEIN_2 {
width : 10%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.KUNDENKARTE_1 {
width : 45%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.KUNDENKARTE_2 {
width : 10%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.INFOTEXTE_1 {
width : 25%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.INFOTEXTE_2 {
width : 65%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.INFOTEXTE_3 {
width : 10%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.MENUELEISTENTEXT_1 {
width : 80%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.MENUELEISTENTEXT_2 {
width : 20%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.STATISTIK_1 {
width : 40%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.STATISTIK_2 {
width : 10%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.USER_1 {
width : 10%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.USER_2 {
width : 60%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.UNTERTABELLE30 {
width : 30%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.UNTERTABELLE10 {
width : 10%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.UNTERTABELLE50 {
width : 50%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.NEWSLETTER_1 {
width : 30%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.NEWSLETTER_2 {
width : 5%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.VERSANDKOSTEN_1 {
width : 10px;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
background-color : #f0f8ff;
}
td.VERSANDKOSTEN_2 {
width : 90%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
background-color : #f0f8ff;
}
td.VERSANDKOSTEN_3 {
width : 10px;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
background-color : #c1eaff;
}
td.VERSANDKOSTEN_4 {
width : 90%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
background-color : #c1eaff;
}
td.TABELLE30 {
float : left;
width : 30%;
background-color : #f0f8ff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
td.TABELLE70 {
float : left;
width : 70%;
background-color : #f0f8ff;
border : 1px solid #999999;
padding : 10px;
margin : 3px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}


td.Feld3 {
width : 3%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.Feld28 {
width : 28%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}
td.Feld13 {
width : 13%;
text-align : left;
padding : 0;
border : 0;
border-spacing : 0;
}



.DESIGN_FUSSZEILE {
float : left;
width : 100%;
text-align : right;
margin-top : 15px;
}
img {
padding : 0;
border : 0;
}
.UMFLOSSENESBILD {
float : left;
padding : 15px;
border : 0;
}
a:link {
color : #333333;
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #333333;
}
a:hover {
text-decoration : none;
color : #0000ff;
}
a:active {
text-decoration : none;
color : #ff3300;
}
h1 {
font-size : medium;
color : #5151c4;
font-weight : bolder;
}
h2 {
font-size : small;
color : #0000cc;
font-weight : bolder;
}
.Stil1 {
color : #999999;
}
.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 : #ff3300;
}
.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;
}
.keinumbruch {
margin : 0 0 0 0;
padding : 0;
white-space : nowrap;
}
.ZENTRIERT {
text-align : center;
margin-left : auto;
margin-right : auto;
}
.fehler {
color : #ff0000;
}
body {
margin : 0 0 0 0;
border : thin;
background-color : #ffffff;
}
.nein {
background-color : #ff0000;
color : #ffffff;
border : 1px solid #666666;
font-size : small;
font-weight : bolder;
text-decoration : none;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
}
.nein:link {
background-color : #ff0000;
color : #ffffff;
border : 1px solid #666666;
font-size : small;
font-weight : bolder;
text-decoration : none;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
}
.nein:active {
background-color : #ff0000;
color : #ffffff;
}
.nein:visited {
background-color : #ff0000;
color : #ffffff;
}
.nein:hover {
background-color : #ffffff;
color : #ff0000;
box-shadow: 4px 4px 8px #F00;
}
.ja {
background-color : #33cc00;
color : #ffffff;
border : 1px solid #666666;
font-size : small;
font-weight : bolder;
text-decoration : none;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
}
.ja:link {
background-color : #33cc00;
color : #ffffff;
border : 1px solid #666666;
font-size : small;
font-weight : bolder;
text-decoration : none;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.ja:visited {
background-color : #33cc00;
color : #ffffff;
}
.ja:hover {
background-color : #ffffff;
color : #33cc00;
box-shadow: 4px 4px 8px #0C0;
}
.ja:active {
background-color : #33cc00;
color : #ffffff;
}



.buttoni {
background-color : #64a8f2;
font-style : italic;
color : #ffffff;
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;}
.buttonb {
background-color : #64a8f2;
font-weight : bolder;
color : #ffffff;
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;}
.buttonu {
background-color : #64a8f2;
text-decoration:underline;
color : #ffffff;
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;}
.buttonyoutube {
background-color : #64a8f2;
background : #64a8f2 url(pictures/YouTube.png) no-repeat;
background-size: 25px 23px;
color : #ffffff; 
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
background-repeat : no-repeat; 
background-position: -1px -1px;}
.buttonsonder {
background-color : #64a8f2;
background : #64a8f2 url(pictures/sonderpreis.png) no-repeat;
background-size: 50px 22px;
color : #ffffff; 
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
background-repeat : no-repeat; 
background-position: 1px 0px;}
.buttonbild {
background-color : #64a8f2;
background : #64a8f2 url(pictures/bild.png) no-repeat;
background-size: 20px 20px;
color : #ffffff; 
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
background-repeat : no-repeat; 
background-position: 2px 1px;}
.buttonlink {
background-color : #64a8f2;
background : #64a8f2 url(pictures/link.png) no-repeat;
background-size: 17px 17px;
color : #ffffff; 
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
background-repeat : no-repeat; 
background-position: 2px 2px;}
.buttonelink {
background-color : #64a8f2;
background : #64a8f2 url(pictures/link.png) no-repeat;
background-size: 17px 17px;
color : #ffffff; 
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
background-repeat : no-repeat; 
background-position: 2px 2px;}
.buttonvorschau {
background-color : #64a8f2;
background : #64a8f2 url(pictures/vorschau.png) no-repeat;
background-size: 17px 17px;
color : #ffffff; 
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
padding: 2px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
background-repeat : no-repeat; 
background-position: 2px 2px;}
.buttoni:hover,.buttonb:hover,.buttonu:hover,.buttonyoutube:hover,.buttonsonder:hover,.buttonbild:hover,.buttonlink:hover,.buttonelink:hover,.buttonvorschau:hover {
background-color : #a8d2ff;
color : #002a58;
box-shadow: 4px 4px 8px #666;}
.INFOBILD {
padding : 5px;
border : 0;
vertical-align : middle;
/*float: left;*/}



.button {
background-color : #64a8f2;
color : #ffffff;
border : 1px solid #666666;
font-weight : bolder;
font-size : small;
white-space : nowrap;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
box-shadow: 2px 2px 4px #666;
}
.button:link {
background-color : #64a8f2;
color : #ffffff;
border : 1px solid #666666;
font-weight : bolder;
font-size : small;
white-space : nowrap;
}
.button:visited {
background-color : #64a8f2;
color : #ffffff;
}
.button:hover {
background-color : #ffffff;
color : #64a8f2;
box-shadow: 4px 4px 8px #666;
}
.button:active {
background-color : #64a8f2;
color : #ffffff;
}
.lasche {
background-color : #c1eaff;
color : #000000;
border : 1px solid #666666;
font-size : small;
white-space : nowrap;
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.lasche:hover {
background-color : #64a8f2;
color : #ffffff;
border : 1px solid #666666;
padding-top : 5px;
font-size : small;
white-space : nowrap;
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.form {
font-size : small;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-color : #ffffff;
text-transform : none;
border-top : 1px solid #000000;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
border-left : 1px solid #000000;
}
.bestelldaten {
padding : 3px;
}
.bestelldaten2 {
padding : 3px;
}
hr {
border : none;
border-top : 1px dashed #000000;
}
form {
margin : 0;
padding : 0;
}



.NAVI {
float : left;
width : 95%;
border : 0px;
margin-top : 0;
margin-bottom : 3px;
margin-left : 1%;
margin-right : 1%;
padding : 1%;
}
ul#NAVIGATION {
margin: 0; padding: 0;
text-align: left;
}
ul#NAVIGATION li {
list-style: none;
float: left;  /* ohne width - nach CSS 2.1 erlaubt */
position: relative;
margin: -1px; padding: 0;
}
* html ul#NAVIGATION li {  /* Korrektur fuer den IE 5 und 6 */
margin-bottom: -0.4em;
}
*:first-child+html ul#NAVIGATION li {  /* Korrektur fuer den IE 7 */
margin-bottom: -0.1em;
}
ul#NAVIGATION li ul {
margin: 0; padding: 0;
position: absolute;
top: 2.3em; left: 1px;
display: none;  /* Unternavigation ausblenden */
}
* html ul#NAVIGATION li ul {  /* Korrektur fuer IE 5.x */
left: -1.5em;
lef\t: -0.4em;
}
*:first-child+html ul#NAVIGATION ul {  /* Workaround fuer den IE 7 */
background-color:silver; padding-bottom:0.4em;
}
ul#NAVIGATION li:hover ul {
display: block;  /* Unternavigation in modernen Browsern einblenden */
}
ul#NAVIGATION li ul li {
float: none;
display: block;
margin-bottom: -0.2em;
}
ul#NAVIGATION a, ul#NAVIGATION span {
display: block;
width: 12.5em;  /* Breite den in li enthaltenen Elementen zuweisen */
padding: 0.3em 1em;
text-decoration: none;
border: 1px solid black;
border-color: #000000;
color: #000000; background-color: #cce6ff;
box-shadow: 5px 5px 8px #666;
}
* html ul#NAVIGATION a, * html ul#NAVIGATION span {
width: 14em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
w\idth: 12.5em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
}
ul#NAVIGATION a:hover, ul#NAVIGATION span, li a#aktuell {
border-color: #000000;
color: #FFFFFF;
background-color: #64a8f2;
}
li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
color: maroon; background-color: 99ff99;
}
ul#NAVIGATION li ul span {  /* aktuelle Unterseite kennzeichnen */
background-color: maroon;
}
.textmitte {
vertical-align : middle
}
.textunten {
vertical-align : text-bottom;
}