/* ====== 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:-161px;
        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;
        transition-duration: 0.4s;
}

#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;
}

/* ====== Beginn timeline ====== */
a {
        color: #2c4a9a;
        text-decoration: none;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5s;
}
        a:hover,
        a.selected {
                color: #ff8000;
        }

h1,h2,h4,h5,h6 {
        text-align: center;
        color: #ff8000;
        text-shadow: #a4a4a4 1px 1px 2px;
        margin-bottom: 5px;
}
        h1 {
                font-size: 18px;
        }
        h2 {
                font-size: 14px;
        }
.sociales {
        text-align: center;
        margin-bottom: 20px;
}

        #timeline {
                width: 890px;
                height: 400px;
                overflow: hidden;
                position: relative;
                background: url('../images/dot.gif') left 45px repeat-x;
                top:-160px;
                background-color:rgb(248, 248, 248);
                margin-left:26px;
        }
                #dates {
                        width: 800px;
                        height: 100px;
                        overflow: hidden;
                }
                        #dates li {
                                list-style: none;
                                float: left;
                                width: 100px;
                                height: 50px;
                                font-size: 24px;
                                text-align: center;
                                background: url('../images/biggerdot.png') center bottom no-repeat;
                        }
                                #dates a {
                                        line-height: 38px;
                                        padding-bottom: 10px;
                                }
                                #dates .selected {
                                font-size: 26px;
                                }

                #issues {
                        width: 800px;
                        height: 464px;
                        overflow: hidden;
                }
                        #issues li {
                                width: 830px;
                                height: 350px;
                                list-style: none;
                                float: left;
                        }
                                #issues li.selected img {
                                        -webkit-transform: scale(1.1,1.1);
                                        -moz-transform: scale(1.1,1.1);
                                    -o-transform: scale(1.1,1.1);
                                    -ms-transform: scale(1.1,1.1);
                                    transform: scale(1.1,1.1);
                                }
                                #issues li img {
                                        float: left;
                                        margin: 10px 50px 10px 50px;
                                        background: transparent;
                                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
                                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
                                        zoom: 1;
                                        -webkit-transition: all 2s ease-in-out;
                                        -moz-transition: all 2s ease-in-out;
                                        -o-transition: all 2s ease-in-out;
                                        -ms-transition: all 2s ease-in-out;
                                        transition: all 2s ease-in-out;
                                        -webkit-transform: scale(0.7,0.7);
                                        -moz-transform: scale(0.7,0.7);
                                    -o-transform: scale(0.7,0.7);
                                    -ms-transform: scale(0.7,0.7);
                                    transform: scale(0.7,0.7);
                                }
                                #issues li h1 {
                                        color: #2c4a9a;
                                        font-size: 48px;
                                        margin: 20px 0;
                                        text-shadow: #a4a4a4 1px 1px 2px;
                                }
                                #issues li p {
                                        font-size: 14px;
                                        margin-right: 70px;
                                        font-weight: normal;
                                        line-height: 22px;
                                        text-shadow: #a4a4a4 1px 1px 2px;
                                }

                #grad_left,
                #grad_right {
                        width: 100px;
                        height: 350px;
                        position: absolute;
                        top: 0;
                }
                        #grad_left {
                        /*left: 0;*/
                        /*background: url('../images/grad_left.png') repeat-y;*/
                        }
                        #grad_right {
                        /*right: 0;*/
                        /*background: url('../images/grad_right.png') repeat-y;*/
                        }

                #next,
                #prev {
                        position: absolute;
                        top: 0;
                        font-size: 70px;
                        top: 170px;
                        width: 22px;
                        height: 38px;
                        background-position: 0 0;
                        background-repeat: no-repeat;
                        text-indent: -9999px;
                        overflow: hidden;
                }
                        #next:hover,
                        #prev:hover {
                                background-position: 0 -76px;
                        }
                        #next {
                                right: 0;
                                background-image: url('../images/next.png');
                        }
                        #prev {
                                left: 0;
                                background-image: url('../images/prev.png');
                        }
                                #next.disabled,
                                #prev.disabled {
                                        opacity: 0.2;
                                }
/* ====== Ende timeline ====== */


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

#content h2{
        color:#000;
        text-shadow:1px 1px 2px #a4a4a4;
        font-size:24px;
        text-align:left;
        margin-left:30px;
        padding:4px 0;
}

#content p{
        margin-left:30px;
        padding:3.5px 0;
        color:#000;
}

#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);
}