@charset "UTF-8";
/* CSS Document */

/*############################################
Designed and developed by Max Maier, 2012.
http://www.carmafluxus.com/

Document Structure:
I.		Global Definitions
II.		Body & Basic Structure
III. 	Header & Navigation
IV.		Start
V.		About
VI.		Work
VII.	Blog
IIX.	Contact & Footer
IX.		Quicknav
X. 		Twitter Feed
XI.		Background Objects
XII. 	Misc	 		
############################################*/	


/*##############################################
	I. Global Definitions 	
##############################################*/	

h1{
	display:none;
	}
h2{
	display:none;
	}	
h3{
	margin-bottom:35px;
	font-size:0px;
	text-decoration:underline;
	background-repeat:no-repeat;
	
	}
h3#start{
	height:44px;
	width:309px;
	}
h3#about1{
	height:44px;
	background-image:url(../mat/h3about1.png);
	width:172px;
	margin-bottom:20px;
	}
h3#about2{
	height:80px;
	width:355px;
	margin-bottom:-10px;
	background-image:url(../mat/h3about2.png);	
	}	
h3.blog{
	height:100px;
	width:300px;
	margin-bottom:0px;
	background-image:url(../mat/tno.png);
	}
h3.work{
	height:80px;
	width:355px;
	margin-bottom:0px;
	background-image:url(../mat/work.png);
	}	
h3.contact{
	height:80px;
	width:355px;
	margin-bottom:0px;
	}		
h4{
	font-family: 'Port Lligat Slab', serif;
	font-size:18px;
	}
h5{
	margin-bottom:10px;
	font-family: 'Port Lligat Slab', serif;
	font-size:18px;
	}		
.red{
	color:#c00;
	}
.hidden{
	display:none;
	}	
	
	
/*############################################
	   		II. Body & Basic Structure
############################################*/	
	
body{
	height:100%;
	width:100%;
	background-color:#CFF;
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9CF), to(#CFF)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #9CF, #CFF); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #9CF, #CFF); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #9CF, #CFF); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #9CF, #CFF);
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:17px;
	overflow-x:hidden;
	}	
#skyline{
	position:fixed;
	z-index:-100;
	pointer-events:none;
	height:1607px;
	width:100%;
	top:3800px;
	margin-top:-1607px;
	background:url(../mat/skyline_gauss.png) repeat-x bottom center;
	}	
#vignette{    /*  Vignette by max maier www.carmafluxus.com  */
	position:fixed;
	top: 0px;
	height:100%;
	width:100%;
	z-index:1000;
	pointer-events:none;
	opacity:0.5;
	-moz-box-shadow: inset 0 0 100px 40px #000;
	-webkit-box-shadow: inset 0 0 100px 40px #000;
	box-shadow: inset 0 0 100px 40px #000;
	}
#startup_overlay{
	position:fixed;
	height:100%;
	width:100%;
	top: 0px;
	left:0px;
	padding-top:30%;
	background-color:#039;
	color:#003;
	font-family: 'Port Lligat Slab', serif;
	font-size:20px;
	line-height:24px;
	text-align:center;
	opacity:0.95;
	z-index:999;
	text-shadow:#555 1px 1px 1px;
	}
#ie_overlay{
	position:fixed;
	height:100%;
	width:100%;
	top: 0px;
	left:0px;
	padding-top:30%;
	background-color:#039;
	color:#003;
	font-family: 'Port Lligat Slab', serif;
	font-size:20px;		
	line-height:24px;
	text-align:center;
	opacity:0.95;
	z-index:999;
	text-shadow:#555 1px 1px 1px;
	}
#ie_overlay a{
	color:white;
	z-index:100000;
}
#main_wrapper{
	width:700px;
	height:100%;
	margin-top:15px;
	margin-right:auto;
	margin-left:auto;					
	}
#content{
	padding-left:100px;
	padding-right:100px;
	background-image:url(../mat/repeat.png);
	}
.stufe{
	height:100%;
	margin-bottom:5px;
	padding:20px;
	background-color:#ecded1;
	}
.stufe:last-child{
	margin-bottom:0px;
	}		
.cat_title{		
	margin-top:-40px;
	margin-left:-40px;
	}	
.cat_title h4{
	font-size:0px;
	}	

/*############################################
	   		III. Header & Navigation
############################################*/	

#kopfzeile{
	height:285px;
	background-image:url(../mat/arc_gauss2.png);	
	}
#headline_box{
	}
.headline_box_a{		
	height:150px;
	width:240px;
	margin-left:50px;
	opacity:0.2;
	display:block;
	}											
#main_navi{
	margin-left:60px;
	margin-top:67px;
	}
#main_navi li{
	display:inline;
	cursor:pointer;
	}
