@charset "UTF-8";
/*

*/

	 .clearfix:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden
	}



  fieldset, img { border: 0 solid; }


	* {
			margin:0;
			padding:0;
			outline: none; 	/* prevent safari borders */
			}

		html, body {
			margin:0;
		   padding:0;
	height:100%;
			}

	body { 

	
background: #25323c url('../_media/sys_pics/verlauf1.gif') repeat-y center;

	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	
	font-size:12px;
	line-height:16px;
	color:#f7f7f7;
	font-weight:lighter;


	
	
/* */	filter:alpha(opacity=99); 
			-moz-opacity:0.99;
			-khtml-opacity: 0.99;
			opacity: 0.99;

	/*
		letter-spacing:1px;
		word-spacing:1px;
	font-size: 100.01%;
	font-size: 0.75em;
	
	*/


	}



 input, textarea {
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
}



#printheader, #printlogo {
	display: none;	
}

a {
text-decoration:underline;
color:#f5f5f5;
}

a:hover {
text-decoration:none;
color:#f5f5f5;
background: transparent url('../_media/sys_pics/opak20.png') repeat;
}




	#wraper{ 
	min-height:100%;
	position:relative;
}




	#header{ 
		position:absolute;
	background: transparent url('../_media/sys_pics/headerLines2.gif') no-repeat top center;
	width:100%;
	height:41px;
	margin-top:85px;
	}

/*
	#header .txt{ 
	width: 915px;
	margin: 0px auto 0px auto; 
	padding:0;
	}
*/

	#page{ 
	position:relative;
				width: 915px;
		margin: 0px auto 0px auto; /*top, right, bottom, left*/
		text-align:left;
		overflow:visible;
		padding-bottom:24px;
		padding-bottom:50px;

	}

	#footer{ 
			position:absolute;
			bottom:0;
				background: transparent url('../_media/sys_pics/footer2.png') repeat-y top center;
			width:100%;
		height:24px;
	}

	#footer .fcontent{ 
	width: 900px;
	margin: 0px auto 0px auto; /*top, right, bottom, left*/
	padding:0;
	padding-top:3px;
	color:white;
	}


	#footer .adrLine{
	padding-top:1px;
	}
	
	#footer .socialBmarks{
	float:right;
	}
	

	#footer  a{ 
	text-decoration:none;
	background:none;
	}

		
		
	#mainnav { 
position:relative;
	padding:0;
	margin-left:8px;
	height:70px;

	}
	
	#mainnav #logo a{
	position:absolute;
	top:18px;
	left:750px;
	width:118px;
	height:50px;
	background: transparent url('../_media/sys_pics/mainnav-logo2.png') no-repeat;
	}	
	
	#mainnav #langbtn a{
	position:absolute;
	top:86px;
	right:0px;
	height:19px;
	line-height:19px;
	padding:0px 5px;
	text-decoration:none;
	}
	#mainnav #langbtn a:hover{
		 background: transparent url('../_media/sys_pics/greenBg.gif')  repeat top left;
	}
	
	
	
	#socialBmarksHeader2{
	position:absolute;
	top:20px;
	right:0px;
	width:90px;
	height:20px;
	width:20px;
	overflow:visible;
	}
	
	#socialBmarksHeader2 .content{
	background:red;
	position:relative;
	overflow:hidden;
	right:-100px;
	}
	
	
	
	
	#mainnav #socialBmarksHeader{
	position:absolute;
	top:49px;
	right:-86px;
	width:20px;
	height:90px;
	}
	
	#socialBmarksHeader a {
	display:block;
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	text-decoration:none;
	float:left;
	margin-bottom:3px;
	}
	

	
	#socialBmarksHeader #rssTmb {
	background: transparent url('../_media/sys_pics/socialbmakrsSprite.png') no-repeat top left;
	}
	#socialBmarksHeader #rssTmb:hover {
	background-position: 0px -20px;
	}
	#socialBmarksHeader #youtubeTmb {
	background: transparent url('../_media/sys_pics/socialbmakrsSprite.png') no-repeat -20px 0px;
	}
	#socialBmarksHeader #youtubeTmb:hover {
	background-position: -20px -20px;
	}
	#socialBmarksHeader #twitterTmb {
	background: transparent url('../_media/sys_pics/socialbmakrsSprite.png') no-repeat -40px 0px;
	}
	#socialBmarksHeader #twitterTmb:hover {
	background-position: -40px -20px;
	}
	#socialBmarksHeader #facebookTmb {
	background: transparent url('../_media/sys_pics/socialbmakrsSprite.png') no-repeat -60px 0px;
	margin-right:0px;
	}
	#socialBmarksHeader #facebookTmb:hover {
	background-position: -60px -20px;
	}


	/* searchbox */
	#mainnav #searchbox{ 
		position:absolute;
		top:85px;
		left:733px;
		width:103px;
		height:20px;
			background: transparent url('../_media/sys_pics/searchfield2.gif') no-repeat top center;
			
	}
	
	#mainnav #searchbox input{ 
