@font-face {
	font-family: 'AvenirMedium';
	src: url('font/AvenirNC_regular.eot');
	src: local('☺'), 
	url('font/AvenirNC_medium.eot?#iefix') format('embedded-opentype'),
	url('font/AvenirNC_medium.woff') format('woff'),
	url('font/AvenirNC_medium.ttf') format('truetype'),
	url('font/AvenirNC_medium.svg#AvenirRegular') format('svg');      
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AvenirBold';
	src: url('font/AvenirNC_bold.eot');     
	src: local('☺'),
	url('font/AvenirNC_bold.eot?#iefix') format('embedded-opentype'),
	url('font/AvenirNC_bold.woff') format('woff'),
	url('font/AvenirNC_bold.ttf') format('truetype'),
	url('font/AvenirNC_bold.svg#AvenirBold') format('svg');
	font-weight: normal;
	font-style: normal;

}
   /*
@font-face {
	font-family: 'AvenirRegular';
	src: url('font/AvenirNC_regular.eot');
	src: local('☺'), 
	url('font/AvenirNC_regular.eot?#iefix') format('embedded-opentype'),
	url('font/AvenirNC_regular.woff') format('woff'),
	url('font/AvenirNC_regular.ttf') format('truetype'),
	url('font/AvenirNC_regular.svg#AvenirRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}        

@font-face {
	font-family: 'AvenirDemi';
	src: url('font/AvenirNC_regular.eot');
	src: local('☺'), 
	url('font/AvenirNC_demi.eot?#iefix') format('embedded-opentype'),
	url('font/AvenirNC_demi.woff') format('woff'),
	url('font/AvenirNC_demi.ttf') format('truetype'),
	url('font/AvenirNC_demi.svg#AvenirRegular') format('svg');      
	font-weight: normal;
	font-style: normal;
}    
 */
.somechar {     
	position: absolute;            
	top: 33px;
	left: 30px;
	z-index: -1; 
	font-family: 'AvenirBold';
	font-size: 22px;   
	color: #666;    
	opacity: 0.25;
	line-height: 0;     
	text-shadow: none;
}    

.boxshadow {
	box-shadow: 0 0px 4px rgba(0,0,0,.08); 
}

img {
	z-index: -1;
	margin: 0;
	padding: 0;
	border: 0;
}

.lazy {
	/* box-shadow: 0px 1px 8px rgba(0,0,0,0.12); */
	z-index: -1;     
	margin: 0;
	padding: 0; 
	border: 0;
}  

.trnsprnt {
	box-shadow: none;
}  

a {
	font-family: 'AvenirBold';
}    

b {  
	font-family: 'AvenirBold', sans-serif;  
	font-weight: normal;  
	background-color: transparent;
}

body, html, * { 
	margin: 0;
	padding: 0;
	border: 0;

	font: inherit;
	vertical-align: baseline;
	/* height: 100%; */
   
	/* overflow-x: hidden; 
	overflow-y: auto;    */  
	
	text-shadow:	0 0 8px rgba(0,2,255,.05), 
				 	0 0 1px rgba(255,255,255,1), 
					0 0 2px rgba(255,255,255,1),
					0 0 3px rgba(255,255,255,1),
					0 1px 1px #FFF;   
	cursor: default;    
}

#void {        
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	border: 0; 
	background-color: transparent; 
}

#content a {    
	display: block;
	text-decoration: none;    
	text-shadow: none;
	color: #1166ff;      
    text-transform: uppercase;
}

#content a:hover {  
	color: #ee3311; 
	 text-transform: uppercase;
}          

#void_navigation {   
	overflow: hidden;  
	z-index: 300;
	position: fixed;   
	padding: 17px 34px 15px 43px;
	margin: 10px;        
	/* background: url('assets/pattern.png') #FFFFFF; */  
	background-color: white;
	background-repeat: repeat;    
	min-width: 110px;
	height: auto; 
	box-shadow: 0 0px 4px rgba(0,0,0,.1);        
	opacity: 0.96;
}      

#subnavigation { 
	display: inline;        
	text-transform: uppercase; 
	width: auto;
}     

.subnavBlock {           
	display: inline-block;
	background-color: transparent;
}

#display {           
	z-index: 100;
	position: absolute;
	left: 0px;
	bottom: 0px;
 	background-color: #66bbff;
	height: 1px;
	width: 1px;   
}

#navigation {         
	background-color: transparent;
	display: inline;
	text-transform: uppercase; 
	width: auto;     
	font-size: 15px; 
	padding: 10px 3px 10px 2px;  
	background-color: transparent;    
	text-decoration: none; 
	text-shadow: none;
	font-weight: normal;
}

