@charset "utf-8";

/*>>>> General <<<<<*/

h1,h2,h3,h4,h5,p,div{
	margin: 0; 
	padding: 0;
	font-weight: normal;
}

body{
	height: 100%;
	margin: 0; 
	padding: 0;
	font-family: Tresbuchet MS, Helvetica, Arial, sans-serif; font-size:12px; color: #707070; line-height:18px;
	background:#dddddd;
}
a,a:link,a:visited {background: url(../img/link.png) 0 50% no-repeat; padding:0 0 0 12px; color:#707070; text-decoration:none;}
a:hover{color:#d30132;}
a:active, a:focus {outline: 0;}
a img{border:none;}
a.xing {background: url(../images/xing.png) 0 1px no-repeat; padding:0 0 0 12px; text-decoration:none; font-weight: bold;}
a.xingx{background: none; padding: 0;}
.clear{ clear:both;}
.anchor{ visibility:hidden;}


a.jobs{
	width: 172px;
	height: 33px;
	position:fixed;
	left: -120px;
	top: 0px;
	background: none;
	z-index: 400;
}

/*>>>> Structure <<<<<*/


#wrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	float:left;
	z-index:100;
	background: url(../img/footer_bg.png) 0 100% repeat-x;
}

#main{
	width:960px; 
	margin:0px auto;
	position: relative;
}

#header{
	width:960px; 
	height:205px;
	position:relative;
}
.top_navi_wrapper{float: right;}	
.top_navi_wrapper li{
	float: left;
	list-style: none;
}	

.top_navi_wrapper li a{
	opacity:0.5;
	padding: 10px;
	float: left;
	background: none;
}	
	.top_navi_wrapper li a:hover{opacity:1}	
	.top_navi_wrapper li a#act{opacity:1; color: #d30132;}	

	
	.logo{
		width:116px; 
		height:165px; 
		position:absolute; 
		top:39px; 
		left:-14px; 
		background: url(../img/fixtreme-logo.png) 0 0 no-repeat;
	}
	.logo span{display:none;}
	.logo a{
		width:116px; 
		height:165px; 
		display:block;
		text-indent:-9999px;
		background:none!important;
	}
	
	.header_txt{
		width:660px; 
		height:144px; 
		position:absolute; 
		top:60px; 
		left:130px; 
		background:url(../img/header_txt.png) 0 0 no-repeat;	
	}
	
		.header_txt span{display:none;}
			
#content{
	width:960px;
	position:relative;

	float:left;
}

#content .holder{
	float:left;
	width:100%;
	position:relative;

}

