/* -- Allgemeines -- */
body {
  background: #000;
  margin: auto;
  min-width: 800px; 
  color: #fff;
  font-size: 100.01%;
  font-family: arial;
}
a { color: #f00;text-decoration:none;  }
a:link { color:#f00; text-decoration:none;}
a:visited { color:#f00;text-decoration:none; }
a:active { color:#f00;text-decoration:none; }
img
{
  border:0;
}
h1
{ 
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.2em;
 }
 h3
 {
 font-size:1em
}
.fleft 
{
  float: left;
  margin: 0 1em 0.2em 0;
}
.fright 
{
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}
/* -- Layoutspezifisches -- */
#container 
{
  background:#000;
  width: 800px;
  min-height:680px;
  margin: auto; 
  font-size: 1em;
  }
#footer 
{
 clear: both;
 background-color: #000;
 width: 800px;
 height: 30px;
 bottom: 0%;
 padding-left:0px;
 margin:auto;
 margin-top:10px;
 text-align:justify;
 line-height: 1em;
 font-size: 0.9em;
 color: #fff;
 letter-spacing:0.1em;
}
#footer a { color: #fff;text-decoration:none;  }
/* - head - */
#head a { color:#fff; text-decoration:none;}
#head 
{
 text-align: right; 
 background-color: transparent;
 width: 800px;
 white-space: nowrap;
 font-size: 0.8em;
 line-height: 30px;
 color: #555;
 margin-top:10px;
 }
 /* - main - */
 #main 
{
 background: url(../img/bg_con.jpg);
 max-width: 800px;
 line-height: 1em;
 margin-top:50px;
}

#nav_top
{
width:800px;
max-width:800px;
height:20px;
white-space:nowrap;
letter-spacing: 0.1em;
text-align:left;
margin-left:0em;
font-weight:bold;
}

#nav_top li
{
margin-right:40px;
margin-left:-10px ;
display:inline;
list-style-type: none;}

/* kontakt.html */
#kontakt
{
background: url(../img/bg_kontakt.jpg);
background-repeat:no-repeat;
width:800px;
height:700px;
text-align:justify;
}
.kontakt li
{
list-style-type: none;
margin-left: -2em;
}
#hinweise
{
position:absolute;
width:280px;
height:300px;
top:450px;
color:#ddd;
font-size:0.8em;
}
#hinweise h3
{
color:#fff;
}
#blase
{
position:absolute;
width:510px;
height:300px;
top:169px;
color:#000;
font-size:0.8em;
text-align:right;
}

/* friends.html */
#friends a
{
color:#fff;
}
#claudia
{
position:absolute;top: 125px;
margin-left:205px;
max-width:440px;
font-size:0.8em;
}
#claudia td
{left:10px;
vertical-align:top;
}
#claudia span
{
color:#f8f641;
line-height:2em;
} 
#links
{
position:absolute;top: 510px;
margin-left:400px;
font-size:0.8em;
}
.td_right
{
text-align:right;
}
.date
{
width:80px;
}

/* -- horrorladen.html -- */
#info_hl
{
margin-left:440px;
line-height:1.2em;
font-size:0.9em;
}
/* na super.html*/
.img1
{
float:left;
z-index:1;
position:absolute;
margin-top:10%;
margin-left:0px;
}

/* illustrationen.html */
.img2
{
float:left;
z-index:1;
position:absolute;
margin-top:30px;
margin-left:90px;
}
.img3
{
float:left;
z-index:2;
position:absolute;
margin-top:20px;
margin-left:380px;
}
.img4
{
float:left;
z-index:3;
position:absolute;
margin-top:230px;
margin-left:530px;
}

/* -- ehrentraut gilges.html -- */
#eg
{
margin-left:300px;
margin-top:15px;
height:250px;
font-size:0.9em;
letter-spacing:0em;
} 
#eg table
{
margin-top:20px;
text-align:left;
line-height:1em;
}
#eg td .date
{
width:30px;
}

/* -- aufsteller.html --*/

/* -- unter wasser.html -- */
#uw_gross
{
overflow:scroll;
margin-top:50px;
width:800px;
}

/* -- watch me.html -- */
#info_wm
{
margin-left:600px;
line-height:1.4em;
font-size:0.9em;
text-align:right;
}
/* -- projekt html --*/
#projekt
{
margin-left:440px;
line-height:1.2em;
font-size:0.9em;
}
/* sitemap */
#sitemap a { color:#fff; text-decoration:none;}
#sitemap
{
min-height:600px;
background: url(../img/sitemap_bg.jpg);
line-height:1.2em;
letter-spacing:1.1;
margin-left:30px;
}