/* -- Allgemeines -- */
body {
  background: #e7f3f7; /* url(../img/bg.gif) */
  color: black;
  margin: 0;
  padding: 1%;
  min-width: 640px;
  font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
  font-family: verdana, arial, sans-serif ;
}
a { color: #0B4D8C; text-decoration: underline; }
a:visited { color: black; }
.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: 2.7em;
  font-weight: normal;
  line-height: 0.8em;
  padding: 0.6em 0 0.2em 2%;
  margin: 0;
  border-bottom: 1px dashed #E6E6FA;
}
h2, h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 {
  color: #6699CC;
  font-family: Georgia, "Times New Roman", Times, serif;
}
table {
	 font-family: Arial, "Helvetica", sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 0.8em;
  padding: 0.6em 0 0.2em 2%;
  margin: 0;
  border: 1px dashed #E6E6FA;
	}
#tablew {
  background: #6699CC; /* #8482FF; */
  padding: 1px;
  margin: 0;
  text-align: right;
  color: yellow;
}
th {
	font-weight: bold;
	font-size: 1.5em;
	}
td {
text-align: right;
  font-size: 0.9em;
  font-weight: normal;
}
img {
  border: solid 1px #aaa;
  padding: 1px;
  max-width: 95%;
}
.fleft {
  float: left;
  margin: 0 1em 0.2em 0;
}
.fright {
  float: right;
  margin: 0 0.2em 1em 0;
  padding: 1px;
}


/* -- Layoutspezifisches -- */
#container {
  font-size: 0.8em;
  <!-- max-width: 70em; -->
  margin: auto;
  border: 1px solid #aaa;
  border-top: 0;
  background: white;
}
#footer {
  clear: both;
  padding: 0 20px;
}

/* - Logo bzw. Kopf - */
#logo {
  background: url(../img/dendro.jpg) 0 0 no-repeat black;
  height: 100px;
  padding: 0 20px;
  text-align: right;
  line-height: 90px;
  font-size: 54px;
  overflow: hidden;
  letter-spacing: -3px;
  margin: 0;
}
#logow {
  background: url(../img/sonnenuntergang.jpg) 0 0 no-repeat #8482FF;
  height: 100px;
  padding: 0 20px;
  text-align: right;
  line-height: 40px;
  font-size: 34px;

  letter-spacing: -1px;
  margin: 0;
}
#logow2 {
  background: url(../img/sonnenuntergang2.jpg) 0 0 no-repeat #FAFB86;
  height: 100px;
  padding: 0 20px;
  text-align: right;
	color: yellow;
  line-height: 90px;
  font-size: 24px;
  overflow: hidden;
  letter-spacing: -3px;
  margin: 0;
}
#logo a {
  color: #6495ED;
  text-decoration: none;
}
#logo a span {
  color: black;  font-weight: normal;

  padding-right: 0.1em;
  font-weight: normal;
}

/* - Menü - */
#menu {
  background: url(../img/bambusa12.jpg) #287635;
  padding: 5px 5%;
  margin: 0;
  text-align: right;
  color: yellow;
}
#menuw, #menugr {
  background:  #8482FF;
  padding: 5px 5%;
  margin: 0;
  text-align: right;
  color: yellow;
}
#menu li {
  font-size: 1.2em;
  display: inline;
  list-style-type: none;
  border-left: 1px solid green;
  padding: 0 10px 0 15px;
  font-weight: bold;
}
#menuw li {
  font-size: 1.2em;
  display: inline;
  list-style-type: none;
  border-left: 1px solid green;
  padding: 0 10px 0 15px;
  font-weight: bold;
}
#menu li a {
  color: #FF4500;
  text-decoration: none; text-shadow: inherit;
}
#menuw li a {
  color: #FAFB86;
  text-decoration: none; text-shadow: inherit;
}

/* - Subnavigation, Rechte Spalte - */
#subnav {
  width: 26%;
  min-width: 10em;
  float: right;
  padding: 1em 1% 1em 1%;
  margin: 1em 1% 0 1%;
  border-left: 1px dotted #aaa;
  font-size: 0.9em;
}
#subnav dt {
  font-size: 1.2em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0.5em;
  margin-top: 1em;
  border-top: 1px dotted #aaa;
}
#subnav dd {
  padding: 0;
  margin: 0.2em 0;
}

/* - Der Hauptinhaltsteil - */
#main {
  background: /* url(../img/mstgr.gif) no-repeat 100% 0 */ white;
  padding: 0 31% 0 20px;
  line-height: 1.3em; /* Zur besseren Lesbarkeit erhöhen wir die Zeilenhöhe. */
}