@charset "utf-8";

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

h1,h2,h3,h4,h5,p,div{
	margin: 0; 
	padding: 0;
}

body{
	height: 100%;
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #39372d; line-height:18px;
	background:#e2da89 url(../images/top_bg.png) top right repeat-x;
}
a,a:link,a:visited {background: url(../images/link.png) 0 50% no-repeat; padding:0 0 0 12px; color:#736f5a; text-decoration:none;}
a:hover{color:#A21818;}
a:active, a:focus {outline: 0;}
a img{border:none;}
a.xing {background: url(../images/xing.png) 0 3px no-repeat; padding:0 0 0 12px; color:#736f5a; text-decoration:none;}
.clear{ clear:both;}
.anchor{ visibility:hidden;}

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

#header-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	float:left;
	z-index:0;
}

	#header-left{
		width:50%; 
		height:580px;
		float:left;
		background: url(../images/top_bg_left.png) top right repeat-x;
	
	}
	
	#header-right{
		width:49.999999%; 
		height:580px;
		float:left;
		position:relative;
		background: url(../images/top_bg_right.png) top left repeat-x;
	}

#wrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	float:left;
	background: url(../images/body_bg.gif) bottom left repeat-x;
	z-index:100;
}

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

#header{
	width:960px; 
	height:400px;
	position:relative;
}
	
.top_navi_wrapper{
	margin: 20px 0 0 0;
	float:right;
}	

	.top_navi_wrapper ul{
		margin:0;
		padding:0;
	}
		
		.top_navi_wrapper ul li{
			float:left;
			display:block;
			list-style:none;
		}	
		
			.top_navi_wrapper ul li a{
				height:46px;
				display:block;
				float:left;
				text-indent:-9999px;
				padding-left:0px!important;
			}	
			
			.top_navi_wrapper ul li#tn_1 a{ background: url(../images/top_navi_btn.png) 0px 0px no-repeat; width:71px;}	
			.top_navi_wrapper ul li#tn_2 a{ background: url(../images/top_navi_btn.png) -71px 0px no-repeat; width:90px;}	
			.top_navi_wrapper ul li#tn_3 a{ background: url(../images/top_navi_btn.png) -161px 0px no-repeat; width:104px;}	
			
			.top_navi_wrapper ul li#tn_1 a#act{ background: url(../images/top_navi_btn.png) 0px -50px no-repeat; width:71px;}	
			.top_navi_wrapper ul li#tn_2 a#act{ background: url(../images/top_navi_btn.png) -71px -50px no-repeat; width:90px;}	
			.top_navi_wrapper ul li#tn_3 a#act{ background: url(../images/top_navi_btn.png) -161px -50px no-repeat; width:104px;}	
			
			.top_navi_wrapper ul li#tn_1 a:hover{ background: url(../images/top_navi_btn.png) 0px -100px no-repeat; width:71px;}	
			.top_navi_wrapper ul li#tn_2 a:hover{ background: url(../images/top_navi_btn.png) -71px -100px no-repeat; width:90px;}	
			.top_navi_wrapper ul li#tn_3 a:hover{ background: url(../images/top_navi_btn.png) -161px -100px no-repeat; width:104px;}	
		
	.tophead{
		font-size:14px; 
		color:#5C6882; 
		padding:10px 0 0 0; 
		float:left;	
	}
	
	.logo{
		width:66px; 
		height:97px; 
		position:absolute; 
		top:100px; 
		left:-100px; 
		background: url(../images/fixtreme_logo.png) 0 0 no-repeat;
	}
	.logo span{display:none;}
	.logo a{
		width:66px; 
		height:97px; 
		display:block;
		text-indent:-9999px;
		background:none;
	}
	
	.header_txt{
		width:380px; 
		height:200px; 
		position:absolute; 
		top:110px; 
		left:0px; 
		background:url(../images/header_txt.png) 0 0 no-repeat;	
	}
	
		.header_txt span{
			font-size:20px;
			text-transform:uppercase;
			font-weight:bold;
			padding:160px 0 0 0;
			display:block;
			color:#fff;
		}
		
			.header_txt span strong{color:#e4dd95;}
			
#content{
	width:960px;
	position:relative;
	background:#fff;
	border:5px solid #9ca093;
	float:left;
}

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

}

#content .teaser-wrapper{
	float:left;
	margin-bottom:20px;
}

	
	#content .teaser-wrapper .teaser{
		margin:30px 0 0 100px;
		display:inline;
		width:800px;
		float:left;
	}
	
		.container { width:800px; height:350px; 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:800px; 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 8px!Important;
				margin-right:2px;
				color:#fff!Important;
				font-weight: bold;
				background:url(../images/slider_btn.png) 0 0 no-repeat!Important;
			}
			ul.pagination li.active a{
				font-weight: bold;
				background:url(../images/slider_btn.png) -28px 0 no-repeat!Important;
			}
	
			.slides-img{width:400px; float:left; }		
			.slides-content{width:400px; margin-top:60px; 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;}
			
			
