body {
background-color: #FCF9CC;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
color: #454545;
font-size: 16px;
margin: 0;
}

.leer {
line-height: 55%;
}

div#maincontainerlang {
width: 980px;
border: 1px solid #454545;
height: 770px;
background-image: url('streifenhg.jpg')}
* html #maincontainerlang {  /* nur fuer Internet Explorer */
  width:982px; height: 772px;    /* Version 5.x */
  w\idth:982px; height: 772px;   /* Version 6 */
}

div#maincontainer {
width: 980px;
border: 1px solid #454545;
height: 540px;
background-image: url('streifenhg.jpg')}
* html #maincontainer {  /* nur fuer Internet Explorer */
  width:982px; height: 546px;    /* Version 5.x */
  w\idth:982px; height: 546px;   /* Version 6 */
}

div#maincontainerslides {
width: 980px;
height: 400px;
}

div#fotoquer {
position: absolute;
height: 200px;
top: 0px;
left: 0px;
width: 980px;
}

div#menucontainer {
position: absolute;
top: 160px;
left: 0px;
width: 980px;
z-index: 5;
text-align: center;}

div#menucontainerslides {
position: absolute;
top: 0px;
left: 0px;
width: 980px;
text-align: center;}
z-index: 5;
}

div#dummy {
}

div#contentli {
position: absolute;
text-align: left;
top: 220px;
padding-left: 40px;
left: 0px;
width: 980px;
height: 580px;
font-weight: normal;
font-size: 110%;
}

div#contentcav {
position: absolute;
text-align: left;
top: 210px;
padding-left: 40px;
width: 640px;
height: 400px;
font-weight: normal;
font-size: 110%;
z-index:10;
}

div#contentliku {
position: absolute;
text-align: left;
top: 190px;
padding-left: 40px;
left: 0px;
width: 980px;
font-weight: normal;
font-size: 110%;
}

div#entfernungen {
position: absolute;
left: 207px;
top: 610px;
}

div#bilder {
position: absolute;
left: 600px;
top: 230px;
width: 380px;
height: 540px;
}

div#contentre {
position: absolute;
text-align: right;
top: 220px;
left: 0px;
width: 980px;
height: 580px;
background-image: url('hg.jpg');
background-repeat: no-repeat;
font-weight: bold;
font-size: 110%;
}

div#contenthaus {
position: absolute;
text-align: right;
top: 220px;
left: 0px;
width: 980px;
height: 580px;
background-image: url('oase70.jpg');
background-repeat: no-repeat;
color: #00FF00;
font-weight: bold;
font-size: 110%;
}

div#contentmi {
position: absolute;
text-align: center;
top: 210px;
padding: 0px;
left: 0px;
width: 980px;
height: 500px;
font-weight: normal;
font-size: 110%;
}

div#menu {
position: absolute;
top: 200px;
left: 0px;
color: #FCF9CC;
width: 980px;
font-weight: bold;
height: 20px;
background-color: #454545;
font-size: 78%;
margin-left: 0px;
z-index: 5;
}

div#menu a {
text-decoration: none;
color: #FCF9CC;
}
div#menu a:active {
text-decoration: none;
color: #FCF9CC;
}
div#menu a:visited {
text-decoration: none;
color: #FCF9CC;
}
div#menu a:hover {
color: #808080;
text-decoration: none;
}

div#menuslides {
position: absolute;
top: 40px;
left: 0px;
color: #FCF9CC;
width: 980px;
font-weight: bold;
height: 20px;
background-color: #454545;
font-size: 80%;
text-align: left;
margin-left: 0px;
z-index: 5;
}

div#menuslides a {
text-decoration: none;
color: #FCF9CC;
}
div#menuslides a:active {
text-decoration: none;
color: #FCF9CC;
}
div#menuslides a:visited {
text-decoration: none;
color: #FCF9CC;
}
div#menuslides a:hover {
color: #808080;
text-decoration: none;
}

