@CHARSET "UTF-8";

#bg-tile {
	background: transparent url(img/bg-tile.jpg) scroll;
	height: 100%;
	width: 100%;
	position: absolute; 
	left: 0px;
	top: 0px;
	z-index: 1;
}

.jScrollPaneDrag {
	background: #e2e4d6 !important;
}

.jScrollPaneTrack {
	background: transparent !important;
	border-left: #e2e4d6 solid 1px !important;
}

#scrollPanel {
	height: 100%;
}

div.bt1 {
	width: 728px !important;
}

div.bt2 {
	top: 88px !important;
	height: 106px !important;
	width: 100% !important;
}

div.bt3 {
	top: 88px !important;
	height: 53px !important;
	width: 100% !important;
}

div.bt4 {
	top: 141px !important;
	height: 53px !important;
	width: 100% !important;
}

.separator {
	width: 55%;
	height:1px;
	border-bottom:#797A7B dotted 1px; 
	padding-bottom:10px;
	margin-bottom:10px;
}


#arrow {
	background: transparent url(img/arrows.gif) no-repeat scroll;
	height: 106px; 
	width: 100%; 
	position: absolute;
	 left: 0px; 
	top: 0px;
	z-index: 2;
}

div.a1 {
	top: 275px !important; 
	
}

div.a2 {
	top: 88px !important; 
}


#claim {
	background: transparent url(img/claim.gif) no-repeat scroll;
	background-position: left 0;
	height: 22px; 
	width: 164px; 
	position: absolute;
	left: 750px;
	top: 55px; 
	z-index: 4;
}


#logo {
	background: transparent url(img/logos.gif) no-repeat scroll;
	background-position: left 0;
	height: 39px; 
	width: 325px; 
	position: absolute;
	left: 130px;
	top: 156px; 
	z-index: 3;
}

div.l1 {
	left: 130px !important;
	top: 337px !important; 
}

div.logo-text {
	background-position: left -40px !important;
}

div.logo-werk {
	background-position: left -80px !important;
}

div.logo-design {
	background-position: left -120px !important;
}

div.logo-aktuelles {
	background-position: left -160px !important;
}

#aa_text {
	float: left;
	width: 70px;
	height: 30px;
}

#aa_werk {
	margin: 0 0 0 16px;
	float: left;
	width: 92px;
	height: 30px;
}

#aa_design {
	margin: 0 0 0 16px;
	float: left;
	width: 123px;
	height: 30px;
}

#leftContent {
	height: 250px;
	width: 345px;
	position: absolute;
	left: 130px;
	top: 265px; 
	z-index: 5;
}

#rightContent {
	height: 250px;
	width: 400px;
	position: absolute;
	left: 486px;
	top: 265px; 
	z-index: 6;
}


div.rc-pic {
	float: left;
	margin: 0 15px 15px 0;
	width: 116px;
	height: 116px;
	background-position: left 0;
}

div.rc-text div.rc-pic {
	background: transparent url(img/rc-text-images.jpg) no-repeat scroll;
	cursor: pointer;
}

div.rc-werk div.rc-pic {
	background: transparent url(img/rc-werk-images.jpg) no-repeat scroll;
	cursor: pointer;
}

div.rc-design div.rc-pic {
	background: transparent url(img/rc-design-images.jpg) no-repeat scroll;
	cursor: pointer;
}

div.rc-agentur div.rc-pic {
	background: transparent url(img/rc-agentur-images.jpg) no-repeat scroll;
}

div.rc-aktuelles div.rc-pic {
	background: transparent url(img/rc-aktuelles-images.jpg) no-repeat scroll;
}

#pic1 {
	background-position: left 0 !important;
}

#pic2 {
	background-position: left -120px !important;
}

#pic3 {
	background-position: left -240px !important;
}

#pic4 {
	background-position: left -360px !important;
}

#pic5 {
	background-position: left -480px !important;
}

#pic6 {
	background-position: left -600px !important;
}