*{
        margin: auto;
        pedding: auto;

}

html, body{
background: #5b5b5b;
background: -moz-linear-gradient(top, #5b5b5b 0%, #0d0d0d 12%, #010101 60%, #2d2d2d 76%, #070707 85%, #5b5b5b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(12%,#0d0d0d), color-stop(60%,#010101), color-stop(76%,#2d2d2d), color-stop(85%,#070707), color-stop(100%,#5b5b5b));
background: -webkit-linear-gradient(top, #5b5b5b 0%,#0d0d0d 12%,#010101 60%,#2d2d2d 76%,#070707 85%,#5b5b5b 100%);
background: -o-linear-gradient(top, #5b5b5b 0%,#0d0d0d 12%,#010101 60%,#2d2d2d 76%,#070707 85%,#5b5b5b 100%);
background: -ms-linear-gradient(top, #5b5b5b 0%,#0d0d0d 12%,#010101 60%,#2d2d2d 76%,#070707 85%,#5b5b5b 100%);
background: linear-gradient(to bottom, #5b5b5b 0%,#0d0d0d 12%,#010101 60%,#2d2d2d 76%,#070707 85%,#5b5b5b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#5b5b5b',GradientType=0 );

}

p{
        margin: 20px;

}

#wrapper{
        width: 1050px;
        margin: 100px auto;

}

header{
        width: 1050px;
        height: 330px;

        float:left;
        color: #FFF;

}

#headerbild{
        background-image:url(../images/nuklearkleiner.jpg);
        background-repeat:no-repeat;
        width: 1050px;
        height: 290px;
        float:left;

}

h1{
        text-decoration: none;
        font-family:Time News Roman, sans-serif;
        font-size: 50px;
        text-align: center;
        color: #FFF;
        line-height: 200px;
        text-shadow: 2px 2px 1px #CCC;

}

#mainnav{
        width: 1050px;
        height: 39px;
        float:left;

        color: #FFF;

}

#mainnav .menu{
        list-style-type: none;
        width: 1050;

}

#mainnav .menu li a{
        width: 200px;
        height: 39px;
        display: block;
        float: left;

        font-family: Arial;
        font-size: 16px;
        color: #fff;
        line-height: 40px;
        text-decoration: none;
        text-align: center;
        text-shadow: 3px 2px 1px #ff6464;

        -webkit-transition: all 3s linear;
        -moz-transition: all 3s linear;
        -ms-transition: all 3s linear;
        -o-transition: all 3s linear;
        transition: all 3s linear;

}

#mainnav .menu li a:hover{
        background-color: rgba(255, 255, 255, 0.9);
        color: #000;
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        transition: all 500ms linear;

}

#breadcrump{
        width: 1050px;
        height: 40px;

        float:left;
        color: #FFF;

}

#breadcrump a{
        font-family: Arial, sans-serif;
        font-size: 15px;
        text-decoration: none;
        line-height: 40px;
        color: #FFF;
        margin-left: 30px;

}

#breadcrump a:hover{
        text-decoration: underline;

}

#section-wrapper{
        width: 1050px;
        float:left;

}

#sidebar{
        width: 246px;
        float:left;

        color: #FFF;

}

#sidebar .liste{
        list-style-type: none;
        width: 230px;

}

#sidebar .liste li a{
        width: 200px;
        height: 40px
        display:block;
        float:left;

        font-family: Arial, sans-serif;
        font-size: 20px;
        text-align: center;
        text-decoration: none;
        text-shadow: 2px 2px 0px #000000;
        color: #FFFFFF;
        line-height: 40px;

        border: 1px dashed;

}

#sidebar .liste li a:hover{
        background: #FFFFFF;

}

#content{
        width: 760px;
        float:left;
        color: #FFF;
        padding: 20px;

}

footer{
        width: 1050px;
        height: 40px;
        float:left;
        color: #FFF;
        text-align: center;
        font-size: 15px;
        line-height: 40px;


}
