/* CSS 



*/

/* reset section */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section 
	{
	display:block; 
	}
nav ul 
					{ list-style:none; }
blockquote, q 		
					{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after 
					{ content:''; content:none; }
a 
					{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins 
					{ background-color:#ff9; color:#000; text-decoration:none; }
mark 
					{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del 
					{ text-decoration: line-through; }
abbr[title], dfn[title] 
					{ border-bottom:1px dotted #000; cursor:help; }
table 
					{ border-collapse:collapse; border-spacing:0; }
hr 
					{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select 
					{ vertical-align:middle; }

body 
					{ *font-size:small; *font:x-small; line-height:1.22; }
table 
					{ font-size:inherit; font:100%; }
select, input, textarea 
					{ font:99% sans-serif; }
pre, code, kbd, samp 
					{ font-family: monospace, sans-serif; }
 
body, select, input, textarea 
					{ color:#444; }
h1,h2,h3,h4,h5,h6 
					{ font-weight: bold; text-rendering: optimizeLegibility; }
html 
					{ -webkit-font-smoothing: antialiased; }
a 
					{ text-decoration: none; outline: none; border: 0;}
a:hover, a:active 
					{ outline: none; }
a, a:active, a:visited 
					{ color:#607890; }
a:hover 
					{ color:#036; }
small 
					{ font-size:85%; }
strong, th 
					{ font-weight: bold; }
td, td img 				
					{ vertical-align:top; } 
sub 	
					{ vertical-align: sub; font-size: smaller; }
sup 	
					{ vertical-align: super; font-size: smaller; }

pre 		
					{ padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

input[type="radio"] 	
					{ vertical-align: text-bottom; }
input[type="checkbox"] 
					{ vertical-align: bottom; *vertical-align: baseline; }
.ie6 input 
					{ vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button 	
					{ cursor: pointer; }

::-moz-selection
					{ background: #000; color:#fff; text-shadow: none; }
::selection 
					{ background:#000; color:#fff; text-shadow: none; } 

a:link 	
					{ -webkit-tap-highlight-color: #FF5E99; } 

html 
					{ overflow-y: scroll; }
button 	
					{  width: auto; overflow: visible; }
.ie7 img 	
					{ -ms-interpolation-mode: bicubic; }

.ir 
					{ display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden 
					{ display:none; visibility:hidden; } 
.visuallyhidden 
					{ position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible 
					{ visibility: hidden; }
.clearfix:after 	
					{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 	
					{ display: inline-block; }
* html .clearfix 	
					{ height: 1%; }
.clearfix 	
					{ display: block; }
					
/* reset section [END] */

/* -- Basic Styles ----------------------------- */

body 
	{ 
	font: 11px Arial, Helvetica, sans-serif; font-style:normal; min-width: 980px; position: relative;background-color:#FFFFFF;
	}
p 
	{ margin: 0 0 11px 0;}
ul 
	{ list-style: none; }

#top, #home, #projects, #design, #technik, #lab, #about, #jobs 
	{display: none;}
#noscript 
	{
		position: fixed; 
		top: 55px; 
		left: 50%; 
		margin-left: -460px; 
		width: 900px; 
		z-index: 1000000; 
		background: #fff; 
		border: 1px solid #363636; 
		text-align: center; 
		padding: 10px;
	}
	
/* -- Preloader */

#preloader 
	{ width: 245px; 
	height: 300px; 
	text-align: center; 
	margin: 200px auto 0;
	}	
#loadingbar 
	{ width: 245px; 
	height: 245px; 
	text-align: center; 
	color: #fff; 
	background: url(../image/preload_bg.png) no-repeat 0 245px;
	}
#loadingtext 
	{ 
	padding: 10px 0 0; 
	font-family:"CantarellBold", Arial, sans-serif; 
	font-size: 13px;
	}

/* -- ProjekteSeite / content_blank */

body.project_bg 
	{ background: #222 url(../image/bg_project_wrap.gif) repeat-x 0 0;}
body.project_bg .project-slide 
	{margin: auto;}
body.project_bg .project-slider-prev 
	{left: 0;}
body.project_bg .project-slider-next 
	{right: 0;}
body.project_bg .project-slider-close 
	{display: none;}
#content_blank .csc-header 
	{ 
	width: 250px; 
	margin: 0 auto 
	}
#content_blank h1, #content_blank h3 
	{font-family: "CantarellBold", Arial ,sans-serif; font-weight: normal;}

#content_blank a 
	{text-decoration: none; outline: none; border: 0; color: #000;}
#content_blank a:hover 
	{text-decoration: underline;}
.tx-felogin-pi1 
	{width: 250px; margin: 100px auto 20px;}
fieldset 
	{border: none;}

/* -- Typografics */

h1 
	{ 
	font-family:"CantarellBold", Arial, sans-serif; 
	font-weight:normal; 
	font-style:normal; 
	font-size: 57px; 
	line-height: 43px; 
	text-transform: uppercase; 
	padding: 0 0 10px 0; 
	}
h2
	{ font-family: Times, "Times New Roman", serif; 
	font-weight:normal; font-style:italic; 
	font-size: 24px; padding: 6px 0 18px 0; 
	line-height: 24px; 
	}
	
/* -- Basic Styles [END] ----------------------------- */

/* -- Header ----------------------------- */

#top 
	{ 
	width: 100%; 
	position: fixed; 
	left: 0; top: 0; 
	z-index: 5000; 
	}
#header 
	{ float:right; 
	background: #eceee4; 
	background: rgba(244, 245, 238, 0.75);  b
	order-radius: 0 0 70px 70px; 
	-moz-border-radius: 0 0 70px 70px; 
	-webkit-border-radius: 0 0 70px 70px; 
	height: 42px; width: 700px; 
	margin: 0 25% 0 ; 
	position: relative; 
	font-family:"CantarellRegular", Arial, sans-serif; 
	font-size: 13px; 
	xbox-shadow: 0px 0px 2px #bbb;
	-moz-box-shadow:2px 2px 2px 0px rgba(119, 119, 119, 0.7);
	-webkit-box-shadow:2px 2px 2px 0px rgba(119, 119, 119, 0.33);
	box-shadow:1px 1px 3px 0px rgba(119, 119, 119, 0.33);
	}
#nav 
	{  
	padding: 16px 0px 20px 55px; 
	height: 20px; margin: 0 auto; 
	font-family:"CantarellBold", Arial, sans-serif; font-size: 
	12px; text-transform: uppercase;
	}
#nav li:before 
	{
	content: "\25B8"" ";
	color:#C03
	}
#nav li 
	{ 
	display:inline; 
	margin: 0 20px 10px 0;  
	}
#top li a 
	{ color: #8f8f8f; 
	text-decoration: none; 
	padding-bottom: 10px;
	}
#top li a:hover 
	{ color: #000;}


/* -- Impressum 
#impressum_wrap { width: 500px; height: 500px; position: fixed; top: 100px; left: 50%; z-index: 500; margin-left: -270px; padding: 25px 5px 20px 20px; background: #fff; box-shadow: 2px 2px 5px 0px #000000; -moz-box-shadow: 2px 2px 5px 0px #000000; -webkit-box-shadow: 2px 2px 5px #000000; }
#impressum_wrap h1 { font-size: 24px;}
#impressum_wrap h3 { padding: 0 0 5px 0;}
#impressum_wrap #content_blank .csc-header {width: auto; margin: 0;}
#impressum_wrap #impressum_content { height: 500px; overflow-y: scroll; padding-right: 5px;}
#impressum_wrap .close { position: absolute; top: 8px; right: 6px; color: #9e9c9c; font-size: 14px; font-family: Times, serif; font-weight: normal; font-style: italic; background: url(images/bg_project-slider_close.png) no-repeat 100% -48px; padding-right: 15px; height: 14px; width: 60px; text-align: right; }*/

/* -- Header [END] ----------------------------- */

/* -- Content-Slides ----------------------------- */
#home,
#projects,
#design,
#technik,
#lab,
#about,
#jobs,
#error 
	{ position: relative; 
	height: 1000px; 
	margin: 0 auto; 
	padding: 0; 
	overflow: hidden;
	}
.sprite 
	{ position: absolute; 
	width: 100%; 
	height: 1000px; 
	z-index: 200; 
	top: 0; 
	padding: 0; 
	}
.screen 
	{ position: absolute; 
	width: 100%; 
	height: 1000px; 
	z-index: 201; 
	top: 0; 
	padding: 0; 
	}
.screen .content 
	{ 
	width: 280px; 
	margin-left: 20%; 
	margin-top: 10%; 
	}
.screen .content h1 
	{ 
	background: url(../image/bg_content_border.png) no-repeat 0 0; 
	padding-top: 35px; 
	}
.screen .content p 
	{ width: 275px; f
	ont-size:13px;
	font-family: "CantarellRegular"
	}

.project-info-text p 
	{ 
	width: 275px; 
	font-size:12px !important; 
	font-family: "CantarellRegular"
	}
	
/* -- Home -- */

#home 
	{ 
	background: url(../image/home_bg.jpg) 50% 0 no-repeat fixed; 
	color: #363636; 
	}
#home .sprite 
	{ 
	background: url(../image/home_sprite_frei.png) 50% 143px no-repeat fixed; 
	}
#home .screen 
	{ 
	background: url(../image/home_frei.png) 50% 117px no-repeat; 
	}
#home .screen .content 
	{ 
	margin-top: 14%; margin-left: 20%; 
	color: #363636;
	}
#home .screen .content p 
	{ 
	color: #c5b8ad; 
	}
#home .screen h1 
	{ 
	font-size: 92px; line-height: 72px;
	}

/* -- Projects -- */

#projects 
	{ 
	background: #dbdfde url(../image/projects_bg.jpg) 50% 0 no-repeat fixed; 
	color: #666; 
	}
#projects .screen .content 
	{ 
	width: 100%; 
	height: 2000px; 
	margin-left: 0; 
	margin-top: 0; 
	padding-top: 0; 
	background: none; 
	}
#projects .screen #project-content 
	{ 
	background: url(image/ajax-loader.gif) no-repeat 42% 50%; 
	}
#projects .screen .csc-header 
	{
		margin: auto; 
		width: 900px;
		}
#projects .screen h1 
	{
	width: 275px; 
	height: 45px;
	}
	
/* -- Design -- */

#design 
	{ 
	background: #040404 url(../image/design_bg.jpg) 50% 0 no-repeat fixed; 
	color: #666; 
	}
#design .sprite 
	{ 
	background: url(../image/design_sprite_frei.png) 50% 235px no-repeat; 
	}
#design .screen 
	{ 
	background: url(../image/design_frei.png) 50% 28px no-repeat; 
	}
#design .screen .content 
	{ 
	margin-top: 14%; 
	margin-left: 68%; 
	color: #aca5a0; 
	}
#design .screen .content h1 
	{ 
	background-position: -300px 0; 
	}
#design .screen .content p 
	{ 
	color: #bdb5ad; 
	}
	
/* -- Technik -- */

#technik 
	{ 
	background: #fff url(../image/technik_bg.jpg) 50% 0 no-repeat fixed; 
	color: #333; 
	}
#technik .sprite 
	{ 
	background: url(../image/technik_sprite_frei.png) 50% 172px no-repeat fixed; 
	}
#technik .screen 
	{ 
	background: url(../image/technik_frei.png) 50% 50% no-repeat; 
	}
#technik .screen .content 
	{ 
	margin-top: 6%; 
	margin-left: 20%; 
	color: #333; background: url(image/technik_content.png) 100% 0px no-repeat; 
	width: 330px; padding-top: 100px; 
	}
#technik .screen .content h1 
	{ 
	background-position: -600px 0; 
	width: 275px; 
	}
#technik .screen .content p 
	{ 
	color: #727c83; 
	width: 235px;  
	}
	
/* -- Lab -- */

#lab 
	{ 
	background: #a8a2a0 url(..//image/lab_bg.jpg) 50% 0 no-repeat fixed; 
	color: #666; 
	}
#lab .sprite 
	{ 
	background: url(../image/lab_sprite_frei.png) 50% 211px no-repeat fixed; 
	}
#lab .screen 
	{ 
	background: url(../image/lab_frei.png) 50% 15px no-repeat; 
	}
#lab .screen .content 
	{ 
	margin-top: 14%;
	margin-left: 68%; 
	color: #fff; 
	 }
#lab .screen .content h1 
	{ 
	background-position: -900px 0; 
	}

#lab .screen .content p 
	{ 
	color: #666 !important; 
	}

#lab .screen .content ol 
	{ 
	margin: 0 0 11px 20px; 
	list-style-type: lower-latin; 
	color: #666 
	}
	
/* -- About -- */

#about 
	{ 
	background: #020202 url(../image/about_bg.jpg) 50% 0 no-repeat fixed; 
	color: #666; 
	}
#about .sprite 
	{ 
	background: url(../image/about_sprite_frei.png) 50% 244px no-repeat fixed; 
	}
#about .screen 
	{ 
	background: url(../image/about_frei.png) 50% 175px no-repeat; 
	}
#about .screen .content 
	{ 
	margin-top: 14%; 
	margin-left: 20%; 
	color: #fff;
	}
#about .screen .content h1 
	{ 
	background-position: -1200px 0; 
	}
#about .screen .content p 
	{ 
	color: #fff; 
	}
	
/* -- Jobs -- */

#jobs 
	{ 
	background: #f1f1f1 url(../image/job_bg.jpg) 50% 0 no-repeat fixed; 
	color: #333; 
	height: 1200px;  
	}
#jobs .screen .content 
	{ margin-top: 14%; 
	margin-left: 20%; 
	color: #333;
	}
#jobs .screen .content h1 
	{ 
	background-position: -1500px 0; 
	}
#jobs .screen .content p 
	{ 
	color: #666;
	}
#jobs_container 
	{ 
	position: absolute; 
	top: 0; left: 50%; 
	margin: 300px 0 0 -85px; 
	width: 590px; 
	}

/* -- error 404 -- */
#error 
	{ 
	background: #fff url(image/error_bg.jpg) 50% 50% no-repeat fixed; 
	color: #333; 
	overflow: hidden;
	}
#error .screen 
	{ 
	height: auto;
	}
#error .screen .content 
	{ margin-top: 14%; 
	margin-left: 68%; 
	color: #333;
	}
#error .screen .content p 
	{
	color: #939393;
	}
	
/* -- Content-Slides [END] ----------------------------- */

/* -- Project Thumbs ----------------------------- */

#projects .screen { position: relative;}
#projects .content { position: absolute; top: 70px;}
#project-container { position: absolute; top: 423px; z-index:100; width: 100%; height: 467px;}
/* -- #thumbscreen */
.thumbscreen-slides { width: 900px; margin: auto; }
#thumbscreen .pagination { display: none; /*position: fixed; top: 0; left: 0; z-index: 1000;*/}
#thumbscreen .prev { position: absolute; top: 395px; left: 0px; z-index: 250; width: 110px; height: 60px; display: block; text-indent: -999em; background: url(image/bg_project-slider_nav.png) no-repeat 0 0; }
#thumbscreen .next { position: absolute; top: 395px; right: 0px; z-index: 250; width: 110px; height: 60px; display: block; text-indent: -999em; background: url(image/bg_project-slider_nav.png) no-repeat 0 -180px; }
#thumbscreen .prev:hover {background-position: 0 -60px;}
#thumbscreen .prev:active {background-position: 0 -120px;}
#thumbscreen .next:hover {background-position: 0 -240px;}
#thumbscreen .next:active {background-position: 0 -300px;}
/* -- .project-thumbnails */
.project-thumbnails-wrap { width: 900px; height: 1100px; margin: auto; }
.project-thumbnails { width: 900px; margin: auto; }
.project-div { clear: both; height: 466px; display: none;}
.project-thumbnails li { width: 179px; height: 166px; margin: 0 1px 1px 0; float: left; }
.project-thumbnails li a { width: 179px; height: 166px; display: block; position: relative; color: #000; text-decoration: none; }
.project-thumb-client { width: 179px; height: 83px; display: none; position: absolute; top: 68px; left: 0; font-size: 18px; font-family: "CantarellRegular", Arial ,sans-serif; font-weight: normal; text-align: center; }
.project-thumb-task { width: 179px; display: none; position: absolute; top: 94px; left: 0; font-size: 14px; font-family: Times, serif;  font-weight: normal; font-style: italic; text-align: center; }
.project-thumbnails a:hover { background: #fff;}
.project-thumbnails a:hover img { display: none;}
.project-thumbnails a:hover .project-thumb-client,
.project-thumbnails a:hover .project-thumb-task {display: block;}
/* -- Project Thumbs [END] ----------------------------- */

/* -- Project Detail ----------------------------- */

#content {height: 467px;}
#project-wrap { width: 100%; height: 467px; background: url(image/bg_project_wrap.gif) repeat-x 0 0; }
#project-content { position: relative; width: 899px; height: 467px; margin: 0 auto; }
#project-slider { width: 899px; height: 467px; overflow: hidden; }
.project-slide { width: 897px; height: 392px; padding: 25px 0 0 2px; }
#project-content a.project-slider-close { position: absolute; top: 8px; right: 6px; color: #9e9c9c; font-size: 14px; font-family: Times, serif; font-weight: normal; font-style: italic; background: url(image/bg_project-slider_close.png) no-repeat 100% 2px; padding-right: 15px; height: 14px; width: 60px; text-align: right;}
.project-slider-prev { position: absolute; top: 192px; left: -140px; width: 110px; height: 60px; display: block; text-indent: -999em; background: url(image/bg_project-slider_nav_text.png) no-repeat 0 0; }
.project-slider-next { position: absolute; top: 192px; right: -140px; width: 110px; height: 60px; display: block; text-indent: -999em; background: url(image/bg_project-slider_nav_text.png) no-repeat 0 -180px; }
.project-slider-prev:hover {background-position: 0 -60px;}
.project-slider-prev:active {background-position: 0 -120px;}
.project-slider-next:hover {background-position: 0 -240px;}
.project-slider-next:active {background-position: 0 -300px;}
.project-cycle { width: 701px; height: 417px; overflow: hidden; float: left; }
.project-cycle li { width: 701px; height: 417px; }
.bx-wrapper { box-shadow: 2px 2px 5px 0px #000000; -moz-box-shadow: 2px 2px 5px 0px #000000; -webkit-box-shadow: 2px 2px 5px #000000;}
.bx-pager { position: absolute; top: -16px; right: 0; width: 40px; z-index: 2000; text-align: right; color: #7f7f7f; font-family: Arial,sans-serif; font-size: 11px;}
.bx-pager .bx-pager-current { color: #fff;}
.bx-prev { position: absolute; left: -2px; top: 0px; display: block; width: 100px; height: 417px; background: url(image/bg_project-cycle_nav.gif) no-repeat 0 182px; z-index: 2000; text-indent: -999em;}
.bx-next { position: absolute; right: -2px; top: 0px; display: block; width: 100px; height: 417px; background: url(image/bg_project-cycle_nav.gif) no-repeat -100px 182px; z-index: 2000; text-indent: -999em;}
.bx-prev:hover { background-position: 0 -238px;}
.bx-next:hover { background-position: -100px -238px;}
.project-info { float: right; width: 178px; height: 417px; }
.project-info-text { /*height: 239px;*/ height: 246px; }
.project-info h2 { height: 50px; padding: 30px 0 15px 0; color: #fff; font-size: 18px; font-family: "CantarellRegular", Arial ,sans-serif; font-weight: normal; font-style: normal; line-height:22px;}
.project-info h3 { height: 30px; margin-bottom: 16px; background: url(image/bg_project-info_border.gif) no-repeat 0 100%; color: #fff; font-size: 14px; font-family: Times, serif; font-weight: normal; font-style: italic;}
.project-info-text p { font-size:11px !important;font-family: "CantarellRegular" !important; line-height:110% !important }
#projects .project-info p { width: 178px; font-family: Arial,sans-serif;color: #9e9c9c; font-size: 12px; line-height: 14px; padding-bottom: 12px; margin: 0;}
#projects .project-info .manufactured p { color: #9e9c9c; font-size: 14px; padding: 0; font-family: Times, serif; font-weight: normal; font-style: italic;}
.project-info .manufactured ul {margin-top: 3px;}
.project-info .manufactured ul li { float: left; width: 15px; height: 15px; margin-right: 5px; text-indent: -999em;position: relative;}

/* -- Project Detail [END] ----------------------------- */


 */
@media (max-width: 1300px) {
	#home .screen .content, 
	#technik .screen .content,
	#about .screen .content,
	#jobs .screen .content { margin-left: 10%;}
}
@media (max-width: 1100px) {
	#home .screen .content, 
	#technik .screen .content,
	#about .screen .content,
	#jobs .screen .content { margin-left: 5%;}
}