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

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;
}



#menue{
position:absolute;
top:15%;
left:68%;
width:18%;
z-index:3;
background-color:silver;
border:1px solid black;

}

#menue ul{
list-style-type:none;
}

#menue h2{
font-size:0.9em;
line-height:1em;
margin-top:1em;
margin-bottom:0.5em;
margin-left:2em;
border-bottom:2px solid black;
}

#menue li h2{
border:none;
margin:0;
padding:0;
}

#menue .linie{
margin-top:1em;
margin-bottom:0;
border-top:1px solid gray;
margin-left:2em;
width:60%;
}


#menue a{
margin:0;
display:block;
text-decoration:none;
padding-left:20%;
color:black;
width:87%;
margin-right:-18%;
padding-top:0.1em;
padding-bottom:0.2em;
}



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


#menue a:hover{
position:relative;
background-color:gray;
color:white;
margin-left:-18%;
padding-left:38%;
margin-right:-18%;
}

#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;
}

.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:33%;
height:275px;
text-align:center;
background-color:white;
border:1px solid black;
z-index:5;
}
html>body #image{
width:33%;
}

#image img{
margin-top:1em;
}

#text{
position:absolute;
top:63%;
left:33%;
width:30%;
height:100px;
padding:1em;
background-color:navy;
color:white;
border:1px solid black;
z-index:5;
}

#text ul{margin:1.5em;}


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:260px;
overflow:auto;

}

.korb{
position:absolute;
width:38%;
left:1%;
top:88%;
background-color:silver;
padding:1em;
font-size:0.8em;
border:1px solid black;
}
.korb:hover{z-index:6;}
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;
}