@charset "utf-8";

/*********** General Settings: ************************************************/

body { 
    margin            : 0px; 
    background-image  : url(../img/_background.jpg);
    background-color  : #1f0b0d;
    background-repeat : no-repeat;
    font-family       : 'Helvetica', sans-serif;
}

div { 
    border            : 0px; 
}


/*********** Main Window Layout: 'Top', 'Left', 'Bottom' and 'Main' area:  ****/

#top_div { 
    position          : absolute; 
    top               : 0px; 
    left              : 0px; 
    width             : 100%; 
    height            : 200px;
    color             : #FFF;
}

#top_title { 
    padding-right     : 20px; 
    text-align        : right;
    font-size         : 200%;
    text-shadow       : black 3px 2px 4px;
    color             : #FFF;
}

#left_div {
    position          : absolute; 
    top               : 200px; 
    left              : 0px; 
    width             : 200px; 
    max-height        : 1200px;
}

#main_div {
    position          : absolute; 
    top               : 200px; 
    left              : 200px; 
    right             : 0px; 
    background-color  : #fff2d1;
    padding           : 20px; 
}

#main_img_div {
    position          : absolute; 
    top               : 200px; 
    left              : 200px; 
    right             : 20px; 
    background-color  : #fff2d1;
    padding           : 0px; 
}

#bottom_div {
    position          : fixed; 
    height            : 31px;
    bottom            : 0px;
    left              : 200px; 
    right             : 0px; 
    color             : #fffe82;
    background-image  : url(../img/_halftrans.gif);
    padding           : 5px; 
    z-index           : 2;
}

/*********** Icon Bar Layout: *************************************************/

.top_image { 
    z-index           : 2;
    color             : #FFF;
    position          : absolute; 
    top               : 175px; 
    width             : 40px; 
    height            : 30px;
    overflow          : hidden;
}

#top_image_11 { left  :  225px; }
#top_image_12 { left  :  270px; }
#top_image_13 { left  :  315px; }
#top_image_14 { left  :  360px; }
#top_image_15 { left  :  405px; }
#top_image_16 { left  :  450px; }
#top_image_17 { left  :  495px; }
#top_image_18 { left  :  540px; }
#top_image_19 { left  :  585px; }
#top_image_20 { left  :  630px; }
#top_image_21 { left  :  675px; }
#top_image_22 { left  :  720px; }
#top_image_23 { left  :  765px; }
#top_image_24 { left  :  810px; }
#top_image_25 { left  :  855px; }
#top_image_26 { left  :  900px; }
#top_image_27 { left  :  945px; }
#top_image_28 { left  :  990px; }
#top_image_29 { left  : 1035px; }
#top_image_30 { left  : 1080px; }
#top_image_31 { left  : 1125px; }
#top_image_32 { left  : 1170px; }
#top_image_33 { left  : 1215px; }
#top_image_34 { left  : 1260px; }
#top_image_35 { left  : 1305px; }
#top_image_36 { left  : 1350px; }
#top_image_37 { left  : 1395px; }
#top_image_38 { left  : 1440px; }
#top_image_39 { left  : 1485px; }
#top_image_40 { left  : 1530px; }
#top_image_41 { left  : 1575px; }
#top_image_42 { left  : 1620px; }


/*********** Left Menue Bar Navigation: ***************************************/

a:hover, 
a:focus { 
    background-color  : #fff;
}

ul#navi {
    padding           : 0px
}

ul#navi li {
    text-align        : right;
    list-style        : none;
    padding           : 3px 0px 3px 0px;
    border-bottom     : 2px solid #fff;
}

ul#navi a {
    display           : block;
    text-decoration   : none; 
    font-weight       : bold;
    font-size         : 110%;
    color             : #804110;
    padding           : 0px 10px 0px 10px;
}

ul#navi a.sel {
    color             : #804110;
    background-color  : #fff;
}

ul#navi a.sel:hover, 
ul#navi a.sel:focus  {
    color             : #804110;
}

/*********** Bottom Menue Bar Navigation and Formatting: **********************/

div#bottom_div a {
    text-decoration   : none; 
    font-weight       : bold;
    font-size         : 90%;
    color             : #fffd41;
    padding           : 0px 10px 0px 10px;
    float             : left;
}

div#bottom_div a:hover, 
div#bottom_div a:focus  {
    color             : #804110;
}

div#bottom_div span {
    float             : right;
}

div#bottom_div span a {
    background-color  : transparent;
}

/*********** Main div formatting: *********************************************/

div#main_div table {
    border            : 1px solid #000;
    border-collapse   : collapse;
}

div#main_div th {
    border            : 1px solid #000;
    padding           : 3px 10px 3px 10px;
    font-weight       : bold;
    font-size         : 90%;
    color             : #804110;
    background-color  : #e0d0b0;
    text-align        : left; 
}

div#main_div td {
	border            : 1px solid #000;
    padding           : 3px 10px 3px 10px;
}

div#main_div .zahl {
    text-align        : right;
}