#main_navi li a{
	height:40px;
	color:#CC6600;
	font-family: 'Port Lligat Slab', serif;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	font-size:24px;
	text-shadow: -1px -1px #666;
	}
#naviID_1{
	margin-right:23px;
	width:95px;
	}
#naviID_2{
	margin-right:32px;
	width:95px;
	}
#naviID_3{
	margin-right:39px;
	width:95px;
	}
#naviID_4{
	margin-right:12px;
	width:95px;
	z-index:100;
	position:relative;
	}
#naviID_5{
	position:relative;
	width:110px;
	z-index:100;
	}	
#logoboard{
	position:fixed;
	top:29px;
	left:50%;
	margin-left:-300px;
	height:156px;
	width:263px;
	background-image:url(../mat/logoboard.png);
	z-index:-1;
	}
#tonne{
	position:fixed;
	top:47px;
	left:50%;
	margin-left:100px;
	height:138px;
	width:112px;
	background-image:url(../mat/tonne.png);
	z-index:-1;
	}			
#taube{
	position:absolute;
	background-image:url(../mat/taube_1_1.png);
	width:158px;
	height:63px;
	margin-top:-3px;
	margin-left:40px;
	z-index:200;
	}

/*############################################
	   			IV. Start
############################################*/	
	
#hello{
	position:relative;
	height:270px;
	margin-bottom:200px;
	}
#howdy_title{
	height:128px;
	width:143px;
	margin-bottom:20px;
	background-image:url(../mat/h3howdy3.png);
	}
#hello_text{
	height:110px;
	width:350px;
	float:left;
	margin-top:-40px;
	padding-top:30px;
	padding-right:10px;
	padding-bottom:90px;
	margin-right: -100px;
	}
#hello_text p{
	float: left;
	margin-top: 15px;
	padding: 5px;
	font-family: 'Port Lligat Slab', serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 120%;
	color: #009FE3;	
	display: block;
	width: 190px;
}
#hello_text div.bracket{
	font-family: 'Port Lligat Slab', serif;
	font-weight: normal;
	font-size: 130px;
	line-height: 120%;
	color: #009FE3;	
}
#hello_text div.opening-bracket{
	position: relative;
	float: left;
	margin-left: -10px;
	margin-right: 3px;	
}	
#hello_text div.closing-bracket{
	position: relative;
	float: left;

}
p+p{
	margin-top:10px;
}	
p.smallprint{
	margin-top:20px; 
	font-size:10px;
	line-height:12px;
	}
#news_box{
	position:relative;
	margin-top:-100px;
	margin-left:20px;
	height:266px;
	width:179px;
	float:left;
	background-image:url(../mat/start_featured.png);
	z-index:300;
	}	
#news_header{
	height:35px;
	width:100px;
	margin-left:28px;
	padding:5px;
	float:left;
	z-index:5;
	position:absolute;
	}	
#news_header h4{
	text-align:center;	
	font-size:0px;	
	}
#news_item{
	height:172px;
	width:160px;
	margin-top:77px;
	margin-left:11px;	
	overflow:hidden;
	cursor:pointer;
	}	
#news_rl_outer{
	position:relative;
	height:175px;
	width:160px;
	margin-top:-175px;
	}
#news_rl_inner{
	position:absolute;
	height:175px;
	width:160px;
	margin-top:-140px;
	background-image:url(../mat/start_featured_rl.png);
	}	
#news_rl_inner_content{
	height:175px;
	width:160px;
	background-image:url(../img/projImg/oekocheck/title_prev.png);
	background-repeat:no-repeat;
	font-size:0px;
	margin-top:20px;
	margin-left:15px;
	}
#news_rl_inner_content h5{
	font-size:0px;
	}
.news_image{
	height:175px;
	width:161px;
	}		

/*############################################
	   			V. About
############################################*/	

#about_box{
	line-height:140%;
	padding-top:70px;
	background-image:url(../mat/billboard.png);
	background-repeat:no-repeat;
	margin-bottom:250px;
	}
#about_title{
	height:127px;
	width:140px;
	background-image:url(../mat/h3about1_1.png);
	}
#about2_title{
	position:relative;
	height:82px;
	width:157px;
	margin-top:20px;
	margin-left:-70px;
	margin-bottom:-40px;
	background-image:url(../mat/h3about2_1.png);
	z-index:200px;
	}	
#about_box img{	
	position:relative;
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	-webkit-transform: rotate(5deg);	
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);	
	}
#about-scrollbox{
	font-family: 'Port Lligat Slab', serif;
	color: #009FE3;	
	padding: 5px;
}
#about-scrollbox p{
	font-size: 20px;
	line-height: 120%; 
}	
#about_box h3:first-child{
	margin-top:0px;
	}