margin:0;
margin-top:1px;
padding:0;
border:0;

padding-left:5px;
width:70px;
	height:19px;
	line-height:19px;
border:none;
background-color: transparent;

color:#ffffff;

font-size:12px;

	}

	#mainnav #searchbox #go {
			position:absolute;
			top:0px;
			left:79px;
			
padding:0;
margin:0
margin-top:1px;
width:23px;
height:19px;
	}
	

	
	
#mainnav ul{
		 border:none;
		 list-style:none;
		 margin:0; 
		padding:0;
		}

#mainnav li 	{
	position:relative;
	float:left;
	height:65px;	

}	




#mainnav li a	{
	display:block;
	height:65px;	
	color:#f5f5f5;
	text-decoration:none;
	}


/* mainnav bg */
	#mainnav ul li {
	background: transparent url('../_media/sys_pics/mainnavBg.png') no-repeat;	
	}
	#mainnav ul li.selected, #mainnav ul li:hover {
	background: none;	
	}
	
	#mainnav ul.de a {
	background: transparent url('../_media/sys_pics/mainnav-de.png') no-repeat;	
	}
	#mainnav ul.en a {
	background: transparent url('../_media/sys_pics/mainnav-en.png') no-repeat;	
	}




	#mainnav ul li.news{
		background-position: 0px 0px;	
		}
	#mainnav ul.de li.news a{
		width:67px;
		background-position: 0px 0px;
		}
	#mainnav ul.en li.news a{
		width:67px;
		background-position: 0px 0px;
		}
	#mainnav ul.de li.news a.selected{
		width:67px;
		background-position: 0px -65px;
		}
	#mainnav ul.en li.news a.selected{
			width:67px;
			background-position: 0px -65px;
			}
			
			
			
	#mainnav ul li.projects{
		background-position: -200px 0px;	
		}
	#mainnav ul.de li.projects a{
		width:92px;
		background-position: -200px 0px;
		}
	#mainnav ul.en li.projects a{
		width:97px;
		background-position: -200px 0px;
		}
	#mainnav ul.de li.projects a.selected{
		width:92px;
		background-position: -200px -65px;
		}
	#mainnav ul.en li.projects a.selected{
			width:97px;
			background-position: -200px -65px;
			}
			

		
	#mainnav ul li.services{
		background-position: -400px 0px;	
		}
	#mainnav ul.de li.services a{
		width:100px;
		background-position: -400px 0px;
		}
	#mainnav ul.en li.services a{
		width:95px;
		background-position: -400px 0px;
		}
	#mainnav ul.de li.services a.selected{
		width:100px;
		background-position: -400px -65px;
		}
	#mainnav ul.en li.services a.selected{
			width:95px;
			background-position: -400px -65px;
			}
			
			
			
	#mainnav ul li.clients{
		background-position: -600px 0px;	
		}
	#mainnav ul.de li.clients a{
		width:85px;
		background-position: -600px 0px;
		}
	#mainnav ul.en li.clients a{
		width:82px;
		background-position: -600px 0px;
		}
	#mainnav ul.de li.clients a.selected{
		width:85px;
		background-position: -600px -65px;
		}
	#mainnav ul.en li.clients a.selected{
			width:82px;
			background-position: -600px -65px;
			}
			
			
			
	#mainnav ul li.team{
		background-position: -800px 0px;	
		}
	#mainnav ul.de li.team a{
		width:66px;
		background-position: -800px 0px;
		}
	#mainnav ul.en li.team a{
		width:66px;
		background-position: -800px 0px;
		}
	#mainnav ul.de li.team a.selected{
		width:66px;
		background-position: -800px -65px;
		}
	#mainnav ul.en li.team a.selected{
			width:66px;
			background-position: -800px -65px;
			}
	#mainnav ul li.contact{
		background-position: -1000px 0px;	
		}
	#mainnav ul.de li.contact a{
		width:94px;
		background-position: -1000px 0px;
		}
	#mainnav ul.en li.contact a{
		width:91px;
		background-position: -1000px 0px;
		}
	#mainnav ul.de li.contact a.selected{
		width:94px;
		background-position: -1000px -65px;
		}
	#mainnav ul.en li.contact a.selected{
			width:91px;
			background-position: -1000px -65px;
			}


	
