/*	Author: Sascha Milivojevic (info@hey-sascha.de):
   
		------------------------------------------------------
   
		fabbrica-berlin.com v1 stylesheet
  
		----------------------------------------------------*/
		
/*	CSS Imports
  
		----------------------------------------------------*/
		


/*	Browser CSS reset
  
		----------------------------------------------------*/

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, ins, kbd, q, s, samp,
		small, strike, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, input,
		table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-weight: inherit;
				font-style: inherit;
				font-size: 100%;
				font-family: inherit;
				vertical-align: baseline;}
		
		img {
				vertical-align: bottom;}
		
		:focus {
				outline: 0;}
		
		ol, ul {
				list-style: none;}
		
		table {
				border-collapse: collapse;
				border-spacing: 0;
				font-size: 1em;}
		
		caption, th, td {
				text-align: left;
				font-weight: normal;}
		
		blockquote:before, blockquote:after, q:before, q:after {
				content: "";}
		
		blockquote, q {
				quotes: "" "";}


/* 	==========================================================================
   	Allgemeines
   	========================================================================== */
   
		html, body { 
				height: 100%;}
		
		body {
        font-family: 'Roboto', Arial, sans-serif;
			  font-size: 14px;
				color: #444;
				background-color: #FFF;
        margin: 0; 
        padding: 0;}
				
    a, a:link, a:active, a:visited { color: #FF9900; text-decoration: none; outline: none; }
    
    p, ul li{ 
      margin: 0px 0px 21px 0px; 
      font-size: 20px; 
      line-height: 28px;
      font-weight: 300;
      text-align:left; }
      
    ul li{ 
      margin: 0px;  }
      
    h1 { 
      text-align:center;
      font-size: 40px; 
      line-height: 55px; 
      letter-spacing: 0.02em; 
      font-weight: 400; }
      
    h2 { 
      text-align:center;
      font-size: 20px; 
      line-height: 30px; 
      letter-spacing: 0.02em; 
      font-weight: 300; }

    h3 { 
      text-align:center;
      font-size: 37px; 
      line-height: 55px; 
      letter-spacing: 0.05em; 
      font-weight: 400; }
      
    h4 { 
      text-align:center;
      color:#EF7C14;
      font-size: 18px; 
      line-height: 30px; 
      letter-spacing: 0.01em; 
      font-weight: 400; }
      
    h5 {
      text-align:left;
      font-size: 22px; 
      line-height: 24px; 
      letter-spacing: 0.05em;
      margin-bottom: 24px; 
      font-weight: 400;}
    		

		
/* 	==========================================================================
   	Layout
   	========================================================================== */
    
    .container {
      width:740px;
      margin: 0 auto;}

    .hello {
       height: 150px;}    
      
    .logo {
      margin-top: 25px;
      text-align: center;
      width: 100%;
      margin-bottom: 50px; }
      
    .logo img {
      margin-bottom: 10px;}
      
    .contact {
      margin: 20px 0;}
      
    .border {
      height: 1px;
      width: 100%;
      margin: 40px auto 0 auto;
      border-bottom: 1px solid #555;}
      
    .address, .hours, .imprint1, .imprint2 {
      width: 350px;
      float: left;
      padding: 20px 0 40px 0;}
      
    .address {
      margin-right: 40px;}
      
    #map {
      width: 100%;
      height: 400px;}
      
    .footer {
      float: left;
      width: 100%;
      background: #444;
      padding:20px 0 40px 0;
      margin-top: 50px;}
      
    .footer ul li {
      font-size: 13px;
      line-height: 18px;
      float: left;
      color: #fff;
      margin-right: 20px;}
/*      
    .typed-cursor{
        opacity: 1;
        font-weight: 100;
        -webkit-animation: blink 0.7s infinite;
        -moz-animation: blink 0.7s infinite;
        -ms-animation: blink 0.7s infinite;
        -o-animation: blink 0.7s infinite;
        animation: blink 0.7s infinite;
    }
    @-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
    @-webkit-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
    @-moz-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
    @-ms-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
    @-o-keyframes blink{
        0% { opacity:1; }
        50% { opacity:0; }
        100% { opacity:1; }
    }
*/