/* ----------------------------------------------------------------------
    Fonts
---------------------------------------------------------------------- */
@font-face
{
font-family:'chunk';
src:url('fonts/Chunkfive-webfont.eot');
src:local('☺'),url('fonts/Chunkfive-webfont.woff') format('woff'),url('fonts/Chunkfive-webfont.ttf') format('truetype'),url('fonts/Chunkfive-webfont.svg') format('svg');
font-weight: 900;
font-style:normal;
}

html, body, #mainWrapper
{
    background: url('images/main_bg.jpg');
    font-family: Arial; 
    margin:0;
    padding:0;
    height:100%; /* needed for container min-height */
}

body > #mainWrapper
{
    font-family: Arial;
    height: auto;
    min-height: 100%;
}

/* ----------------------------------------------------------------------
    Header
---------------------------------------------------------------------- */

.headerHightlightedText
{
    color: #fff;
}

/* ----------------------------------------------------------------------
    Content
---------------------------------------------------------------------- */

#contentWrapper
{
    width: 246px;
    padding-bottom: 40px;
    margin: auto;
}

#contentWrapper p
{
    text-align: center;
}

#logoWrapper
{
    position: absolute;
    margin-left: -123px;
    margin-top: -63px;
    top: 50%;
    left: 50%;
}

#logoWrapper p
{
    font-family: chunk;
}

/* ----------------------------------------------------------------------
    Footer
---------------------------------------------------------------------- */

footer
{
    background-color: #196b8d;
    width: 100%;
    margin-top: -50px; /* Negativer Wert der Footer-Höhe */
    height: 40px;
    clear:both;
    position: relative;
}

footer p
{
    font-family: Arial;
    font-size: .7em;
    width: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

/* ----------------------------------------------------------------------
    Footer
---------------------------------------------------------------------- */

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */