#container
{
width: 1258px;
}

* {
margin: 0;
padding: 0;
}

html {
background: url(picture/back2.jpg) repeat-y;
color: #333;
font: 80%/1.2 verdana, arial, helvetica, sans-serif;
}

h6 {
background: #FFF url(picture/head_4.jpg) no-repeat; /* Kopf 1172 x 221 */
height: 100px;                                    /* Hoehe des Kopfes auch in ....*/
      /* hier war width: 100% doch es ist jetzt unter Inhalt */
}

h6 a, h6 span {
background: url(bilder/logo-pc.gif);   /* 156 x 148 */
display: block;
height: 100px;
left: 50px;
position: absolute;
text-decoration: none;
text-indent: -999em;  /* verschwinden des Textes */
top: 1px;     /* Hyperlink fuer das logo !!!!! Auchtung nicht überlappenlassen */
width: 2px;   /* so breit wie das Logo156 x 148 */
}

h1 {
font-size: 1.4em;
color: #26A365;
line-height: 1.5em;
margin-bottom: .6em;
}

h2 {
font-size: 1.1em;
color: #26A365;
line-height: 1.5em;
margin-bottom: .6em;
}

h3 {
font-size: 1em;
color: #26A365;
line-height: 1.7em;
margin-top: 1em;
margin-bottom: 0.3em;
}

h4 {
font-size: 0.9em;
color: #26A365;
line-height: 1.5em;
margin-bottom: 0.5em;
}

h5 {
font-size: 0.9em;
color: #26A365;
line-height: 1.2em;
margin-bottom: 0.6em;
}

p {
font-size: 0.9em;
color: #999;
line-height: 1.7em;
margin-bottom: 1em;
}

.mehr {
font-size: 0.9em;
color: #333;
margin-bottom: .5em;
}


/*   #################################Navigation################################## */
/*   #################################Navigation################################## */
/*   #################################Navigation################################## */

#nav {
    width: 100%;		/* Einfassen der Floats im IE */
    float:left;         /* Einfassen der Floats in allen anderen Browsern */
    font: 80%/1.3 verdana, arial, helvetica, sans-serif;
    background: #444 url("picture/111.jpg") repeat-x center right;    /*  border-top: 0px #999 solid; */  
    border-bottom: 1px #999 solid;
    line-height: 0px;
}

#nav ul {
    float:left;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
    margin-left: 200px;  /* Abstand des ersten Buttons vom linken Rand 42px (-2 Pixel für 3D-Schatten) über basemod.css anpassen */

    border-left: 0px #aaa solid; 
    border-right: 0px #fff solid;
}

#nav ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    line-height: 1.5em;
    list-style-type: none;
    border-left: 0px #fff solid;
    border-right: 0px #aaa solid;
}

#nav ul li a {
    display:block;
    width: auto;
    font-size: 0.95em;
    font-weight: bold;
    background: transparent;
    text-decoration: none;
    color: #000;
    margin: 0;
    padding: 0.5em 1em 0.5em 1em;
}

#nav ul li a:hover {
    background: transparent url("picture/active1.jpg") repeat-x center right;
    color: #CCCC6F;
    text-decoration: none;
}

#nav ul li#current { 
    border-left: 0px #444 solid; 
    border-right: 0px #888 solid;

    background: transparent url("picture/active3.jpg") repeat-x center right;	
}

#nav ul li#current a,
#nav ul li#current a:hover {
    color: #CCCC6F;
    background: transparent;
    text-decoration: none;
}

/* ########################################################################
################# I n h a l t #############################################
########################################################################## */


div#inhalt {
float:left;
width: 580px;                      /* war erst oben 100% dann wegen Breite des Inhalts begrenzt bei großer Aufloeseung */
margin: 45px 100px 25px 270px;        /* #################### Breite des Inhalts */


}



div#inhalt img {                /* nur fur mittlere 1oben 2rechts 3unten 4links Position der Bilder */
float: left;
margin: .2em 1.5em 1em 0em;
}

div#inhalt hr {
border: 0;
border-bottom: 1px dotted #222;
height: 1px;
margin: 0 0 7px 0;
clear: left;                    /* ################Umbruch vor der Linie */
}
 
       
div#inhalt ul {
font-size: 0.9em;
color: #555;
line-height: 1.7em;
margin-left: 4em;
margin-bottom: 1.2em;
}

div#inhalt ol {
font-size: 0.9em;
color: #555;
line-height: 1.7em;
margin-left: 5em;
margin-bottom: 1.2em;

}      




/* #########################################################################
############### Spalte Links ##############################################
############################################################################# */



