* {padding:0;margin:0;}

body {
background:#FFFFFF;
font: Tahoma 14px;
}

div#body {
position:absolute;
left:50%;
width:1250px;
margin-left:-625px;

}

div#sprachauswahl {
position:absolute;
font-size:10px;
top:10px;
right:25px;
z-index:2;
}

div#sprachauswahl a {
color:black;
text-decoration:none;
}

.sprachauswahl {
 list-style:none;
}

div#menu_oben {
position:absolute;
top:100px;
left:100px;
z-index:3;
}

div#menu_oben li {
float:left;
display: block;
margin-left:50px;
text-align: center;
line-height: 3em;

}
div#menu_oben li a { vertical-align: middle; }

div#menu_oben a {
font-size:21px;
color:black; 
}
div#menu_oben a:hover {
text-decoration:overline underline;
}

div#menu_oben a.activ {
text-decoration:underline overline;

}

div#text_mitte {
position:absolute;
top:505px;
left:755px;
font-size:20px;
z-index:4;
}
#background{position:absolute; z-index:1; width:100%; height:100%;}


#bilder_lage {
position:absolute;
top:200px;
left:200px;
z-index:5;
}
.text_lage {
position:relative;
top:-322px;
}

#lay_text {
 width:800px;
}

#fotogalerie {
position:absolute;
top:200px;
left:150px;

z-index:6;
}
.imgg {
border:3px solid transparent;

}
.imgg:hover {
border: 3px solid #5AA6FD;

}




                    /* Fotogallery */
                    
                    
                    
                    
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
div#album {
position:absolute;
left:50%;
top:230px; 
z-index:1;
width:640px;
height:480px;
background:#eee 0 40px no-repeat;
border:1px solid #aaa;
margin:0 auto 20px -320px;

}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0;
margin:480px 0 0 0;
list-style-type:none;
position:relative;
width:640px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list middle */


/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left;
text-decoration:none;
color:#000;
background:#fff;
text-align:center;
width:26px;
height:26px;
line-height:24px;
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute;
top:-480px;
left:0;
visibility:hidden;
border:0;
}

/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444;
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}


                            /* Ende Fotogallery */
                        
div#contact {
position:absolute;
z-index:400;
top:300px;
left:200px;

}

div#history_text {
position:absolute;
z-index:400;
top:-185px;
left:400px;
width:400px;
}