@charset "UTF-8";
/* CSS Document */

body { background-attachment: scroll; background-image: url(bilder/body.jpg); background-repeat: repeat-x; background-position: 1200px top; background-color: #000000; text-align:center;  margin:0; padding:0; margin-bottom:24px; color:#9B9B9B; font-family:Helvetica, Arial, sans-serif; font-size:12px; }

#head { height:482px; width:800px; margin:12px auto 0 auto; padding:0; }
#head #logo h1 { display:block; width:349px; height:124px; background-image: url(bilder/chroniken-der-unterwelt.gif); margin:0 auto 0 auto; padding:0;}
#head #logo h1 span { display:none; visibility:hidden; }

#wrapper { padding-bottom:47px;}

#navi { margin-top:22px; text-align:justify; }
#navi a { margin:auto;}
#navi a.bones { display:block; width:190px; margin:0 97px 0 0; float:left;}
#navi a.ashes { display:block; width:190px; margin:0 97px 0 0; float:left;}
#navi a.glass { display:block; width:190px; margin:auto; float:left;}
#navi a img { border:none; margin:auto; }
#navi a span { display:none; visibility:hidden; }

#content { width:800px; text-align:left; margin:24px auto 12px auto; }
#content #newsletter { width:270px; float:left }
#content #autor { margin-left:30px; width:370px; float:right; }
#content #autor p, #newsletter p { margin-top:0; padding-top:0; width:190px; float:left; }
#content #autor img { float:left; margin:0 17px 12px 0; }
#content #autor h2, #newsletter h2 { font-weight:lighter; margin:0; padding:0; padding-bottom:12px; font-size:15px; text-decoration:none; }
#content #autor ul {margin-left:0; padding-left:0; margin-top:0; padding-top:0; list-style-position:inside; }

#newsletter { }
#newsletter form { clear:both; margin:0; padding:0; display:block; padding-top:24px;  }
#newsletter form legend { display:block; margin:0; padding-bottom:13px; font-size:15px; }
#newsletter form fieldset { padding:0; border:none; margin:0; }
#newsletter form input { display:block; width:160px; float:right; height:17px; line-height:17px; vertical-align:middle;  margin-bottom:3px;  margin-top:3px; padding:1px; }
#newsletter form label { display:block; width:90px; float:left; line-height:17px; vertical-align:middle; margin-bottom:3px; margin-top:3px; padding:1px; }
#newsletter form input.submit { clear:both; height:auto; width:auto; }
#newsletter br { clear:both; }
#newsletter a { color:#FFFFFF; }
#newsletter a:link { color:#FFFFFF; }
#newsletter a:visited { color:#FFFFFF; }
#newsletter a:hover { color:#FFFFFF; }
#newsletter a:active { color:#FFFFFF; }
p.unsubscribe { display:block; padding-top:7px; clear:both; }

#newsletter span { padding-top:20px; padding-bottom:40px; width:180px; display:block; clear:both; }

/*//////////////////////////////////////////////////////////////////////////   CITY OF GLASS is out  */

#cityofglasserscheint { position:fixed; top:0px; left:0px; width:244px; height:188px; }
#cityofglasserscheint a { position:fixed; top:0px; left:0px; background:url(bilder/cityofglasserscheint.png) top left no-repeat; width:244px; height:188px; }
#cityofglasserscheint span { display:none; visibility:hidden; }