@charset "utf-8";
/* CSS Document */
body {
margin: 0;
background-image:url(../images/hp_hintergrund.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#666699;
}

.navigation {
	width: 440px;
	height:510px;
}



/* bilder (photos) für die navigation */
#image1 { 
	position:absolute; 
	top:16px;
	left:20px;
	z-index:2;
}

#image2 { 
	position:absolute; 
	top:178px;
	left:40px;
	z-index:2;
}

#image3 { 
	position:absolute; 
	top:343px;
	left:20px;
	z-index:2;
}

/* liste navigation */
.navigation ul {
	padding:0; 
	margin:0px;
	width:230px; height:152px;
 	list-style-type:none;
}

#nav1 {
 	background: url('../images/unternehmen_reiter.gif') no-repeat top right; 
}

#nav2 {
 	background: url('../images/bewerber_reiter.gif') no-repeat top right; 
}

#nav3 {
 	background: url('../images/wir_reiter.gif') no-repeat top right; 
}

#nav1en {
 	background: url('../images/unternehmen_reiter_en.gif') no-repeat top right; 
}

#nav2en {
 	background: url('../images/bewerber_reiter_en.gif') no-repeat top right; 
}

#nav3en {
 	background: url('../images/wir_reiter_en.gif') no-repeat top right; 
}
/* listenelemente navigation */
.navigation ul li {
	margin-right:33px;
	background-color:#ccc;
	line-height: 24px;
	font-size:14px;
	font-weight:bold;
}

/* linie oben beim obersten link und linie unten beim untersten link  */
.navigation ul li.top { border-top: 2px solid #006; }
.navigation ul li.bottom { border-bottom: 2px solid #006; line-height:23px; }

/* links */
.navigation ul li a { width:153px; display:block; padding-left:44px; }
.navigation ul li a:link,.navigation ul li a:visited,.navigation ul li a:active 
{ 	
		font-weight:bold;
		text-decoration:none; 
		color:#006; 
		background-color:#ccc; 
		background: url('../images/schatten1.gif') repeat-y 37px 0px;
		border-left:2px solid yellow;
}

.navigation ul li a:hover {
	background: url('../images/schatten2.gif') repeat-y 37px 0px;
	font-weight:bold;
	text-decoration:none; 
	color:#fff; 
	background-color:#669; 
}


.lang {
	margin-left: 714px;
	margin-top: -495px; /* 15-510 = -495 um .navigation auszugleichen*/
	font-size: 12px;
}

.lang a {
	font-weight: 600;
	text-decoration: none;
	color: #666699;
}

.lang a:hover, .lang a:active {
	color: #000066;
}

.adresse {
	margin-left: 544px;
	width: 220px;
	margin-top: 269px;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #666699;
	letter-spacing: 1px;
}

.adresse a {
	text-decoration: none;
	color: #666699;
}

.adresse a:hover, .lang a:active {
	color: #000066;
}

.slogan {
	text-align: center;
	width: 700px;
	margin-left: 70px;
	margin-top: 82px;
	color: #666699;
}

.slogan h1 {
	font-size:40px;
	letter-spacing: 4px;
}
.slogan h2 {
	margin-top: -15px;
	margin-left: -30px;
	letter-spacing: 1px;
	font-size:12px;
}

.analyse {
	position:absolute;
	top:175px;
	left:585px;
}

.firmenvideo {
	position:absolute;
	top:450px;
	left:688px;
}