#content .work-wrapper{
	background:#e3eae3;
}

	#content .work-wrapper p.work-info{
		margin:30px 20px 20px 100px;
		height:60px;
	}

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

		#content .work-wrapper .box{
			background:#fff;
			width:277px;
			margin:0 0 50px 10px;
			padding:70px 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 #b8b8b8;
				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:#b8b8b8 url(../images/magnify.gif) 50% 50% no-repeat;
				border-left:1px solid #666;
				border-bottom:1px solid #666;
				position:absolute;
				top:2px;
				right:2px;
			}
	
			#content .work-wrapper .box .work-item H5{
				color:#89846b;
				padding:0 0 5px 0;
				font-size:11px;
				text-transform:uppercase;
			}
	
			#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;
				color:#736f5a;
			}		

			#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;
			}		
			
			.more{
				margin:0 20px 20px 20px;	
				width:160px;
				height:45px;
				text-indent:-9999px;
				background:url(../images/more_projects_btn.png) 0 0 no-repeat;
				cursor:pointer;
				float:right;
			}

			.more.hideItem{
				background: url(../images/more_projects_btn.png) 0 -55px no-repeat;
			}


#content .kontakt-wrapper{
	min-height:450px;
}

#content .kontakt-wrapper .kontakt-content{
float:left;
width:280px;
margin:60px 0 0 120px;
padding-left:130px;
display:inline;
background:url(../images/fixtreme_logo_light.png) 0 0 no-repeat;
}


		#content h2{
			color:#8a1111;
			height:50px;
			width:110px;
			text-indent:-9999px;
			z-index:100;
			position:absolute;
			top:20px;
			left:-20px;	
		}

		#content h2.head-news{background: url(../images/headlines.png) 0 0 no-repeat;}
		#content h2.head-work{background: url(../images/headlines.png) 0 -59px no-repeat;}
		#content h2.head-kontakt{background: url(../images/headlines.png) 0 -118px no-repeat;}
		#content h2.head-impressum{background: url(../images/headlines.png) 0 -177px no-repeat; width:140px;}
		
		#content h3{
			color:#8a1111;
			height:45px;
			text-indent:-9999px;
			z-index:100;
			position:absolute;
			top:-16px;
			left: 20px;	
			margin:0;
			text-transform:uppercase;
		}

		#content h3.head-web{background: url(../images/headlines_box.png) 0 0 no-repeat; width:60px;}
		#content h3.head-print{background:url(../images/headlines_box.png) -65px 0 no-repeat; width:70px;}
		#content h3.head-illu{background:url(../images/headlines_box.png) -138px 0 no-repeat; width:130px;}
		#content h3.head-logo{background:url(../images/headlines_box.png) -273px 0 no-repeat; width:170px;}
		#content h3.head-cd{background:url(../images/headlines_box.png) -450px 0 no-repeat; width:175px;}
		#content h3.head-hardware{background:url(../images/headlines_box.png) -632px 0 no-repeat; width:110px;}
		
		#content h4{
			color:#a21818;
			margin:10px 0 0 0;
			font-size:14px;
			text-transform:uppercase;
		}

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

/* Contact Form */

	#content #form-wrapper{
		width:350px; 
		float:left;
		margin:60px 0 20px 0;
	}

#content #form-wrapper #contact_form fieldset{
	border:none;
	margin:0; 
	padding:0;
}

#content #form-wrapper #contact_form fieldset label{display:none;}

#content #form-wrapper #contact_form span#legend {
	background:url(../images/contact.gif) 50% 50% no-repeat #fff;
	display:block;
	width:200px;
	height:120px;
	margin: 0;
}

#content #form-wrapper #contact_form span#legend .sending {
	width:200px;
	height:60px;
	text-align:center;
	padding-top:60px;
	background: url(../images/loader.gif) 50% 40% no-repeat #fff;
	display:none;
	color:#2B5994;
}

	#content #form-wrapper #contact_form legend{display:none; visibility:collapse;}

#content #form-wrapper #contact_form input{ 
	width:352px; 
	height:14px; 
	padding:4px;
	border-width:2px 1px 1px 2px;
	border-color: #858781;
	border-style:solid;
	background:#9da194;
	color:#000;
	margin-bottom:15px;
}

#content #form-wrapper #contact_form textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
	margin: 0 0 5px 0;
	width:352px; 
	height:110px;
	padding:4px; 
	border:1px solid #858781;
	background:#9da194;
	color:#000;
	overflow:auto;
}

#content #form-wrapper #contact_form button{
	width:137px; 
	height:45px; 
	border:none; 
	background: url(../images/send.png) no-repeat; 
	color:#fff; 
	font-weight:bold;
	cursor:pointer;
	float:right;
}

	#content #form-wrapper #contact_form button span{display:none;}

	.message {background:#E3EAE3; color:#000;display:none;width:342px;padding:10px; margin-bottom:10px; display:block;}
	.message ul { list-style-position:inside;}

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

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

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

	 .infoBox div{
		 float:left;
	}

		 .infoBox h2{
			 font-size:14px;
			 margin:0 0 5px 0;
			 color:#B11818;
		 }
	
		 .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;
	color: #736F5A;
	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;
}

#content #form-wrapper-service {
	float:left;
	margin: 80px 0 0 50px;
	width: 450px;
	display: inline;	
}

#content #form-wrapper-service h4 {
	margin: 10px 0 2px;
}

#content #form-wrapper-service h1 {
color: #787C76;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 10px;
}

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

.step div {
	margin-right: 50px;
}

.step div.nomargin {
	margin-right: 0px;
}

.comp_sub{font-size:12px; color:#666;}