#about_box h3{
	margin-top:120px;
	}		
#about_box h4{
	padding-top:10px;
	margin-left:198px;
	font-size:0px;
	}
#spotlights{
	pointer-events:none;
	position:relative;
	background-image:url(../mat/spotlights.png);
	margin-top:-370px;
	margin-left:-11px;
	margin-bottom:150px;
	height:313px;
	width:478px;
	z-index:100;
	}		
.skills_box{
	height:325px;
	background-image:url(../mat/fenster_hl2.png);
	background-repeat:no-repeat;
	}
.skills_box2{
	height:215px;
	margin-bottom:50px;
	background-image:url(../mat/fenster.png);
	background-repeat:no-repeat;
	z-index:-5;
	}
.skills_box2 h4{
	padding-top:120px !important;
	margin-left:20px !important;
	margin-bottom:-110px; 
	}
.rollladen_frame{
	position:absolute;
	height:133px;
	width:100px;
	margin-top:60px;	
	float:left;
	overflow:hidden;
	}	
#rollladen_frame_links{
	margin-left:5px;
	}
#rollladen_frame_mitte{
	margin-left:185px;
	}
#rollladen_frame_rechts{
	margin-left:360px;
	}	
.rollladen{
	height:123px;
	width:90px;
	padding:5px;
	margin-top:-133px;
	background-image:url(../mat/fensterladen.png);
	overflow:hidden;
	font-size:12px;
	line-height:15px;
	}
.rollladen ul{
	list-style:circle;
	}	
#rollladen_links{
	}
#rollladen_links h5{
	font-size:0px;
	line-height:20px;	
	}
.info_title{
	height:110px;
	width:100%;	
	background-repeat:no-repeat;
	background-position:center;
	}	
#rollladen_mitte{
	}	
#rollladen_mitte div{
	margin-left:5px;
	background-image:url(../mat/usedfor.png);
	background-repeat:no-repeat;
	font-size:0px;
	}	
#rollladen_mitte ul{
	margin-top:20px;
	list-style: inside square;
	font-size:12px;
	}
#rollladen_rechts{
	font-size:0px;
	}	
.skill_beginner{
	}	
.skill_interm{
	background-image:url(../mat/interm.png);
	background-repeat:no-repeat;
	background-position:center;
	height:98px;
	width:100%;
	}		
.skill_high{
	background-image:url(../mat/high.png);
	background-repeat:no-repeat;
	background-position:center;
	height:98px;
	width:100%;
	}				
#ai_info_title{
	background-image:url(../mat/rl_ai.png);
	}
#ps_info_title{
	background-image:url(../mat/rl_ps.png);
	}	
#dw_info_title{
	background-image:url(../mat/rl_dw.png);
	}	
#id_info_title{
	background-image:url(../mat/rl_id.png);
	}	
#fl_info_title{
	background-image:url(../mat/rl_fl.png);
	}	
#ae_info_title{
	background-image:url(../mat/rl_ae.png);
	}	
#dsm_info_title{
	background-image:url(../mat/rl_3d.png);
	}	
#udk_info_title{
	background-image:url(../mat/rl_udk.png);
	}	
#fc_info_title{
	background-image:url(../mat/rl_fc.png);
	}	
#htmlcss_info_title{
	background-image:url(../mat/rl_htmlcss.png);
	}	
#js_info_title{
	background-image:url(../mat/rl_js.png);
	}	
#php_info_title{
	background-image:url(../mat/rl_php.png);
	}	
#as_info_title{
	background-image:url(../mat/rl_as.png);
	}	
.ai_info{
	display:none;
	}
.ps_info{
	display:none;
	}	
.dw_info{
	display:none;
	}	
.id_info{
	display:none;
	}	
.fl_info{
	display:none;
	}	
.ae_info{
	display:none;
	}	
.dsm_info{
	display:none;
	}	
.udk_info{
	display:none;
	}	
.fc_info{
	display:none;
	}	
.htmlcss_info{
	display:none;
	}	
.js_info{
	display:none;
	}	
.php_info{
	display:none;
	}	
.as_info{
	display:none;
	}																				
.skills_icon{
	cursor:pointer;
	background-repeat:no-repeat;
	}
.close_button{
	cursor:pointer;
	}		
#ai{
	position:relative;
	width:68px;
	height:62px;
	margin-top:170px;
	margin-left:35px;
	background-image:url(../mat/ai.png);
	z-index:25;
	}
#ps{
	width:69px;
	height:61px;
	margin-top:-50px;
	margin-left:120px;
	background-image:url(../mat/ps.png);
	}
#dw{
	position:absolute;
	width:63px;
	height:78px;
	margin-top:-54px;
	margin-left:200px;
	background-image:url(../mat/dw.png);
	z-index:10;
	}	
