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

html, body
{
    height: 100%;
}

body
{
    background-color:   #424044;
    text-align:         center; /* horizontal centering for IE Win quirks */    
    color:              #feebd2;
    font-family:        Verdana, Verdana, sans-serif; /* Windows font, Mac font, font family */
    font-size:          11px;
}

div#distance
{
    width:              1px;
    height:             50%;
    background-color:   #424044;
	margin-bottom:      -384px; /* half of container's height */
	float:              left;
}

div#page
{
    margin:             0px auto;
    position:           relative; /* puts container in front of distance */
    text-align:         left;
    width:              1024px;
    height:             768px;
    clear:              left;
    background-color:   #424044;
}

div
{
    border: 0px solid white;
}

div#banner
{
    width:              1024px;
    height:             280px;
    background-image:   url(../images/back_banner.png);
    background-repeat:  no-repeat;
}

div#banner a img, div#banner a
{
    border: 0px;
}

div#banner img
{
    margin-left:    370px;
    margin-top:     45px;
}

div#navigation_top
{
    width:              1024px;
    height:             29px;
    background-image:   url(../images/back_navi_top.png);
    background-repeat:  no-repeat;
}

div#content
{
    width:      1024px;
    height:     326px;     
}

div#content_left a,
div#content_left a img
{
	border: 0px;
}

div#content_left
{
    _margin-top:       -326px; /* IE hack */
    width:              370px;
    height:             326px;
    background-image:   url(../images/back_content_left.png);
    background-repeat:  no-repeat;
}

div#content_right
{
    float:              right;
    width:              654px;
    height:             326px;
    background-image:   url(../images/back_content_right.png);
    background-repeat:  no-repeat;
}

div#scroll
{
    height:         320px;
    width:          500px;
    overflow:       hidden;
    margin-top:     10px;
    margin-left:    10px;
    
    font-weight:    bold;
    font-size:      10px;
    line-height:    16px;
    color:          #feebd2;
}

div#scroll h1
{
    color:          #ec8e20;
    font-size:      14px;
    font-weight:    bold;
    padding-bottom: 10px;
    padding-top:    10px;
}

div#scroll h2
{
    color:          #ec8e20;
    font-size:      12px;
    font-weight:    bold;
    padding-bottom: 10px;
    padding-top:    10px;
}

div#scroll p
{
    font-weight:    bold;
    font-size:      10px;
    line-height:    16px;
    padding-bottom: 5px;
    padding-top:    5px;
    color:          #feebd2;
}

div#scroll p a
{
    text-decoration:    none;
    color:              #c1cf0a;
}

div#scroll table tr td
{
    vertical-align: top;
}

div#scroll form table tr td input, div#scroll form table tr td textarea
{
    font-size:      9px;
    font-family:    Verdana, Verdana, sans-serif;
    w_idth:          280px;
    
}

div#scroll form table tr td input.button
{
    width: 100px;
}

div#scroll ul
{
    color:              #feebd2;
    list-style-type:    disc;
    padding-bottom:     5px;
    padding-top:        5px;
}

div#scroll ul li
{
    color:          #feebd2;
    margin-left:    20px;
}

div#scrollPfeile
{
    position:   absolute;
    top:        355px;
    left:       330px;
    display:    none;
}

div#up
{
    height:             25px;
    width:              35px;
    background-image:   url(../images/up.png);
    background-repeat:  no-repeat;
    
    margin-bottom:      240px;
}

div#down
{
    height:             25px;
    width:              35px;
    background-image:   url(../images/down.png);
    background-repeat:  no-repeat;
}


div#clear
{
    clear: both;
}

div#navigation_bottom
{
    width:              1024px;
    height:             28px;
    background-image:   url(../images/back_navi_bottom.png);
    background-repeat:  no-repeat;
}

div#flyout
{
    width:  1024px;
    height: 105px;
    
    z-index: 500;
    
    position:   absolute;
    top:        663px;
    left:       0px;
    display:    block;
    
    background-image:   url(../images/back_flyout.png);
    background-repeat:  no-repeat;
    background-position:bottom;
}

div#flyout img
{
    border: 0px;
}



#menu
{
    padding:        0px;
    margin:         0px;
    list-style:     none;
    position:       relative;
    z-index:        500;
    font-family:    verdana, verdana, sans-serif;
    
    padding-left:   375px;
    padding-top:    9px;
}

#menu li
{
    float:          left;
    margin-right:   1px;        
}

#menu li a 
{
    display:            block;
    float:              left;
    height:             20px;
    line-height:        20px;
    color:              #ec8e20;
    text-decoration:    none;
    font-size:          10px;
    font-weight:        bold;
    padding:            0px 15px 0px 5px; /* oben rechts unten links */
}

