@charset "UTF-8";

@font-face {
    font-family: Arquitecta;
    src:url(../fonts/arquitectabold.woff);
	font-weight:600;
	}
	
@font-face {
    font-family: Arquitecta;
    src:url(../fonts/arquitectabook.woff);
	font-weight:300;
	}
	
@font-face {
    font-family: Arquitecta;
    src:url(../fonts/arquitectalight.woff);
	font-weight:100;
	}

/* CSS Document */

			#logo{
				position:absolute;
				top: 40px;
				left: 40px;
				width:100px;
				z-index:9999;
				}

			#menu-botton{
				width:145px;
				height:50px;
				position:absolute;
				top: 60px;
				right: 40px;
				z-index:99999999;
				overflow:hidden;
				}
		
			#menu-botton-schrift{
				font-family: merriweather,sans-serif;
				font-size:16px;
				font-weight:300;
				color:#FFF;
				opacity:0;
				position:absolute;
				top:50%;
				margin-top:-8px;
				left:-10px;
				}
			
			#balken1{
				width:30px;
				height:2px;
				background-color:#FFF;
				display:block;
				position:absolute;
				top:15px;
				left:100px;
				}
			
			#balken2{
				width:30px;
				height:2px;
				background-color:#FFF;
				display:block;
				position:absolute;
				top:25px;
				left:100px;
				}
			
			#balken3{
				width:30px;
				height:2px;
				background-color:#FFF;
				display:block;
				position:absolute;
				top:35px;
				left:100px;
				}
			
			.display-none{display:none !important;}
			.display-block{display:block !important;}
			
			#menu-flache{
				height:100%;
				width:800px;
				position:absolute;
				background-color:#000;
				z-index:999999999999999999999999999999999999999999999 !important;
				left:100%;
				margin-left:0px;
				}
			
			#menu-flache-menu{
				width:100%;
				height:550px;
				position:absolute;
				top:50%;
				margin-top:-275px;
				left:0%;
				}
			
			#menu-flache-balken{
				width:30px;
				height:1px;
				background-color:#FFF;
				display:block;
				position:absolute;
				top:150px;
				left:100px;
				margin:0px;
				z-index:62;
				}
				
			#menu-flache-schrift{
				font-family: merriweather,sans-serif;
				font-size:16px;
				font-weight:300;
				color:#FFF;
				position:absolute;
				top:100px;
				left:100px;
				margin:0px;
				z-index:61;
				}
			
			#menu-home{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#fff;
				position:absolute;
				height:50px;
				margin:0px;
				width:150px;
				}
			
			#menu-home-box{
				position:absolute;
				top:175px;
				left:100px;
				height:50px;
				width:150px;
				overflow:hidden !important;
				}
				
			#menu-home-hover{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#E0E0E0;
				position:absolute;
				top:225px;
				left:100px;
				height:0px;
				width:600px;
				overflow:hidden !important;
				}
				
			#menu-projects{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#fff;
				position:absolute;
				height:50px;
				margin:0px;
				width:250px;
				}
			
			#menu-projects-box{
				position:absolute;
				top:225px;
				left:100px;
				height:50px;
				width:250px;
				overflow:hidden !important;
				}
				
			#menu-projects-hover{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#E0E0E0;
				position:absolute;
				top:275px;
				left:100px;
				height:0px;
				width:700px;
				overflow:hidden !important;
				}
				
			#menu-agency{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#fff;
				position:absolute;
				height:50px;
				margin:0px;
				width:250px;
				}
			
			#menu-agency-box{
				position:absolute;
				top:275px;
				left:100px;
				height:50px;
				width:250px;
				overflow:hidden !important;
				}
				
			#menu-agency-hover{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#E0E0E0;
				position:absolute;
				top:325px;
				left:100px;
				height:0px;
				width:600px;
				overflow:hidden !important;
				}
				
			#menu-contact{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#fff;
				position:absolute;
				height:50px;
				margin:0px;
				width:250px;
				}
			
			#menu-contact-box{
				position:absolute;
				top:325px;
				left:100px;
				height:50px;
				width:250px;
				overflow:hidden !important;
				}
				
			#menu-contact-hover{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#E0E0E0;
				position:absolute;
				top:375px;
				left:100px;
				height:0px;
				width:700px;
				overflow:hidden !important;
				}
				
			#menu-login{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#fff;
				position:absolute;
				height:50px;
				margin:0px;
				width:250px;
				}
			
			#menu-login-box{
				position:absolute;
				top:375px;
				left:100px;
				height:50px;
				width:250px;
				overflow:hidden !important;
				}
				
			#menu-login-hover{
				font-family: Arquitecta, 'source sans pro', sans-serif;
				font-size:50px;
				font-weight:600;
				color:#E0E0E0;
				position:absolute;
				top:425px;
				left:100px;
				height:0px;
				width:700px;
				overflow:hidden !important;
				}
				
			#footer{
				width:100% !important;
				background-color:#F5f5f5 !important;
				margin:0px !important;
				min-height:195px !important;
				z-index:999999 !important;
				padding-bottom:25px;
			}
			
			#footer-logo{
				-webkit-font-smoothing: antialiased !important;
				font-family: 'Asap', sans-serif !important;
				font-size:24px !important;
				font-weight:700 !important;
				color:#000 !important;
				text-align:center !important;
				width:400px !important;
				margin:auto !important;
				position:relative !important;
				top:25px !important;
				height:auto !important;
				padding-bottom:0px !important;
				line-height:1 !important;
				}
			
			#footer-strich{
				top:50px !important;
				position:relative !important;
				height:1px !important;
				width:30px;
				background-color:#555 !important;
				display:block !important;
				left:50% !important;
				margin-left:-17px !important;
				}
			
			#footer-credo{
				-webkit-font-smoothing: antialiased !important;
				font-family: Arquitecta ,sans-serif !important;
				font-size:14px !important;
				font-weight:600 !important;
				color:#000 !important;
				text-align:center !important;
				width:400px !important;
				margin:auto !important;
				position:relative !important;
				top:75px !important;
				}
			
			.footer-menu{
				-webkit-font-smoothing: antialiased !important;
				position:relative  !important;
				font-family: Arquitecta ,sans-serif  !important;
				font-size:14px  !important;
				font-weight:300  !important;
				color:#000  !important;
				text-align:center  !important;
				top:100px  !important;
				margin:auto  !important;
				width:450px  !important;
				line-height:2 !important;
				}
			.footer-menu-left{padding-right:25px  !important; text-decoration:none  !important; color:#000 !important;}
			
			.footer-menu-left:hover{padding-right:25px  !important; text-decoration:underline !important; color:#000 !important;}