/*Struktur*/
body{
font-family: verdana;
font-size: 10pt;
vertical-align:middle;
}
td {
height:40px;

}
.text{
font-family: verdana;
font-size: 10pt;
padding:10px;
}
.gruen{
height:70px;
width: 100%;
background-image: url(../bilder/bg1.jpg);
background-repeat: no-repeat;
}
.gruen2{
height:98px;
width: 100%;
background-image: url(../bilder/bg3.jpg);
background-repeat: no-repeat;
}
.gruen3{
height:51px;
width: 100%;
background-image: url(../bilder/bg0.jpg);
background-repeat: no-repeat;
}
.strich{
height:2px;
width: 100%;
background-image: url(../bilder/bildlinks/strich.jpg);
background-repeat: no-repeat;

}


/*Box für Logo*/
#logo {
margin: 0px;
width: 50%;
position: absolute;
top: 1%; left: 1%;
}
/*Box für statusbild*/
#statusbild{
margin: 0px;
width: 20%;
position: absolute;
top: 1%; left: 66%;
}

/*Box für statustext*/
#statustext{
margin: 0px;
width: 20%;
position: absolute;
top: 22%; left: 2%;
}
#statustext2{
margin: 0px;
width: 20%;
position: absolute;
top: 25%; left: 2%;
}
/*Box für aktuelle Unterseite*/
#aktuell {
margin: 0px;
width: 20%;
position: absolute;
top: 31%; left:30%;
}
#aktuell2 {
margin: 0px;
width: 20%;
position: absolute;
top: 31%; left:3%;
}
#home {
margin: 0px;
width: 20%;
position: absolute;
top: 31%; left:86%;
}
#navrechts {
margin: 0px;
width: 20%;
position: absolute;
top: 31%; left:65%;
}
#flaschen {
width: 99%;
height: 52%;
position: absolute;
top: 40%; left:47%;
}

/*Box für inhalt*/
#inhalt {
width: 90%;
height: 46%;
position: absolute;
top: 44%; left:54px;
overflow: auto;
}
#planwagen {
width: 99%;
height: 52%;
position: absolute;
top: 38%; left:10px;
overflow: auto;
}
#herstellung {
width: 90%;
height: 31%;
position: absolute;
top: 48%; left:100px;
overflow: auto;
}
#verkostung {
width: 90%;
height: 35%;
position: absolute;
top: 50%; left:54px;
overflow: auto;
}
#obstbraende {
width: 97%;
height: 46%;
position: absolute;
top: 44%; left:54px;
overflow: auto;
}

#text {
font-size: 10pt;
}
#braende {
width: 98%;
height: 80%;
position: absolute;
top: 9%; left:10px;
overflow: auto;
}
#routen {
width: 95%;
height: 46%;
position: absolute;
top: 44%; left:20px;
overflow: auto;
}

/*Box für fotoleiste*/
#fotoleiste1 {
width: 10%;
position: absolute;
top: 5%; left:75%;
}
#fotoleiste2 {
width: 20%;
position: absolute;
top: 120%; left:75%;
}
#fotoleiste3 {
width: 20%;
position: absolute;
top: 280%; left:75%;
}
#fotoleiste4 {
width: 20%;
position: absolute;
top: 20%; left:80%;
}
#fotoleiste5 {
width: 20%;
position: absolute;
top: 120%; left:80%;
}
#fotoleiste6 {
width: 20%;
position: absolute;
top: 280%; left:80%;
}
#fotoleiste7 {
width: 20%;
position: absolute;
top: 460%; left:80%;
}
#fotoleiste8 {
width: 20%;
position: absolute;
top: 590%; left:80%;
}

/*Box für Navigation*/
#navigation{
margin: 0px;
width: 70%;
position: absolute;
top: 91%; left: 2%;
}