/* ====== Reset der Browser-Standards => margin & padding => 0 ====== */
*{
        margin:0;
        padding:0;
}
/* ====== Reset der Browser-Standards => margin & padding => 0 ====== */

body{
        font-family: 'Roboto Slab', serif;
        background:rgb(248, 248, 248);
}

#wrapper{
        width:980px;
        min-height:700px;
        margin:0 auto;
}

#header{
        height:156px;
        position:relative;
        left:0px;
        top:-156px;
        margin:0 auto;
        background-color:#fff;
}

#background_header{
        background-color:#fff;
        width:100%;
        height:156px;
}

#logo{
        position:absolute;
        top:59px;
        left:27px;
        width:176px;
}

h1  span{
        position:absolute;
        top:-500px;
}

#top_nav{
        position:absolute;
        left:705px;
        top:54px;
        width: 400px;
}

#top_nav li a{
        text-decoration:none;
        display:block;
        color:#000000;
        text-align:center;
        padding:10px 10px;
        font-size:14px;
}

#top_nav li a:hover, .act{
        color:#2c4a9a !important;
        text-shadow:1px 1px 2px #a4a4a4 !important;
}

#top_nav li{
        float:left;
        list-style-type:none;
        border-right:solid 1px #000;
        margin-right:2px;
}
#top_nav li:last-child{
        border-right:none;
}

#top_nav li ul{
        position:absolute;
        display:none;
}

#top_nav li:hover ul{
        display:block;
}

#top_nav li ul li a{
        margin-right:2px;
        padding:5px 5px 10px 10px;
        font-size:12px;
}

#top_nav li ul li{
        float:left;
        text-align:center;
        border-right:none;
}

#subnav{
        font-size:12px;
}

#content_box{
        color: #fff;
        font-size: 14px;
        width:921px;
        min-height:500px;
        position:absolute;
        top: 156px;
        margin-left: 20px;
        padding: 10px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #2c4a9a 0%, #f8f8f8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c4a9a), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #2c4a9a 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #2c4a9a 0%,#f8f8f8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #2c4a9a 0%,#f8f8f8 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #2c4a9a 0%,#f8f8f8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}


#content{
        position:relative;
        bottom:-400px;
        min-height:250px;
}

h2{
        color:#000;
        text-shadow:1px 1px 2px #a4a4a4;
}

h2, p{
        margin-left:30px;
        padding:5px 0;
}

#background_footer{
        background-color:#fff;
        width:100%;
        height:75px;
        position:fixed;
        bottom:0;
        z-index:10000;
}

#footer_wrapper{
        width:980px;
        margin:0 auto;
        z-index:15000;
}

#footer_1, #footer_2, #footer_3, #footer_4{
        background-color:#fff;
        float:left;
        width:203px;
        height:70px;
        margin-left:10px;
        left:8px;
        padding:10px;
        top:105px;
}

#footer_4 img{
        width:35px;
        margin-right:5px;
        margin-left:5px;
        text-align:center;
        -webkit-transition: -webkit-transform 0.2s ease-out;        /* Saf3.1+, Chrome */
        -moz-transition: -moz-transform 0.2s ease-out;        /* FF3.5+ */
        -o-transition: -o-transform 0.2s ease-out;        /* Opera */
        transition: transform 0.2s ease-out;
}

#footer_4 img:hover{
        -webkit-transform: scale(0.7);        /* Saf3.1+, Chrome */
        -moz-transform: scale(0.7);        /* FF3.5+ */
        -ms-transform: scale(0.7);        /* IE9+ */
        -o-transform: scale(0.7);        /* Opera */
        transform: scale(0.7);
}