@charset "utf-8";
/* CSS Document */
/* be nice to Opera... um, maybe not. */
body, html
{
padding:0;
margin:0;
}
body 
{
font:100.1% Verdana, Arial, Helvetica, sans-serif;
color: #ffffcc; 
background-color:black;
margin: 0; padding:0;
text-align: center;  /* Zentrierung im Internet Explorer */
  }
a:link 
{ color:#ffffcc; text-decoration:none;font-weight:bold; }
a:hover 
{ color:#ffffcc; text-decoration:none; background-color:#006699;font-weight:bold;}
a:visited 
{ color:#ffffcc; text-decoration:none;font-weight:bold; }
a:active 
{ color:#ffffcc; text-decoration:none;font-weight:bold; }
h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-variant:small-caps;
}
p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
}
#banner
{
position:absolute;
top:0;
left:0;
width:840px;
padding-bottom:4px;
margin:0;
}
/* GANZE SEITE*/
#seite 
{
position:absolute;
top:10px;
width:840px;
height:600px;
left:50%;
margin-left:-420px;
text-align:center;
margin-bottom:20px;
padding:20px;

 }

#ganzoben 
{
position:absolute;
z-index:10;
top:40px;
left:0;
width: 840px;
height:24px;
margin:0;
padding:0;
font-size: 0.7em;
text-align: right;
color:#990000;
 }
#ganzoben a:link {color:#990000;}
#ganzoben a:visited {color:#990000;}
#ganzoben a:hover {color:#990000;background-color:#006699;}
#ganzoben a:active {color:#990000;}
/* OBEN*/

#menue
{
position:absolute;
top:65px;
left:0;
width:840px;
height:100px;
margin:0;
padding-top:4px;
padding-bottom:4px;
border-top:solid 1px #990000;
border-bottom:solid 1px #990000;
}
/* MITTE*/


#bg
{
position:absolute;
top:190px;
left:180px;
width:660px;
height:390;
margin:0;
padding:0;
text-align: right;
border:solid 1px #990000;
}

#navig
{
position:absolute;
top:180px;
left:0;
width:120px;
height:390px;
text-align: left;
font-size:1em;
line-height:1.8em;
}
#navig_2
{
position:absolute;
top:180px;
left:0;
width:120px;
height:390px;
text-align: left;
font-size:1em;
line-height:1.8em;
}


#navig a {color: #ffffcc;text-decoration:none;font-weight:bold;}
#navig a:link {color: #ffffcc;text-decoration:none;}
#navig a:visited {color: #ffffcc;text-decoration:none;}
#navig a:hover {color: #ffffcc; background-color: #006699;text-decoration:none;}
#navig a:active {color: #ffffcc; text-decoration:none;}

#navig_2 a {color: #ffffcc;text-decoration:none;font-weightpirata:bold;}
#navig_2 a:link {color: #ffffcc;text-decoration:none;}
#navig_2 a:visited {color: #ffffcc;text-decoration:none;}
#navig_2 a:hover {color: #ffffcc; background-color: #006699;text-decoration:none;}
#navig_2 a:active {color: #ffffcc; text-decoration:none;}

form {font-size:0.6em;text-align:right;}
form#kontakt {position:absolute;
top:80px;
left:10px;}
label {vertical-align:top;padding-right:10px;}

input{background-color:#999999;padding-left:6px;border:0;margin:1px;border:0;}

#nachricht{background-color:#999999;width:300px;height:80px;padding:6px;overflow:auto;border:0;}

#subm{ border-right:solid 1px #fcfcda;border-bottom:solid 1px #fcfcda;border-top:0;border-left:0;color:#fcfcda;margin-left:2px;background-color:#000000;}

div#box
{
position:absolute;
top:10px;
left:50%;
width:600px;
height:600px;
margin-left:-300px;
text-align:center;
background:black;
}

div#bild
{
position:absolute;
top:40px;
left:50%;
width:600px;
height:500px;
margin-left:-300px;
text-align:center;
}
div#null
{
position:absolute;
z-index:100;
top:40px;
left:50%;
width:600px;
height:600px;
margin-left:-300px;
font-size:2em;
text-align:center;
color:#333;
}
div#folie
{
position:absolute;
z-index:100;
top:190px;
left:582px;
width:260px;
height:390px;
}
div#close
{
position:absolute;
top:10px;
right:10px;
width:20px;
padding:2px;
height:20px;
text-align:center;
font-size:1em;
background:silver;
}

img.dia
{
border:outset 1px #ffffcc;
background:silver;
}