#content .teaser-wrapper{
	float:left;
	margin:0 0 0 10px;
}

	
	
		.container { width:940px; height:400px; overflow:hidden; position:relative; cursor:pointer; }
		div.slides { position:absolute; top:0; left:0; }
		ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
		div.slides div,ul.slides li { position:absolute; top:0; width:940px;height:400px; background: #fff; display:none; padding:0; margin:0; }
		
		ul.pagination { list-style:none; padding:0; margin:10px 0 0 0; float:right; }
		ul.pagination li  { float:left; }
			ul.pagination li a{
				float:left;
				padding:4px 10px 4px 10px!Important;
				margin-right:2px;
				color:#fff!Important;
				font-weight: bold;
				background:#ccc;
			}
			ul.pagination li.current a{
				font-weight: bold;
				background:#838383;
			}
	
			.slides-img{width:400px; margin-left:40px; float:left; }		
			.slides-content{width:450px; margin:60px 40px 0 0; float:right; }		

			div.slides h1{ text-transform:uppercase; color:#787c76; font-size:18px;}
			div.slides h4{ font-size:14px; margin:5px 0 15px 0!important;}



/*
	Slideshow
*/

#slides,.slide {
	width:940px;
	height: 440px;
}
.slide a {background: none; padding: 0 0 0 0;}
.desc {padding:10px;}
.desc span{color:#D30132;}
.desc a{background: none;color:#D30132; float: right;}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:940px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Next/prev buttons
*/



	a.prev, a.next{
		text-indent: -9999px;
		width: 30px;
		height: 40px;
		top:310px;
		padding: 0;	
		position: absolute;
		z-index: 100;
	}	
	
		a.prev{
			left: -15px;
			background: #d30132 url(../img/prev.png) 50% 50% no-repeat;
		}

		a.next{
			right: 5px;
			background: #d30132 url(../img/next.png) 50% 50% no-repeat;
		}





#content .work-wrapper{}

	#content .work-wrapper p.work-info{
		width: 835px;
		height: 87px;
		margin: 0 0 40px 0;
		background:url(../img/work_txt.png) 10px 0 no-repeat;
		float: left;
	}
		#content .work-wrapper p.work-info span{display:none;}


	#content .work-wrapper .box-wrapper{
		float:left;
		width:100%;
	}

		#content .work-wrapper .box{
			background:#fff;
			width:277px;
			margin:0 0 0 10px;
			padding:30px 15px 0 15px;
			display:inline;
			float:left;
			position:relative;
			font-size:12px;
		}

			#content .work-wrapper .box .work-item{
			height: 350px;
			overflow:hidden;
			}

			#content .work-wrapper .box .work-item img{
				border:2px solid #dddddd;
				width:273px;
				height:150px;
			}

			
			.ceebox{ list-style:none; margin:0; padding:0;}
			.ceebox li{ display:none;}
			.ceebox li.showItem{ display:inline;}
			.ceebox a{ padding:0; margin:0!important; background:none; position:relative;}

			#content .work-wrapper .box .work-item .show{
				display:none;
				width:25px;
				height:25px;
				background:#ddd url(../img/magnify.gif) 50% 50% no-repeat;
				border-left:2px solid #ddd;
				border-bottom:2px solid #ddd;
				position:absolute;
				top:2px;
				right:2px;
			}
	
			#content .work-wrapper .box .work-item H5{
				color:#707070;
				padding:0 0 5px 0;
				font-size:11px;
			}
	
			#content .work-wrapper .box .work-item p{
				margin:0;
				padding:0;
			}
			
			#content .work-wrapper .box .work-item a{
				display:block;
				margin:10px 0 0 0;
			}		

			#content .work-wrapper .box .work-item a.workLink{
			padding:0;
			background:none;
			margin:0;
			}		

			#content .work-wrapper .box .work-item a.inlineLink{
			display:inline;}		

			#content .work-wrapper .box .work-item a:hover{
				color:#A21818;
			}		
			

.jobs-wrapper{}
.jobs-content{float:left;}
.job-wrapper{
	width:460px;
	background: #fff;
	position: relative;
	border-bottom:3px solid #dddddd;
	float: left;
}

.jl{width:460px;margin:0 20px 0 10px; float:left;}
.jr{width:460px;float:left;}


.job{ padding: 16px; float: left;}

.job ul{list-style-position: inner; margin:0 0 20px 10px;}
.job ul li{padding: 0 0 5px 0;}

#content h3.trigger-head span.jdesc{
	left:70px;
	background: #fff;
	text-transform: none;
	font-size: 12px;
	color:#707070;
	padding:8px 0 5px 0px;
	height: 20px;
	overflow: hidden;
}

#content .jl h3.trigger-head span.jdesc{left:60px;}
#content h3.trigger-head .trigger{width:426px; z-index:500; background-position: 435px 11px;}


#content .kontakt-wrapper{
}

#content .kontakt-wrapper-2{
	background: #fff;
	margin-bottom:40px;
	min-height:500px;
}

#content .kontakt-wrapper .kontakt-content{
	background:url(../img/contao-partner-logo.png) 10px 0px no-repeat;
	padding: 0 0 0 70px;
	float: left;
}

#content .kontakt-wrapper .kontakt-content h4{margin:0;}

#content .kontakt-wrapper .kontakt-content p{
	width:200px;
	float: left;
}

