/*  Layout
#container ... ID-Selektor
----------------------------------------------- */

body {
        background-color: #222222;
        background-image: url(hgverlauf08x.jpg);
        background-repeat: repeat-x;
        padding:0px 0 0 0;
        margin:0;
}

#container
{
        clear: both;
        margin-top:40px;
        margin-left: auto;
        margin-right: auto;
        width:960px;
        border: 0px outset #333333;
        background-color: #3d4245;
}

#header
{
        padding:0px;
        margin-top:0px;
        margin-left:auto;
        margin-right:auto;
        padding-left:0px;
        width:960px;
        height:120px;
        background-image: url(https://u.jimcdn.com/cms/o/s8c3e0519f086c289/userlayout/img/header-stefan-zajonz.jpg?t=1297424686);
/*        background-repeat: repeat-x;  */
        border-bottom: 0px solid #888888;
}


#navigation
{
        float: left;
        width:960px;    
        padding-left: 0px;
        padding-top: 10px;
        padding-bottom: 5px;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: 0px;    
        background-color:#545c5e;
        border-top: 0px solid #aa0000;
        border-bottom: 0px solid #cccccc;
}

#sidebar
{
        width:160px;
        float: right;
        margin-top:30px;
        margin-bottom:20px;
        margin-right:15px;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #3d4245;
        border: 0px solid #888888;
       }

#content
{
        width:650px;
        float: left;
        margin-left: 40px;
        margin-top:30px;
        margin-bottom:40px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0px;
        background-color: #3d4245;
        border: 0px solid #888888;
}

#footer
{
     clear:both;
     margin-top:10px;
     background:url(https://u.jimcdn.com/cms/o/s8c3e0519f086c289/userlayout/img/footer-bg.gif?t=1297418854) repeat-x top;
     background-color:#ffffff;
     height:0px;
}
/* .gutter = Klassenselektor - für mehrere HTML-Elemente */
#footer .gutter
{
     margin-top:0px;
     height:30px;
     padding:30px 15px 0 15px;
}

/*  Navigation
----------------------------------------------- */

ul#mainNav1,
ul#mainNav2,
ul#mainNav3
{
    list-style-type: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

ul#mainNav1 li,
ul#mainNav2 li,
ul#mainNav3 li
{
    float: left; 
    display: inline;
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0px outset #434a4c;
}

ul#mainNav1 li a,
ul#mainNav2 li a,
ul#mainNav3 li a
{
     font-family:normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
     line-height: 1.2em;
     text-decoration: none;
     color:#cccccc;
}
ul#mainNav1 li ul,
ul#mainNav2 li ul,
ul#mainNav3 li ul
{
     padding-top: 8px;
     padding-bottom: 0px;
     padding-left: 0px;
     padding-right: 0px;
     background-color: #3c4a3b;
}
ul#mainNav1 li ul li a,
ul#mainNav2 li ul li a,
ul#mainNav3 li ul li a
{
     color:#9ab498;
     border: 0px outset #3c4a3b;
}
ul#mainNav1 a:hover,
ul#mainNav2 a:hover,
ul#mainNav3 a:hover
{
       color:#ffffff;
       background-color: #3d4245; 
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 10px;
       padding-right: 10px;
       border: 0px outset #3c4a3b;
}

ul#mainNav1 a.current,
ul#mainNav2 a.current,
ul#mainNav3 a.current
{
       color:#ffffff;
}