/* Basic Elements */
html, body {
	height:100%;
	margin: 0px;
	font-family: verdana, sans-serif;
	font-size:10px;
	background-color:#d6d6d6;
	background: none repeat-x #d6d6d6;
	
		}
#container {
	width:1000px;
	margin: 0 auto;
	margin-top:50px;
	border:	1px solid #ccc;
	background-color:#fff;
	
		}


#center {
position:absolute;
margin-left:347px;
margin-top:20px;
background-color:transparent;
width:405px;
height:540px;
}		
		

#left {
width:330px;
height:560px;
float:left;
background: transparent url("../pix/bg4.jpg") no-repeat top left;
}






.headlink {
display:block;
	width: 251px;
	height: 66px;
	margin-left:30px;
margin-top:30px;
	background: transparent url("../pix/logo.png") no-repeat 0% 0%;
	behavior: url(pngfix/iepngfix.htc);
}	

.headlink:hover {
	background-color:transparent
}	


#content {
padding:0em;
height:560px;
border: 0px solid #fff;
background: url("../pix/start.jpg") repeat-x #fff;
}	


#footer {
	font-size:10px;
	width: 100%;
	clear: both;
	border-top: 0px solid #cecece;
	text-align: left;
	padding-top: 1em;
	color: #000000;
	background: transparent;
	}



/* Additional styles */

p {

	font-family: verdana, sans-serif;
	color:#666;
	font-size:10px; 
	letter-spacing:0em;
	line-height:150%;
	margin: 0;
	padding-top:20px;
	padding:20px 20px 0px 0;
	float:none;
	clear:both;
	}
	

ul {
color:#666;
line-height:150%;
}

hr {
width:380px;
float:left;
margin-left:20px;
}
	
img {
	border: 0;
	}
h1 {
	background-color:#FF9900;
	color:#FFFFFF;
	float:left;
	font-size:10px;
	margin-bottom:0;
	padding:0.2em;
	
	}
h2 {
	color: #666;
	padding:0.3em;
	}
p a, strong {
	text-decoration:none;
	font-weight:bold;
	color: #fff;
	background-color: #ff9900;
	padding:0.05em 0.1em 0.05em 0.1em ;
	}
p  a:hover {
	background-color: #999;
	color: #fff;
	padding:0.05em 0.1em 0.05em 0.1em ;
	}

p .spalte a {
background-color:transparent;
font-weight:normal;
color: #FF9900;
padding:0px;
}
p .spalte a:hover{
background-color:transparent;
font-weight:normal;
color: #999;
}
	

.righttxt {
float:right;
margin-top:-1.5em;
}


.box, .boxshort, .boxshort2,  .box2, .textfeld {
background-color:#ffebcc;
border:0px;
padding:0.5em;
color:#666;
font-size:1em;
font-family: verdana, sans-serif;
font-weight:normal;
}


.box {
width:250px;
}
.box2 {
width:206px;
}
.boxshort {
width:30px;
}
.boxshort2 {
width:80px;
}

.textfeld {
width:361px;
}

.cap {
float:left;
padding-right:10px;
}

.kontakt {
padding:0px;
color:#666;
}

form  {
padding:0px;
}

input {
background-color:#fe9900;
color:#fff;
font-weight:bold;
font-family:verdana, sans-serif;
font-size: 1em;
border:0px;
}



img, div, a, input { behavior: url(pngfix/iepngfix.htc); }

.analytics {
font-size:0.9em;
width:400px;
background-image: url(../pix/bg_table.png);
behavior: url(pngfix/iepngfix.htc);
border: 1px solid #cccccc;
float:left;
margin-left:20px;
padding:20px;
}





b {
color:#666;
}




#right { float:right; width:241px; height:560px; background-color:#fff; background: transparent url(../pix/nolift.jpg) no-repeat 0px 0px; }
#right_p1_aktiv { float:right; width:241px; height:560px; background-color:#fff; background: #fff url(../pix/lift1_ganz.jpg) no-repeat 0px 0px;}
#right_p2_aktiv { float:right; width:241px; height:560px; background-color:#fff; background: #fff url(../pix/lift2_ganz.jpg) no-repeat 0px 0px;}
#right_p3_aktiv { float:right; width:241px; height:560px; background-color:#fff; background: #fff url(../pix/lift3_ganz.jpg) no-repeat 0px 0px;}
#right_p4_aktiv { float:right; width:241px; height:560px; background-color:#fff; background: #fff url(../pix/lift4_ganz.jpg) no-repeat 0px 0px;}
#right_p5_aktiv { float:right; width:241px; height:560px; background-color:#fff; background: #fff url(../pix/lift5_ganz.jpg) no-repeat 0px 0px;}
#right_p6_aktiv { float:right; width:241px; height:560px; background-color:#fff; background: #fff url(../pix/lift6_ganz.jpg) no-repeat 0px 0px;}





