* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px;
}
html, body {
	height: 100%;
}
#abstand {		
	height:46%;
	margin-bottom: -227px; 
}
a { 
	color: #B50831; 
	text-decoration:none;
}
a:hover { 
	color: #fff; 
	background-color: #ffcc66; 
}
h1 {
	display: none;
}
p {
	margin-top: 10px;
	line-height: 18px;
}

#subheading {
	font-weight:bold;
}
#root {
	width: 764px;
	height: 504px;
	margin: 0 auto;
}
#topArea {
	height: 41px;
}
#contentArea {
	height: 438px;
	overflow: hidden;
}

#picture {
	width: 73px;
	height: 438px;
	float: left;		
}
#contentStart,
#contentSlide,
#contentSlideProjektUprom,
#contentSlideProjektFC,
#contentSlideProjektFC1
{
	float: left;
	padding: 20px 20px;
	align: center;
	width: 600px;
	
	
}
#contentSlideImpressum,
#contentSlideImpressum2
{
	float: left;
	padding: 25px 25px;
}

#contentStart {
	align: center;
	width: 600px;
}
#contentSlide,
#contentSlideProjektUprom,
#contentSlideProjektFC,
#contentSlideProjektFC1
{
	display: none;
	width: 450px;		
}
#contentSlideImpressum,
#contentSlideImpressum2
{
	display: none;
	width: 450px;		
}
/***[ navigation ]*****************************************************/
#navArea {
	clear: left;
	height: 23px;
	background: url(resources/img/bg_nav.gif) repeat-x;		
}
#navArea ul {
	list-style-type: none;
}
#navArea ul li {
	float: left;
	height: 23px;
}
#navArea ul li a {
	display: block;
	height: 23px;
}
#navArea ul li a span {		
	display: none;
}	


/***[ home ]***********************************************************/
body#homeB #topArea {
	background: url(../img/top_home.gif) no-repeat;
}
body#homeB #picture {
	background: url(../img/home.jpg) right top no-repeat;
}
#navArea ul li#home a {
	background: url(resources/img/navi.gif) 0 0 no-repeat;
	width: 51px;
}
#navArea ul li#home a:hover,
body#homeB #navArea ul li#home a {
	background: url(resources/img/navi.gif) 0 -23px no-repeat;
}


/***[ unternehmen ]****************************************************/
body#unternehmenB #topArea,
body#unternehmen2 #topArea {
	background: url(../img/top_unternehmen.gif) no-repeat;
}
body#unternehmenB #picture {
	background: url(../img/wachstum.jpg) right top no-repeat;
}
body#unternehmen2 #picture {
	background: url(../img/wachstum.jpg) right top no-repeat;
	width: 73px;
}
body#unternehmen2 #contentSlide {
	display: block;
}
#navArea ul li#unternehmen a {
	background: url(resources/img/navi.gif) 0 -46px no-repeat;
	width: 102px;
}
#navArea ul li#unternehmen a:hover,
body#unternehmenB #navArea ul li#unternehmen a,
body#unternehmen2 #navArea ul li#unternehmen a {
	background: url(resources/img/navi.gif) 0 -69px no-repeat;
}


/***[ loesungen ]******************************************************/
body#loesungenB #topArea,
body#loesungenB2 #topArea {
	background: url(../img/top_loesungen.gif) no-repeat;
}
body#loesungenB #picture {
	background: url(../img/flexibel.jpg) right top no-repeat;
}
body#loesungenB2 #picture {
	background: url(../img/flexibel.jpg) right top no-repeat;
	width: 73px;
}
body#loesungenB2 #contentSlide {
	display: block;
}
#navArea ul li#loesungen a {
	background: url(resources/img/navi.gif) 0 -92px no-repeat;
	width: 102px;
}
#navArea ul li#loesungen a:hover,
body#loesungenB #navArea ul li#loesungen a,
body#loesungenB2 #navArea ul li#loesungen a {
	background: url(resources/img/navi.gif) 0 -115px no-repeat;
}


/***[ technologie ]****************************************************/
body#technologieB #topArea {
	background: url(../img/top_technologie.gif) no-repeat;
}
body#technologieB #picture {
	background: url(../img/halt.jpg) right top no-repeat;
}
#navArea ul li#technologie a {
	background: url(resources/img/navi.gif) 0 -138px no-repeat;
	width: 102px;
}
#navArea ul li#technologie a:hover,
body#technologieB #navArea ul li#technologie a {
	background: url(resources/img/navi.gif) 0 -161px no-repeat;
}


/***[ projekte ]*******************************************************/
body#projekteB #topArea,
body#projekte2 #topArea {
	background: url(resources/img/top-kundenportal.jpg) no-repeat;
}
body#projekteB #picture {
	background: url(resources/img/klima.jpg) right top no-repeat;
}
body#projekte2 #picture {
	background: url(resources/img/klima.jpg) right top no-repeat;
	width: 73px;

}
body#projekte2 #contentSlide {
	display: block;
}
#navArea ul li#projekte a {
	background: url(resources/img/navi.gif) 0 -184px no-repeat;
	width: 102px;
}
#navArea ul li#projekte a:hover{
	background: url(resources/img/navi.gif) 0 -207px no-repeat;
}


/***[ referenzen ]********************************************************/
body#referenzenB #topArea {
	background: url(../img/top_partner.gif) no-repeat;
}
body#referenzenB #picture {
	background: url(../img/vernetzt.jpg) right top no-repeat;
}
#navArea ul li#referenzen a {
	background: url(resources/img/navi.gif) 0 -230px no-repeat;
	width: 102px;
}
#navArea ul li#referenzen a:hover,
body#referenzenB #navArea ul li#referenzen a {
	background: url(resources/img/navi.gif) 0 -253px no-repeat;
}


/***[ kontakt ]********************************************************/
body#kontaktB #topArea,
body#kontaktB2 #topArea {
	background: url(../img/top_kontakt.gif) no-repeat;
}
body#kontaktB #picture {
	background: url(../img/sonne.jpg) right top no-repeat;
}
body#kontaktB2 #picture {
	background: url(../img/sonne.jpg) right top no-repeat;
	width: 73px;

}
body#kontaktB2 #contentSlideImpressum {
	display: block;
}
#navArea ul li#kontakt a {
	background: url(resources/img/navi.gif) 0 -276px no-repeat;
	width: 101px;
}
#navArea ul li#kontakt a:hover,
body#kontaktB #navArea ul li#kontakt a,
body#kontaktB2 #navArea ul li#kontakt a {
	background: url(resources/img/navi.gif) 0 -299px no-repeat;
}


/***[ jobs ]******************************************************/
body#jobsB #topArea,
body#jobsB2 #topArea {
	background: url(../img/top_jobs.gif) no-repeat;
}
body#jobsB #picture {
	background: url(../img/jobs.jpg) right top no-repeat;
}
body#jobsB2 #picture {
	background: url(../img/jobs.jpg) right top no-repeat;
	width: 73px;
}
body#jobsB2 #contentSlide {
	display: block;
}

#navArea ul li#jobs a {
	background: url(resources/img/navi.gif) 0 -322px no-repeat;
	width: 102px;
}
#navArea ul li#jobs a:hover,
body#jobsB #navArea ul li#jobs a,
body#jobsB2 #navArea ul li#jobs a {
	background: url(resources/img/navi.gif) 0 -345px no-repeat;
}