body{
font-size:10pt; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#333333;  
background-color:#FFF7E7; 
text-align:left;
margin:5px 5px 5px 5px; 
background-image: url(hg-gelb.gif);
  }
  
p{
font-size:10pt; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#333333;  
background-color:#FFF7E7; 
text-align:left;
padding: 1px 0 0 0;
margin: 0;
background-image: url(hg-gelb.gif);
  }
.hg-hellblau{background-image:url(images/hg_hellblau.gif); } 

.hg-top1{background-image:url(images/top-loewenzahn.jpg); background-repeat:no-repeat; } 
.hg-top2{background-image:url(images/top-welle.jpg); background-repeat:no-repeat; } 
.hg-top3{background-image:url(images/top-kalla.jpg); background-repeat:no-repeat; } 
.hg-top4{background-image:url(images/top-blumerot.jpg); background-repeat:no-repeat; } 
.hg-top5{background-image: url(images/top-mandarine.jpg);background-repeat:no-repeat; } 



h1.headline {
font-size:12pt; 
font-weight: 200;
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#CBD7CB;
background-color:#FFF7E7;
text-align:left;
font-variant:small-caps;
}

h1 {
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:12pt; 
font-weight:bold; 
color:#666666; 
background-color:#FFF7E7;
text-align:left;}
  
 h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-weight:bold;
color : #666666;
background-color : #fff7e7;
padding-left :1px;
margin-bottom: 1px;
}
.headline{
font-size:10pt;
font-weight: bold;
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#666666;  
background-color:#FFF7E7;
margin:0;
padding:0;
}
ul.aufzaehlung{
list-style-position:inside; list-style-type:square;
font-size:10pt; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
color:#333333;  
background-color:#FFF7E7; 
}
/* Link-content*/
 a.content:link {
 font-size:10pt; 
 font-family:Verdana,Arial,Helvetica,sans-serif; 
 color:#333333; background-color:#FFF7E7;
   text-decoration:underline;
   color:#CC9999; }

 a.content:visited {
   text-decoration:none;
    color:#CC9999;
   background-color:#FFF7E7; }

 a.content:hover {
   text-decoration:underline;
   color:#7DA6D2;
   background-color:#FFF7E7; }

 a.content:active {
   text-decoration:none;
    color:#CC9999;
   background-color:#FFF7E7;}
   
.rahmen-2 {
BORDER-RIGHT: #cccccc 1px solid; 
PADDING-RIGHT: 1px; 
BORDER-TOP: #cccccc 1px solid; 
PADDING-TOP: 1px; 
PADDING-LEFT: 1px; 
BORDER-LEFT: #cccccc 1px solid; 
PADDING-BOTTOM: 1px; 
BORDER-BOTTOM: #cccccc 1px solid; 
MARGIN: 1px;  
background-image:url(hg-gelb.gif);
}

/* linke Navigation */
#navcontainer { margin-left: 20px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif; 
text-indent: 20px; letter-spacing: 1px;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 2px 2px;
width: 200px;
height: 22px;
color: #333333; 
background-color: #C6D6EF;
text-decoration: none;
border: 1px solid #FFF7E7;
}
 
#navcontainer a:hover
{
color: #2958AA; background-color: #7DA6D2;
text-decoration: none;

}

#navcontainer ul ul li { margin: 0;  }

#navcontainer ul ul a
{
font-size: 8pt; 
display: block;
padding: 2px 2px 2px 2px;
width: 200px;
color: #333333; background-color: #E8E8FF;
text-decoration: none;
font-weight: normal;
}
#navcontainer ul ul a:visited
{
color: #333333;
background-color:  #E8E8FF;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #333333;
background-color: #D8BBBB;
text-decoration: none;
}

#navcontainer li a#current {
width: 200px; height: 22px;
  color: #2958AA;   background-color:#7DA6D2; text-decoration: none;
  }

/* Navigation  top*/ 
#topcontainer {
float: none;
width:900px;
height:22px;
border: 2px solid #FFF7E7; 
PADDING: 2px 1px 2px 10px;
BORDER: #cccccc 1px solid; 
MARGIN: 1px 1px 1px 0;  
TEXT-ALIGN: left;
color: #2958AA;
background-color: #C6D6EF;
list-style: none;
}
#topcontainer ul {margin: 0; padding: 0;	
  list-style-type: none; 
  text-indent: 10px; letter-spacing: 1px;}
  
#topcontainer li {list-style-image: url('none'); display:inline;
 width: 110px; height:22px;
border: 1px solid #FFF7E7;
margin:0 
 }

#topcontainer a {display: inline;
  width: 110px; height:22px;
  font:  12px/22px Verdana, Arial, Helvetica, sans-serif;
   }

#topcontainer  a:link, #topcontainer  a:visited {
color: #2958AA;  text-decoration: none; width: 110px;
 padding-bottom: 0; background-color: #C6D6EF;
  }

#topcontainer li a:hover {
  color: #2958AA; text-decoration: none; width: 110px;
  background-color:#7DA6D2;}
#topcontainer li a:active {
  color: #2958AA; text-decoration: none; width: 110px;
  background-color:#D8BBBB;}

/* Navigation bwt*/
 a.bwt:link {
   text-decoration:underline;
   color:#F9AB11; 
   background-color:#FFF7E7;}

 a.bwt:visited {
   text-decoration:none;
   color:#F9AB11; 
   background-color:#FFF7E7;
   }

 a.bwt:hover {
   text-decoration:none;
   color:#F9AB11;
   background-color:#FFF7E7;
    }

 a.bwt:active {
   text-decoration:none;
   color:#F9AB11; 
   background-color:#FFF7E7;
   }
   
   /* Navigation Referenz*/
   a.ref:link {
   font-size:8pt; 
   font-family:Verdana,Arial,Helvetica,sans-serif; 
   color:#6699cc; 
   text-align:left;
   text-decoration:underline;
   background-color:#FFF7E7; }
 a.ref:link {
   text-decoration:underline;
   color:#6699CC;
   background-color:#FFF7E7; }

 a.ref:visited {
   text-decoration:none;
   color:#6699CC;
   background-color:#FFF7E7; }

 a.ref:hover {
   text-decoration:none;
   color: #999999;
   background-color:#FFF7E7; }

 a.ref:active {
   text-decoration:none;
   color:#6699CC;
   background-color:#FFF7E7;
   }
   
   /*--Formular--*/
  #formular {
  width: 500px;
  padding-left:10px;
  color:#333333;  
  background-color: #FFF7E7; 
  border: 1px solid #6699CC;
}
div, textarea {
  font-family: Verdana,Arial,helvetica,sans-serif;
  font-size: 12px;
}

.zeile .feldrand input:focus, .zeile .feldrand textarea:focus {
  color:#333333;
  background-color: #FFFFFF;
}

.feldrand input, .feldrand textarea {
  border: 0px;
  border-bottom: 2px;
  color:#333333;
  background-color: #cccccc;
}

.feldrand textarea {
  border: 2px dotted #990000;
  scroll: auto;
}

.zeile {
  clear: both;
  padding: 2px 0px;
}

.label {
  float: left;
  width: 230px;
  text-align: left;
  padding-top: 3px;
  padding-left: 5px;
  border-bottom: 1px dotted #6699CC;
}

.feld, .feldrand {
  float: right;
  width: 300px;
  text-align: left;
}

.schaltflaeche {
  clear: both;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 0px;
  margin-bottom: -15px
}

.defbreite {
  width: 300px;
}
.defplz {
  width: 49px;
}
.defort {
  width: 236px;
  }