#menu li a li a
{
}

#menu table
{
    border-collapse:    collapse;
    width:              0px;
    height:             0px;
    position:           absolute;
    top:                0px;
    left:               0px;
}

#menu li a:hover
{
    z-index:                200;
    position:               relative;
    color:                  #feebd2;
}

#menu li:hover
{
    position:   relative;
    z-index:    200;
}


#menu li:hover > a
{
    color:                  #feebd2; /*#c1cf0a;*/
}




#menu :hover ul
{
    left:               0px;
    top:                20px;
    width:              200px;
}



#menu ul, #menu :hover ul ul
{
    position:   absolute;
    left:       -9999px;
    top:        -9999px;
    width:      0px;
    height:     0px;
    margin:     0px;
    padding:    0px;
    list-style: none;
}

#menu :hover ul :hover ul
{
    left:               200px;
    top:                0px;
    white-space:        nowrap;
    width:              200px;
    z-index:            200;
    height:             auto;
}

#menu :hover ul li
{
    margin:     0px;
}

#menu :hover ul li a
{
    width:              170px;
    padding:            0px;
    text-indent:        10px;
    color:              #c1cf0a;
    height:             20px;
    line-height:        20px;
    border-bottom:      2px solid #1c1a18;
    border-left:        2px solid #1c1a18;
    border-right:       2px solid #1c1a18;
    background-color:   #424044;
}


#menu :hover ul :hover
{
    color: #feebd2;
}



#menu :hover ul :hover ul li a
{
    width:              200px;
    padding:            0px;
    text-indent:        10px;
    color:              #c1cf0a;
}

#menu :hover ul :hover ul :hover
{
    color:              #feebd2;
}

#menu li.aktuell a
{
    color:              #feebd2;
}









#menuUp
{
    padding:        0 0 0 0px;
    margin:         0;
    list-style:     none;
    /*height:       25px;*/
    position:       relative;
    z-index:        500;
    font-family:    verdana, verdana, sans-serif;
    
    padding-left:   20px;
    padding-top:    8px;
}

#menuUp li
{
    float:          left;
    margin-right:   1px;
}

#menuUp li a
{
    display:            block;
    float:              left;
    height:             20px;
    line-height:        20px;
    color:              #ec8e20;
    text-decoration:    none;
    font-size:          10px;
    font-weight:        bold;
    padding:            0 15px 0 0px;
}

#menuUp li a img
{
    border: 0px;
}

#menuUp table
{
    border-collapse:    collapse; 
    width:              0; 
    height:             0; 
    position:           absolute; 
    top:                0; 
    left:               0;
}

#menuUp li a:hover
{
    z-index:    200;
    position:   relative;
    color:  #feebd2;
}

#menuUp li:hover
{
    position:   relative;
    z-index:    200;
}

#menuUp li:hover > a
{
    color: #feebd2;
}

#menuUp li:hover ul
{
    left:       0;
    top:        auto;
    bottom:     20px;
    width:      200px;
}

#menuUp a:hover ul
{
    left:       0;
    top:        auto;
    bottom:     0;
    width:      200px;
}

#menuUp ul, #menuUp :hover ul ul
{
    position:   absolute;
    left:       -9999px;
    top:        -9999px;
    width:      0;
    height:     auto;
    margin:     0;
    padding:    0;
    list-style: none;
}

#menuUp :hover ul :hover ul
{
    left:           200px;
    top:            auto;
    white-space:    nowrap;
    width:          100px;
    z-index:        200;
    height:         auto;
}

#menuUp :hover ul li
{
    margin:0;
}

#menuUp :hover ul li a
{
    width:          200px;
    padding:        0;
    text-indent:    10px;
    background-color:     #1c1a18;
    color:          #c1cf0a;
    height:         20px;
    line-height:    20px;    
    /*border-top:  2px solid #424044;
    border-left:    2px solid #424044;
    border-right:   2px solid #424044;*/
}

#menuUp :hover ul :hover
{
    color:              #feebd2;
}

#menuUp :hover ul li.currentsub a
{
    color:      #feebd2;
}

#menuUp :hover ul :hover ul li a
{
    width:          100px;
    padding:        0;
    text-indent:    10px;
    color:          #c1cf0a;
}

#menuUp :hover ul :hover ul :hover
{
    color: #feebd2;
}

#menuUp ul li.short
{
    width: 15px;
    padding-top: 6px;
}

#menuUp li.aktuell a
{
    color: #feebd2;
}