@charset "utf-8";

#Boxes {
	height: 650px;
	width: 960px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0;
	right: 0;
	z-index: 1;
	overflow: hidden;
	box-shadow: 0 0 50px black;
	background-image: url(../PICTURES/index-bg.jpg);
	

}
#IDS-BOX {
	position: absolute;
	left: 0px;
	top: -3px;
	width: 960px;
	height: 654px;
	z-index: 15;
}
#NAV-Links {
	position: absolute;
	left: -96px;
	top: 276px;
	width: 475px;
	height: 53px;
	z-index: 14;
	background-image: url(../PICTURES/index-nav-l.jpg);
}  
#NAV-Rechts {
	position: absolute;
	left: 386px;
	top: 276px;
	width: 475px;
	height: 53px;
	z-index: 14;
	background-image: url(../PICTURES/index-nav-r.jpg);
}

 #NAV1 {
	position: absolute;
	left: 35px;
	top: 292px;
	width: 83px;
	height: 22px;
	z-index: 16;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #acacac;
}
 #NAV2 {
	position: absolute;
	left: 121px;
	top: 292px;
	width: 83px;
	height: 22px;
	z-index: 16;
}

 #NAV3 {
	position: absolute;
	left: 207px;
	top: 292px;
	width: 83px;
	height: 22px;
	z-index: 16;
}

 #NAV4 {
	position: absolute;
	left: 293px;
	top: 292px;
	width: 83px;
	height: 22px;
	z-index: 16;
}

 #NAV5 {
	position: absolute;
	left: 391px;
	top: 292px;
	width: 83px;
	height: 22px;
	z-index: 16;
}

 #NAV6 {
	position: absolute;
	left: 477px;
	top: 292px;
	width: 83px;
	height: 22px;
	z-index: 16;
}
 #NAV7 {
	position: absolute;
	left: 563px;
	top: 292px;
	width: 83px;
	height: 22px;
	z-index: 16;
}
 #NAV8 {
	position: absolute;
	left: 648px;
	top: 292px;
	width: 83px;
	height: 22px;
	z-index: 16;
}

#HeadLine1 {
	position: absolute;
	left: 98px;
	top: 52px;
	width: 768px;
	height: 24px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7c7d7d;
	letter-spacing: 15px;
	

}
#HeadLine2 {
	position: absolute;
	left: 181px;
	top: 380px;
	width: 414px;
	height: 20px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #acacac;
	letter-spacing: 10px;
	
}
#HeadLine3 {
	position: absolute;
	left: 354px;
	top: 409px;
	width: 70px;
	height: 20px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7d7d;
	letter-spacing: 10px;
}
#HeadLine4 {
	position: absolute;
	left: 190px;
	top: 79px;
	width: 387px;
	height: 104px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7d7d;
	letter-spacing: 10px;
	background-image: url(../PICTURES/Bosum-Logo.png);
}
#Infobox1 {
	position: absolute;
	left: 4px;
	top: 522px;
	width: 140px;
	height: 51px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7d7d;
	letter-spacing: 0px;
}
#Infobox2 {
	position: absolute;
	left: 164px;
	top: 521px;
	width: 129px;
	height: 55px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7d7d;
	letter-spacing: 0px;
	
}
#Infobox3 {
	position: absolute;
	left: 313px;
	top: 520px;
	width: 101px;
	height: 58px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7d7d;
	letter-spacing: 0px;
}
#Infobox4 {
	position: absolute;
	left: 435px;
	top: 519px;
	width: 117px;
	height: 50px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7d7d;
	letter-spacing: 0px;
	
}
#Infobox5 {
	position: absolute;
	left: 572px;
	top: 519px;
	width: 102px;
	height: 49px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7d7d;
	letter-spacing: 0px;
	
}
#DSB {
	position: absolute;
	left: 796px;
	top: 570px;
	width: 151px;
	height: 20px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7d7d;
	letter-spacing: 15px;
}
#IMPB {
	position: absolute;
	left: 796px;
	top: 595px;
	width: 151px;
	height: 20px;
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7d7d;
	letter-spacing: 15px;
}
#NAV-Links {
box-shadow: -2px 16px 34px -4px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 16px 34px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 16px 34px -4px rgba(0,0,0,0.75);
}
#NAV-Rechts {
box-shadow: -2px 16px 34px -4px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 16px 34px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 16px 34px -4px rgba(0,0,0,0.75);
}
#NAV1:hover { outline: 1px solid #bfbfbf;
}
#NAV2:hover { outline: 1px solid #bfbfbf;
}
#NAV3:hover { outline: 1px solid #bfbfbf;
}
#NAV4:hover { outline: 1px solid #bfbfbf;
}
#NAV5:hover { outline: 1px solid #bfbfbf;
}
#NAV6:hover { outline: 1px solid #bfbfbf;
}
#NAV7:hover { outline: 1px solid #bfbfbf;
}
#NAV8:hover { outline: 1px solid #bfbfbf;
}