@charset "ISO-8859-1";
/*-- monitorausgabe --*/ 
html, body   { background-color: #606060;
color: #EFEDEC;
font-family:Geneva,Helvetica,sans-serif;
font-size: 100.01%;
margin: 0;
padding: 0;
}
h1 {font-size:1.7em;letter-spacing:2px;}
h1,h2  {font-style:oblique;text-align:center;}
h2 {clear:both;font-size:1.4em;padding:2em;}
li {list-style-type:none;}
a {color:#e0e0e0;
text-decoration:none;
}
a:hover{color:#6a4e6a;}
a:focus{color:#000;}
a:active {color:#fff;}
a:visited{color:#000;}
.navi {background-color:transparent;
padding:.25em;
position:absolute;left:6.5em;top:4em;
width:auto;
}
.navi li {background-color:#a0a0a0;
color:#f0f0f0;
font-weight:700;
float:left;
letter-spacing:.25em;
padding-left:1em;padding-right:1em;}

#extern{
background-image:url(externpic.gif);
background-repeat:no-repeat;
font-size:1.5em;
line-height:200%;
height:25px;
padding-left:1.5em;
text-align:center;
text-decoration:none;
width:24px;
}
.einlader{font-size:.85em;line-height:125%;position:relative;left:12%;top:-2em;width:70%;}
.einlader a:hover{background-color:#ddd;color:#6a4e6a;font-size:1.1em;font-weight:bolder;}
/*--.bemerk{background-color:#6a4e6a;border-bottom:2px dotted #fff;border-top:2px dotted #fff;font-size:.8em;font-weight:bold;float:right;line-height:105%;padding-bottom:.6em;padding-top:.6em;position:relative;right:1em;top:43%;width:12%;}
.bemerk a:hover{background-color:#fff;color:#6a4e6a;font-size:1.3em;font-weight:bolder;}--*/ 
#bemerk{background-color:#5a5a5a;border-left:2px groove #cbcbcb; font-size:.9em;font-weight:bolder;float:right;line-height:120%;padding:.8em;position:fixed;right:.8em;top:20%;width:12%;}
#bemerk p{border-bottom:3px dotted #fff;padding-bottom:.6em;padding-top:.6em;}
.ads a:hover{background-color:#ddd;color:#6a4e6a;font-size:1.2em;font-weight:bolder;}
/* Teaserbox */
.teaser {position:relative;top:.7em;/*fuer IE*/}
.teaser a:hover {background-color:transparent;color:#6a4e6a;font-size:1.2em;}
.teaser img{ position:relative;left:15%;padding:0.5em;} 
#vorschau{border:2px solid #606060;position:relative;left:12%;}
#vorschau img{float:left;height:auto;padding-right:1em;width:150px;}
.urheb{font-size:.8em;position:absolute;left:12%;top:68em;width:75%;}

#gallery {background-color:transparent;
float:left;height:65%;
position:relative;left:6em;top:-3em;
width:80%;
}
#thumbs {display:block;
min-height:480px;
position:relative;left:0.3em;top:0em;
width:14%;
}
#thumbs li {float:left;height:50px;width:50px;}
#thumbs li a:hover {z-index:10;}
#gallery a, #gallery a:visited {
background-position:50% 50%;
background-repeat:no-repeat;
background-color:transparent;
border:1px solid #606060;
float:left;
height:50px;
margin:0.2em;
text-decoration:none;
width:70px;
}
#gallery a span {
background-color:transparent;
display:none;
}
#gallery a span img {
background-color:transparent;
border:1px solid #606060;
height:auto;
margin:0;
max-width:480px;
}
#gallery a:hover,#gallery a:focus, #gallery a:active  {
border:1px solid #fff;z-index:1;
}
#gallery a:hover span, #gallery a:focus span, #gallery a:active span  {
display:block;
position:absolute;left:15em;top:1.5em;
width:500px;
z-index:10;
}
#gallery a:focus span, #gallery a:active span  {
 z-index:1;
}
.impress{font-size:.8em;font-style:oblique;font-weight:bold;position:relative;left:30%;top:3em;width:30%;}
#ausschluss{position:relative;left:7em;top:2.5em;width:70%;}
#ausschluss p{display:block;font-size:0.75em;}
#ausschluss a{font-size:0.75em;position:relative;left:85%;top:-.5em;}
#ausschluss p span{font-size:0.6em;}
#footer{font-size: 70%;position:relative;top:95%;left:2%;width:5%;}
#Spreadshop{float:left;height:380px;position:relative;left:25%;width:640px;frameborder:1px;}