body {
 background:#ffffcc url(hintergrund.jpg) repeat-y;                /*#fdf8cb*/
 margin:0 auto;
 padding:10px 10px 5px 13px;
 text-align:left;
 width:840px
   font-size: small;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; 
}

p {
  text-align: justify;
}

#header{
 position: relative;
 clear: both;
 float:left;
}

#navigation{
 background:#fff;
 float:left;
 width:610px;
 height: 45px;
 margin:0 0 0 0;
 padding:0 0 0 0;
 border-top: 1px solid #dcd7c8;
 border-left: 1px solid #dcd7c8;
 border-right: 3px solid #dcd7c8;
}

#navigation ul {
  top: 20px;
  margin: 0 auto;
  padding-top: 4px;
  padding-left: 8px;
  list-style: none;
}

#navigation ul li{
 display:inline;
 margin:0 20px 0 0;
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#666;
 font-size:14px;                        /*  .9em;   */
 font-weight:bold;
}

#navigation ul li a:hover{
 color: #FFFFFF;
 text-decoration:none;
 background-color: green;
                      /*  border-bottom:4px solid green;                    #666   */
}

#navigation ul li span{
 background:#ffd700;         /*  beige  oder #daa520  #deb887  #bdb76b   #fdf8cb  */
 font-size:16px;
}

#navigation_b {
  font-family: Arial, Helvetica, sans-serif;
}

#navigation_b ul {
  position: absolute;
  top: 23px;
  left:10%;
  margin: 0 auto;    
  padding-top: 4px;
  padding-left: 8px;
  padding-bottom: 2px;
  list-style: none;
}

#navigation_b ul li {
  display: inline;
  padding-left: 8px;
}

#navigation_b ul li a{ 
  text-decoration:none;
  color: blue;
  font-size:13px;                        /*  .9em; */
  font-weight:bold;
}

#navigation_b ul li a:hover {
  color: #FFFFFF;
  background-color: green;
  text-decoration: none;
}

#navigation_b ul li span{
 background:#ffd700;           /*  beige   */
 font-size:14px;
}

#navigation_c {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
}

#navigation_c ul {
  position: absolute;
  top: 23px;
  left:55%;
  margin: 0 auto;
  padding-top: 4px;
  padding-left: 8px;
  list-style: none;
}

#navigation_c ul li {
  display: inline;
  padding-left: 8px;
}

#navigation_c ul li a{ 
  text-decoration:none;
  color: blue;
  font-size:.9em; 
  font-weight:bold;
}

#navigation_c ul li a:hover {
  color: #FFFFFF;
  background-color: green;
  text-decoration: none;
}

#navigation_c ul li span{
  background:#ffd700;           /*  beige   */
}

#navigation_d {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
}

#navigation_d ul {
  position: absolute;
  top: 23px;
  left:75%;
  margin: 0 auto;
  padding-top: 4px;
  padding-left: 8px;
  list-style: none;
}

#navigation_d ul li {
  display: inline;
  padding-left: 8px;
}

#navigation_d ul li a{ 
  text-decoration:none;
  color: blue;
  font-size:.9em; 
  font-weight:bold;
}

#navigation_d ul li a:hover {
  color: #FFFFFF;
  background-color: green;
  text-decoration: none;
}

#navigation_d ul li span{
  background:#ffd700;           /*  beige   */
}

#navigation_e {
  font-family: Arial, Helvetica, sans-serif;
}

#navigation_e ul {
  position: absolute;
  top: 23px;
  left:35%;
  margin: 0 auto;    
  padding-top: 4px;
  padding-left: 8px;
  padding-bottom: 2px;
  list-style: none;
}

#navigation_e ul li {
  display: inline;
  padding-left: 8px;
}

#navigation_e ul li a{ 
  text-decoration:none;
  color: blue;
  font-size:13px;                        /*  .9em; */
  font-weight:bold;
}

#navigation_e ul li a:hover {
  color: #FFFFFF;
  background-color: green;
  text-decoration: none;
}

#navigation_e ul li span{
 background:#ffd700;           /*  beige   */
 font-size:14px;
}

.navbild {
  margin:0;
  clear:left;
  min-height: 1%;
}

.inforechts {
  position: absolute; 
  top: 0px; 
  right: 0px; 
  padding: 5px; 
  border: 2px solid #ffcc66;              /* c0b090 */
  width: 30%; background:#ffffff;         /* fdf8cb */
}

.textblock {
 clear: both; 
}

.box { 
  float:left;
  width: 45%; 
  background: #cccc99;
}

.box h1, .box p {margin: 0 10px;}
.box h1 {font-size:150%; color:#993300; }
.box .top, .box .bottom{display:block;background: #ffffcc;}
.box .top b, .box .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #cccc99;
}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}

.mittelbox { 
  float:left;
  width: 10%; 
  color:#ffffcc;
}

.wrapper {
  position: relative;
  clear: both;
}

.lbild {
  position: relative; 
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  float:left;
}

.rbild {
  position: relative; 
  margin-top: 10px; 
  float:right;
}

.rbildabs {
  position: absolute; 
  top: 10px; 
  right: 10px; 
  padding: 0px; 
  width: 30%; background:#ffffcc;
}

.untertitel {
  margin-top: 10px; 
}

.nebentitel {
  padding: 20px; 
}

.namenszug {
  font-family: "Lucida Handwriting", "Lucida Grande", Arial, Helvetica, sans-serif; 
}

.ltext {
  position: relative; 
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  float:left
}

.rtext {
  position: relative; 
  margin-top: 10px; 
  padding: 5px; 
  float:right;
}

img {
  padding: 5px;
  background: white;
  border-left: 1px solid #dcd7c8;
  border-right: 3px solid #dcd7c8;
  border-bottom: 2px solid #dcd7c8;
}

.fadebild {
  width:600px;
  height:240px;
  padding: 5px;
  background: white;
  border-left: 1px solid #dcd7c8;
  border-right: 3px solid #dcd7c8;
  border-bottom: 2px solid #dcd7c8;
}

.fadebild2 {

  margin:0;
  clear:left;
  min-height: 1%;

  width:600px;
  height:280px;
  padding: 5px;
  background: white;
  border-left: 1px solid #dcd7c8;
  border-right: 3px solid #dcd7c8;
  border-bottom: 2px solid #dcd7c8;
}


.inforechts img {
  padding: 0px;
  background: #ffffcc;
  border:none
}

.sprung a {
  text-decoration: none;
}

.sprung img {
  padding: 0px;
  background:0 no-repeat;
  margin:0 auto;
  border:none;
  padding:5px 5px 5px 50px;
  height:20px;
  width:26px;
}