/*** subnav ***/

				#subnav { 
					width:730px;
				padding:0;
				margin-top:16px;
				margin-left:0px;
				height:40px;
				}


				#subnav ul{
						 border:none;
						 list-style:none;
						 margin:0; 
						padding:0;
						}

				#subnav li 	{
				
					position:relative;
					float:left;
					height:19px;	
					width:auto;
					line-height:auto;
					
				}	

			/*
				#subnav li a:after 	{
				content:" |";	
					}
			
/*	*/
				#subnav li a	{
					display:block;
					color:#f5f5f5;
					text-decoration:none;
					padding:0;
					
					height:19px;
					line-height:19px;

					padding-right:8px;
					padding-left:8px;

					background: transparent url('../_media/sys_pics/hozseperator.gif') no-repeat right 5px;
			
					}
				
					


					#subnav li a:hover	{
					 background: transparent url('../_media/sys_pics/greenBg.gif')  repeat top left;
						}

					#subnav li a.selected	{
					background: transparent url('../_media/sys_pics/greenBg.gif')  repeat top left;
					}
						#subnav li:last-child a:hover, 		#subnav li:last-child a.selected {
					background: transparent url('../_media/sys_pics/greenBg.gif')  repeat top left;
					}
					
					
					#subnav li:last-child a	{
					background-image: none;
					}
					
				
					
			
/**************************** main containers */


#maincontent {
position:relative;
margin-top:30px;
margin-bottom:10px;	
}


#rightcol ul, #rightcol ol, #rightcol dl { margin:10px; padding:5px; }
#rightcol li { line-height:18px;  }


#searchcol {
position:relative;
margin-left:10px;
width:830px;	
background: transparent url('../_media/sys_pics/opak7.png') repeat;

}
#searchcol .txt{
padding:10px;
padding-right:100px;
clear:both;
}


#leftcol {
position:relative;
margin-left:0px;
width:230px;	
float:left;
}
#leftcol .txt{
padding:0;
}

#rightcol{
position:relative;
/* margin-left:210px;*/
width:615px;
background: transparent url('../_media/sys_pics/opak7.png') repeat;
overflow:hidden;
}
#rightcol .txt{
padding:10px;
}

#maincontent:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}


/**************************** articles: e.g. team */

.article{
margin:0px;
text-align:left;
position:relative;
margin-bottom:24px;	
}
.article .pic{
width:230px;
float:left;
}
.article .txt{
min-height:140px;
margin-left:240px;
width:605px;
background: transparent url('../_media/sys_pics/opak2.png') repeat;	
overflow:visible;
}
/*
.article .more{
position:absolute;
bottom:0px;
}
*/
.article .more, .article .back{
margin-top:18px;
}
.article .more a, .article .back a{
padding:1px;
background:none;
}


.article:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}




/**************************** filter */

.opak50{
	
	filter:alpha(opacity=60);
			-moz-opacity:0.6;
			-khtml-opacity: 0.6;
			opacity: 0.6;
	
}




/**************************** project */
	
	
/*** project detail
background: transparent url('../_media/sys_pics/opak7.png') repeat;
 ***/	
	
	
#leftcol.project{
position:relative;
margin-left:8px;
margin-right:20px;
width:650px;	
float:left;
}
#leftcol.project .txt{
padding:0;
}


/* 
position absolue would be also possible, then we must set mailtofriend margin-top
*/
#rightcol.project {
position:relative;
/* margin-left:680px;	*/
width:235px;
background:none;
}


#mailtofriend{
position:relative;
/* margin-left:680px;	*/
margin-top:1px;	
width:235px;

background: transparent url('../_media/sys_pics/opak20.png') repeat;
overflow:hidden;
padding:0;

text-align:right;
}


#mailtofriend input{
	margin:0;
	padding:0;
	border:0;

	height:18px;

	width:190px;
	
	border:1px solid #84949f;
	background-color: transparent;
	color:#ffffff;

margin-bottom:1px;
}

#mailtofriendForm input.sbmt{
border:1px solid #84949f;
background: transparent url('../_media/sys_pics/opak7.png') repeat;
width:120px;
}


#mailtofriend textarea{
	margin:0;
	padding:0;


	width:99%;
	height:100px;
	border:1px solid #84949f;
	background-color: transparent;
	color:#ffffff;
margin-bottom:1px;

}





#rightcol.project .box{
padding:8px;
background: transparent url('../_media/sys_pics/opak20.png') repeat;
margin-bottom:8px;
}
#rightcol.project .box a{
text-decoration:none;	
}