#navigation a:hover{            
	font-family: 'AvenirBold', sans-serif;
	color: #000;          
	text-shadow: 0px 1px 2px white;     
	margin-right: 12px; 
}

#navigation a {            
	font-family: 'AvenirBold', sans-serif;
	color: #ccc;     
	text-decoration: none;    
	margin-right: 12px; 
}    

#navigation .navItemSelected {     
	color: #333;                  
	font-family: 'AvenirBold', sans-serif;
	text-decoration: none; 
	margin-right: 12px; 
}

.spaceV110 {
	height: 110px;
	width: 500px;
	background-color: transparent;
}

#content {             
	background-color: #FFF;
	/* force firefox to do what it should, namely show items in a row */
	margin-right:-32767px;  
}           

.contentItemContainer {     
	z-index: 0;
	position: relative;
	background-color: transparent;  
	padding: 119px 0px 80px 55px;   
	/* background: -webkit-radial-gradient(2% 100%, 800px 800px, rgba(33,55,244,.1), rgba(255,255,255,0.0)); */
	/*
    background: -moz-radial-gradient(40% 10%, 100px 300px, #F00, #007);
    background: -o-radial-gradient(40% 10%, 100px 300px, #F00, #007);
	*/   
}

/* container for offsetting all but image elements: */
.contentContainerItem {
	position: relative;  
	display: inline-block; 
	vertical-align: top;
	margin-right: 30px;     
	box-shadow: 0 0px 4px rgba(0,0,0, .30);
	line-height: 0px;   
}            

.contentItemOverlay {
	position: absolute;
	left: 0;
	top: 0;     
	z-index: 100;        
	height: 100%;
	width: 100%;
	clear: both;
	background-color: #000;
	opacity: 0.0;         
 	pointer-events:none; 
}

.contentItem {   
	position: relative;   
	display: inline-block;
	margin: 0;
	padding: 0;    
}            

.contentImgContainer {
	clear: both;
 	display: inline;
    float: left; 
	margin: 0;
	padding: 0; 
	margin-top: 19px;
}

/* offset image: */
.contentImg {                       
	position: relative;
	z-index: 1000; 
	margin: 0;
	padding: 0; 
	border: 0; 
	margin-right: 30px; 

  	display: inline-block;
    float: left;  
	line-height: 0px; /* !!! */
}

.contentImgShadow {
	position: absolute;  
	border: 0;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;  
	width: 100%;
	height: 100%;
	z-index: 10;
 	box-shadow: 0 1px 4px rgba(0,0,0,.20); 
 
	line-height: 0px; /* !!! */
}                   

.contentHeadlineCaps {  
	height: auto; 
	width: auto;                          
	float: left;
	text-transform: uppercase;     
	font-family: 'AvenirBold', sans-serif;
   
	margin-right: 30px;
	font-size: 19px; 
   
	line-height: 17px;  
	letter-spacing: -0.5px; 
	vertical-align: bottom;    
	margin-left: -1px;
}     

.contentHeadline {                          
	height: auto; 	
	width: auto;   
	float: left;
	font-family: 'AvenirBold', sans-serif; 
	margin-right: 30px;
	font-size: 19px; 
	line-height: 17px;
}        

.pre {
	white-space: pre;   
}      


/* wrap for: infoContainer, all buttons */
.contentInfoContainer {
	position: absolute; 
	left: 1300px;        
	bottom: 16px;
 	width: 380px;
}       
 
.infoContainerText {
	height: 100%;      
	margin-right: 13px;              
}

.infoContainerWrap {  
	position: absolute; 
	height: 100%;
	width: 100%;        
 	box-shadow: 0px 1px 4px rgba(0,0,0,0.20);
	opacity: 0.96;
	z-index: 1020; 
  
	bottom: 0px;
}

.infoContainerBg_bright { 
	position: absolute;    
	height: 100%;
	width: 100%;               
	background-color: white;
 	/* background: #FFF url('assets/pattern.png'); */
}                      
 
.infoContainerBg_dark {
	position: absolute;    
	height: 100%;
	width: 100%;      
    background-color: #111;
 	/* background: #030303 url('assets/pattern_invertiert.png'); */
}

/* actual information text */
.infoText_bright {  
	position: relative;   
    padding: 40px 50px 0px 42px;  
   
	/*font-family: 'AvenirBold', sans-serif;  */
	font-family: 'AvenirMedium', serif;

	text-shadow: none;     
	font-size: 14px;
	color: #fff; 
	width: 290px;
	line-height: 23px;      
	overflow-y: auto;
} 

