.myFirstClass
    {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 13px;
        color: #333333;
    }

      body
    {
        font-family: Arial, Verdana, sans-serif;
        background-image: url(design/backround_tc01.jpg);
        background-repeat: repeat-x;
        background-color: #374d5b;
        margin: 0;
        padding: 0 0 20px 0;
        font-size: 13px;
        color: #333;
        text-align: center;
    }
     
    .root
    {
        width: 980px;
        margin: 0 auto;
        text-align: left;
        background-color: #e6e6e6;
        position: relative;
    }
    .root a
    {
        color: #374d5b;
        text-decoration: none;
        font-weight: bold;
    }
    .root a:hover
    {
        color: #4d738c;
    }
     
    #header
    {
        background: #132336 url(design/banner_tc01.png) no-repeat right;
        height: 160px;
    }
    #header a
    {
        margin: 0;
        border: 0;
        padding: 0;
        float: left;
        display: block;
        text-indent: -9999px;
        letter-spacing: -9999px;
        font-size: 0;
        text-decoration: none;
        width: 472px;
        height: 90px;
        background-position: 0 0;
        background-repeat: no-repeat;
    }
    #header a:hover
    {
        background-position: -472px 0 !important;
    }

    #navi
    {
        background-image: url(design/navi_gradient.gif);
        background-repeat: repeat-x;
        background-color: #aba499;
        height: 31px;
    }
    #navi span
    {
        color: #c1bcb4;
    }
    #navi ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    #navi li
    {
        display: inline;
    }
    #navi #corner_left
    {
        width: 2px;
        height: 30px;
        background-image: url(design/navi_corner_left.gif);
        background-repeat: no-repeat;
        float: left;
    }
    #navi #corner_right
    {
        width: 2px;
        height: 30px;
        background-image: url(design/navi_corner_right.gif);
        background-repeat: no-repeat;
        float: right;
    }
     
    a.navilink
    {
        font-size: 16px;
        color: #e6e6e6;
        margin-left: 0;
        padding: 5px 15px 7px 15px;
        float: left;
    }
    a.navilink:hover
    {
        color: #ffffff;
        background: url(design/navi_arrow_hover.gif) no-repeat 50% 24px;
    }


    .subnavi
    {
        background-color: #d9d6d1;
        padding: 5px 30px;
        height: 105px;
    }
    .subnavi span
    {
        padding-right: 10px;
    }
     
    #navi li div
    {
        position: absolute;
        margin: 31px 0 0 0;
        padding: 10px 20px;
        width: 940px;
        height: 95px;
        left: -999em;
        background-color: #d9d6d1;
        font-size: 12px;
    }
    #navi .selected a.navilink
    {
        color: #ffffff;
        background: url(design/navi_arrow_selected.gif) no-repeat 50% 24px;
    }
    #navi .selected div
    {
        display: block !important;
        left: 0 !important;
    }
    #navi li:hover div
    {
        display: block;
        left: 0;
        z-index: 1;
    }
    #navi li div span
    {
        color: #98948e;
        padding-right: 10px;
    }
    #navi li div a
    {
        padding: 5px;
    }
    #navi li div ul
    {
        float: left;
    }
    #navi li div li
    {
        display: block;
        padding-bottom: 5px;
    }
	
	    .navihover div
    {
        left: 0 !important;
        display: block;
    }
	
	    #content
    {
        background-color: #e6e6e6;
        padding: 5px 30px 15px 30px;
    }
    #content li
    {
        padding: 3px 0;
    }
    #content .chapter
    {
        width: 800px;
        float: right;
    }
    #content .options
    {
        width: 110px;
        float: left;
        padding-right: 10px;
        font-size: 10px;
    }
    #content .options ul
    {
        list-style-type: none;
        padding: 0;
    }
    #content .options li
    {
        padding: 3px 0 3px 22px;
    }
    #content .options li a
    {
        padding: 3px 0 4px 0;
    }
    #content .options .lesezeichen
    {
        background: url(design/icon_lesezeichen.gif) no-repeat scroll 2px 2px;
    }
    #content .options .fehler_melden
    {
        background: url(design/icon_fehler_melden.gif) no-repeat scroll 2px 2px;
    }
    #content .options .empfehlen
    {
        background: url(design/icon_empfehlen.gif) no-repeat scroll 2px 2px;
    }
     
    #content_footer
    {
        background-color: #e6e6e6;
        height: 2px;
    }
    #content_footer #corner_left
    {
        width: 2px;
        height: 2px;
        background-image: url(design/content_corner_left.gif);
        background-repeat: no-repeat;
        float: left;
    }
    #content_footer #corner_right
    {
        width: 2px;
        height: 2px;
        background-image: url(design/content_corner_right.gif);
        background-repeat: no-repeat;
        float: right;
    }
     
    /***** allgemeine Klassen *****/
    h1
    {
        color: #374d5b;
        font-size: 18px;
        clear: both;
        margin: 0;
        padding: 10px 0;
    }
    h1 span
    {
        padding-right: 15px;
    }
    h1.chapter
    {
        margin: 0 0 0 120px;
    }
    h2
    {
        color: #374d5b;
        font-size: 15px;
        clear: both;
        margin: 0;
        padding: 20px 0 5px 0;
    }
    h3
    {
        color: #374d5b;
        font-sAize: 13px;
        clear: both;
        margin: 0;
        padding: 20px 0 5px 0;
    }
     
    ul
    {
        margin: 0;
    }
     
    .clear
    {
        clear: both;
    }