/*  Body */
html { 
  padding:0px;
  margin:0px;
}

body, #container {
  background-color: #C5C4DB;
  padding:0px;
  margin:0px;
  min-width: 936px; 
}

/* Navigation */
#links {
   position: absolute;
   left: 0px;
   width: 159px;
   margin: 0px; 
   padding: 30px 0 0 0;
   text-align: right;
   z-index: 3;
   min-height: 430px;
}

.ueberuns {
   background-image: url(/images/hg_ueberuns.jpg);
}

.aktuell {
   background-image: url(/images/hg_aktuell.jpg);
}

.aktuell21 {
   background-image: url(/images/hg_aktuell21.jpg);
}

.foerderung {
   background-image: url(/images/hg_foerderung.jpg);
}

.integration {
   background-image: url(/images/hg_integration.jpg);
}

.informationen {
   background-image: url(/images/hg_informationen.jpg);
}

.treffpunkt {
   background-image: url(/images/hg_treffpunkt.jpg);
}

.services {
   background-image: url(/images/hg_services.jpg);
}

.admin {
   background-image: url(/images/hg_admin.jpg);
}

.kontakt, .suchen, .sitemap {
   background-image:  url(/images/hg_kontakt.jpg);
}

.ueberuns, .aktuell, .aktuell21, .foerderung, .integration, .informationen, .treffpunkt, .services, .admin, .kontakt, .suchen, .sitemap {   
   background-repeat: no-repeat;
   /*background-position: 0 129px;*/
   background-position: 0 0;
}

.hauptnavi, .hauptnaviaktuell {
   margin: 10px 20px 0 0;
   font-size: 17px;
   font-weight: 900;
   display: block;
   letter-spacing: -1px;
   line-height: 120%;
}

.hauptnavi_aktiv {
   margin: 10px 0 0 0;
   background-color: #FFD980;
   border-bottom: 1px solid #009;
   border-top: 1px solid #009;
   padding: 0 0 10px 0;
   width: 180px;
}

.subnavi, .subnaviaktuell {
   margin: 0 20px 0 0;
   font-size: 13px;
   font-weight: bold;
   display: block;
   line-height: 18px;
}

.hauptnavi a, .hauptnavi a:visited, .hauptnavi a:active, .subnavi a, .subnavi a:visited, .subnavi  a:active, .navquer a, .navquer a:visited, .navquer a:hover {
   text-decoration: none;
   color: #000099;
}

.hauptnavi a:hover, .subnavi a:hover {
   text-decoration: none;
   color: #CC6600;
}

/* Ende Navigation */

/* rechte Bildspalte */

#rechts {
   float: right;
   margin: 0; 
   padding: 0;
   z-index: 3;
	width: 160px;
} 

.subsubnav {
   margin: 0 20px 0 20px;
   border-bottom: 1px solid #009;
   padding: 3px 0 3px 0;
   font-size: 11px;
   width: 118px;
}

div#rechts a, #rechts a:visited {
   text-decoration: none;
   color: #009;
   background-color: transparent;
}

div#rechts .aktiv, div#rechts a:hover, div#rechts a:active {
   color: #C60;
   background-color: transparent;
}

div#rechts img {
   border-bottom: 1px solid #000099;
}

/* Ende rechte Bildspalte */

/* Inhaltsteil */

#inhalt {
   padding: 10px 20px 20px 30px;
   background-color: #ffffff;
   background-image: url(/images/farbverlauf.jpg);
   background-repeat: repeat-x;
   border-right: 1px solid #000099;
   border-left: 1px solid #000099;
   z-index: 4;
   min-height: 430px;
   margin: 0px 160px 0px 160px;
} 

/* Ende Inhaltsteil */


/* Kopf */

.logo {
   margin: 18px 0 15px 200px;
}

/* Ende Kopf */

/* Sitemap
Die Idee und Ausfuehrung fuer diese Sitemap habe ich gefunden bei
http://www.thestyleworks.de/tut-art/css-sitemap.shtml - eine Super-Site!
 */

DIV#sitemap {
   padding: 1em 1.5em;
   line-height: 20px;
   font-size: 14px;
   font-weight: bold;
   }

DIV#sitemap LI {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   }
DIV#sitemap LI {
   background: url(/images/extm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap LI.last {
   background: url(/images/exlm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap UL {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   }
DIV#sitemap UL {
   background: url(/images/exim.gif)
               repeat-y
               0% 0%;
   }
DIV#sitemap UL.last {
   background-image: none;
   }
DIV#sitemap UL.unsichtbar {
      visibility: hidden;
      display: none;
   }
DIV#sitemap UL.sichtbar {
      visibility: visible;
   }
DIV#sitemap a {
   text-decoration: none;
   color: #CC6600;
   font-size: 12px;
}
DIV#sitemap a:hover {
   text-decoration: underline;
   color: #000099;
}