.aufzug{
position: relative;
float:right;
margin-right:110px;
margin-top:0px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
position:absolute;
border: 0px solid #fff;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail strong{ /*CSS for enlarged image*/
float:left;
margin-left:-132px;
margin-top:-101px;
background-color: transparent;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail strong img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover strong{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 030px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.p6_big {
padding:0px; display:block; width:125px; height:499px; margin-top:87px;
background: #fff url(../pix/lift6.jpg) no-repeat top left;
}
.p5_big {
padding:0px; display:block; width:115px; height:499px; margin-top:-7px;
background: transparent url(../pix/lift5.jpg) no-repeat top left;

}
.p4_big {
padding:0px; display:block; width:115px; height:499px; margin-top:-86px;
background: transparent url(../pix/lift4.jpg) no-repeat top left;

}
.p3_big {
padding:0px; display:block; width:115px; height:499px; margin-top:-165px;
background: transparent url(../pix/lift3.jpg) no-repeat top left;

}
.p2_big { 
padding:0px; display:block; width:115px; height:499px; margin-top:-243px;
background: transparent url(../pix/lift2.jpg) no-repeat top left;

}
.p1_big {
padding:0px; display:block; width:115px; height:499px; margin-top:-321px;
background: transparent url(../pix/lift1.jpg) no-repeat top left;

}
.p6_big_active {
padding:0px; display:block; width:125px; height:499px; margin-top:87px;
background: #fff url(../pix/lift6.jpg) no-repeat top left;
}
.p5_big_active {
padding:0px; display:block; width:115px; height:499px; margin-top:10px;
background: transparent url(../pix/lift5.jpg) no-repeat top left;

}
.p4_big_active {
padding:0px; display:block; width:115px; height:499px; margin-top:-69px;
background: transparent url(../pix/lift4.jpg) no-repeat top left;

}
.p3_big_active {
padding:0px; display:block; width:115px; height:499px; margin-top:-148px;
background: transparent url(../pix/lift3.jpg) no-repeat top left;

}
.p2_big_active { 
padding:0px; display:block; width:115px; height:499px; margin-top:-226px;
background: transparent url(../pix/lift2.jpg) no-repeat top left;

}
.p1_big_active {
padding:0px; display:block; width:115px; height:499px; margin-top:-304px;
background: transparent url(../pix/lift1.jpg) no-repeat top left;

}

/* aktiv Menu*/
#p6_active.thumbnail { background: transparent url(../pix/p6_o.jpg) no-repeat top left; display:block; width:110px; height:77px; position:absolute; margin-top:23px; }
#p5_active.thumbnail { background: transparent url(../pix/p5_o.jpg) no-repeat top left; display:block; width:110px; height:80px; position:absolute; margin-top:100px;}
#p4_active.thumbnail { background: transparent url(../pix/p4_o.jpg) no-repeat top left; display:block; width:110px; height:80px; position:absolute; margin-top:179px;}
#p3_active.thumbnail { background: transparent url(../pix/p3_o.jpg) no-repeat top left; display:block; width:110px; height:79px; position:absolute; margin-top:258px;}
#p2_active.thumbnail { background: transparent url(../pix/p2_o.jpg) no-repeat top left; display:block; width:110px; height:79px; position:absolute; margin-top:336px;}
#p1_active.thumbnail { background: transparent url(../pix/p1_o.jpg) no-repeat top left; display:block; width:110px; height:82px; position:absolute; margin-top:414px;}


/* Hover Hintergründe Menu*/
#p6.thumbnail:hover { background: transparent url(../pix/p6_o.jpg) no-repeat top left; margin-top:23px;}
#p5.thumbnail:hover { background: transparent url(../pix/p5_o.jpg) no-repeat left -17px;  }
#p4.thumbnail:hover { background: transparent url(../pix/p4_o.jpg) no-repeat left -17px;}
#p3.thumbnail:hover { background: transparent url(../pix/p3_o.jpg) no-repeat left -17px;}
#p2.thumbnail:hover { background: transparent url(../pix/p2_o.jpg) no-repeat left -17px;}
#p1.thumbnail:hover { background: transparent url(../pix/p1_o.jpg) no-repeat left -17px;}


/* Normalzustand Menu Hintergründe*/
#p6.thumbnail{ background: transparent url(../pix/p6.jpg) no-repeat top left;}
#p5.thumbnail{ background: transparent url(../pix/p5.jpg) no-repeat top left;}
#p4.thumbnail{ background: transparent url(../pix/p4.jpg) no-repeat top left;}
#p3.thumbnail{ background: transparent url(../pix/p3.jpg) no-repeat top left;}
#p2.thumbnail{ background: transparent url(../pix/p2.jpg) no-repeat top left;}
#p1.thumbnail{ background: transparent url(../pix/p1.jpg) no-repeat top left;}


/* Normalzustand Menu*/
#p6.thumbnail { display:block; width:110px; height:77px; position:absolute; margin-top:40px;}
#p5.thumbnail { display:block; width:110px; height:80px; position:absolute; margin-top:117px; } 
#p4.thumbnail{ display:block; width:110px; height:80px; position:absolute; margin-top:196px;}
#p3.thumbnail { display:block; width:110px; height:79px; position:absolute; margin-top:275px;}
#p2.thumbnail { display:block; width:110px; height:79px; position:absolute; margin-top:353px;}
#p1.thumbnail { display:block; width:110px; height:82px; position:absolute; margin-top:431px;}



#slider {
margin-left:5px;
}

	#slider ul, #slider li{
		margin:0;
		margin-top:5px;		
		padding:0;
		list-style:none;
		background-color:#fff;
		width:120px;
		height:500px;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		
		overflow:hidden; 
		}

	
	p#controls, p#controls2{
		margin:0;
		position:relative;
		float:right;
		margin-right:100px;
		color:#FF9900;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:20px;
		height:20px;	
		left:-30px;
		top:-160px;
		float:right;
		}	
	#nextBtn { 
		left:100px;
		}														
	#prevBtn a, #nextBtn a {  
		display:block;
		width:20px;
		height:20px;
		background:transparent url(../pix/up.jpg) no-repeat center center;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:transparent url(../pix/down.jpg) no-repeat center center;	
		}		


	
