body {
        background: rgb(235, 235, 235); font:  Verdana, Arial, sans-serif 10px; margin: 40px auto; width: 900px; color: rgb(102, 102, 102); font-weight: normal;
}
a {
        color: rgb(51, 51, 51);
}
#navigation, footer-bottom-content {
             background: url("images/navigation/gradient.png") repeat-x 0px -110px #000000; /* Old browsers */
                margin: 0px;
                padding: 7px 6px 0px;
                line-height: 100%;
                box-shadow: #808080;
                -webkit-box-shadow: -2px -2px 10px #808080;
        -moz-box-shadow: -2px -2px 10px  #808080;
        box-shadow: -2px -2px 10px  #808080;
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA1MDUwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzA1MDUwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTA1MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  #000000 0%, #050505 50%, #050505 51%, #050505 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#050505), color-stop(51%,#050505), color-stop(100%,#050505)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #000000 0%,#050505 50%,#050505 51%,#050505 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #000000 0%,#050505 50%,#050505 51%,#050505 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #000000 0%,#050505 50%,#050505 51%,#050505 100%); /* IE10+ */
                background: linear-gradient(top,  #000000 0%,#050505 50%,#050505 51%,#050505 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#050505',GradientType=0 ); /* IE6-8 */







}
#navigation li {
        list-style: none; margin: 0px 5px; padding: 0px 0px 8px; float: left; position: relative;
}
#navigation a {
        margin: 0px; padding: 8px 10px; color: #fff; font-weight: bold; text-decoration: none; display: block; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; /*text-shadow: 0 1px 1px rgba(0, 0, 0, .3);*/
}
#navigation a:hover {
        background: rgb(0, 0, 0); color: #FFFFFF;
}
#navigation .current a {
        background: url("images/navigation/gradient.png") repeat-x 0px -40px #c33; color: #444444; /*border-top-color: #fff; border-top-width: 1px; border-top-style: solid; */box-shadow: 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); /*text-shadow: 0 1px 0 rgba(255, 255, 255, 1);*/
}
#navigation li:hover > a {
        background: url("images/navigation/gradient.png") repeat-x 0px -40px #900; color: #fff; /*border-top-color: #ccc; border-top-width: 1px; border-top-style: solid; */box-shadow: 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); /*text-shadow: 0 1px 0 rgba(255, 255, 255, 1);*/
}
#navigation ul li:hover a {
        border: currentColor; color: #fff;/* -webkit-box-shadow: none; -moz-box-shadow: none;*/
}
#navigation li:hover li a {
        border: currentColor; color: #fff;/* -webkit-box-shadow: none; -moz-box-shadow: none;*/
}
#navigation ul a:hover {
        background: url("images/navigation/gradient.png") repeat-x 0px -100px #666 !important; font-weight: bold; color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; /*text-shadow: 0 1px 1px rgba(0, 0, 0, .1);*/
}
#navigation li:hover > ul {
        display: block;
}
#navigation ul {
        background: url("images/navigation/gradient.png") repeat-x 0px 0px #900; margin: 0px; padding: 0px; border-radius: 10px; border: 1px solid #B4B4B4; left: 0px; top: 35px; width: 185px; display: none; position: absolute; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
#navigation ul li {
        margin: 0px; padding: 0px; float: none;
}
#navigation ul a {
        font-weight: normal; /*text-shadow: 0 1px 0 #fff;*/
        /*Schriftstil in der Navigation auf fett
        font-weight: bold;    */
}
#navigation ul ul {
        left: 181px; top: -3px;
}
#navigation ul li:first-child > a {
        -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px;
}
#navigation ul li:last-child > a {
        -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px;
}
#navigation::after {
        height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: ".";
}
#navigation {
        display: inline-block;
}
html[xmlns] #navigation {
        display: block;
}
* html #navigation {
        height: 1%;
}