div#titel {
position: absolute;
top: 1px;
left: 580px;
font-size: 85%;
width: 390px;
text-align: right;
color: #FCF9CC;
font-weight: normal;
z-index: 10;
}

div#mitte {
position: absolute;
top: 75px;
left: 0px;
margin: 0px;
padding: 0px;
width: 980px;
font-size: 0.8em;
color: #FCF9CC;
text-align: center;
background: #FCF9CC;
}

div#home {
position: absolute;
top: 0px;
left: 0px;
display: block;
color: white;
font-size: 90%;
width: 71px;
font-weight: bold;
background-color: #808080;
border-bottom: 1px solid white;
border-top: 1px solid white;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#home a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#home a:active {
color: white;
text-decoration: none;
}
div#home a:visited {
color: white;
text-decoration: none;
}
div#home a:hover {
display: block;
color: black;
text-decoration: none;
border-bottom: 1px solid white;
background-color: #D9D9D9;
}

div#homefett {
position: absolute;
top: 0px;
left: 0px;
padding-bottom: 10px;
height: 30px;
display: block;
color: white;
font-size: 90%;
width: 71px;
font-weight: bold;
background-color: #454545;
border-top: 1px solid white;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#homefett a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#homefett a:active {
color: white;
text-decoration: none;
}
div#homefett a:visited {
color: white;
text-decoration: none
}
div#homefett a:hover {
display: block;
color: black;
text-decoration: none;
background-color: #D9D9D9;
border-bottom: 2px solid white;
}

div#ferienhaus {
position: absolute;
top: 0px;
left: 71px;
width: 119px;
display: block;
color: white;
font-size: 90%;
font-weight: bold;
background-color: #808080;
border-left: 1px solid white;
border-bottom: 1px solid white;
border-top: 1px solid white;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#ferienhaus a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#ferienhaus a:active {
color: white;
text-decoration: none;
}
div#ferienhaus a:visited {
color: white;
text-decoration: none;
}
div#ferienhaus a:hover {
display: block;
color: black;
text-decoration: none;
background-color: #D9D9D9;
border-bottom: 1px solid white;
}

div#ferienhausfett {
position: absolute;
top: 0px;
left: 71px;
padding-bottom: 10px;
height: 30px;
width: 119px;
display: block;
color: white;
font-size: 90%;
font-weight: bold;
background-color: #454545;
border-left: 1px solid white;
border-top: 1px solid white;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#ferienhausfett a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#ferienhausfett a:active {
color: white;
text-decoration: none;
}
div#ferienhausfett a:visited {
color: white;
text-decoration: none;
}
div#ferienhausfett a:hover {
display: block;
text-decoration: none;
color: black;
background-color: #D9D9D9;
border-bottom: 2px solid white;
}

div#cavalaire {
position: absolute;
top: 0px;
left: 190px;
display: block;
color: white;
width: 104px;
border-left: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size: 90%;
font-weight: bold;
background-color: #808080;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#cavalaire a {
color: white;
display: block;
padding: 10px;
text-decoration: none;
}
div#cavalaire a:active {
color: white;
text-decoration: none;
}
div#cavalaire a:visited {
color: white;
text-decoration: none;
}
div#cavalaire a:hover {
display: block;
color: black;
text-decoration: none;
background-color: #D9D9D9;
border-bottom: 1px solid white;
}

div#cavalairefett {
position: absolute;
top: 0px;
left: 190px;
padding-bottom: 10px;
height: 30px;
display: block;
color: white;
font-size: 90%;
width: 104px;
border-left: 1px solid white;
border-top: 1px solid white;
font-weight: bold;
background-color: #454545;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#cavalairefett a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#cavalairefett a:active {
color: white;
text-decoration: none;
}
div#cavalairefett a:visited {
color: white;
text-decoration: none;
}
div#cavalairefett a:hover {
display: block;
text-decoration: none;
color: black;
background-color: #D9D9D9;
border-bottom: 2px solid white;
}

