#container
{
        margin: 2em auto;
        width: 1100px;                /*Entweder 1100px oder 75%*/
        <!--min-height:100%;-->
        height:auto;
        text-align: left;
        background-color: #FFFFFF;
        background-image: linear-gradient(white, #86BDF3);     /*Farbverlauf    to right bottom, 1B82E8*/
        border: 2px solid black;        /*Rahmendicke*/
        clear: both;
}

#container_dl
{
        margin: 2em auto;
        width: 1100px;                /*Entweder 1100px oder 75%*/
        <!--min-height:100%;-->
        height:auto;
        text-align: left;
        background-color: #FFFFFF;
        background-image: linear-gradient(white, #FFD300);     /*Farbverlauf    to right bottom, 1B82E8*/
        border: 2px solid black;        /*Rahmendicke*/
        clear: both;
}

#header
{
        width: 100%;
        height: 224px; /*201*/
        background-image: url("../images/Logo.png");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top center;
}



#mainnav
{
        width: 100%;
        height: 25px;
        margin: -25px 0 0 0;        /*Damit Navigationsleiste in Logo reinrutscht*/
        <!--background-color: #FFFF00;-->
}

#contents
{
        width: 100%;
        height: 100%
        background-color: #FFFFFF;
        margin: 25px 0 0 0;        /*Damit Contentfeld wieder nach unten rutscht*/
}

#footer
{
        width: 100%;
        height: 23px;		/*Höhe der Footer Zeile am Ende der Seite*/
        min-height:100%;
        background-color: #D6D6D6;
        clear: both;
}

html
{
        min-height:100%;
        height:100%;
        margin: 0;
        padding: 0;
}

body
{
        min-height:100%;
        height:100%;
        margin: 0;
        padding: 0;
        font: 12px arial, hevetica, sans-serif;
        text-align: center;
        color: #505367;                        /*Schriftfarbe für normale <p> Texte*/
        background-color: #D6D6D6;
        background-image: url("../images/Hintergrund_kl.jpg");
        background-repeat: repeat;
}

h1
{
        color: #FF0000;
        font-family: arial, sans-serif;
        font-size: 24px;
}

#navi
{
        width: 848px;     /*Je nach anzahl der menüpunkte 848 bei 8 954 bei 9 ergibt sich aus Anzahl Menuepunkte mal widt von #navi li*/
        background: #ffffff;
        float: left;
        text-align: center;
}

/*
#navi ul
{
        list-style: none;
        margin: 0;
        padding: 0;
        width: 80px;
        float: left;
}
*/

#navi a, #navi h2        /*Rahmen um Navigation*/
{
        font: 11px/16px arial, helvetica, sans-serif;
        display: block;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc #888 #555 #bbb;        /*Farben des Kastens*/
        margin: 0; padding: 2px 3px; /*Abstand Text zum Rand des Kastens*/
}

#navi a
{
        color: #000000; background: #efefef; text-decoration: none;   /* color a000 Textfarbe der Navigation Hintergrundfarbe der Navigationselemente*/
}


#navi a:hover
{
        color: #990000; background: #848484;                 /* Hintergrundfarbe bei MousOver*/
}

#navi #aktiv a:hover
{
        color: #990000; background: #848484;                 /*Hintergrundfarbe bei MousOver auf aktiven Link auch für Sonderlösungen*/
}

#navi #inaktiv a:hover
{
        color: #990000; background: #848484;                 /*Hintergrundfarbe bei MousOver auf inaktven Link auch für Sonderlösungen*/
}

#navi #aktiv a
{
        background: #848484;
        /*border-color: #c9453c;*/
        color: #000000;
        cursor: default;
}

#navi #inaktiv a
{
        background: #efefef;
        /*border-color: #c9453c;*/
        color: #000000;
        border-color: #ccc #888 #555 #bbb;
        cursor: pointer;
}

/*
#navi li
{
        position: relative;
}
*/
/*
#navi ul ul
{
        position: absolute; z-index: 500;
}
*/
/*
#navi ul ul ul
{
        position: absolute; top: 0; left: 100%;
}
*/

#navi, #navi ul                /*Formatierung der Navigationsleiste ohne Punkte*/
{
        list-style-type:none; margin:0; padding:0;position: relative;
}

#navi li
{
        width:106px; float:left; /*Entweder 14.2% oder 144px oder 112px bei 8 105 bei 9*/
}

#navi li ul
{
        display:none;
}

#navi li:hover ul
{
        display:block;position: absolute;top:20px; width:120px;        /*Breite des Pulldownmenüs und Abstand zur Navleiste*/
}

#navi li ul li a:hover
{
        color: #a00;
        background: #848484;
}

.aufzaehlung
{
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
}

.aufzaehlung li
{

        height: 20px;
        margin: 10px;
        padding: 10px;
        text-align: left;
        color:#ff0000;                /*Farbe der Überschriften wie Reparaturen, Modernisierung usw. */
        font-size: 25px;
        margin-bottom:-20px;
}

.unterpunkt
{
        list-style-type: none;
}

.unterpunkt li
{
        list-style-type: none;
        font-size:15px;
        color:#505367;                /*Farbe der Unterpunkte*/
}

.qualifikation
{
         list-style-type: none;
}

.qualifikation li
{
        list-style-type: none;
        font-size:15px;
        color:#505367;                /*Farbe der Unterpunkte*/
}

.qualifikation a:link
{
         color:#505367;
         text-decoration:none;
}

.qualifikation a:hover
{
         color:red;
         text-decoration:none;
}

p
{
        font-size:15px;
}

p.start
{
        color: #666666;
}

p.dick
{
        color: #666666;
        font-weight: bold;
}

p.foot
{
        color:#FFFFFF;
        font-size:12px;
}

a.tooltip
{
        position: relative;
        text-decoration: underline;
        color: #505367;
}

a.tooltip span
{
          display: none;
}

a.tooltip:hover span
{
          position: absolute;
          display: block;
          top: 1.5em;
          left: 2em;
          border: 2px solid black;
          background-color:white;
          padding: 0.2em;
}

#footnav
{
        width: 100%;
        height: 25px;
        /*margin: -25px 0 0 0;*/        /*Damit Navigationsleiste in Logo reinrutscht*/
}


#footnavi
{
        width: 212px;     /*Je nach anzahl der menüpunkte 848 bei 8 954 bei 9 ergibt sich aus Anzahl Menuepunkte mal widt von #navi li*/
        /*background: #ffffff;*/
		background: #ff00ff;
        float: right;
        text-align: center;
}

#footnavi a, #footnavi h2        /*Rahmen um Navigation*/
{
        font: 11px/16px arial, helvetica, sans-serif;
        display: block;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc #888 #555 #bbb;        /*Farben des Kastens*/
        margin: 0; padding: 2px 3px; /*Abstand Text zum Rand des Kastens*/
}

#footnavi a
{
        color: #000000; background: #efefef; text-decoration: none;   /* color a000 Textfarbe der Navigation Hintergrundfarbe der Navigationselemente*/
}


#footnavi a:hover
{
        color: #990000; background: #848484;                 /* Hintergrundfarbe bei MousOver*/
}

#footnavi #aktiv a:hover
{
        color: #990000; background: #848484;                 /*Hintergrundfarbe bei MousOver auf aktiven Link auch für Sonderlösungen*/
}

#footnavi #inaktiv a:hover
{
        color: #990000; background: #848484;                 /*Hintergrundfarbe bei MousOver auf inaktven Link auch für Sonderlösungen*/
}

#footnavi #aktiv a
{
        background: #848484;
        /*border-color: #c9453c;*/
        color: #000000;
        cursor: default;
}

#footnavi #inaktiv a
{
        background: #efefef;
        /*border-color: #c9453c;*/
        color: #000000;
        border-color: #ccc #888 #555 #bbb;
        cursor: pointer;
}

#footnavi, #footnavi ul                /*Formatierung der Navigationsleiste ohne Punkte*/
{
        list-style-type:none; margin:0; padding:0;position: relative;
}

#footnavi li
{
        width:106px; float:left; /*Entweder 14.2% oder 144px oder 112px bei 8 105 bei 9*/
}

#footnavi li ul
{
        display:none;
}

#footnavi li:hover ul
{
        display:block;position: absolute;top:20px; width:120px;        /*Breite des Pulldownmenüs und Abstand zur Navleiste*/
}

#footnavi li ul li a:hover
{
        color: #a00;
        background: #848484;
}