*
{
 margin:0;
 padding:0;
}
#preload {
display: none
}
#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
}

body
{
 margin:0;
 background-color:#444444;
 height:100%;
 text-align:center;
}

html, body
{
 height:100%;
}

body#links

{
 margin:0;
 background-color:#444;
 color:#beafa4;
 height:100%;
 text-align:center;
}
 
a.yvonne:link, a.yvonne:visited, a.yvonne:active
{
 text-decoration:none;
 font-weight:normal;
 color:#beafa4;
 font-size:18px;
 font-family:"Lucida Sans", "Century Gothic", Arial;
 border-style:none;
}

a.yvonne:hover, a.yvonne:focus
{
 text-decoration:none;
 font-weight:normal;
 color:#8f7765;
 font-size:18px;
 font-family:"Lucida Sans", "Century Gothic", Arial;
 border-style:none;
}

a.hell:link, a.hell:visited, a.hell:active
{
 text-decoration:none;
 font-weight:normal;
 color:#beafa4;
 font-family:"Lucida Sans", Verdana, "Trebuchet MS", Arial;
 font-size:18px;
 border-style:none;
}

a.hell:hover, a.hell:focus
{
 text-decoration:none;
 font-weight:normal;
 color:#8f7765;
 font-family:"Lucida Sans", Verdana, "Trebuchet MS", Arial;
 font-size:18px;
 border-style:none; 
}
 
a.mittel:link, a.mittel:visited, a.mittel:active 
{
 text-decoration:none;
 font-weight:normal;
 color:#a28c7c;
 font-family:"Lucida Sans", Verdana, "Trebuchet MS", Arial;
 font-size:18px;
 border-style:none;
}

a.mittel:hover, a.mittel:focus
{
 text-decoration:none;
 font-weight:normal;
 color:#8f7765;
 font-family:"Lucida Sans", Verdana, "Trebuchet MS", Arial;
 font-size:18px;
 border-style:none;
}
 
a.dunkel:link, a.dunkel:visited, a.dunkel:active 
{
 text-decoration:none;
 font-weight:normal;
 color:#8f7765;
 font-family:"Lucida Sans", Verdana, "Trebuchet MS", Arial;
 font-size:18px;
 border-style:none;
}

a.dunkel:hover, a.dunkel:focus
{
 text-decoration:none;
 font-weight:normal;
 color:#a28c7c;
 font-family:"Lucida Sans", Verdana, "Trebuchet MS", Arial;
 font-size:18px;
 border-style:none;
}

div#hilfslinie
{ 
 width:1px;
 height:50%;
 margin-bottom:-300px; 
 float:left;
}

div#filmstreifen
{
 position:relative;
 margin:0px auto;
 width:805px;
 height:604px;
 z-index:1;
 clear:left;
 text-align:left;
}

div#yvonne
{
 position:relative;
 text-align:center; 
 z-index:2;
 width:50px;
 height:315px;
 margin-top:-602px;
 margin-left:2px;
 line-height:105%;
}

div#foto
{
 position:absolute;
 font-family:Verdana, Arial;
 font-size:80px;
 color:#8f7d69;
 margin-top:-250px;
 margin-left:110px;
 z-index:1;
 cursor:default;
}

div#grafie
{
 position:absolute;
 font-family:Verdana, Arial;
 font-size:80px;
 color:#8f7d69;
 margin-top:-50px;
 margin-left:400px;
 z-index:1;
 cursor:default;
}

div#links,#preise,#kontakt,#gaestebuch,#impressum,#bildbearbeitung,#diashow
{
 position:absolute;
 text-align:center;
 z-index:2;
 font-family:"Century Gothic", Verdana, "Trebuchet MS", Arial;
 font-size:20px;
 line-height:100%; 
}

/* div#links
{
 width:50px;
 height:120px;
 margin-left:498px;
 margin-top:161px;
} */

div#links
{
 width:120px;
 height:20px;
 margin-left:705px;
 margin-top:191px;
}

/* div#preise
{
 margin-top:140px;
 margin-left:548px;
 width:50px;
 height:141px;
} */

/* div#kontakt
{
 margin-top:120px;
 margin-left:598px;
 width:50px;
 height:161px;
} */