div#fotos {
position: absolute;
top: 0px;
left: 294px;
display: block;
color: white;
width: 80px;
border-left: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size: 90%;
font-weight: bold;
background-color: #808080;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#fotos a {
color: white;
display: block;
padding: 10px;
text-decoration: none;
}
div#fotos a:active {
color: white;
text-decoration: none;
}
div#fotos a:visited {
color: white;
text-decoration: none;
}
div#fotos a:hover {
display: block;
color: black;
text-decoration: none;
background-color: #D9D9D9;
border-bottom: 1px solid white;
}

div#fotosfett {
position: absolute;
top: 0px;
left: 294px;
padding-bottom: 10px;
height: 30px;
display: block;
color: white;
font-size: 90%;
width: 80px;
border-left: 1px solid white;
border-top: 1px solid white;
font-weight: bold;
background-color: #454545;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#fotosfett a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#fotosfett a:active {
color: white;
text-decoration: none;
}
div#fotosfett a:visited {
color: white;
text-decoration: none;
}
div#fotosfett a:hover {
display: block;
text-decoration: none;
color: black;
background-color: #D9D9D9;
border-bottom: 2px solid white;
}

div#spezielles {
position: absolute;
top: 0px;
left: 374px;
display: block;
color: white;
width: 109px;
border-left: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size: 90%;
font-weight: bold;
background-color: #808080;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#spezielles a {
color: white;
display: block;
padding: 10px;
text-decoration: none;
}
div#spezielles a:active {
color: white;
text-decoration: none;
}
div#spezielles a:visited {
color: white;
text-decoration: none;
}
div#spezielles a:hover {
display: block;
color: black;
text-decoration: none;
background-color: #D9D9D9;
border-bottom: 1px solid white;
}

div#speziellesfett {
position: absolute;
top: 0px;
left: 374px;
padding-bottom: 10px;
height: 30px;
display: block;
color: white;
font-size: 90%;
width: 109px;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
font-weight: bold;
background-color: #454545;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#speziellesfett a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#speziellesfett a:active {
color: white;
text-decoration: none;
}
div#speziellesfett a:visited {
color: white;
text-decoration: none;
}
div#speziellesfett a:hover {
display: block;
text-decoration: none;
color: black;
background-color: #D9D9D9;
border-bottom: 2px solid white;
}

div#preise {
position: absolute;
top: px;
left: 483px;
display: block;
color: white;
width: 160px;
border-left: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size: 90%;
font-weight: bold;
background-color: #808080;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#preise a {
color: white;
display: block;
padding: 10px;
text-decoration: none;
}
div#preise a:active {
color: white;
text-decoration: none;
}
div#preise a:visited {
color: white;
text-decoration: none;
}
div#preise a:hover {
display: block;
color: black;
text-decoration: none;
background-color: #D9D9D9;
border-bottom: 1px solid white;
}

div#preisefett {
position: absolute;
top: 0px;
left: 483px;
padding-bottom: 10px;
height: 30px;
display: block;
color: white;
font-size: 90%;
width: 160px;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
font-weight: bold;
background-color: #454545;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#preisefett a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#preisefett a:active {
color: white;
text-decoration: none;
}
div#preisefett a:visited {
color: white;
text-decoration: none;
}
div#preisefett a:hover {
display: block;
text-decoration: none;
color: black;
background-color: #D9D9D9;
border-bottom: 2px solid white;
}

div#gaebu {
position: absolute;
top: 0px;
left: 643px;
display: block;
color: white;
width: 117px;
border-left: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size: 90%;
font-weight: bold;
background-color: #808080;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#gaebu a {
color: white;
display: block;
padding: 10px;
text-decoration: none;
}
div#gaebu a:active {
color: white;
text-decoration: none;
}
div#gaebu a:visited {
color: white;
text-decoration: none;
}
div#gaebu a:hover {
display: block;
color: black;
text-decoration: none;
background-color: #D9D9D9;
border-bottom: 1px solid white;
}

