/* css design 2003 - 2004 
   by Sebastian Stoecker
   <s-stoecker@surfhome.de>
   feel free to use it! :)  */

/* new colours

   page background 899
   dark header background 255
   light header background 4aa

   dark header text 133
   box surrounds 4cc
   quote 356
*/

body {
  font: 12px Georgia, Palatino, serif;
  color: #000;
  background: #899;
  padding:0;
  margin:0;
  text-align: center;
}

a {
  text-decoration:none;
  font-weight:bold;
  color: #333300;
}

a:hover {
  border-bottom: 1px dashed;
}

a:active {
  border-bottom: 1px dashed;
}
	
a:visited {
  color: #335566;
}
	
a.nav {
  text-decoration: none;
  color: #fff;
}

a.nav:visited {
  color: #fff;
}

a.nav:hover {
  border: 0;
  color: #889999;
}

a.jab {
  text-decoration:none;
  font-weight: normal;
  font-family: Georgia, Palatino, serif;
  color: #44aaaa;
}

ol {
  margin-right:40px;
}

li {
  margin-bottom:10px;
}

#box {
  margin-top:30px;
  margin-right:auto;
  margin-left:auto;
  width:550px;
  text-align:left;
}

#header {
  padding:40px 0px 40px 20px;
  color: #fff;
  background: #255 url(border-top.gif) top center no-repeat;
  text-align:left;
}

#navheader {
  margin: 0;
  text-align: center;
  padding:3px 5px 15px 5px;
  font: 12px Georgia, Palatino, serif;
  color: #255;
  background: #4aa;
  border-left:2px solid #255;
  border-right:2px solid #255;
}

#footer {
  padding: 0px 0px 3px 0px;
  font: 12px Georgia, Palatino, serif;
  text-align: center;
  color: #fff;
  background: #44aaaa;
  border-left:2px solid #225555;
  border-right:2px solid #225555;
}

#footer-2nd {
  margin: 0;
  padding: 0;
  width: 546px;
  height: 17px;
  background: #fff url(bg_swirl_bottom.gif) bottom right no-repeat;
}

#content {
  padding:0px 20px 20px 20px;
  font-family: Georgia, Palatino, serif;
  word-spacing: 0.1em;
  color: #000;
  background: #fff url(bg_swirl.gif) no-repeat;
  border-left:2px solid #225555;
  border-right:2px solid #225555;
  text-align:left;
}

#content-scroll {
  padding:0px 20px 20px 20px;
  font-family: Georgia, Palatino, serif;
  word-spacing: 0.1em;
  color: #000;
  background: #fff url(bg_swirl.gif) no-repeat;
  border-left:2px solid #225555;
  border-right:2px solid #225555;
  text-align:left;
  overflow:auto;
}

#imp-footer {
  padding:20px 0px 40px 20px;
  font-family: Georgia, Palatino, serif;
  color: #fff;
  background: #255 url("border-bottom.gif") bottom center no-repeat;
  text-align: left;
}

#logo {
  /* width: 84px;
  height: 84px; */
  width: 91px;
  height: 133px;
  position: relative;
  margin-right:20px;
  margin-top:-93px;
  border:0;
  padding:0px;
  float:right;
  background: transparent url(mad-teacup2.gif) no-repeat; /* circle.gif */
}

div.news {
  border:2px dashed #44aaaa;
  background: #fff;
  margin:0px 20px 20px 20px;
  padding:8px;
  font: 13px Georgia, Palatino, serif;
}

div.stats {
  clear: right;
  float: right;
  background: #fff;
  padding: 5px 10px 20px 10px;
  margin-right: 20px;
  margin-left: 20px;
}

div.stats b {
  color: #000;
}

div.stats p {
  color: #44aaaa;
}

p,td {
  font: 13px Georgia, Palatino, serif;
}

th {
  font: bold 13px Georgia, Palatino, serif;
  text-align: left;
}

p.quote {
  color: #335566;
}


