*{
margin:0;
padding:0;
}
body{
font-size:99.9%;
color:black;
background-color:white;
}

h1{
font-size:1.2em;
}
h2{
font-size:1.1em;
}
h3{
font-size:1.0em;
}
img{
border:none;
}

a{
text-decoration:none;
color:black;
font-weight:bold;
}
a:hover{
color:white;
}

form{
font-size:1.0em;
}
input{
font-size:0.6em;
}
form table{
width:98%;
border-top:1px solid white;
}


#content{
position:absolute;
top:30%;
left:10%;
width:75%;
height:270px;
padding:1.5em;
background-color:silver;
border: 1px solid black;
font-size:0.9em;
z-index:1;
}

#menueB{
position:absolute;
top:15%;
left:70%;
width:15.5%;
height:465px;
background-color:silver;
border:1px solid black;
z-index:2;
}

#menue{
position:absolute;
top:15%;
left:67.5%;
width:20%;
height:465px;
z-index:3;
padding-top:2em;
}

#menue h2{
font-size:0.9em;
height:1.1em;
}
#menue .linie{
width:60%;
height:1px;
background-color:black;
color:black;
border:none;
margin:0.25em 0 0.25em 0.25em;
}
html>body #menue .linie{
margin:0.75em 0 0.5em 20%;
}

#menue a{
display:block;
text-decoration:none;

padding-left:25%;
color:black;
}

#menue li{
display:block;
width:100%;
padding:1%;
color:black;
}

#menue a:hover{
background-color:gray;
color:white;
}

#preview{
position:absolute;
top:15%;
left:5%;
width:26%;
background-color:silver;
border:1px solid black;
height:450px;
z-index:5;
overflow:auto;
text-align:center;
scrollbar-face-color: silver;
scrollbar-highlight-color: gray;
scrollbar-3dlight-color: gray;
scrollbar-darkshadow-color: gray;
scrollbar-shadow-color: gray;
scrollbar-arrow-color: gray;
scrollbar-track-color: gray;
}

#preview h2{
margin-top:1em;
margin-bottom:0.5em;
}

#wc{
font-weight:500;
}



#wc h2{
display:inline;
line-height:1em;
margin-top:0.5em;
margin-bottom:0.5em;
}

#wc ul ul{
margin-left:0.4em;
}
.single{
float:left;
margin-top:1%;
margin-left:0.4em;
width:43%;
font-size:0.7em;
text-align:left;
border-right:1px solid;
vertical-align:bottom;
}
.singleR{
float:left;
margin-top:1%;
margin-left:0.4em;
padding-left:0.5em;
width:43%;
font-size:0.7em;
text-align:left;
vertical-align:bottom;
}

html>body .single{
margin-left:5%;
width:44%;

}

.sinlge h3{
display:inline;
font-size:0.8em;
}

#image{
position:absolute;
top:10%;
left:33%;
width:28%;
height:275px;
text-align:center;
background-color:white;
border:1px solid black;
z-index:5;
}
html>body #image{
width:35%;
}
#text{
position:absolute;
top:63%;
left:33%;
width:32%;
height:100px;
padding:1em;
background-color:navy;
color:white;
border:1px solid black;
z-index:5;
}
html>body #text{
height:auto;
min-height:100px;
}
#text h1{
font-size:1.1em;
display:inline;
}
#text form{
font-size:0.8em;
}
#text table{
width:99%;
border:none;
}

.preview{
display:block;
width:37%;
margin-left:30%;
}
.detail{
margin-top:18.5%;
display:block;
width:35%;
margin-left:33%;
}
.sub{
padding:1em;
width:70%;
height:240px;
overflow:auto;
}
.sub ul{
    margin:0.25em auto 0.5em 0.5em;
    list-style-type:none;    
}
.korb{
position:absolute;
width:38%;
left:5%;
top:88%;
background-color:silver;
padding:1em;
font-size:0.8em;
border:1px solid black;
}
html>body .korb{top:92%;}

.korb form{
font-size:0.8em;
}
.korb table{
width:98%;
border-top:1px solid white;
}
.korb td{
border-bottom:1px solid white;
}
.order{
width:90%;
font-size:1.0em;
}
.order table{width:95%;empty-cells:hide;}
.order td{empty-cells:hide;border-left:1px solid silver;border-bottom:1px solid silver;padding-left:0.3em;}
.Warnung{
display:block;
border:1px solid white;
color:red;
padding:1em;
margin-bottom:1em;
}

.hilfe ul{
padding:1em;
}
.sonderP{
color:red;
background-color:white;
}
.stroke{
text-decoration:line-through;
}