#id{
	position:absolute;
	width:69px;
	height:61px;
	margin-top:-60px;
	margin-left:275px;
	background-image:url(../mat/id.png);
	z-index:10;	
	}
#fl{
	position:relative;
	width:69px;
	height:61px;
	margin-top:-72px;
	margin-left:355px;
	background-image:url(../mat/fl.png);
	z-index:25;
	}		
#ae{
	position:absolute;
	width:75px;
	height:74px;
	margin-top:0px;
	margin-left:56px;
	background-image:url(../mat/ae2.png);
	z-index:9;
	}
#dsmax{
	position:absolute;
	width:104px;
	height:97px;
	margin-top:35px;
	margin-left:120px;
	background-image:url(../mat/3dsm2.png);
	z-index:10;
	}	
#udk{
	position:absolute;
	width:150px;
	height:100px;
	margin-top:44px;
	margin-left:240px;
	background-image:url(../mat/udk2.png);
	z-index:10;
	}	
#fc{
	position:absolute;
	width:112px;
	height:110px;
	margin-top:0px;
	margin-left:320px;
	background-image:url(../mat/fc2.png);
	z-index:10;
	}
#htmlcss{
	position:absolute;
	width:100px;
	height:100px;
	margin-top:120px;
	margin-left:20px;
	background-image:url(../mat/hmtlcss.png);
	z-index:10;
	}
#js{
	position:absolute;
	width:69px;
	height:61px;
	margin-top:135px;
	margin-left:140px;
	background-image:url(../mat/js.png);
	z-index:10;
	}	
#php{
	position:absolute;
	width:81px;
	height:100px;
	margin-top:137px;
	margin-left:270px;
	background-image:url(../mat/php.png);
	z-index:10;
	}	
#as{
	position:absolute;
	width:69px;
	height:61px;
	margin-top:123px;
	margin-left:365px;
	background-image:url(../mat/as.png);
	z-index:10;
	}
	
/*############################################
	   			VI. Work
############################################*/	

#work_box{
	margin-bottom:250px;
	}	
#work_title{
	height:127px;
	width:175px;
	background-image:url(../mat/h3work2.png);
	}
.work_item_featured{
	height:168px;
	width:466px;
	padding-top:14px;
	background-image:url(../mat/fenster_job_feat.png);
	cursor:pointer;
	}	
.work_item_feat_rl_kasten{
	position:absolute;
	float:right;
	height:154px;
	width:274px;
	margin-top:-1px;
	margin-left:186px;
	overflow:hidden;
	}		
.work_item_feat_rl{
	position:absolute;
	float:right;
	height:154px;
	width:274px;
	margin-top:-154px;
	background-image:url(../mat/rl_feat.png);
	background-position:right bottom;
	}	
.work_item_feat_content{
	position:relative;
	height:154px;
	width:274px;
	margin-left:15px;
	margin-top:30px;
	background-repeat:no-repeat;
	font-size:0px;
	}
#work_oekocheck .work_item_feat_content{
	background-image:url(../img/projImg/oekocheck/title_large.png);
	}	
#work_ta .work_item_feat_content{
	background-image:url(../img/projImg/ta/title_large.png);
	}			
.work_item_group{
	height:160px;
	width:466px;
	margin-top:25px;
	margin-bottom:25px;
	background-image:url(../mat/fenster_job_reg.png);
	}
	
.work_item_regular{
	float:left;
	height:132px;
	width:100px;
	margin-top:14px;
	margin-left:6px;
	margin-right:74px;
	cursor:pointer;
	z-index:50000;
	}
.work_item_regular:last-child{
	margin-left:0px;
	margin-right:0px;
	}
.work_item_reg_rl_kasten{
	position:absolute;
	float:right;
	height:132px;
	width:100px;
	margin-top:0px;
	overflow:hidden;
	}		
.work_item_reg_rl{
	position:absolute;
	float:right;
	height:133px;
	width:101px;
	margin-top:-132px;
	background-image:url(../mat/rl_feat.png);
	background-position:right bottom;
	}	
.work_item_reg_content{
	position:relative;
	height:132px;
	width:100px;
	margin-left:15px;
	margin-top:0px;
	background-repeat:no-repeat;
	font-size:0px;
	}
#work_if .work_item_reg_content{
	margin-top:20px;
	background-image:url(../img/projImg/if/title.png);
	}	
#work_orakel .work_item_reg_content{
	margin-top:20px;
	background-image:url(../img/projImg/orakel/title.png);
	}
#work_mha .work_item_reg_content{
	margin-top:35px;
	background-image:url(../img/projImg/mha/title.png);
	}	
#work_espionage .work_item_reg_content{
	margin-top:20px;
	background-image:url(../img/projImg/espionage/title.png);
	}