div#gaebufett {
position: absolute;
top: 0px;
left: 643px;
padding-bottom: 10px;
height: 30px;
display: block;
color: white;
font-size: 90%;
width: 117px;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
font-weight: bold;
background-color: #454545;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#gaebufett a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#gaebufett a:active {
color: white;
text-decoration: none;
}
div#gaebufett a:visited {
color: white;
text-decoration: none;
}
div#gaebufett a:hover {
display: block;
text-decoration: none;
color: black;
background-color: #D9D9D9;
border-bottom: 2px solid white;
}

div#kontakt {
position: absolute;
top: 0px;
left: 760px;
display: block;
color: white;
width: 110px;
border-left: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size: 90%;
font-weight: bold;
background-color: #808080;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#kontakt a {
color: white;
display: block;
padding: 10px;
text-decoration: none;
}
div#kontakt a:active {
color: white;
text-decoration: none;
}
div#kontakt a:visited {
color: white;
text-decoration: none;
}
div#kontakt a:hover {
display: block;
color: black;
text-decoration: none;
background-color: #D9D9D9;
border-bottom: 1px solid white;
}

div#kontaktfett {
position: absolute;
top: 0px;
left: 760px;
padding-bottom: 10px;
height: 30px;
display: block;
color: white;
font-size: 90%;
width: 110px;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
font-weight: bold;
background-color: #454545;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#kontaktfett a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#kontaktfett a:active {
color: white;
text-decoration: none;
}
div#kontaktfett a:visited {
color: white;
text-decoration: none;
}
div#kontaktfett a:hover {
display: block;
text-decoration: none;
color: black;
background-color: #D9D9D9;
border-bottom: 2px solid white;
}

div#impressum {
position: absolute;
top: 0px;
left: 870px;
display: block;
color: white;
width: 110px;
border: 1px solid white;
font-size: 90%;
font-weight: bold;
background-color: #808080;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#impressum a {
color: white;
display: block;
padding: 10px;
text-decoration: none;
}
div#impressum a:active {
color: white;
text-decoration: none;
}
div#impressum a:visited {
color: white;
text-decoration: none;
}
div#impressum a:hover {
display: block;
color: black;
text-decoration: none;
background-color: #D9D9D9;
border-bottom: 1px solid white;
}

div#impressumfett {
position: absolute;
top: 0px;
left: 870px;
padding-bottom: 10px;
height: 30px;
display: block;
color: white;
font-size: 90%;
width: 110px;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
font-weight: bold;
background-color: #454545;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7;
}
div#impressumfett a {
display: block;
padding: 10px;
color: white;
text-decoration: none;
}
div#impressumfett a:active {
color: white;
text-decoration: none;
}
div#impressumfett a:visited {
color: white;
text-decoration: none;
}
div#impressumfett a:hover {
display: block;
text-decoration: none;
color: black;
background-color: #D9D9D9;
border-bottom: 2px solid white;
}

div#contentli {
position: absolute;
text-align: left;
top: 220px;
padding-left: 40px;
left: 0px;
width: 980px;
height: 580px;
font-weight: normal;
font-size: 110%;
}

div#partner {
position: absolute;
text-align: center;
top: 770px;
padding-left: 40px;
left: -40px;
width: 980px;
font-weight: normal;
font-size: 75%;
}
div#partner a {
text-decoration: none;
}
div#partner a:active {
text-decoration: none;
}
div#partner a:visited {
text-decoration: none;
}
div#partner a:hover {
text-decoration: none;
color: black;
}


div#bad {
position: absolute;
text-align: left;
top: 616px;
left: 312px;
width: 260px;
font-weight: normal;
font-size: 110%;
}

#gb {position: absolute; top: 220px; left: 0px; width: 980px; height: 360px; text-align: center; padding-top: 10px; font-weight: normal; font-size: 110%;}

#gb a:hover {color: #551A8B; background: transparent;}

#gb a span {display: none;}

#gb a:hover span {display: block;
   position: absolute; top: 0px; left: 0px;
   width: 620px; height: 420px; 
   z-index: 100;
}