div#spalte-1 {
color: #666;
position: absolute;
top: 180px;                     /* war 150 ############# Andern wenn Kopf-Bild hoeher oder tiefer */
left: 30px;
width: 150px;    /* Wichtig zur Breitenbestimmung */
}


div#spalte-1 h2, {
font-size: .95em;
line-height: 1.7em;
color: #aaa;
margin: 0 0 0 0;
}

div#spalte-1 h4, {
font-size: 1.3em;
color: #aaa;
margin-bottom: .9em;
}

div#spalte-1 {
font-size: 0.95em;
}


div#spalte-1 ul {
list-style: none;
margin: 10px 20px 0 0px;
}

div#spalte-1 a {
color: #999;          /* Schrift Navigation Links */
font: 90%/1.3 verdana, arial, helvetica, sans-serif;
 width: 90%;
padding: 0.4em 0.8em 0.4em 1em;
 border-style:solid;
 border-width: 0px 0px 0px 2px;
 border-color: #335AA4 gray #FFFFFF #6DAD8A;

}

#spalte-1 a:link {
  display: block;

  text-decoration: none;
}

#spalte-1 a:visited {
  color: #999;
  text-decoration: none;
  display: block;

}

#spalte-1 a:hover {
  display: block;
  background-color: #2E0E3C;
  color: white;
   border-color: gray gray gray #2E0E3C;
}


#spalte-1 li#current a,
#spalte-1 li#current a:hover {
  display: block;
  text-decoration: none;
  color: #999;
padding: 0.4em 0.8em 0.4em 0.55em;
  border-width: 0px 0px 0px 7px;
  border-color: gray gray silver #2E0E3C;
}

#spalte-1 li#current a:hover{
  color: #fff;
  
}

#spalte-1 a#show {
  background-color: gray;
  color: white;
}



/* ########################################################################    
#######   Spalte Rechts ################## RECHTS  ####################
########################################################################### */




a {                        /* Farbe Hyperlinks Mitte */
  color: #2A679F;
}

a:link {          /* Link rechte Spalte */

  text-decoration: none;
  color: #2A679F;
}

a:visited {

  color: #2A679F;
  text-decoration: none;
}

a:hover {

  text-decoration: underline;
  color: #2A679F;
}


/* ########################################################################
#######   Spalte Rechts ################## RECHTS  ####################
########################################################################### */


div#spalte-2 {
position: absolute;
top: 183px; /* Andern wenn Kopf-Bild hoeher oder tiefer */
left: 900px;
width: 300px;   /* war vorher bei background */

background: #000;
}


div#spalte-2 h2 {
font-size: 0.9em;
color: #26A365;
margin: 0px 0px 10px 0px;
}

div#spalte-2 h3 {
font-size: 0.9em;
color: #26A365;
line-height: 1.1em;
margin: 0px 0px 10px 0px;
}

div#spalte-2 h4 {
font-size: 0.9em;
color: #444;
line-height: 1.1em;
margin: 12px 0px 4px 0px;
}

div#spalte-2 p {
font-size: 0.85em;
color: #999;
margin: 0px 0px 3px 0px;
}


div#spalte-2 ul {           /* Unsortierte Liste */
list-style: none;
margin: 0px 0px .3em 0px;
}

div#spalte-2 li {           /* Unsortierte Liste */
margin: 0px 0px .3em 0px;    /* oben rechts unten links */
}

div#spalte-2 a {
color: #333;          /* Schrift Navigation rechts */
font: 100%/1.3 verdana, arial, helvetica, sans-serif;
margin-bottom: 0.3em;
width: 90%;
}

#spalte-2 a:link {          /* Link rechte Spalte */

  text-decoration: none;
  color: #14497b;
}

#spalte-2 a:visited {

  color: #14497b;
  text-decoration: none;
}

#spalte-2 a:hover {
  text-decoration: underline;
  color: #14497b;
}

#spalte-2 hr {
border: 0;
border-bottom: 1px dotted #222;
height: 1px;
margin: 3px 0 5px 0;
clear: right;
}


div#spalte-2 img {                /* nur fur mittlere Position der Bilder */
float: left;
margin: 2px 0 5px 0;

}


/*     ++++++++++++++++++++ footer ++++++++++++++++++++++++++      */

#footer
{ 
clear: both;
margin: 0;
padding: 0em;
color: #999;
background-color: #111;
border-top: 1px solid gray;

}

#footer a {                        /* Farbe Hyperlinks FOOTER */
  color: #fff;


}

#footer a:link {          /* Link rechte Spalte */

  text-decoration: none;
  color: #fff;
}

#footer a:visited {

  color: #fff;
  text-decoration: none;
}

#footer a:hover {

  text-decoration: underline;
  color: #fff;
}

#footer p {
font-size: 0.85em;
  color: #689;
}