#work_gruene .work_item_reg_content{
	margin-top:25px;
	background-image:url(../img/projImg/gruene/title.png);
	}	
#work_carlo .work_item_reg_content{
	margin-top:20px;
	background-image:url(../img/projImg/carlo/title.png);
	}			
#work_forum .work_item_reg_content{
	margin-top:20px;
	background-image:url(../img/projImg/forum/title.png);
	}
#work_mekon .work_item_reg_content{
	margin-top:20px;
	background-image:url(../img/projImg/mekon/title.png);
	}	
#work_spritzer .work_item_reg_content{
	margin-top:25px;
	background-image:url(../img/projImg/spritzer/title.png);
	}
#work_ulrich .work_item_reg_content{
	margin-top:10px;
	background-image:url(../img/projImg/ulrich/title.png);
	}	
#work_3d .work_item_reg_content{
	margin-top:5px;
	background-image:url(../img/projImg/3d/title.png);
	}		
#work_coverRedesign .work_item_reg_content{
	background-image:url(../img/projImg/coverRedesign/title.png);
	}		
.work_item_reg_thumb{
	height:100%;
	width:100%;
	}		
#work_if .work_item_reg_thumb{
	background-image:url(../img/projImg/if/thumb.jpg);
	}
#work_orakel .work_item_reg_thumb{
	background-image:url(../img/projImg/orakel/thumb.jpg);
	}	
#work_mha .work_item_reg_thumb{
	background-image:url(../img/projImg/mha/thumb.jpg);
	}	
#work_espionage .work_item_reg_thumb{
	background-image:url(../img/projImg/espionage/thumb.jpg);
	}	
#work_gruene .work_item_reg_thumb{
	background-image:url(../img/projImg/gruene/thumb.jpg);
	}	
#work_carlo .work_item_reg_thumb{
	background-image:url(../img/projImg/carlo/thumb.jpg);
	}
#work_forum .work_item_reg_thumb{
	background-image:url(../img/projImg/forum/thumb.jpg);
	}
#work_mekon .work_item_reg_thumb{
	background-image:url(../img/projImg/mekon/thumb.jpg);
	}	
#work_spritzer .work_item_reg_thumb{
	background-image:url(../img/projImg/spritzer/thumb.jpg);
	}	
#work_ulrich .work_item_reg_thumb{
	background-image:url(../img/projImg/ulrich/thumb.jpg);
	}	
#work_3d .work_item_reg_thumb{
	background-image:url(../img/projImg/3d/thumb.jpg);
	}	
#work_coverRedesign .work_item_reg_thumb{
	background-image:url(../img/projImg/coverRedesign/thumb.jpg);
	}	
.work_next{
	cursor:pointer;
	}
.work_prev{
	cursor:pointer;
	}
.work_item_feat_thumb{
	height:152px;
	width:273px;
	margin-left:186px;
	}	
#work_oekocheck .work_item_feat_thumb{
	background-image:url(../img/projImg/oekocheck/thumb_large.jpg);
	}
#work_ta .work_item_feat_thumb{
	background-image:url(../img/projImg/ta/thumb_large.jpg);
	}
.work_award{
	position:absolute;
	height:127px;
	width:74px;
	margin-top:-100px;
	margin-left:400px;
	font-size:0px;
	background-image:url(../mat/award_winning_small.png);
	background-repeat:no-repeat;
	z-index:1000;
	}	
.slide_control{
	margin-left:auto;
	margin-right:auto;
	height:20px;
	width:44px;
	border-radius:10px;
	background-image:url(../mat/black_7.png);
	}	
.slide_control_slot{
	margin-top:4px;
	margin-left:8px;
	float:left;
	height:12px;
	width:12px;
	border-radius:6px;
	background-color:#ecded1;	
	}	
.slide_control_slot:first-child{
	margin-left:6px;
	}
.slide_control_handle{
	margin-top:4px;
	float:left;
	height:12px;
	width:12px;
	border-radius:6px;
	background-color:#06F;
	}
#slide_control_handle_next{
	margin-left:-32px;
	}	
#slide_control_handle_prev{
	margin-left:-32px;
	}															
#detail_overlay{
	display:none;
	opacity:0;
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background-image:url(../mat/black_85.png);
	z-index:1400;
	}
.detail_content{
	height:400px;
	width:1150px;
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;
	color:white;
	}
.detail_imgbox{
	position:relative;
	float:left;	
	width:325px;
	}
.detail_imgbox_in{
	}
.detail_imgbox_alt{
	float:left;
	height:94%;	
	margin-top:6%;
	width:535px;
	}	
.dt_img_arr{
	position: absolute;
	height:44px;
	width:40px;
	top: 40%;
	background-position:center;
	background-repeat: no-repeat;
	font-size:0px;
	cursor:pointer;
	z-index: 1500;
	}
		