.col-1{
	width:200px;
	margin: 20px;
	float: left;
}
.col-2{
	width:500px;
	margin: 20px;
	float: left;
}
		#content h2{
			height:25px;
			width:260px;
			margin: 80px 0 30px 0;
			text-indent:-9999px;
		}

		#content h2.head-news{background: url(../img/headlines.png) 0px 0 no-repeat;}
		#content h2.head-work{background: url(../img/headlines.png) 10px -32px no-repeat;}
		#content h2.head-jobs{background: url(../img/headlines.png) 10px -64px no-repeat;}
		#content h2.head-kontakt{background: url(../img/headlines.png) 10px -96px no-repeat;}
		#content h2.head-impressum{background: url(../img/headlines.png) 10px -128px no-repeat;}
		
		
		#content h3{
			z-index:100;				
			margin:0;
			height: 33px;
			width: 307px;
			font-weight: normal;
			color: #fff;
		}
		
	#content h3 span{
		background: #d30132;
		color: #fff;
		text-transform: uppercase;
		padding: 9px 10px 6px 10px;
		position: absolute;
		top:0;
		left: 0;
		z-index: 400;
	}
	
			.more,.trigger{
				margin:0;	
				width:277px;
				height:23px;
				text-indent:-9999px;
				color:#d30132;
				font-size: 10px;
				letter-spacing: 0.05em;
				padding: 9px 35px 0 0;
				background:url(../img/plus.png) 280px 11px no-repeat;
				cursor:pointer;
				position: absolute;
				top:0;
				right: 0;
				z-index: 600;

			}

			.more:hover,.trigger:hover{
			text-align: right;
			background-image:url(../img/plus_on.png);
			}

			.more.hideItem,.trigger.hideItem{
				background: url(../img/minus.png)  280px 11px no-repeat;
			}

		
		#content h4{
			color:#d30132;
			font-weight: normal;
			margin:10px 0 0 0;
			font-size:14px;
		}

		#content h5{
			font-size:12px;
			padding-bottom:15px;
		}
		
		#content p{
			margin:0 0 20px 0;
		}
	

/* FOOTER */
#footer{
	width:960px; 
	height:40px;
	margin-top:40px;
	float:left;
}

#footer span{
	display:block;
	margin:15px 0;
	padding:0;
	color:#333;	
}

	 .infoBox{
		 float:left;
		 margin-bottom:30px;
	 }

	 .infoBox div{
		 float:left;
	}

		 .infoBox h2{
			 font-size:14px;
			 margin:0 0 5px 0;
			 color:#d30132;
		 }
	
		 .infoBox ul{
			 list-style:none;
			 float:left;
		 }
	
			 .infoBox ul li{
				 padding:0px 25px 0px 0px;
				 font-size:11px;
			 }

/* Service */

#content .kontakt-wrapper .navigation-service{
	float:left;
	width:242px;
	margin-top: 0;
	margin-left: 20px;
	padding: 0;
}

#content .kontakt-wrapper .navigation-service h4{
	margin: 10px 0 0 1px;
	color: #A21818;
	padding: 7px 0 3px 0;
	width: 218px;
}

#content .kontakt-wrapper .navigation-service ul{
	list-style:none;
	margin-left: 0px;
	width: 265px;
}

#content .kontakt-wrapper .navigation-service ul li{
	padding-bottom: 0px;
	border-top: 1px solid #F4F2D1;
	width: 222px;
}

#content .kontakt-wrapper .navigation-service ul li.noborder{
	border-top: none;
}

#content .kontakt-wrapper .navigation-service ul li a{
	display:block;
	font-weight: normal;
	background-image: none;
	width: 217px;
	padding: 3px 0 3px 5px;
}

#content .kontakt-wrapper .navigation-service ul li a:hover{
	display:block;
	color: #000000;
	background-color: #C8D5C0;
}

#content .kontakt-wrapper .navigation-service ul li a.act{
	color: #000;
	font-weight: bold;
}

#service-wrapper {
	float:left;
	width:297px;
	margin-top: 70px;
	margin-bottom: 30px;
}