/***FORMATIERUNG***/

*{
    margin: 0px;
    padding: 0px;
}

html{
    background: #000;
}

body{
    background:#000000 url(../images/body_bg2.jpg) repeat-x scroll left top;
}


/*** LAYOUT***/

#wrapper{
    width:1050px;
    margin: 0px auto;
    padding-top: 50px;
}


#logo{
    width: 1050px;
    height: 90px;
    padding: 0px 0px 0px 0px;
    color: #FFF;
    font-family: century gothic, sans-serif;
    font-size: 60px;
    font-weight: normal;
    text-transform: lowercase;
    border: 0px;
    letter-spacing: 0px;
}

#main-navigation{
    width: 1050px;
    height: 35px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+75,212121+100 */
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(102,102,102,1) 75%, rgba(33,33,33,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(102,102,102,1) 75%,rgba(33,33,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(102,102,102,1) 75%,rgba(33,33,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #000;
}


#breadcrumb{
    width: 1050px;
    height: 25px;
    background: #2A2A2A;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    float: left;
    }
    

#section-wrapper{
    width: 1050px;
    height: 500px;
    float: left;
}








#sidebar{
    width: 228px;
    height: 100%;
    float: left;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+16,212121+78 */
    background: rgb(102,102,102); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(102,102,102,1) 16%, rgba(33,33,33,1) 78%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(102,102,102,1) 16%,rgba(33,33,33,1) 78%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(102,102,102,1) 16%,rgba(33,33,33,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#212121',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#content{
    height: 100%;
    width: 1050px;
    background: #A0A0A0
    /*padding: 20px;*/
}


footer{
    width: 1050px;
    background: #AAA;
    color: #000;
}


/***NAVIGATION***/
#main-navigation
.menu{
    list-style-type: none;
    width: 1050px;
}

#main-navigation .menu li a{
    width: 173px;
    height: 35px;
    display: block;
    float: left;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;  
    text-shadow: 2px 1px 2px #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
} 

#main-navigation .menu li a:hover{
    background-color: rgba(41,41,41,0.3)
}