.dt_img_arr_l{
	float:left;
	left: 10px;
	background-image:url(../mat/arr_prev_small.png);
	}			
.dt_img_arr_l:hover{
	background-image:url(../mat/arr_prev_small_hover.png);	
	}			
.dt_img_arr_r{
	float:right;
	right: 10px;
	background-image:url(../mat/arr_next_small.png);
	}			
.dt_img_arr_r:hover{
	background-image:url(../mat/arr_next_small_hover.png);
	}	
.work_img2{
	display:none;
	}	
.work_img3{
	display:none;
	}	
.work_img4{
	display:none;
	}							
.detail_textbox{
	position:relative;
	float:left;
	height:50%;
	width:535px;
	margin-top:70px;
	margin-left:40px;
	}
.detail_textbox_alt{
	position:relative;
	float:left;
	height:50%;
	width:325px;
	margin-top:70px;
	margin-left:40px;
	}	
.detail_textbox h5, .detail_textbox_alt h5{
	font-size:40px;
	line-height:42px;
	margin-bottom:40px;
	}	
.detail_textbox a{
	color:white;
	}	
.detail_closer{
	position:absolute;
	height:20px;
	width:20px;
	margin-top:10px;
	margin-left:1000px;
	padding:5px;
	color:#aaa;
	font-size:20px;
	cursor:pointer;
	}	
.detail_closer:hover{
	color:#ddd;
	}	
.detail_arrow{
	float:left;
	height:100%;
	width:65px;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
	}
.detail_arrow_left{
	margin-right:28px;
	padding-left:30px;	
	background-image:url(../mat/arr_prev.png);
	border-right:solid 2px #333;
	}
.detail_arrow_left:hover{
	background-image:url(../mat/arr_prev_hover.png);
	}	
.detail_arrow_right{
	margin-left:28px;
	padding-left:30px;
	background-image:url(../mat/arr_next.png);
	border-left:solid 2px #333;
	}
.detail_arrow_right:hover{
	background-image:url(../mat/arr_next_hover.png);
	}
.detail_award{
	position:absolute;
	height:192px;
	width:112px;
	margin-top::120px;
	margin-left:50px;
	font-size:0px;
	background-image:url(../mat/award_winning.png);
	z-index:1000;
	}	
#detail_gest2 .detail_imgbox{
	margin-top:20px;
	}
#detail_3d .detail_imgbox{
	margin-top:55px;
	}	
#detail_ulrich .detail_imgbox{
	margin-top:85px;
	}	
#detail_spritzer .detail_imgbox{
	margin-top:25px;
	}		
#detail_mekon .detail_imgbox{
	margin-top:50px;
	}	
#detail_forum .detail_imgbox{
	margin-top:30px;
	}			
#detail_ta .detail_imgbox{
	margin-top:25px;
	}	
#detail_gruene .detail_imgbox{
	margin-top:30px;
	}
#detail_mha .detail_imgbox{
	margin-top:50px;
	}	
#detail_if .detail_imgbox{
	margin-top:75px;
	}	

.link_box{
	position:relative;
	clear:both;
	width:500px;
	padding-top:50px;
	margin-left:auto;
	margin-right:auto;
	opacity:0.3;
	
	transition: opacity 1s;
	-moz-transition: opacity 1s; /* Firefox 4 */
	-webkit-transition: opacity 1s; /* Safari and Chrome */
	-o-transition: opacity 1s; /* Opera */
	}
.link_box:hover{
	opacity:0.7;
	}	
.link_box span{
	position:relative;
	float:left;
	}	
textarea.work_direct_link{
	position:relative;
	float:left;
	width:300px;
	height:15px;
	margin-top:-20px;
	margin-left:190px;
	padding:4px;
	border: #fff solid 2px;
	color:#000;
	text-decoration:none;
	resize: none;
	}								
		
/*############################################
	   			VII. Blog
############################################*/	

#blog_box{
	height:900px;
}
#blog_title{
	height:127px;
	width:150px;
	background-image:url(../mat/h3blog2.png);
	}	
#blog_cover{
	position:absolute;
	height:927px;
	width:547px;
	margin-bottom:-927px;
	margin-left:-40px;
	padding-top:80px;
	background-image:url(../mat/blog_cover.png);
	background-repeat:no-repeat;
	z-index:200;
	}	
#blog_cover h4{
	color:#030;
	font-size:24px;
	text-align:center;
	line-height:30px;
	}				
.blog_entry{
	margin-top:40px;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	}	
.blog_entry:first-child{
	margin-top:0px;
	}
h4.post_title{
	font-size:30px;
	margin-bottom: 10px;
	}
