/*--
	Die verschiedene Farben der Webseite sind:
	rgb(0,154,99)		Flagge links
	rgb(0,0,0)          Flagge mitte
	rgb(255,13,61)	    Flagge rechts
	rgb(35,41,122)      Wappen hintergrund
	rgb(243,174,0)	    Wappen Harve hauptfarbe
	rgb(195,123,36)		Wappen Harve schatten
--*/

body , div , dd , dt , h1 , h2 , h3 , h4 , h5 , h6 {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body {
   margin-top: 3%;
   margin-left: 3%;
   margin-right: 3%;
   color: rgb(243,174,0);  
   background: rgb(35,41,122);
}
#inhalt {
 clear:left;
   padding-top: 10px;
   color: rgb(243,174,0);  
   background: rgb(35,41,122);
   font-size: 1.08em;
}
a:link{
   color: rgb(195,123,36); 
}
a:visited {
   color: rgb(195,195,195);
}
a:hover {
   color: rgb(255,255,255);
}
a:active {
   color: rgb(0,0,0);
}
/*-- ######## --------------- Formatierung Hauptnavi ######## --*/

#mainnav a {
 float:left;
  width:9em;
}

/*-- ######## --------------- Formatierung Navigation  ###### --*/
#nav {
 clear:left;
   float: left;
   width: 11.5em;
   color: rgb(0,0,0);
   background-color: rgb(236,236,236);
   margin-top: 1%;
   margin-right: 5px;
}
#nav a, #mainnav a {
   display: block;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   font-size: 85%;
   color: rgb(255,255,255);
   background-color: rgb(35,41,122);
   border: 1px solid;
   border-color: rgb(35,41,122);
}
/*- --------------- Formatierung der Links --*/
#nav a:link, #mainnav a:link {
   color: rgb(0,0,0);
   border-color: rgb(255,255,255) rgb(0,0,0) rgb(0,0,0) rgb(255,255,255);
   background: rgb(195,123,36);
}
#nav a:visited, #mainnav a:visited {
   color: rgb(195,195,195);
   border-color: rgb(0,0,0) rgb(255,255,255) rgb(255,255,255) rgb(0,0,0);
   background: rgb(236,236,236);
}
#nav a:hover, #mainnav a:hover {
   color: rgb(255,255,255);
   border-color: rgb(0,0,0) rgb(255,255,255) rgb(255,255,255) rgb(0,0,0);
   background: rgb(181,140,59);
}
#nav a:active, #mainnav a:active {
   color: rgb(0,0,0);
   border-color: rgb(0,0,0) rgb(255,255,255) rgb(255,255,255) rgb(0,0,0);
   background: rgb(236,236,236);
}
.kopfnavi {
   text-align: center;
   font-size: 0.8em;
   background-color: rgb(236,236,236);
   border: 2px solid;
   border-color: rgb(195,195,195);
   padding: 2px;
}
  /*- --------------- Formatierung der DIV Boxelemente  ----*/
#kopf h1 {
   color: rgb(255,255,255);
   font-size: 150%;
   font-weight: bold;
   text-align: right;
   padding-right: 3%;
   padding-top: 3.5%;
}
#kopf {
/*--   color: rgb(255,255,255);
   background-color: rgb(60,60,230);
   background-image: url(kopfbild.jpg);
   background-repeat: no-repeat;
   height: 87px; --*/
}
#fuss {
   color: rgb(255,255,255);
   background-color: rgb(60,60,230);
   height: 30px;
}

#footer {
   border-top: 1px solid rgb(210,210,210);
   font-size: 0.7em;
}
  /*- --------------- Formatierung der Überschriften  ----*/
h1     {
   font-size: 125%;
   color: rgb(92,92,255);     
}
h2     {
   font-size: 110%;
   color: rgb(255,255,255);     
/*--   border: thin rgb(60,60,230); 
   background-color: rgb(236,236,236);--*/
}
h3     {
   font-size: 105%;
}
h4     {
   font-size: 95%;
}
h5     {
   font-size: 100%;
}
h6     {
   font-size: 95%;
}
/*-- Formatierung der Formulare --*/
@media all {
         input.kontakt {
                width : 80%;
            }
         input.Antrag {
                width : 80%;
            }
         input.Land {
                width : 10%;
            }
         input.PLZ {
                width : 12%;
            }
         input.Ort {
                width : 55%;
            }
         textarea {
                width : 95%;
            }
      }
textarea {
         max-width : 95%;
      }
input.kontakt {
         max-width : 80%;
      }
input.Antrag {
         max-width : 80%;
      }
input.fileupload {
         max-width : 50%;
      }
input.Land {
         max-width : 10%;
      }
input.PLZ {
         max-width : 12%;
      }
input.Ort {
         max-width : 55%;
      }
.fett {
   font-weight: bold;
}
.klein {
   font-size: 0.8em;
   font-weight: bold;
}
.textbemerkung{
   background-color: rgb(236,236,236);
   font-size: 0.9em;
   font-weight: bold;
   padding: 0.5em;
   border: thin dotted rgb(60,60,230);
}
.textbemerkungnormal{
   background-color: rgb(236,236,236);
   font-weight: bold;
   padding: 0.5em;
}
.bemerkung{
   color: rgb(255,255,255);
   background-color: rgb(60,60,230);
}
legend {
   font-weight: bold;
}
legend.klein {
      font-size: 80%;
}
.liOrte{
   float: left;
   margin-left: 2em;
   display: block;
}
dt.normal {
   margin-top: 1em;
}
dd.kurzliste{
   padding-left: 0em;
   margin-left: 11em;
}
dt.floatliste {
   float: left;
}
dd.floatliste{
   padding-left: 0em;
   margin-left: 14em;
}
dt.autor {
   float: left;
   font-size:0.8em;
}
dd.autor {
   padding-left: 0em;
   font-size:0.8em;
   margin-left: 16em;
}
.textmitte{
   text-align: center;
}
.bildertab td {
   padding: 0.5em;
   border: 1px solid rgb(60,60,230);
}
.nachoben {
   padding : 1em;
   text-align : right;
   font-size : 0.7em;
}
/*-- Bilderformatierung --*/
.bildtext {
   font-size: 0.55em;
}
.piclinks{
   text-align: center;
   float: left;
}
.picrechts{
   text-align: center;
   float: right;
}
.sauber{
   clear: both;
}