div#kontakt
{
 margin-top:220px;
 margin-left:674px;
 width:160px;
 height:20px;
}

/* div#impressum
{
 width:50px;
 height:203px;
 margin-top:78px;
 margin-left:648px;
} */
 div#impressum
 {
 width:120px;
 height:20px;
 margin-top:250px;
 margin-left:680px;
 }
/* div#impressum
{
 width:50px;
 height:203px;
 margin-top:250px;
 margin-left:685px;
} */

/* div#gaestebuch
{
 width:50px;
 height:203px;
 margin-top:78px;
 margin-left:698px;
} */

div#gaestebuch
{
 width:200px;
 height:20px;
 margin-top:160px;
 margin-left:645px;
}

div#diashow
{
 width:200px;
 height:20px;
 margin-top:85px;
 margin-left:589px;
 text-align:right;
}

/* div#bildbearbeitung
{
 width:50px;
 height:327px;
 margin-top:-46px;
 margin-left:748px;
} */

img.start
{
 border-style:none;
}

/* bildertausch */
dl#galerien
{
 display:block;
 width:805px;
 height:604px;
 background:url(grafiken/startneu10.jpg);
 position:relative;
 }

a#berlin
{
 display:block;
 width:199px;
 height:0;
 padding-top:244px;
/*  overflow:hidden; */
 position:absolute;
 left:0px;
 top:333px;
}
* html a#berlin
{
 height:244px;
} 

a#berlin:hover
{
 background:transparent url(grafiken/berlin.png) no-repeat  0 0;
/*  overflow:visible; */
}

a#details
{
 display:block;
 width:235px;
 height:0;
 padding-top:226px;
 /* overflow:hidden; */
 position:absolute;
 left:114px;
 top:212px;
}

* html a#details
{
 height:226px;
}

a#details:hover
{
 background:transparent url(grafiken/details.png) no-repeat 0 0;
/*  overflow:visible; */
}

a#natur
{
 display:block;
 width:235px;
 height:0;
 padding-top:226px;
 overflow:hidden; 
 position:absolute;
 left:261px;
 top:82px;
}

* html a#natur
{
 height:226px;
}

a#natur:hover
{
 background:transparent url(grafiken/natur.png) no-repeat 0 0;
 overflow:visible; 
}

a#aktuelles
{
 display:block;
 width:242px;
 height:0;
 padding-top:177px;
/*  overflow:hidden; */
 position:absolute;
 left:428px;
 top:1px;
}

* html a#aktuelles
{
 height:177px;
}

a#aktuelles:hover
{
 background:transparent url(grafiken/icke.png) no-repeat 0 0;
/*  overflow:visible; */
}


/* impressum */ 

div#mitte
{
 position:relative;
 margin:0px auto;
 width:800px;
 height:600px;
 z-index:1;
 clear:left;
 text-align:left;
}

span
{
 font-family:"Lucida Sans", Verdana, "Trebuchet MS", Arial;
 font-size:20px;
 line-height:100%; 
 color:#beafa4;
 letter-spacing:0.05em;
 font-weight:500;
} 

img.imp
{
 width:537px;
 height:404px;
 border-style:none;
 margin-top:98px;
 margin-left:131px;
}

div#navigation
{
 text-align:center;
 position:relative;
 height:80px;
 word-spacing:5px; 
 margin-top:-30px;
}

a.navigation:link, a.navigation:visited, a.navigation:active
{
 text-decoration:none;
 font-weight:normal;
 color:#beafa4;
 font-family:"Lucida Sans", Verdana, "Trebuchet MS", Arial;
 font-size:12px;
 border-style:none;
}

a.navigation:hover, a.navigation:focus
{
 text-decoration:none;
 font-weight:normal;
 color:#8f7765;
 font-family:"Lucida Sans", Verdana, "Trebuchet MS", Arial;
 font-size:16px;
 border-style:none; 
 text-transform:uppercase;
}

p.uebergang
{
 font-family:"Courier New", "Century Gothic", Arial;
 color:#a28c7c;
 font-size:12px;
 margin-top:10px;
 cursor:default;
}