/* Ende Sitemap */

#printfuss {
   display: none;
   visibility: hidden;
}


/* Tag-Definitionen */

body, h1, h2, h3, h4, h5, table, tr, td, p, li, ul, input, select, textarea, option, span {
   font-family:  Verdana, Arial, SunSans-Regular, Sans-Serif;
   font-size: 12px;
   color: #000099;
}

td {   
   vertical-align: top;
}

h3, h4, li, input, select, table {
   margin-left: 20px;
}

p {
   margin: 5px 15px 10px 20px;
}

h1 {
   font-size: 140%;
   font-weight: bold;
   margin-top: 30px;
   margin-left: 10px;
}

h2 {
   font-size: 120%;
   font-weight: bold;
   margin-left: 10px;
}

h3 {
   font-size: 110%;
   font-weight: bold;
}

h5 {
   margin: 0 0 2px 20px;
   font-size: 110%;   
}

h5 a {
   text-decoration: none;
}

h5 a:hover {
   text-decoration: underline;
   color: #009;
}

a {
   color: #CC6600;
   font-weight: bold;
   background-color:transparent;
   text-decoration: underline; 
}

a:visited {
   color: #AA6600;
}

a:hover {
   color: #000099;
}

.marker {
   color: #CC6600;
   font-weight: bold;
}

/* Formulare */

input, select, textarea {
   margin: 3px 15px 3px 0;
}

.einfach {
   width: 120px;
}

.anschrift {
   padding-top: 3px;
   width: 85px;
}

.doppelt {
   width: 342px;
}

.plz {
   width: 35px;
   margin: 3px 5px 3px 0;
}

.ort {
   width: 75px;
}

.anzahl {
   width: 20px;
   margin: 3px 5px 3px 0;
   text-align: right;
}

.groesse {
   width: 72px;
   margin: 3px 5px 3px 0; 
   vertical-align: baseline; 
}

/* oranger Balken */

h4 {
   clear: left;
   font-size: 11px;
   color: #564b47;
   background-color: #FF9339;
   border-top: 1px solid #000099;
   border-bottom: 1px solid #000099;
   padding:5px 15px 0 0;
   margin:0px;
   height: 20px;
   display: block;
}

h4 a {
   color: #564b47;   
}

.navquer {
   float: right;
   margin-right: 40px;
   font-weight: bold;
}

.navquer a:hover {
   color: #FFD980;
}

.name {
   float: left;
   margin-left: 205px;
   font-size: 12px;
}

.blau {
   color: #000099;
}

.hellorange, .hellorange a, .hellorange a:hover, .hellorange a:visited, a.hellorange {
   color: #FFD980 !important;
}

.design {
   float: right;
   margin-right: 50px;
   font-size: 12px;
}

/* Ende oranger Balken */

/* verschiedene Klassen */

.spalte {
   float: left;
   width: 48%;
   min-width: 200px;
}

.fett {
   font-weight: bold;
}

.rechts {
   clear: both;
   width: auto;
   text-align: right;
}

.rechts img {
   margin-left: 10px;
}

.dank, .kursiv { 
   font-style: italic;  
}

.dank {
   font-size: 11px;
}

.subnaviaktuell a, .subnaviaktuell a:visited, .hauptnaviaktuell a, .hauptnaviaktuell a:visited {
   color: #CC6600 ! important;
   text-decoration: none;
}

.tabellenkopf {
   background-color: #FF9339;
   font-weight: bold;
}

.reihehell {
   background-color: #E5E5EF;
}

.reihedunkel {
   background-color: #C5C4DB;
}

.rahmen {
   border: 1px solid #FF9339;
}

.rahmenUnten {
   border-bottom: 1px solid #FF9339;
}

.rahmenOben {
   border-top: 1px solid #FF9339;
}

.bildrechts {   
   float: right;
   margin: 0 0 10px 20px;
   width: auto;
}

.randrechts {
    padding-right: 20px;
}

.bildlinks {
   float: left;
   margin: 0 20px 10px 20px;
   width: auto;
}

.mitte {
   text-align: center;
}

.unten {
    vertical-align: bottom;
}

.textblock, .sitemapliste {
    margin-left: 40px;
}

.sitemapliste {
   line-height: 130%;
}

.sitemapliste a {
   text-decoration: none;
}

.sitemapliste a:hover {
   text-decoration: underline;
   color: #009;
}

.sitemaptitel {
   width: 80%;
   border-bottom: 1px solid #009;
}

.seitenende {
    clear:both;
    height: 3px;
    width: 100%;
    margin:0;
    padding:0;
}

.nachoben {
   float: right;
   width: 100%;
   text-align: right;
   margin-bottom: 10px;
}