.blog_entry p{
	line-height:18px;
	}		
p.post_details{
	font-size:12px;
	margin-bottom:20px;
	}
#oc_vid{
	z-index:20 !important;
	}	

/*############################################
	   		IIX. Contact & Footer
############################################*/	
		
#bodenlevel_mitte{
	position:relative;
	height:246px;
	width:683px;
	margin-top:-31px;
	margin-bottom:-225px;
	margin-left:auto;
	margin-right:auto;
	padding-top:100px;
	padding-left:10px;
	background-image:url(../mat/ground_floor.png);
	background-repeat:no-repeat;
	background-position:right top;
	z-index:20;
	}		
#bodenlevel{
	width:100%;
	height:266px;
	}
#contact_title{
	height:134px;
	width:222px;
	margin-top:-150px;
	margin-left:0px;
	margin-bottom:97px;
	background-image:url(../mat/h3contact.png);
	}		
#bodenlevel_links{
	float:left;
	width:50%;
	height:266px;
	background-image:url(../mat/street_links_gauss.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}
#bodenlevel_rechts{
	float:left;
	width:50%;
	height:266px;
	background-image:url(../mat/street_rechts_gauss.png);	
	background-repeat:repeat-x;	
	background-position:bottom;
	}			
.classified{
	height:30px;
	width:200px;
	margin-top:44px;
	margin-left:70px;
	background-image:url(../mat/classified.png);
	background-repeat:no-repeat;
	font-size:0px;
	}												
#address_box{
	width:150px;
	margin-top:-32px;
	margin-left:265px;
	padding-left:20px;
	border-left: #fff solid 1px;
	color:#fff;
	font-size:13px;
	}
#twitter_thumb{
	position:relative;
	display:block;
	height:57px;
	width:47px;
	margin-left:530px;
	margin-top:-180px;
	font-size:0px;
	z-index:200;
	}	
#facebook_thumb{
	position:absolute;
	display:block;
	height:57px;
	width:47px;
	margin-top:-57px;
	margin-left:577px;
	font-size:0px;
	z-index:201;
	}
	
/*############################################
	   			IX. Quicknav
############################################*/	
	
#aufzug{
	position:fixed;
	top:0px;
	left:75%;
	height:599px;
	width:213px;
	background-image:url(../mat/aufzug.png);
	background-position:right;
	font-size:0px;
	}		
#flaschenzug{
	height:243px;
	width:261px;
	margin-top:-15px;
	margin-bottom:-223px;
	margin-left:545px;
	background-image:url(../mat/flaschenzug_gauss.png);
	}
.fz_element{
	cursor:pointer;
	z-index:100000;
	}		
#az_home{
	height:45px;
	width:45px;
	margin-top:377px;
	margin-left:120px;	
	-webkit-transform: rotate(30deg);	
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	}	
#az_about{
	height:55px;
	width:55px;
	margin-top:-8px;
	margin-left:77px;
	}	
#az_work{
	height:40px;
	width:40px;
	margin-top:-40px;
	margin-left:140px;
	}	
#az_blog{
	height:55px;
	width:58px;
	margin-top:-2px;
	margin-left:130px;
	}
#az_contact{
	height:57px;
	width:45px;
	margin-top:-57px;
	margin-left:55px;
	}
#az_twitter{
	position:relative;
	display:block;
	height:43px;
	width:28px;
	margin-top:25px;
	margin-left:88px;
	}					
#az_facebook{
	position:relative;	
	display:block;
	height:52px;
	width:29px;
	margin-top:-43px;
	margin-left:136px;
	}	
#az_mail{
	position:relative;	
	display:block;
	height:38px;
	width:29px;
	margin-top:-52px;
	margin-left:168px;
	}
	

/*############################################
	   		Twitter Feed
############################################*/	

#tweet_container{
        position: relative;
        height:200px;
        width: 220px;
        margin-top: -175px;
        margin-bottom:-25px;
        margin-left: 250px;
        z-index: 500;
        background-image: url(../mat/taube_mega.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        }
      #tweetbox{
        position: absolute;
        bottom:35px;
        width: 250px;
        }
      #latesttweet{
        width:220px;
        padding:15px;
        background-color: white;
        opacity: 0.7;
        border-radius: 10px;
        font-size: 12px; 
        }
      #latesttweet li{
        list-style: none;
        }
      #latesttweet a{
      	text-decoration: none;
      	font-weight: bold;
      	color: black;
      	font-size: 90%;
      	}   
      #latesttweet span{
        color:#444;
        font-size: 10px;
        } 
      .more_tweets{
        position: relative;
        float: right;
        text-align: right;
        color: black;
        text-decoration: underline;
        } 
      #tweet_bubble_lower{
        position: relative;
        height:20px;
        width: 20px;
        border-bottom-right-radius: 20px;
        margin-left: 160px;
        background-color: white;
        opacity: 0.7;
        } 

