body {
  color: rgb(0,128,0) ; 
  font-family: Helvetica,Arial,sans-serif ;
  margin:0 ; 
  padding:0 ;
  background-repeat: repeat-y;
  background-color: rgb(254,253,200);
  background-position:  left 50%;
  background-image: url('../images/bg_seite.gif');
  }

.left {
  text-align:left;
  float: left;
  width=15%; 
  background-repeat: repeat-y;
  background-color: rgb(254,253,200);
  background-position:  left 50%;
  font-family: Monotype Corsiva;
  font-size: 30px;
  color: rgb(0,128,0) ; 
  margin:  0px;
  }

.center {
  width:75%;
  text-align: center ;
  float: center;
  background-color: rgb(254,253,200);
  font-family: Monotype Corsiva;
  font-size: 36px;
  font-weight: bold;
  color: rgb(0,128,0) ; 
  margin:  0px 0px 0px 0px;
  padding: 5px 0px 5px;
  position: absolute; 
  left: 15%; 
  top: 5px;
  }
  
.right {
  text-align: center; 
  float: right; 
  width:15%; 
  left: 85%; 
  font-family: Monotype Corsiva;
  font-size: 30px;
  color:rgb(0,128,0);
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-repeat: repeat-y;
  background-color: rgb(254,253,200);
  background-position: right;
  position: absolute; 
  }

div#copyr {
  width: 25% ;
  font-size:12px;
  font-family: Helvetica,Arial,sans-serif ;
  font-weight: bold;
  color: #008000;
  position: absolute; 
  bottom: 15px; 
  left: 15px; 
  text-align: left;
  float: left; 
  }

div#copyr h2 {
  font-size: 12px;
  font-family: Helvetica,Arial,sans-serif ;
  font-weight: bold;
//  color:#de7811;
  color:#775500;
  float: left; 
  position: absolute; 
  bottom: 45px; 
  text-align: left ;
  }

div#logo {
  width:100%;
  height:7%;
  float: left; 
//  left:40%;
  font-family: Monotype Corsiva;
  font-size: 44px;
  font-weight: bold;
  color:#008000;
  margin:  0px;
  padding: 0px;
  border: 0px solid black;
  background-repeat: repeat-y;
  background-color: rgb(254,253,200);
  background-position:  left 50%;
//  background-image: url('../images/bg_seite.gif');
}

div#navi {
  background-color: rgb(254,253,220);
  padding: 5px 0px 5px ;
//  height:25px;
  margin: 7% 0% 0% 0%;
  border-bottom:solid 2px rgb(0,128,0);
  border-top:solid 2px rgb(0,128,0);
  font-family: Helvetica,Arial,sans-serif ;
  font-size: 18px;
  color: rgb(0,128,0);
  text-align: left;
  left: 5%;
}

div#navi a {
  margin:10px;
  padding:0 15px 0 5px;
  font-family: Helvetica,Arial,sans-serif ;
  color:rgb(0,128,0);
  background-color: rgb(254,253,220);
  padding: 5px 0px 5px;
  margin: 20px 20px 0px ;
}

div#subnavi {
  text-align: left;
  float: left; 
  width:15%; 
  left: 5%;
  margin: 20px 20px 0px ;
  padding: 5px 0px 5px;
  background-color: rgb(254,253,220);
  font-family: Helvetica,Arial,sans-serif ;
  font-size:18px;
  color: rgb(0,128,0);
  border:solid 2px rgb(0,128,0);
  }

div#subnavi h2 {
  text-align: left;
  font-size: 18px;
  margin: 10px 5px 0px;
  padding: 0px 5px 0px;
  color:#de7811;
  border-bottom:solid 1px rgb(0,128,0);
  }

div#subnavi ul {
  font-size: 14px;
  font-family: Helvetica,Arial,sans-serif ;
  margin: 0px 0px 0px; 
  padding: 2px 10px 2px;
  color: rgb(0,128,0);
  text-align: left;
  border-bottom:solid 0px rgb(0,128,0);
  }

div#subnavi a {
  margin: 0px 5px 0px; 
  padding: 2px 10px 2px;
  background-color: rgb(254,253,220);
  float: left; 
  font-size: 14px;
  color: rgb(0,128,0);
  text-align:left;
  }
  
div#subnavi a:hover {
  color: rgb(0,128,0);
  }
  
div#subnavi a:active { 
  color: rgb(0,128,0);
  }
  
div#subnavi a:visited { 
  color: rgb(0,128,0);
  }

div#subnavi a:link { 
  color: rgb(0,128,0);
  text-decoration:none; 
  }

div#subnavi a:focus { 
  color: rgb(0,128,0);
  text-decoration:none; 
  }

//---------------------

div#header {
  background-color:#eeeeee;
  text-align:right;
  height:20px
}

div#line {
  width:100%;
  background-color: rgb(254,253,200);
  background-image:url('../images/line.jpg');
  background-repeat:repeat-y;
  font-size:11px;
  color:#ee8316; 
  padding-left:610px; 
  padding-right:610px; 
  padding-top:2px; 
  padding-bottom:2px
}

div#line a {
  margin:0;padding:0;
  text-decoration:none;
  font-size:11px;
  color:#ee8316;
}

.nav_on:hover {
  color:#083ff0 
  }
  
.nav_off:hover { 
  color:#ee8316 
  }
  
.nav_off {
  background-color:rgb(254,253,220);
  color:#ffffff;
  background-repeat:repeat-y;
  background-position: right 50%;  
  }
  
.nav_on {
  color:#ffffff;
  background-color:rgb(254,253,220);
  background-repeat:repeat-y;
  background-position: right 50%; 
  }

div#main { 
  top: 20%;
  margin: 20px 250px 20px; 
  padding:10px 10px 10px 10px;
  color: rgb(0,128,0);
  }
  
div#main h2 { 
  font-size: 18px; 
  margin: 0px 0px 0px 0px; 
  }
  
div#main p { 
  font-size: 18px; 
  margin: 0px 0px 0px 0px; 
  }
  
div#main a { 
  text-decoration:none; 
  color:#008000 
  }

#sg, #sg_v, #sg_p, #sg_k {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px; 
  font-weight: bold;
  width: 700px; 
  height: 600px; 
  background-color:rgb(254,253,256);
  position: absolute; 
  top: 10%; 
  left: 30%; 
  visibility: hidden; 
  border-width: 1px; 
  border-style:solid; 
  padding: 5px; 
  color: #008000; 
  }

a:link { text-decoration: none; color: #FF9933; }
a:visited { text-decoration: none; color: #FF9933; }
a:hover { text-decoration: none; color: #FF9933; }
a:active { text-decoration: none; color: #FF9933; }


#text, #t {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  }

.lesen, .r {
  font-size: 12px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  }

.head {
  font-size: 14px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  }

