body {
    width:1032px;
    margin:auto;
    background: #ECEADE;
    font-family: normal, Helvetica, sans-serif;
    font-size:16px;
    color: #42ADAE;
    
}



.border {
    width: 100%;
    height: 774px;
    margin-top:20px;
    border: 2px solid #C55C1E;
    border-radius: 15px;
    
}



#shell {
    width:1024px;
    height:768px;
    margin-top:4px;
    margin-left:4px;
    background: url('img/back.jpg') #D8D2BC;
    border-radius: 10px;
    
}



#oben {
    position: relative;
    background: url('') #E7E0BD;
    
}



#logo {
    position: absolute;
    width:249px;
    height:250px;
    margin-top:65px;
    margin-left:746px;
    background: url("img/esprimalogo.png")
    
    
}





.wrap_m {
    position:absolute;
    width:650px;
    height:278px;
    overflow:hidden;
    
}




@keyframes wheel {
    
    0% {transform:rotateZ(0deg);}
    100% {transform:rotateZ(360deg);}
    
}






#menu {
    
    width:235px;
    height:235px;
    margin-top:28px;
    margin-left:176px;
    background: url('img/wheel1.png');
    animation:wheel 10s infinite;
    animation-timing-function:linear;
   transition:animation 0.2s; 
}



.navi {
    width:200px;
    height:30px;
    background:#42ADAE;
    border:2px solid #fff;
    text-align: center;
    color:#fff;
    
}



.navi1 {
    width:200px;
    height:30px;
    text-align: left;
    font-weight:bold;
    
}



#nav1 {
    position: absolute;
    visibility: visible;
    transform: rotate(-26deg);
    margin-top:9px;
    margin-left:221px;
    
}



#nav2 {
    position: absolute;
    visibility: visible;
    transform: rotate(44deg);
    margin-top:262px;
    margin-left:172px;
    
}



#nav3 {
    position: absolute;
    visibility: visible;
    transform: rotate(116deg);
    margin-top:302px;
    margin-left:-86px;
    
}



#nav4 {
    position: absolute;
    visibility: visible;
    transform: rotate(188deg);
    margin-top:63px;
    margin-left:-203px;
    
}



#nav5 {
    position: absolute;
    visibility: visible;
    transform: rotate(260deg);
    margin-top:-118px;
    margin-left:-15px;
    
}






#land {
    position: absolute;
    width:100%;
    height:224px;
    margin-top:55px;
    margin-left:0px;
    background: url('img/landscape.png');
    
    
}







#unten {
    position: absolute;
    width:1024px;
    height:398px;
    margin-top:282px;
    border-top:3px solid #42ADAE;
    
}

#welcome {
    margin-top:216px;
    margin-left:335px;
    color:#6E6B5F;
    opacity:0.8;
    
}


#galerie_button {
position:absolute;
background:url('img/') #6E6B5F;
opacity:0.4;
color:#F0E9D1;
font-family:normal,sans-serif;
font-size:40px;
font-weight:bold;
text-align:center;

margin-left:337px;
margin-top:335px;
border-radius:6px;
padding-top:31px;

transition:opacity 0.26s;
}

#button_innen a {
height:40px;
width:100%;
top:50%;
margin-top:-20px;
vertical-align:middle;
}


#galerie_button:hover {
opacity:1;
cursor:pointer;
}

#galerie_button a:hover {
cursor:pointer;
}

#galerie_close {
position:absolute;
top:12px;
right:-38px;
background:url('img/close.jpg') #6E6B5F;
z-index:9000;
opacity:0.4;
width:50px;
height:50px;
border-radius:25px;
transition:opacity 0.16s;
}

#galerie_close:hover {
opacity:1;
cursor:pointer;
}



#impressum {
    position: absolute;
    font-family:normal;
    left:20%;
    bottom:-93px;
    color: #C55C1E;
    
}

#impressum div{
    float:left;
    
}

#impressum p{
    padding:0 16px 0 16px;
    margin-top:8px;
    
}

#impressum a{
    padding:0 16px 0 16px;
    
}





#under_con {
    width:227px;
    height:183px;
    background:url('img/logo_under_construction_.png') no-repeat;
    background-size:205px 205px;
    opacity:0.55;
    z-index:10000;
    margin-left:-14px;
    margin-top:-205px;
    transform:rotate(-11deg)
    
}