.infoText_dark {  
	position: relative;      
	padding: 40px 50px 0px 42px;         
	
	/*font-family: 'AvenirBold', sans-serif;  */
	font-family: 'AvenirMedium', serif;

	font-size: 14px;
	color: #000; 
	width: 290px;
	line-height: 23px;           
	overflow-y: auto;
}  

/* meaning, the container that is spefically for text */    
/*
.contentInfoContainerText {   
	position: relative;  
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.24), 0 8px 96px rgba(0,0,0,.12) inset; 
}    
*/
.contentContainerItemText
{
	position: relative;  
	display: inline-block; 
	vertical-align: top;
	margin-right: 30px;     
    box-shadow: 0 1px 4px rgba(0,0,0, .22), 56px -128px 96px rgba(0,0,0, .03) inset;
	line-height: 0px;   
	
	
	background-color: #fff;     
	/*#eaeff2;*/  
    /*
	background-color: #fff;
	background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position: -1px -1px, -1px -1px, 0 0, 0 0;
	background-image: -webkit-linear-gradient(#f8f8f8 2px, transparent 2px),
	                  -webkit-linear-gradient(0, #f8f8f8 2px, transparent 2px),
	                  -webkit-linear-gradient(rgba(0,0,0,.025) 1px, transparent 1px),
	                  -webkit-linear-gradient(0, rgba(0,0,0,.025) 1px, transparent 1px);
	background-image: -moz-linear-gradient(#f8f8f8 2px, transparent 2px),
	                  -moz-linear-gradient(0, #f8f8f8 2px, transparent 2px),
	                  -moz-linear-gradient(rgba(0,0,0,.025) 1px, transparent 1px),
	                  -moz-linear-gradient(0, rgba(0,0,0,.025) 1px, transparent 1px);
	background-image: -ms-linear-gradient(#f8f8f8 2px, transparent 2px),
	                  -ms-linear-gradient(0, #f8f8f8 2px, transparent 2px),
	                  -ms-linear-gradient(rgba(0,0,0,.025) 1px, transparent 1px),
	                  -ms-linear-gradient(0, rgba(0,0,0,.025) 1px, transparent 1px);
	background-image: -o-linear-gradient(#f8f8f8 2px, transparent 2px),
	                  -o-linear-gradient(0, #f8f8f8 2px, transparent 2px),
	                  -o-linear-gradient(rgba(0,0,0,.025) 1px, transparent 1px),
	                  -o-linear-gradient(0, rgba(0,0,0,.025) 1px, transparent 1px);
	background-image: linear-gradient(#f8f8f8 2px, transparent 2px),
	                  linear-gradient(0, #f8f8f8 2px, transparent 2px),
	                  linear-gradient(rgba(0,0,0,.025) 1px, transparent 1px),
	                  linear-gradient(0, rgba(0,0,0,.025) 1px, transparent 1px);  */
}

.contentContainerItemText:before, .contentContainerItemText:after
{                 
	/*
	position: absolute;
	height: 98%;
	width: 96%;
	content: ' ';
	left: 11px;
	bottom: 3px;
    
	-webkit-transform:rotate(-1deg);
	-moz-transform:rotate(-1deg);
	-ms-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	transform:rotate(-1deg);
                   
	-webkit-box-shadow: 0 0px 12px rgba(255, 0, 0, 0.08);
	-moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.08);
	box-shadow: 0 0px 12px rgba(0, 0, 0, 0.08);
	border-radius: 100% / 3px;  
    
	z-index: -1;   
	*/ 
}


.infoTextText {         
	font-family: 'AvenirMedium', serif;  
	font-size: 14px;              
	text-shadow: none;
	color: #222; 
	width: 360px;
	line-height: 23px;   
 	padding: 42px 50px 30px 42px;
}

/* buttons in different states: */  
.buttonContainer {
    z-index: 1022;    
	position: absolute;
	margin: 0;
	padding: 0;
 	bottom: 0;
	display: inline;
	float: left;
 
	padding: 0px 0px 19px 20px;    
	width: 200px;
	/* background: url('assets/pattern.png') #FFFFFF; */
	background-color: transparent;
}   

.awards {     
	position: relative; 
	padding: 30px 50px 0px 42px; 
}                

.award {
 	display: inline; 
	margin: 0;
	padding: 0; 
	margin-right: 22px; 
}      

.left {           
	margin: 0px;
	padding: 0px;
 	float: left;      
	margin-right: 6px;
	background-color: transparent;       
}   
                                   
.right  {                          
	margin: 0;
	padding: 0;
 	float: left;
	background-color: transparent;     
}   


.info, img .info  { 
	clear: both;   
	margin: 0;
	padding: 0;           
 	float: left;
	margin-right: 30px;
	background-color: transparent;       
}
      
/* end buttons in different states */