.subnavi {


}
.subnavi li {
font-weight:normal;
background-color:#fff;
text-align:right;

}

.subnavi a{
color:#666;
text-decoration:none;
float:right;
clear:both;
font-weight:normal;
background-color:#fff;
text-align:right;
padding:0.05em 0.1em 0.05em 0.1em ;
margin-bottom:0.2em;

}

.subnavi a:hover{
color:#fff;
text-decoration:none;
background-color: #ff9900;
padding:0.05em 0.1em 0.05em 0.1em ;
}


.spacelink  {
margin-top:1em;
font-weight:bold;
}

#slider .subnavi .spacelink {

font-weight:bold;
}
#slider .subnavi .spacelink:hover {
font-weight:bold;
background-color:transparent;
color:#666;
}

.subnavi a.liactive {
color: #ff9900;
font-weight:bold;
}

.subnavi a.liactive:hover {
background-color:transparent;
color: #ff9900;
}
.subnavi b:hover {
background-color:transparent;
color: #ff9900;
}
	





.kundenbox {
position:relative;
width:405px;
}

.spalte {
font-weight:normal;
width:133px;
float:left;
line-height:120%;
color: #FF9900;

}

.spalte b {
float:left;
clear:both;
width:125px;
margin-bottom:0.35em;
margin-top:0.35em;
color: #ff9900;
font-weight:bold;
padding:2px;
}

.starttext {
padding-top:10px;
}

.spacer b {
height:0.2em;
background-color: transparent;
}

.spacer {
height:0.2em;
background-color: transparent;
}









/* -------SLIDER-------------------------------------------------------------------------------------------------------*/

#content-slider {

	position: relative;
	float:left;
	width: 405px;
	height:500px;
	margin: 0 auto;
	padding: 0px;
	background: transparent;
	border: 0px solid #ddd;
}

#panel {
	position: relative;
	height: 25px;
	margin: 0 0 00px 0;
	background: transparent;
	border: 0px solid #ddd;

}

#controller {
float:right;
left:0;
margin-top:-90px;
position:relative;
top:0;
color:#999;
}

#controller span {
font-weight:bold;
color: #fff;
background-color: #ff9900;
padding:0.2em 0.4em 0.2em 0.4em ;
cursor: pointer;
}

#mitarbeiter{
float:left;
left:0;
margin-top:-90px;
position:relative;
top:0;
color:#999;
}


#mitarbeiter span {
font-weight:bold;
color: #fff;
background-color: #ff9900;
padding:0.2em 0.4em 0.2em 0.4em ;
cursor: pointer;
}

#prev-next {
position: relative;
float:right;
left:0;
margin-top:-48px;
position:relative;
top:0;
color:#999;
}

.jFlowPrev, .jFlowNext {
	cursor: pointer;
}

#slides div {
	overflow: hidden;

}

.jFlowSlideControl {
	cursor: pointer;
}

#mitarbeiterbox {
position:absolute;
margin-top:-288px;

}
.mitarbeiterliste{
position:absolute;

height:200px;
position:relative;
float:left;

}

.mitarbeiterliste span {
font-weight:bold;
color: #fff;
background-color: #ff9900;
padding:0.2em 0.4em 0.2em 0.4em ;
cursor: pointer;
float:left;
clear:both;
margin-bottom:0.5em;
margin-right:2em;
}

#listbox {
float:left;
height:200px;
margin-top:-167px;
position:absolute;
}

#servicebox {
background-color:#FFFFFF;
float:left;
height:97px;
margin-top:-128px;
padding-top:17px;
position:absolute;
width:388px;
}


#servicebox .mitarbeiterliste {
height:auto;
}

#controller2 {
background-color:#FFFFFF;
float:left;
height:20px;
margin-top:-50px;
padding-top:17px;
position:absolute;
width:388px;
}

#controller2 span {
font-weight:bold;
color: #fff;
background-color: #ff9900;
padding:0.2em 0.4em 0.2em 0.4em ;
cursor: pointer;
margin-bottom:0.5em;
float:right;

}

#bottom {

}

/* ------- END SLIDER-------------------------------------------------------------------------------------------------------*/