h1 {
  margin-top:0px;
  margin-bottom:10px;
  font-family: Georgia, Palatino, serif;
  font-size: 54px;
  color: #133;
  font-weight: normal;
  padding-bottom:0;
}

h1.sub {
  position: relative;
  float: left;
  margin-top: -35px;
  display:inline;     /* IE bug workaround */
  padding-left: 15px;
  font-size: 34px;
  font-family: Georgia, Palatino, serif;
  color: #44aaaa;
}

h2 {
  font-family: Georgia, Palatino, serif;
  font-weight: normal;
  color: #337788;
}

h3 {
  font-family: Georgia, Palatino, serif;
  color: #337788;
}

h4 {
  margin-top:0;
  padding-top:0;
  font-family: Georgia, Palatino, serif;
  color: #337788;
}

h2.news {
  font-family: Georgia, Palatino, serif;
  font-weight: normal;
  color: #337788;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 20px;
}

h2.serif {
  font-size: x-large;
  font-weight: normal;
}

h3.serif {
  font-size: large;
  font-weight: normal;
}

.serif:before {
  content: "~ ";
}

.serif:after {
  content: " ~";
}

.block {
  padding: 0;
  margin: 0;
}

.no-style {
  text-decoration: none;
  font-weight: normal;
}

.no-style:first-letter {
  font-size: 100%;
}

b.blau,p.blau {
  color: #44aaaa;
}

img {
  border: 0px;
  padding: 3px;
}

img.left {
  float: left;
  padding: 5px 10px 5px 0px;
}

img.right {
  float: right;
  padding: 5px 0px 5px 10px;
}

.left {
  text-align: left;
}

img.border {
  border: 2px dashed #44aaaa;
}

img.border-light {
  border: 1px dashed  #44aaaa;
}

img.border-left {
  float: left;
  border: 1px dashed #44aaaa;
  margin: 5px 10px 5px 0px;
}

img.border-right {
  float: right;
  border: 1px dashed #44aaaa;
  margin: 5px 0px 5px 10px;
}

td.zeichnung {
  width: 155px;
}

td.books {
  color: #000;
  background-color: #fff;
  vertical-align: top;
}

th {
  color: #44aaaa;
  font-weight: bold;
}

img.border-top {
  vertical-align: top;
  margin-left: -20px;
  border: 0;
}

img.border-bottom {
  vertical-align: bottom;
  margin-left: -20px;
  border: 0;
}

table {
  overflow: auto;
}

table.books {
  border:2px dashed #44aaaa;
}

tr.theader {
  background-color: #99bbcc;
}

hr {
  border: 1px dashed #44aaaa;
  color: #44aaaa;
}

#navheader ul{
  clear: left;
  margin: 0;
  padding: 0 2em 0.3em;
  list-style-type: none;
}

#navheader ul li {
  display: inline;
  text-align: left;
}

#navheader ul li a {
  font-weight: normal;
  color: #335566;
  padding: 0 0.5em 0 0.5em;
  width: 80px;
  float: left;
}

#navheader ul li a:hover {
  color: #fff;
  text-decoration: none;
}

#navheader ul li a:before {
  color: #fff;
  content: ": : ";
}

p.pre {
  font: 10px "Courier New", monospace;
}

pre {
  font-family: "Courier New", monospace;
  word-spacing: 0;
}

p:first-letter {
  font-size: 180%;
  font-weight: normal;
}

.pre {
  font-family: "Courier New", monospace;
}

div.centered {
  text-align: center;
  padding: 0;
}

.center {
  text-align: center;
  padding: 0;
  margin: 0;
}

a.booksort {
  color: #44aaaa;
  font-weight: bold;
}

a.booksort:visited {
  color: #44aaaa;
  font-weight: bold;
}

pre.code {
  margin-left: 10px;
  margin-right: 10px;
  padding: 3px;
  border: 1px dashed #44aaaa;
  font: 10px monospace;
}

p.codedesc {
  font-family: monospace;
  border: 2px dashed #44aaaa;
  padding: 3px;
}

.red {
  color: red;
}