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

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

.ueberschrift {
color: #91B0C1; 
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: 10.71em; /*            ****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;
	
	}