/* @import url("../design.css");*/

.ueberschrift_klein {
 font-size: 14px;
 color: #4A657A;
 font-weight: bold; }

.ueberschrift {
color: #FF0000;
font-size: 20px;
line-height:25px; }


#wrap {
        background:#FFFFFF;        /*            ****Farbe des Textfeldes ändern*****/
        width:990px; /*            ****Größe des inneren Feldes ändern*****/
        margin:0 auto;/*hier drauf achten und so lassen, sonst nicht zentriert */
        height: 560px;
        padding-bottom:0px;
        position:relative;
}
div#header h1, div#header p {
        margin:0 0 0px;
        background-repeat: repeat-x;
}
div#header {
        margin:0; /*            ****Rand bis zum Textfeld ändern*****/
        padding: 0px;
}
div#menu {
        position:absolute;
        left:0; /*            ****Abstand der Navileiste zum linken Rand ändern*****/
        margin:0 0 0 0px;
        padding:0;
        height:5px;
        width:18em;
        text-align:left;
        z-index: 2;
        }
div#content {
        margin:00px 00px 0; /*            ****Textrahmenabstand von oben und Abstand zu den Seiten und zu unten ändern*****/
        padding:0px 0px; /*            ****Abstand des Textes im Textfeld vom Rahmen des Textfeldes*****/
        width:750px; /*            ****Breite des Textfeld*****/
        height:350px;
        border:0px solid #86A9BB;
        text-align:left;
        border-right: 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        line-height:18px;
}

#punkte{
        position : absolute;
        right: 5em;
        top: 23em;

}

/* ***********************************************************************************

Von vertikaler Liste mit flyout Menü in eine horizontale Leiste mit dropdown umstellen.

*********************************************************************************** */

ul#navigation{/*            ****Einstellungen in der gesamten Navigationsleiste*****/
        font-size: 14px;/*            ****Schriftgröße in der Navleiste ändern*****/

        left:0;
        position:absolute

}
ul#navigation, ul#navigation ul {
        padding: 0;
        margin: 0;
        list-style: none;
        border-left: 0em solid #FFFFFF;/*            ****Randstärke des Menüs links und Menürandfarbe links ändern*****/
        border-bottom: 0.01em solid #FFFFFF;/*            ****Menüranddicke und Farbe unten ändern*****/
}
ul#navigation li {
        line-height : 1.35em;/*            ****Menühöhe ändern*****/
        position: relative;
        float: left;
}
ul#navigation>li li { /* Wird für Opera 9 benötigt. Hide from IE6 */

        float:inherit;}

#navigation a {
        display: block;
        width: 9em; /*            ****Menübreite ändern*****/
        color: #FFFFFF;        /*        ****Menüschriftfarbe ändern*****/
        padding: 4px 0.5em;
        text-decoration: none;
        border-top: 0.01em solid #FFFFFF;        /*        ****Abstand Navi zu oberer Fläche und Menürandfarbe oben ändern*****/
        border-right: 1px solid #FFFFFF;/*        ****Abstand zwischen den einzelnen Navipunkten und Menürandfarbe rechts ändern*****/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background-color: #999999; /*        ****Menühintergrundfarbe ändern*****/


}

#navigation #aktiv a{ /*        ****Menüfarbe im aktiv-Element ändern*****/
        background-color:#CCCCCC;
        color:#333333;
}

ul#navigation #aktiv a:hover {
        color: #FFFFFF;
        background-color: #86A9BB; /*        ****Menühoverfarbe im aktiv-Element ändern*****/
}


#navigation #aktiv li a {
background-color:#FFFFFF;
color:#86A9BB;

}

ul#navigation a:hover {
        color: #FFFFFF;
        background-color: #86A9BB; /*        ****Menühoverfarbe ändern*****/
}


ul#navigation li li a {
        width: 9.33em; /*           ****Untermenüweite ändern*****/
    background-color:#FFFFFF;
    border-color:#999999;
        border-left: 0.01em solid #999999;
        border-bottom: 0.01em solid #999999;
        color:#86A9BB;
        }
ul#navigation li li li a {
        width: 10em; /*           ****Untermenüweite ändern*****/
    background-color:#FFFFFF;
    border-color:#999999;
        border-left: 0.01em solid #999999;
        border-bottom: 0.01em solid #999999;
        color:#86A9BB;}
ul#navigation li li a {
        width: 11em;
        border-color:#999999;
        border-left: 0.01em solid #999999;
        border-bottom: 0.01em solid #999999;
        background-color:#FFFFFF; /*           ****! Untermenüweite ändern*****/
    color:#86A9BB;
        }
ul#navigation li li li a {
        width: 10em; /*           ****Untermenüweite ändern*****/
    background-color:#FFFFFF;
    border-color:#999999;
    border-left: 0.01em solid #999999;
        border-bottom: 0.01em solid #999999;
        color:#86A9BB;
}

ul#navigation li ul {
        position : absolute;
        left: -999em;
}
#navigation li:hover ul ul, #navigation li.sfhover ul ul {
        left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
        top: 0;
        left: -1px;
        margin-left: 100%;
}

/*                                        ****zeigt horizontales Menü an*****/
#navigation li:active ul, #navigation li:hover ul, #navigation li.sfhover ul {
           top: 100%;
        margin-left: 0;
}
div#menu {
        width:993px;
}
div#Layer1{
 position : relative;
}


div.sfhover#unten{
        position : relative;
        top: 2px;
        left: 1px;
}



/*                                        ****CSS für Rahmenbilder*****/
#netzwerkrahmen{ /*                                        ****CSS für Rahmenbilder auf Partnerseite*****/
        position : absolute;
        right: -6.5em;
        top: 56.3em;
        max-width: 120px;
        height:0px;
        z-index:1;
}

#karriererahmen{ /*                                        ****CSS für Rahmenbilder auf Karriereseite*****/
        position : absolute;
        right: -6.0em;
        top: 53.5em;
        max-width: 120px;
        z-index:1;
}

#kontaktrahmen{ /*                                        ****CSS für Rahmenbilder auf Kontaktseite*****/
        position : absolute;
        right: -6.4em;
        top: 55.0em;
        max-width: 120px;
        z-index:1;
}

#stellenrahmen{ /*                                        ****CSS für Rahmenbilder auf Stellenanzeigeseite*****/
        position : absolute;
        right: -05em;
        top: 54.3em;
        max-width: 120px;
        height:0px;
}

#unternehmenrahmen{ /*                                        ****CSS für Rahmenbilder auf Unternehmensseite*****/
        position : absolute;
        right: -4.4em;
        top: 56.4em;
        max-width: 120px;
        height:0px;
        z-index:1;
}

#erfolgerahmen{ /*                                        ****CSS für Rahmenbilder auf Erfolgsseite*****/
        position : absolute;
        right: -7.0em;
        top: 54.5em;
        max-width: 120px;
        height:0px;
        z-index:1;

}

#servicerahmen{
        position:absolute;
        right: -6.0em;
        top:56.4em;
        Max-width: 120px;
        height:0px;
        z-index: 1;

}


#bildbox{
        position:absolute;
        top: 0em;
        right: -00em;

        }