@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700&subset=latin,latin-ext);





html {
    /**/
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-smooth:auto;
    height:100%;
    margin:0;
    padding:0;
}


body {
    background: #000000;
    margin:0;
    padding:0;
    color: #FFFFFF;
    table-layout:fixed;
    height:100%;
    font-size:14px;
    position:relative;

    font-family: 'Archivo Narrow', sans-serif;
}


body, body * {
    max-height: 1000000px;
}


*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}

clearfix:after {
    clear: both;
}



#content {
    position: absolute;
    overflow: hidden;
}

#content a {
    color: #FFFFFF;
    text-decoration: none;
}


    #content .logo, #content .telefon, #content .mail {
        display: block;
        
    }

     
    #content {
        left: 20px;
        bottom: 40px;
        font-size: 22px;
        overflow: hidden;
    }

    #content .logo {
        width: 250px;
        max-width: 100%;
    }

    #content .telefon {
        margin-left: 54px;

    }

    #content .mail {
        margin-left: 54px;
    }




/* mobile */
@media screen and (min-width: 320px) {
    /*
            body:before {
                    content:"320px";
            }
    */



}

/* iPhone, etc landscape ---- */
@media only screen and (min-width: 480px) {
    /*
            body:before {
                    content:"480px";
            }
    */

}


/* iPad, tablets etc portrait ---- */
@media screen and (min-width: 768px) {
    /*
            body:before {
                    content:"768px";
            }
    */
    
    #content {
        left: 50px;
        bottom: 50px;
        font-size: 22px;
        overflow: hidden;
    }
    
    #content .logo {
        width: 550px;
    }

    #content .telefon {
        margin-left: 119px;
        float: left;

    }

    #content .mail {
        float: right;
        
    }    
}



/* Laptops, Desktops, etc ---- */
@media screen and (min-width: 1024px) {

    /*
            body:before {
                    content:"1024px";
            }
    */


}


/* Desktop */
@media screen and (min-width: 1280px) {
    /*
            body:before {
                    content:"1280px";
            }
    */

    #content {
        left: 100px;
        bottom: 100px;
        font-size: 22px;
    }

    #content .logo {
        width: 638px;
    }

    #content .telefon {
        margin-left: 135px;

    }

    #content .mail {
        margin-right: 2px;
    }
    
    
}

@media screen and (min-width: 1680px) {
    /*
            body:before {
                    content:"1680px";
            }
    */

}



img {
    height:auto;
    border:0;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.tleft {
    text-align: left;
}

.tright {
    text-align: right;
}

.tcenter {
    text-align: center;
}

.clear { clear:both; height:0px; overflow:hidden; }



a { outline: none; }
:focus { -moz-outline-style: none; }
:-moz-any-link:focus { outline: none; }
#sensis, #preload { border:0px solid #f00; width:0px; height:0px; display:none;}