/* -- Allgemeines -- */
html { height: 101%; }

body {
  background: url(../img/background.png) #000000; 
  background-position:0px 0px;

  color: black;
 
  padding: 1%;
  min-width: 640px;

  margin: auto;
  font-size: 100.01%;
  font-family: verdana;
  font-weight: bold;
}
a { color: green; text-decoration: underline; } 
a:visited { color: #0e4414; } 
.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
h1 {
  font-size: 38px;
  font-weight: bold;
  line-height: 0.8em;
  color: black;
  padding: 1em 0 0.2em 2%;
  margin: 0px 1em 0px 0px;
  border-bottom: 2px solid black;
  
}

h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  
}
h6 {
  font-size: 9px;  
}


h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5 {
  color: white;
  font-family: verdana;

}
img { /* Alle Bilder bekommen einen schönen Rahmen. */
   border: solid 0px #aaa;
  padding: 1px;
  max-width: 100%; 
}
.fleft { 
  float: left;
  margin: 0 1em 0.2em 0; 
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}


/* -- Layoutspezifisches -- */
#container { 
  font-size: 0.8em;
  max-width: 70em; 
  width: 640px;
  min-width: 896px ;
  margin: auto;
  border: 15px solid #000000; 
  border-bottom: 5px solid;
  background: black;
}
#footer {
  clear: both; 
  padding: 0 20px;
}

/* - Logo bzw. Kopf - */
#logo {
 /* background: url(../img/header.png) 0 0 no-repeat black; */
  height: 148px; 
  padding: 0 0px;
  text-align: left;
  line-height: 54px;
  font-size: 54px; 
  overflow: hidden; 
  letter-spacing: -3px; 
  margin: 0;
    border-bottom: 6px solid #000000;
  
}
#logo a {
  color: white;
  text-decoration: none;
}
#logo a span { 
  color: black;
  background: white;
  padding-right: 0.1em;
  font-weight: bold;
}

/* - Menü - */
#menu {
  background: url(../img/wechselschatten.png) #000000;
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding: 5px 0; 
  border-top: 0px solid #000000;
  border-bottom: 5px solid #000000;
  margin: 0;
  text-align: right;
  color: yellow; 
}
#menu li {
  font-size: 1.2em;
  display: inline; 
  list-style-type: none; 
  border-left: 2px solid white; 
  padding: 0 10px 0 15px;
  font-weight: bold;
}
#menu li a {
  color: white; 
  text-decoration: none;
}

/* - Subnavigation, Rechte Spalte - */
#subnav {
  width: 250px; 
  min-width: 250px; 
  float: right;
  padding: 1em 1% 1em 1%;
  color: white;
  margin: 1em 1% 2em 1%;
  border-left: 0px solid green; 
  font-size: 0.9em;
  font-family: verdana bold;
}
#subnav dt {
  font-size: 1.3em;
  font-family: verdana bold;
  padding: 0.5em 0 0.5em 0;
  margin-top: 1em;
  border-top: 2px dashed darkgreen;
  
}
#subnav dd {
  border-bottom: 0px solid green;
  padding: 0;
  margin: 0.2em 0;
}

/* - Der Hauptinhaltsteil - */
#main {
  background: url(../img/background2.png)  100% 0 green; 
  padding: 0 31% 0 20px; 
  line-height: 1.2em;
  min-height: 570px;
}

#block {
   width: 480px;
  
  padding: 0px 20px 0px 20px;
  margin: 20px 30px 10px 30px;
  border: 1px dashed black;
  background-image:url(../img/transparentback.png);
  /* display: block; */ 
 }
 
#tr1 {
 float: left
 }
 
#tr2 {
 float: right
 }
 
/* guestbook */

 .eintrag {
  
  text-decoration: none;
  text-align: left;
  font-size: 12px;
  border: 1px dashed black;
  /* width: 80%; */
  vertical-align: middle;
  padding: 10px;
  
  display: block;
  background-image:url(../img/transparentback.png);
  text-align: justify;
}
 
 .eintrag .titel {
  
  font-weight: bold;
  
  }
 
 
 #all {
  width: 80%;
  top: 10px;
  margin: 1px 30px 0px 30px;
 }
 
 
INPUT {
  padding: 2px;
  border: 1px dashed black;
  margin: 3px;
  background: none;
  background-image:url(../img/transparentback.png);
}

SELECT {

  border: 1px dashed black;
  margin: 3px;
  background: none;
  background-image:url(../img/transparentback.png);
}

TEXTAREA {
  border: 1px dashed black;
  width: 400px;
  margin: 3px;
  background: none;
  background-image:url(../img/transparentback.png);
 
}