/* ALLGEMEINE SELEKTOREN =========================================
   ===============================================================*/

* { margin:0; padding: 0; }

.body {
line-height: 1.5em;
text-align: center;
font-family: "Century Gothic", Georgia, "Trebuchet MS", arial, sans-serif ;
font-size: small;
behavior: url(csshover.htc);
}


a {
text-decoration: none;
color: #888;
}

a:hover {
color: #aaa;
}

h1 {
color: orange;
font-size: 150%;
font-family: serif;
}

h2 {
color: orange;
font-size: 130%;
font-family: serif;
}

h3 {
color: orange;
font-size: 115%;
font-family: serif;
}

h4 {
color: orange;
font-size: 110%;
font-family: serif;
}

/* DAS GRUNDLAYOUT ==============================================
   ==============================================================*/

   
#content {
margin: 0 5%;
}

#spalte1 {
float: left;
text-align: left;
padding: 0px 50px 0 0;
}


#spalte3 {
text-align: left;
padding: 20px 0px 0 0;
}

.clear {
overflow: hidden;
}

/* DER HEADER ===================================================
   ==============================================================*/

#header {
text-align: right;
height: 100px;
background: url(../images/verlauf_header.jpg) top right;
margin-bottom: -0.7em;
}

#header img {
height: 80px;
margin-right: 3em;
}

/* DAS NAVI =====================================================
   ==============================================================*/

#navi {
background-color: #78911C;
height: 1.5em;
width: 100%;
font-size: 110%;
font-weight: bold;
color: white;
}


#navi ul {
margin-left: 8%;
}

#navi li {
float: left;
list-style: none;
padding: 0 1em;
height: 1.5em;
background-color: orange;
background-color: #78911C;
}

#navi li:hover {
background-color: #A6B86C;
}

#navi #aktuell {
background-color: white;
color: black;
}

#navi a {
color: white;
}

#navi #aktuell a{
background-color: white;
color: black;
}

/* DIE LINKE SPALTE ==========================================
   ==============================================================*/
#spalte1 ul {
margin-top: 2em;
list-style-type: none;
}

#spalte1 li {
margin-bottom: 1em;
}

#spalte1 a {
color: #78911C;
font-size: 120%;
font-weight: bold;
}

#spalte1 a:hover {
color: #A6B86C;
}

#hier a{
color: #A6B86C !important;
}

/* DIE MITTLERE SPALTE ==========================================
   ==============================================================*/

#spalte3 {
font-weight: normal;
min-height: 25em;
}
   
#spalte3 img {
margin: 0 10px 0 15px;
padding: 4px;
background-color: #A6B86C;
border: 2px solid #78911C;
float: left;
width: 70px;
}

#spalte3_inhalt div {
margin: 10px 0 30px 0;
overflow: hidden;
clear: both;
}

#spalte3 .personen h3,
#spalte3 .personen h4 {
font-variant:small-caps;
}

#spalte3 #wahlimage img {
width: 170px;
}

#spalte3 ul.liste {
list-style: square;
padding: 0 30px;
}

#spalte3 ul.liste2 {
list-style: circle;
padding: 0 50px;
}

/* DER FOOTER ===================================================
   ==============================================================*/
   
#footer {
height: 60px;
margin: 0 10%;
text-align: left;
background: #FFDFBF;
}


#footer #rund_oben {
background: url(../images/tl.png) no-repeat top left;
height: 20px;
}

#footer #rund_oben div{
background: url(../images/tr.png) no-repeat top right;
height: 20px;
}

#footer #rund_unten {
background: url(../images/bl.png) no-repeat top left;
height: 20px;
}

#footer #rund_unten div{
background: url(../images/br.png) no-repeat top right;
height: 20px;
}

#footer #footer_inhalt {
margin: 0 20px;
color: #78911C;
text-align: center;
font-size: 120%;
}

#footer #footer_inhalt a {
color: #78911C;
}

#footer #footer_inhalt a:hover {
text-decoration: underline;
color: #A6B86C;
}


