/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
		html, body {
		background-color: #333333;
		margin: 0;
		padding: 0;
		height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
	
		}
	body {
		background-color:#fff;
		font-family: 'proxima_nova_rgregular', sans-serif;
		font-size: 13px;
		overflow:hidden;

	} 
	#wrapper,#container,#content{
		height:100%;
	}
        h1, h2, h3{
            font-family: 'kulturistaregular';
        }
        h2{
            margin-bottom:15px;
        }
        a{
            color:#000;
        }
		img{
			
		}
		q{quotes:"\201E" "\201C";}
		.clear{
			clear:both;
		}
		.capitalize{
			text-transform:capitalize;
		}
		.hidden{
			display:none !important;
		}
		.no_border{
            border-color: #fff !important;
        }
        /*.content{
            padding:20px;            
        }*/
        .content-x{
            padding:0px 20px;
        }
        .content-y{
            padding:20px 0px;
        }
        .text-right{
            text-align: right;
        }
        input{
            border:0px;
            border-bottom: 1px solid;
        }
        .nolist ul{
            list-style:none;
        }
         /*HEADEr*/
        #header{
            background-color:#fff;
            height:95px;
            width:100%;
            position: fixed;
            z-index: 7;
			top:0px;
          

        }
	
  
        #header #title{
            font-family: 'kulturista_lightregular';
            text-transform: uppercase;
            text-align: center;
            font-size: 2.2em;
            height:35px;
            min-height:35px;
            max-height: 35px;
            padding-top: 5px;
            cursor:pointer;
			top:0px;
        }
	
					
       #header,#header #title, #header a,#content,#top_menu,button,.main_container,.zitat,.zitater,.text_headline,.mensch_headline{
            -webkit-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            -ms-transition: all 200ms ease-in;
			-o-transition: all 200ms ease-in;
			transition: all 200ms ease-in;
        }
		#logo_image{
			margin-top:20px;
		}
		 #main_menue,.text,.more_text,.container_text,.text_headline_absolute,#footer_menue{
			-webkit-transition: all 800ms ease-in-out;
			-moz-transition: all 800ms ease-in-out;
			-ms-transition: all 800ms ease-in-out;
			-o-transition: all 800ms ease-in-out;
			transition: all 800ms ease-in-out;
		 }
		 #link_target{
			-webkit-transition: all 800ms ease-in-out;
			-moz-transition: all 800ms ease-in-out;
			-ms-transition: all 800ms ease-in-out;
			-o-transition: all 800ms ease-in-out;
			transition: all 800ms ease-in-out;
		 }
		#header_content{
		
			text-align:center;
		}
		#main_menue{
			background: none repeat scroll 0 0 #FFFFFF;
			height: 100%;
			left: 50%;
			margin-left: -22%;
			position: absolute;
			width: 44%;
			z-index: 5;
			display:none;
		}
		#menue{
			background-color: #FFFFFF;
			height: 340px;
			left: 50%;
			margin-left: -150px;
			margin-top: -170px;
			position: absolute;
			text-align: center;
			top: 50%;
			width: 300px;
			z-index: 6;
			
			
		}
		.menue_active{
			top:0;
		}
		.menue_inactive{
			top: 100%;
			margin-top: 0px;
		}
		#menue ul{
			list-style:none;
		}
		#menue li{
			border-bottom:1px solid #a1a1a1;
			display: inline;
			float: left;
			width: 100%;
		}
		#menue ul li:last-child{
			border-bottom:0px;
			
		}
		#menue a,#footer_tag{
			text-decoration:none;
			color:#5c5c5b;
			text-transform:uppercase;
			padding:5px 0;
			float:left;
			width:100%;
		}
		#footer_menue{
			background-color:#fff;
            height:90px;
            width:100%;
            position: fixed;
            z-index: 2;
			bottom:0px;
			text-align:center;
			z-index:6;
		
		}
		#footer_content{
			display:none;
			cursor:pointer;
		}
		#footer_tag{
			padding:0px;
			margin-top:20px;
		}
		#footer_function{
			border-top:1px solid #5c5c5b;
			float:left;
			width:200px;
			position:absolute;
			left:50%;
			margin-left:-100px;
			top:1.5em;
			padding-top:5px;
			text-transform:uppercase;
			color:#333;
			margin-top:20px;
		}
		#footer_arrow{
			display:none;
		}
		.backgroundFull{
			
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
   /*CONENT*/
        .main_content{
           position: relative;
          height:100%;
           
        }
		.content_layer{
			position:absolute;
			height:100%;
			width:100%;
		}
		textarea{
			font-family:'proxima_nova_rgregular',sans-serif;
			resize:none;
		}
		input,textarea{
			background:none;
			border:0px;
				color:#fff;
			text-align:center;
			text-transform:uppercase;
		
		}
		.container_zitat{
			margin-top:95px;
			padding-top:50px;
			margin-left:20%;
			margin-right:20%;
			color:#fff;
			text-align:center;
			text-transform:uppercase;
			
			position:relative;
		}
		.zitat, input .zitat{

			
		}
		.zitater{
			text-decoration:underline;
			
			letter-spacing: 2px;
			line-height:2em;
		}
		.shadow{
			text-shadow:1px 1px 1px rgba(0,0,0,0.6);
			color:#fff;
			 
		}
	
		.zitater input{
			font-size:inherit !important;
		}
		.container_text{
			 color: #FFFFFF;
			position:relative;
			text-align: center;
			margin:0 20%;	
			margin-top:7%;
			bottom:0px;
			z-index:3;
		}
		.text_headline,.mensch_headline{
			font-weight:800;
			letter-spacing: 2px;
			text-transform:uppercase;
		}
		.mensch_headline{
			font-size:1.3em;
		}
		.text_headline_absolute{
			position:absolute;
			width:100%;
			bottom:-10%;
			opacity:0;
		}
		.more_text{
			text-transform:lowercase;
			margin-top:15px;
			cursor:pointer;
		}
		.arrow_down{
			font-size:2em;
			-moz-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
			-webkit-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
			-o-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
			-ms-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
			transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 
			left: 50%;
			margin-left: -25px;
			position: relative;
			width: 50px;
		}
		.text textarea  {
			width:100%;
			font-size:1em;
			color: #5C5C5B;
			font-size:1em !important;
			text-shadow: 0px 0px 0px #ffffff;
			filter: dropshadow(color=#ffffff, offx=0, offy=0);
			text-align:left;
		}
		.text{
			background: none repeat scroll 0 0 #FFFFFF;
			color: #5C5C5B;
			bottom:-100%;
			left: 50%;
			line-height: 1.5em;
			margin: 0 15% 0 -22%;
			max-height:55%;
			position: absolute;
			text-align: left;
			width: 44%;
			padding-bottom:0px;
			overflow:auto;
			min-height:50%;
			
		}
		.close{
			cursor:pointer;
		}
		.text article{
			padding: 40px;
			padding-bottom:20px;
		}
		.text article span,.text article p,.text article font,.menschen_text article,.menschen_text article span, .menschen_text article font, .menschen_text article p, article, article p, article span, article font{
			font-family:'proxima_nova_rgregular',sans-serif !important;
			font-size:1em;
		}

		.menschen_text{
		
			background: none repeat scroll 0 0 #FFFFFF;
			color: #5C5C5B;
			bottom:80px;
			left: 50%;
			line-height: 1.5em;
			margin: 0 15% 0 -22%;

			position: absolute;
			text-align: left;
			width: 44%;
			overflow:auto;
			min-height:20%;
		}
		#alle_menschen{
			position:absolute;width:700px;left:50%;margin-left:-350px;top:-50%;background-color:#fff;
			-webkit-transition: all 800ms ease-in-out;
			-moz-transition: all 800ms ease-in-out;
			-ms-transition: all 800ms ease-in-out;
			-o-transition: all 800ms ease-in-out;
			transition: all 800ms ease-in-out;
		}
		.mensch_thumb{
			background-color:#ccc;width:100px;height:80px;margin:5px;float:left;
			position:relative;
		}
		q{
			line-height:1em;
		}
		.main_content a{
			color:#333;
			text-decoration:none;
		}
       
        .main_container{
            min-height:120px;
			margin:10px; 
			overflow:hidden;
			float:left;
        }
		.link:hover img{
			opacity:0.8;
		}
		.link:hover .fullimage img{
			opacity:1 !important;
		}
		.link{
			cursor:pointer;
		}
        button,.qq-upload-button{
            color:#fff;
            border:0px;
            background:#333;
            cursor: pointer;
			font-family: 'proxima_nova_rgregular',sans-serif;
			font-size: 1.3em;
			box-shadow:2px 2px 3px #ccc;
        }
       
     
		#loadMain_container{
			position:absolute;
			left:50%;
			margin-left:-21px;
			top:280px;
			display:none;
		}
		#loadMain{
			width:42px;
			height:42px;
			background-image:url(../images/loader.gif);
			background-position:center center;
			background-repeat:no-repeat; 
			
		}
		#loaderSmall{
			width:22px;
			height:22px;
			background-image:url(../images/loaderSmall.gif);
			background-position:center center;
			background-repeat:no-repeat; 
			position:absolute;
			left:64%;
			top:10px;
			display:none;
		}

		#link_target{
			display:none;
			position:absolute;
			z-index:10;
			top:0px;
			left:100%;
			overflow:hidden;
			width:100%;
			height:100%;
			background-color:#fff;
			background-color:rgba(255,255,255,1);
		}
		#link_frame{
			width:100%;
			height:100%;
		}
		#ll{
			width:90px;
			position:absolute;
			top:0px;
			left:-100px;
			z-index:11;
			height:100%;
			background:#fff;
			box-shadow:0px 0px 5px rgba(0,0,0,0.4);
			-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4);
			cursor:pointer;
		}
		#backLeft{
			width:90px;
			position:absolute;
			left:-90px;
			bottom:5%;
			z-index:11;
			cursor:pointer;
		}
	
		.content_arrow{
			width:16px;
			height:200px;
			background-position:center center;
			background-repeat:no-repeat;
			position:absolute;
			cursor:pointer;
			z-index:9;
			padding:0 10px;
			top:50%;
			margin-top:-100px;
		}
		#arrow_left{
			
			left:0;
			padding-left:30px;
		}
		#arrow_left.white{
			background-image:url(../images/arrow_left_white.png);
		}
		#arrow_right{
			
			padding-right:30px;
			right:0;
		}
		#arrow_right.white{
			background-image:url(../images/arrow_right_white.png);
		}
		#arrow_left.black{
			background-image:url(../images/arrow_left_black.png);
		}
		#arrow_right.black{
			background-image:url(../images/arrow_right_black.png);
		}
		#loaderImage{
			 left: 50%;
			position: absolute;
			top: 15px;
			z-index: 11;
			margin-left: -170px;
		}
		.contact{
			color:#5C5C5B;
			text-transform:uppercase;
			text-align:center;
			margin-bottom:45px;
		}
		.contact h2{
			font-size:1em;
			font-family: 'proxima_nova_rgregular',sans-serif;
		}
		.contact p, .contact h2{
			margin-top:0px;
			margin-bottom:5px;
			padding:0px;
		}
		.contact a{
			text-decoration:underline;
		}
		.zitat textarea{
		line-height:52px;
	}
	div.aloha-sidebar-bar{
		display: none !important;
	}
	.modal_box{
		border: 1px solid #CCCCCC;
		box-shadow: 0 0 70px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.2);
		left: 50%;
		margin-left: -200px;
		margin-top: -200px;
		padding: 20px;
		position: absolute;
		top: 50%;
		width: 400px;
		z-index:9;
		background:#fff;
	}
	.modal_box h2{
		font-family:'proxima_nova_rgregular',sans-serif;
		color:#5C5C5B;
	}
	.modal_box label{
		float: left;
		margin-right: 5px;
		padding: 2px;
		text-align: right;
		width: 80px;
		color:#5C5C5B;
	}
	.modal_box input{
		border:1px solid #ccc;
		color:#000;
		text-align:left;
		text-transform:none;
		
	}
	.modal_box > div{
		margin-bottom:3px;
	}
	.sub_header{
		color:#5C5C5B;
		font-size:1.1em;
		text-transform:uppercase;
		padding-bottom:5px;
		width:20%;
		margin:0 auto;
		border-bottom:1px solid;
		text-align:center;
		margin-bottom:30px;
		font-family: 'proxima_nova_rgregular', sans-serif;
	}
	.icon_button{
		position:absolute;
		top:0px;
		width:18px;
		height:18px;
		cursor:pointer;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		opacity:0;
	
	}
	.icon_button:hover{
		opacity:1;
	}
	.turn{
		-moz-transform: rotate(-45deg);
		-webkit-transform:  rotate(-45deg) ;
        -o-transform:  rotate(-45deg) ;
        -ms-transform:  rotate(-45deg) ;
        transform:  rotate(-45deg);
	}
	.turn:hover{
		-moz-transform: rotate(0deg);
		-webkit-transform:  rotate(0deg) ;
        -o-transform:  rotate(0deg) ;
        -ms-transform:  rotate(0deg) ;
        transform:  rotate(0deg);
	
	}
	.icon_left{
		left:5px;
	}
	.icon_right{
		right:5px;
	}
	.admin .contact{
		border:0px;
		padding:10px 0px;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	.admin .contact:hover {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	}
	.admin .contact:hover  .icon_button{
		opacity:0.7;
	}
	#pressearchiv_list{
		columns-count: 2;
		-webkit-column-count:2; 
		-moz-column-count: 2;
		-moz-column-width:40%; /* Firefox */
		-webkit-column-width:40%; /* Safari and Chrome */
		column-width:40%;
	}
	#pressearchiv_list li{
		margin:10px 0px;
	}
	#pressearchiv_list li a{
		text-decoration:none;
		color:#5C5C5B;
		
	}
	#pressearchiv_list li:last-child{
		
	}
	#pressearchiv_list .liner{
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #5C5C5B -moz-use-text-color -moz-use-text-color;
		border-image: none;
		border-style: solid none none;
		border-width: 1px 0 0;
		width: 5%;
	}
	.close{
		background-repeat:no-repeat;
		background-position:center center;
		background-image:url(../images/close.png);
		width:23px;
		height:23px;
	}
	#leftL{
		left: -10%;
		margin-left: -28px;
		position: absolute;
		top: 20px;
	}
	#rightL{
		right: -10%;
		margin-right: -27px;
		position: absolute;
		top: 20px;
	}
	#lenikus{
		left: 50%;
		margin-left: -28px;
		position: absolute;
		top: 62px;
		display:none;
		
	}
	#menue_close{
		display:none;
	}
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {
	
	body {
		position:relative;
		overflow-x:hidden;
		overflow-y:hidden;
	}
     .container_zitat{

			margin-left:10%;
			margin-right:10%;
	}   

	#header{
		display:none;
	}
	.container_zitat{
		margin-top:0px;
	}
	.menschen_text{
		width:80%;
		margin-left:-40%;
		bottom:0px;
	}
	.menschen_text>div{
		padding:0px 10px;
	}
	#main_menue{
		width:100%;
		margin-left:-50%;
	}
	#menue{
		left: 0;
		margin-bottom: 0;
		margin-left: 5%;
		margin-right: 5%;
		padding: 0;
		width: 90%;
		
	}
	#menue li{
		background:#fff;
	}
	.menue_active{
			
		
		}
	.menue_inactive{
		top: -130%;
		margin-bottom: 0px !important;
	}
	#footer_menue{
		top:0px;
		height:50px;
		width:50px;
		left:50%;
		margin-left:-25px;
		z-index:1
	}
	#footer_content{
		opacity: 1 !important;
	}
	#footer_function{
		display:none;
	}
	#footer_tag{
		display:none;
	}
	#footer_arrow{
		display:block;
		-moz-transform: rotate(-90deg);
		-webkit-transform:  rotate(-90deg) ;
        -o-transform:  rotate(-90deg) ;
        -ms-transform:  rotate(-90deg) ;
        transform:  rotate(-90deg);
		font-size:2.5em;
		margin-top:15px;
		color:#5C5C5B;
		margin-left:-8px
		
	}
	.zitat{
		margin-top:25px;
	}
	
	.container_text{
		position:relative;
		margin-top:30px;
	}
	.text{
		margin: 0 15% 0 -50%;
		width: 100%;
		z-index:10
	}
	.main_content{
		/*min-height:460px;*/
		height:100%;
		overflow:hidden;
	}
	.content_layer_scroll{
		overflow:auto;
	}
	#arrow_left.white{
		background-image:url(../images/arrow_left_white_m.png);
	}
	#arrow_right{
		
		padding-right:30px;
		right:0;
	}
	#arrow_right.white{
		background-image:url(../images/arrow_right_white_m.png);
	}
	#arrow_left.black{
		background-image:url(../images/arrow_left_black_m.png);
	}
	#arrow_right.black{
		background-image:url(../images/arrow_right_black_m.png);
	}
	#arrow_left {
		left: 0;
		padding-left: 10px;
	}
	#arrow_right {
		padding-right: 10px;
		right: 0;
	}
	.text{
		max-height:70%;
	}
	.text article {
		padding: 20px;
	}
	.textOpen{
		bottom:0px !important
	}
	.textClosed{
		bottom:-100% !important
	}
	.footerOut{
		top:-50px !important;
	} 

	.titleMobile{
		top:0px !important
	}
	.titleMobile .text_headline{
		margin: 1% 20% 0 !important; 
	}
	#pressearchiv_list {
    	columns-count: 1;
		-webkit-column-count:1; 
		-moz-column-count: 1;
		-moz-column-width:80%; /* Firefox */
		-webkit-column-width:80%; /* Safari and Chrome */
		column-width:80%;
	}
	.sub_header{
		width:70% !important;	
	}
	.content_layer_scroll>div{
		margin-top:55px !important;
	}
	#map_canvas{
		width:90% !important;
	}
	#link_target,#ll,#backLeft{
		display:none;
	}
	.content_layer_scroll>div,.text>div:first-child{
	
		padding-bottom:50px;
	}
	#menue_close{
		display:block;
		z-index:1000
	}
	.close{
		background-repeat:no-repeat;
		background-position:12px 10px;
		background-image:url(../images/close.png);
		width:46px;
		height:46px;
		top:0px !important;
		right:0px !important;
	}
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}