html {}

body {}

* {margin: 0px; padding: 0px; border: 0px; }


div#wrapper {

position: absolute;
top: 50%;
left: 0px;
margin-top: -265px;

height: 530px;
width: 100%;

background-color: # ;

overflow-x: scroll;
overflow-y: hidden;

}


div#titel {

padding-left: 101px;

position: fixed;
margin-top: 15px;

width: 247px;
height: 31px;

border-bottom-style: solid;
border-bottom-color: #006699;
border-bottom-width: 7px;

}


div#raum {

position: fixed;
margin-top: 53px;

height: 461px;
width: 80px;

background-color:#99CCFF;

z-index: 1;

}


div#balkenvertikal {

position: fixed;
margin-top: 53px;
margin-left: 80px;
height: 461px;
width: 7px;

background-color: #006699;

z-index: 4;

}




div#nav ul {

list-style-type: none;

position: fixed;
left: 87px;

margin-top: 53px;
height: 461px;
width: 261px;

background-color: #FFFFFF;

z-index: 3;

}


.navgrund {

margin-top: 55px;
margin-left: 15px;

}


.navkartengr {

margin-top: 5px;
margin-left: 15px;

}


.navpraes {

margin-top: 7px;
margin-left: 15px;

}


.navkarta {

margin-top: 27px;
margin-left: 15px;

}




div#haupt {

position: absolute;
top: 53px;
left: 348px;

height: 461px;
width: 420%;

background-color:#99CCFF;

z-index: 2;

}


div#schreib {

position: absolute;

top: 60px;
left: 60px;

width: 500px;

font-style: normal;
font-family: Helvetica;
font-size: 18px;

color: #006699;
}

div#foto {

position: absolute;

bottom: 0px;
left: 400px;

}

div.galerie {

position: relative;
float: left; 
left: 30px;
top: 30px;

width: 970px; 
height: 411px;

background-color: #;

}


div.rahmen {

position: absolute;

border-bottom-style: solid;
border-bottom-color: #99CCFF;
border-bottom-width: 401px;
border-top-style: solid;
border-top-color: #99CCFF;

border-left-style: solid;
border-left-color: #99CCFF;

border-right-style: solid;
border-right-color: #99CCFF;
border-right-width: 890px;

/*
outline-style: solid;
outline-width: 5px;
outline-color: #006699;
*/

}

div.text {

position: absolute;

top: 10px;
left: 10px;

height: 380px;
width: 240px;

font-style: normal;
font-family: Helvetica;
font-size: 18px;

color: #006699;

}


div.vorschau {

position: absolute;

top: 10px;
left: 270px;

height: 401px; 
width: 120px;

}


div.vorschau ul {

list-style: none;

}


div.vorschau ul li {

float: left;

height: 90px;
width: 110px;

}


div.vorschau ul li a {

display: block;
float: left;

}


div.vorschau ul li a img {

display: block;

width: 100px; 
height: 80px;


border: 1px solid #;

}


div.vorschau ul li a:hover img {

border: 1px solid #;

}


div.ganzansicht {

position: absolute; 

top: 10;
left: 380px; 

height: 401px; 
width: 510px;

overflow: hidden; 

}
 
 
div.ganzansicht div {

position: relative;

width: auto; 
height: 461px; 

}


div.ganzansicht div img {

clear: both; 
display: block;

position: relative;
top: 10px;

width: auto; 
height: auto;

border: 0;

}


div.ganzansicht a.next {

display: block; 
position: absolute;

left: 510px;

height: 66px; 
width: 29px;

}


div.ganzformat a.next img {

display: block;

width: auto; 
height: auto; 
 
filter: alpha(opacity=30); 
opacity: 0.3; border:0;

}


div.ganzformat a:hover img {

filter: alpha(opacity=50); 
opacity: 0.5;

}


div.balken { 

position: absolute;

height: 461px; 
width: 30px;

background-color: #CCFFFF;

}



img#eime12500 {

top: 46px;

}

img#eime12500_detail {

top: 46px;
left: 160px;

}

img#gelaende {

top: 46px;

}

img#gelaende_detail {

top: 46px;
left: 160px;

}