/*############################################
	   		Background Objects
############################################*/		
#cloud_bg{
	position:fixed;
	top:0px;
	height:838px;
	width:1187px;
	left:50%;
	margin-left:-594px;
	margin-bottom:-838px;
	background-image:url(../mat/cloud_background.png);
	z-index:-1;
	}	
.cloud_big{
	position:fixed;
	height:417px;
	width:1352px;
	margin-left:-400px;
	background-image:url(../mat/cloud_big_gauss.png);
	z-index:500;
	}
#cloud_front_1{
	top: 580px;
	}	
#cloud_front_2{
	top: 2500px;
	}
#cloud_front_3{
	top: 3650px;
	}				

/*############################################
	   				Misc
############################################*/	
#impressum{
	position:fixed;
	height:435px;	
	bottom:-400px;
	margin-left:50px;
	z-index:900;
	color:#fff;
	

	transition: bottom 1s;
	-moz-transition: bottom 1s; /* Firefox 4 */
	-webkit-transition: bottom 1s; /* Safari and Chrome */
	-o-transition: bottom 1s; /* Opera */
	}
#impressum:hover{	
	bottom:0px;
	}	
#impressum_lace{
	height:25px;
	width:135px;
	padding-left:20px;
	padding-top:10px;
	background-image:url(../mat/black_85.png);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	}	
#impressum h3{
	font-family: 'Port Lligat Slab', serif;
	text-decoration:none;
	color:#fff;
	font-size:25px;
	}	
#impressum_content{
	height:400px;
	width:800px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../mat/black_85.png);
	border-top-right-radius: 15px;
	}	
#impressum_content h4{
	margin-top:20px;
	margin-bottom:15px;
	}
#impressum_left{
	position:relative;
	float:left;
	width:350px;
	margin-right:20px;
	}	
#impressum_right{
	position:relative;
	float:left;
	}				
#disclaimer_box{
	border: 1px #fff solid;
	height:300px;
	width:400px;
	padding:5px;
	overflow:auto;
	}
#disclaimer_box p{
	margin-bottom:20px;
	}
#disclaimer_box a{
	color:#fff;
	}				
#dark_overlay{
	background-color:#000;
	opacity:.8;
	position:fixed;
	z-index:100;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	display:none;
	}
#ai_box{
	position:fixed;
	top:30%;
	left:20%;
	background-color:#000;
	opacity:auto;
	height:500px;
	width:700px;
	color:white;
	display:none;
	}
#acta{
	position:fixed;
	height:150px;
	width:150px;
	top:0px;
	left:0px;
	background-image:url(../mat/acta.png);
	font-size:0;
	z-index:500;
	}	
#acta a{
	height:150px;
	width:150px;
	display:block;
	}
#acta h5{
	font-size:0px;	
	}		
	
#carlo_thumb{
	cursor:pointer;
	}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
	#aufzug, #flaschenzug, #vignette, #cloud_front_1, #cloud_front_2, #cloud_front_3, #impressum, #spotlights{
		display: none;
	}
	#hello, #about_box, #work_box{
		margin-bottom: 50px;
	}
	/*#main_wrapper{
		width: 100%;
	}
	#kopfzeile{
		background-size: 100%;
		background-repeat:no-repeat;
		background-position: center;
		background-position: 0px -95px;
	}
	#content{
		background-size: 100%;
	}
	#clouds_bg{
		position: absolute;
		top:0px;
	}
	#bodenlevel{
		width: 100%;
		margin-left:auto;
		margin-right: auto;
	}
	#bodenlevel_mitte{
		height: 500px;
		width: 100%;
	}
	#bodenlevel_links, #bodenlevel_rechts{
 		width: 50%;
 	}
	#bodenlevel_mitte, #bodenlevel_links, #bodenlevel_rechts{
		background-size: 100%;
		background-repeat:no-repeat;
	} */
	#about_box{
		background-image: none;
	}

}
/* Smartphones (portrait) ----------- */
@media only screen and (max-device-width : 1024px) {
	.detail_content{
		height: 80%;
		width: 700px;
	}
	.detail_imgbox{
	}
	.detail_imgbox_alt{
		height: auto;
	}
	.detail_textbox, .detail_textbox_alt{
		height: 45%;
		overflow: scroll;
		width: 100%;
		margin-left: 0px;
		padding: 3px;
	}
	.detail_arrow{
		position: absolute;
	}
	.detail_arrow_left{
		left:0px;
	}	
	.detail_arrow_right{
		right:0px;
	}
	.detail_closer{
		position: absolute;
		top: 20px;
		right:20px;
	}
}