﻿/*--
	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-left: 3%;
   margin-right: 3%;
   color: rgb(243,174,0);  
   background: rgb(35,41,122);

}
#inhalt {
   color: rgb(243,174,0);  
   background: rgb(35,41,122);
   padding-left: 12em;
   padding-right: 3%;
   margin-top: 4%;
   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 {
   margin-top: 1%;
   margin-left: 13em;
}
.PicMen {
   margin-left: 4em;
}
#mainnav a {
 float:left;
  width:7.5em;
}
.PicMen a {
 float:left;
  width:5em;
}
/*-- ######## --------------- Formatierung Navigation  ###### --*/
#leer {
 clear:left;
   float: left;
   width: 11.5em;
}
#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);
}
.PicMen a {
   display: block;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   font-size: 80%;
   color: rgb(255,255,255);
   background-color: rgb(35,41,122);
   border: 1px solid;
   border-color: rgb(35,41,122);
   margin-left: 3px;
   margin-right: 3px;
}
/*- --------------- Formatierung der Links für die Bilder --*/
.PicMen a:link{
   color: rgb(35,41,122);
   border-color: rgb(255,255,255) rgb(0,0,0) rgb(0,0,0) rgb(255,255,255);
   background: rgb(195,123,36);
}
.PicMen a:visited {
   color: rgb(35,41,122);
   border-color: rgb(255,255,255) rgb(0,0,0) rgb(0,0,0) rgb(255,255,255);
   background: rgb(195,123,36);
}
.PicMen a:hover {
   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);
}
.PicMen a:active {
   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);
}

/*- --------------- 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);
}
  /*- --------------- Formatierung der Überschriften  ----*/
h1 { font-size: 100%; }
h2 { font-size: 100%;
     color: rgb(35,41,122);  
     border: thin rgb(60,60,230);
     background-color: rgb(243,174,0); }
h3 { font-size: 100%;
     border: thin rgb(60,60,230);
     background-color: rgb(236,236,236);}
h4 { font-size: 95%;}
h5 { font-size: 100%;}
h6 { font-size: 95%;}
  /*- --------------- 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: rgb(35,41,122);
   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  ----*/

/*-- Formatierung der Formulare --*/
.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;
}
    
.imgMen {
   padding: 0;
}