#dnldButton, #mailtofriendButton{
padding:8px;
margin-bottom:8px;
background: transparent url('../_media/sys_pics/opak20.png') repeat;
width:235px;
}
#dnldButton a, #mailtofriendButton a{
text-decoration:none;
padding:8px;
}
#dnldButton a img, #mailtofriendButton a img{
border:none;
}


#mailtofriend,#mailtofriendCloseBtn{
	display:none;
}
	
	#mailtofriendCloseBtn{
		padding:0;
		margin:0;
background:none;
	}


	
	#videoprintimg{
display:none;
	}
	
#video{
margin-left:-8px;
position:relative;
padding:8px;
background: transparent url('../_media/sys_pics/opak20.png') repeat;
margin-bottom:24px;	
}
	
#vplayer, .vplayer{
margin:0;
padding:0;
}
	
	
	
	
	
	
	
	
	/* thumbs projects (ul li)*/
	#thumbs {
position:relative;
margin-left:-25px;
margin-top:-10px;
overflow:visible;
width:940px;
	}
	
	
/* thumbs for team, news */
.thumbs {
	position:relative;
	width:210px;
	height:140px;
	background: transparent url('../_media/sys_pics/thumb_bg1.png') no-repeat top left;
	}
	
		
	
	
	#thumbs img, .thumbs img {
	border:0;	
	}

	#thumbs .tmb, 	.thumbs .tmb {
	position:absolute;
	top:8px;
	left:9px;	

	}

	#thumbs .underlay, 	.thumbs .underlay {
	position:absolute;
top:0;
left:0;
width:210px;
height:140px;

	background: transparent url('../_media/sys_pics/thumb_bg1.png') no-repeat top left;
	display:none;
	}



	#thumbs .overlay,  	.thumbs .overlay{
	position:absolute;
	top:8px;
	left:9px;
	width:192px;
	height:108px;	
	z-index:2;	
	

		background: transparent url('../_media/sys_pics/tmb-overlay2.png') no-repeat top left;
	display:none;
	}


	#thumbs .label, .thumbs .label {
		position:absolute;
		top:120px;
		left:9px;
		font-size:11px;
	}


	#thumbs ul{
		 border:none;
		 float:left;
		 list-style:none;
		 margin:0; 
		padding:0;
	
		}

	#thumbs li 	{
	position:relative;
	float:left;
	width:210px;
	height:140px;	

		margin-left:25px;
		margin-top:10px;
		margin-bottom:15px;

	}	


	#thumbs   a, .thumbs a{
	display:block;
	width:210px;
	height:140px;	
	color:#f5f5f5;
	text-decoration:none;
	background: transparent url('../_media/sys_pics/thumb_bg1.png') no-repeat top left;
	}

	.lihover:hover	{
		background: transparent url('../_media/sys_pics/thumb_bg2.png') no-repeat top left;
	}
	
	
	
	
.error, .alert{
padding:8px;
text-align:left;
color:#ff670c;
}
	
#mailtofriendAlert{
	display:none;
}

		
	
/*** general html ***/

.credits {
font-style:italic;
font-size:11px;
}



h1,h2,h3 {
font-weight:normal;
margin:0;padding:0;
}

h1 {
		 font-size: 19px;
		line-height:22px;	
}

h2 {
		 font-size: 16px;
			line-height:20px;
	
}

h3 {
		  font-size: 14px;
		line-height:18px;
	
}

/**
simplex panel
*/			
					
										#simplex_cms {
										position:absolute;
										background: transparent url('../_cms/sys_pics/simplex-btn.png') no-repeat;
										color:#fff;
											top:-3px;
											right:0px;
											margin:0px;
											padding:0px;
								
										width:65px;
										height:28px;
										line-height:18px;
										text-decoration:none;
								 display: block;
									overflow:hidden;
										}

											#simplex_cms a{
											color:#000;
											width:150px;
											height:28px;
											text-decoration:none;
									 display: block;
										overflow:hidden;
										padding-left:65px;
										padding-top:3px;
											}

											
											#simplex_cms:hover{
													top:0px;
													right:0px;
													width:150px;
														text-decoration:none;
											}
											
											
											
											
a.inlineEditLink1 {
background: transparent url('../_cms/sys_pics/simplex-edit1.gif') no-repeat left top !important;
position:absolute!important;
right:0px;
text-decoration:none;
width:50px!important;
height:16px!important;
z-index:999;
}

a.inlineEditLink2 {
background: transparent url('../_cms/sys_pics/simplex-edit2.gif') no-repeat left top !important;
position:absolute!important;
right:0px;
text-decoration:none;
width:50px!important;
height:16px!important;
z-index:999;
}