html, body
{height: 100%;
padding:0;
width:100%;
margin:0;
background-size: 100%;
background-image: url(img/background.png);
background-repeat: y-repeat;
font-family: Helvetica;


}

#header
{
    width: 100%;
    height: 1%;
}

#container
{
height: 95%;
}

.linkimg
{
height: 70%;  
width: 60%;
margin-left: 18%;
margin-right: 15%;
margin-top: 6%; 
z-index: -20;  
position: relative;

}

.linkimgmissbg
{
box-shadow: 2px 5px 50px black;
height: 90%;
width: 80%;
margin-left: 20%;
margin-right: 15%;
margin-top: 6%;
z-index: -20;
position: relative;
border-radius: 1%;
border-color: black;
border-width: 1px;
border-style: solid;

}

.linkimgdiv
{

border-radius: 2.5%;
float:left; 
margin: 0.4%; 
height: 48%;
width: 24%;
position: relative;
z-index: 10;
}

.linkimgdivin
{
background-repeat: no-repeat;
background-size: 90% 100%;
position: relative;
height: 100%;
width: 100%;
z-index: initial;

}

.linkimgdivinmissbg
{

background-size: 98% 100%;
position: relative;
height: 100%;
width: 100%;
z-index: initial;

} 

#content
{
    min-height: 60%;
    width: 70%;
    background-color: #FFFFE2;
    margin: auto;
    padding: 2%;
    margin-top: 5%;
    border-radius: 0.5%;
}

#headersvg

{
    width: 100%;
}          

#headerimg
{
    width: 100%;
}



#map 

{
width: 99%;  
height: 60%;
}

#logodiv
{
position: relative;
z-index: 20;
margin-left: 0.5%;
margin-right: 0.5%;
margin-top: -13%;
margin-bottom: 0.5%;
height: 46%;   
width: 47%;
float:left; 

}

#logo
{ 

z-index: 20;
margin-top: 0.5%;
margin-left: 25%;
height: 200%;
float:left;
z-index: 10;


}

#pottsau
{
z-index: 10;
margin-left: 30%;
margin-top: 15%;
height: 40%;
position: relative;
}

#products
{
margin-top: -2%;
z-index: 10;
margin-left: 30%;
height: 80%;
position: relative;  
}

#footer
{
    height: 7%;
    width: 100%;
    background-image: url(img/holz.jpg);
    position: fixed;
    bottom: 0;
    box-shadow: 0px 0px 40px black;
}