/* ------------------------------------------------------------------------------------------------------------------ */
/* Standardtags */

* {
    color:                          #58585a;
    font-family:                    georgia, times new roman, serif;
    font-size:                      12px;
    line-height:                    16px;
    margin:                         0;
    padding:                        0;
    text-align:                     left;
}

a, a:link, a:active, a:visited, a:hover, a:focus {
    color:                          #bf8448;
    text-decoration:                none;
}

a:hover, a:focus {
    color:                          #f39d00;
    text-decoration:                underline;
}

body {
    background-color:               #002248;
    background-image:               url(../img/bg_body.jpg);
    background-position:            center 5px;
    background-repeat:              no-repeat;
    behavior:                       url(js/cssHoverFix.html); /* wg. IE6 */
    height:                         100%;
    text-align:                     center; /* wg. IE6 */
}

h1, h2, h3 {
    color:                          #e98c03;
    font-weight:                    normal;
    margin-bottom:                  10px;
}

h1 {
    font-size:                      32px;
    line-height:                    38px;
}

h2 {
    font-size:                      24px;
    line-height:                    28px;
}

h3 {
    color:                          #002248;
    font-size:                      18px;
    line-height:                    22px;
}

img {
    border:                         none;
}

p {
    margin:                         10px 0;
    line-height:                    18px;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* allgemeine Klassen */

.alphapng {
    behavior:                       url(js/iepngfix.html); /* wg. IE6 */
}

.clear {
    clear:                          both;
}

.text_2 {
    color:                          #6d9ed5;
}

.text_right {
    text-align:                     right;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* spezielle Klassen */

a.arrow, a.arrow:link, a.arrow:active, a.arrow:visited, a.arrow:hover, a.arrow:focus {
    background-image:               url(../img/arrow_link.png);
    background-position:            right 3px;
    background-repeat:              no-repeat;
    color:                          #bf8448;
    font-weight:                    bold;
    padding-right:                  20px;
    text-decoration:                none;
}

a.arrow:hover, a.arrow:focus {
    background-image:               url(../img/arrow_link_hover.png);
    color:                          #f39d00;
}

* html a.arrow, * html a.arrow:link, * html a.arrow:active, * html a.arrow:visited, * html a.arrow:hover, * html a.arrow:focus {
    background-image:               url(../img/arrow_link.gif);
}

* html a.arrow:hover, * html a.arrow:focus {
    background-image:               url(../img/arrow_link_hover.gif);
}

img.history {
    border:                         5px solid white;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Layout */

div#topline {
    background-color:               #c49a44;
    border-bottom:                  1px solid #002248;
    font-size:                      1px;
    height:                         4px;
    line-height:                    1px;
    text-align:                     center; /* wg. IE6 */
}

div#topline_inner {
    background-color:               #fff2db;
    border-left:                    1px solid #9b722b;
    border-right:                   1px solid #9b722b;
    font-size:                      1px;
    height:                         4px;
    line-height:                    1px;
    margin:                         0 auto;
    width:                          970px;
}

* html div#topline_inner {
    width:                          972px;
}

div#container {
    background-color:               #fff2de;
    border-left:                    1px solid #00132b;
    border-right:                   1px solid #00132b;
    height:                         100%;
    margin:                         0 auto;
    min-height:                     500px;
    position:                       relative;
    top:                            -1px;
    width:                          970px;
}

* html div#container {
    height: 1px;
}

div#header {
    position:                       relative;
    top:                            -4px;
    margin-bottom:                  -4px;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Layout Menü */
div#menu_top {
    background-color:               #ebd4ad;
    background-image:               url(../img/bg_menu.png);
    background-repeat:              no-repeat;
    height:                         42px;
    position:                       relative;
    z-index:                        900;
}

* html div#menu_top {
    width:                          970px; /* wg. IE6 */
}

ul.menu_top {
    list-style-type:                none;
    min-height:                     42px;
}

li.menu_top_0 {
    float:                          left;
    position:                       relative;
    z-index:                        910;
}

a.menu_top_0, a.menu_top_0:link, a.menu_top_0:active, a.menu_top_0:visited, a.menu_top_0:hover, a.menu_top_0:focus,
a.menu_top_0_active, a.menu_top_0_active:link, a.menu_top_0_active:active, a.menu_top_0_active:visited, a.menu_top_0_active:hover, a.menu_top_0_active:focus {
    color:                          #ebd4ad;
    display:                        block;
    font-size:                      11.2px;
    font-weight:                    bold;
    padding:                        12px 13px;
    padding:                        12px 8px; /* kopie 4 suggestiion */

    
    padding-bottom:                 13px;
    text-decoration:                none;
    text-transform:                 uppercase;
}

a.menu_top_0_active, a.menu_top_0_active:link, a.menu_top_0_active:active, a.menu_top_0_active:visited, a.menu_top_0_active:hover, a.menu_top_0_active:focus {
    color:                          #f39d00;
}

a.menu_top_0:hover, a.menu_top_0:focus {
    color:                          #f39d00;
    text-decoration:                underline;
}


div.menu_top_0_submenu {
    background-color:               #fafafa;
    border:                         2px solid #e4cea9;
    display:                        none;
    left:                           2px;
    padding:                        10px;
    position:                       absolute;
    top:                            36px;
}

li.menu_top_0:hover div.menu_top_0_submenu,
li.menu_top_0:focus div.menu_top_0_submenu {
    display:                        block;
}

div.menu_top_0_submenu ul {
    list-style-type:                none;
}

div.menu_top_0_submenu li {
    background-image:               url(../img/bullet_menu_subitems.gif);
    background-position:            4px 8px;
    background-repeat:              no-repeat;
    border-bottom:                  1px solid #ededed;
    padding:                        4px 4px 4px 12px;
    white-space:                    nowrap;
}

div.menu_top_0_submenu li.last {
    border-bottom:                  none;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Layout Footer */

div#footer {
    background-color:               #002857;
    background-image:               url(../img/bg_footer.png);
    background-position:            center 0px;
    background-repeat:              no-repeat;
    border:                         1px solid #00132b;
    border-top:                     none;
    margin:                         0 auto;
    position:                       relative;
    top:                            -1px;
    width:                          970px;
}

* html div#footer {
    width:                          972px;
    margin-left:                    -1px; /* wg. IE6 */

}

div#footer_top_left {
    position:                       absolute;
    left:                           0px;
    top:                            -44px;
}

div#footer_top_center {
    position:                       absolute;
    left:                           179px;
    top:                            -3px;
}

div#footer_top_right {
    position:                       absolute;
    left:                           763px;
    top:                            -103px;
}


div#footer_left {
    float:                          left;
    width:                          175px;
}

div#footer_right {
    float:                          right;
    margin-right:                   15px;
    width:                          780px;
}

* html div#footer_right {
    margin-right:                   7px;
}

div#copy {
    border-top:                     1px solid #113e73;
    color:                          white;
    padding:                        8px 0;
    text-align:                     right;
}

* html div#copy {
    padding-top:                    4px;
}

/* ID = Wrapper um gesamtes Menü */
div#menu_bottom {
    margin-top:                     13px;
}

/* CLASS = Wrapper um einzelnen Hauptmenüpunkt */
div.menu_bottom {
    float:                          left;
    width:                          144px;
    margin:                         6px 12px;
    margin-left:                    0;
}

* html div.menu_bottom {
    width:                          142px;
    margin-right:                   10px;
}

ul.menu_bottom {
    list-style-type:                none;
}

a.menu_bottom_0, a.menu_bottom_0:link, a.menu_bottom_0:active, a.menu_bottom_0:visited, a.menu_bottom_0:hover, a.menu_bottom_0:focus {
    color:                          #dda649;
    display:                        block;
    font-size:                      14px;
    font-weight:                    bold;
    height:                         36px;
    text-decoration:                none;
    text-transform:                 uppercase;
}

a.menu_bottom_0:hover, a.menu_bottom_0:focus {
    color:                          white;
    text-decoration:                underline;
}

a.menu_bottom_1, a.menu_bottom_1:link, a.menu_bottom_1:active, a.menu_bottom_1:visited, a.menu_bottom_1:hover, a.menu_bottom_1:focus {
    color:                          #6d9ed5;
    font-family:                    verdana, sans-serif;
    font-size:                      11px;
    font-weight:                    normal;
    text-decoration:                none;
}

a.menu_bottom_1:hover, a.menu_bottom_1:focus {
    color:                          white;
    text-decoration:                underline;
}

a.menu_bottom_0_active,
a.menu_bottom_1_active {
    text-decoration:                underline !important;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Layout Content-Spalten */

/* Volle Breite */
div.column_whole {
    /*position:                       relative;*/
}

div.column_whole_inner {
    margin:                         10px;
}

* html div.column_whole_inner {
    margin:                         10px 9px;
}

/* Drittel */
div.column_third {
    float:                          left;
    position:                       relative;
    width:                          33.33%;
}

* html div.column_third {
    width:                          33.31%; /* wg. IE6 */
}

div.column_third_inner {
    margin:                         10px;
}

* html div.column_third_inner {
    margin:                         5px 5px 5px 6px;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Layout Textseite (z.B. Historie) */

div.textpage_container {
    background-color:               #fff1da;
    background-image:               url(../img/bg_textpage_left.gif);
    background-repeat:              repeat-y;
}

div.textpage_inner {
    margin-left:                    170px;
    padding-top:                    20px;
}

div.textpage_header_text {
    float:                          left;
    width:                          350px;
}

div.textpage_header_pic {
    float:                          right;
    height:                         210px;
}

* html div.textpage_header_pic img {
    left:                           2px;
}

div.textpage_divider {
    background-image:               url(../img/bg_textpage_divider.gif);
    background-repeat:              repeat-x;
    font-size:                      1px;
    height:                         6px;
    line-height:                    1px;
    margin-bottom:                  10px;
}

div.textpage_column_1 {
    border-right:                   1px solid #edd7b2;
    float:                          left;
    padding-right:                  10px;
    width:                          300px;
}

* html div.textpage_column_1 {
    width:                          300px;
}

div.textpage_column_2 {
    float:                          left;
    padding-left:                   10px;
    padding-right:                  20px;
    width:                          300px;
}

* html div.textpage_column_2 {
    width:                          280px;
}

div.textpage_column_1 p,
div.textpage_column_2 p {
    text-align:                     justify;
    padding-bottom:                 15px;
}

div.textpage_pic {
    margin-bottom:                  30px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* Seiteninhalte: Homepage */

h1.cnt_home {
    color:                          #004168;
    font-size:                      22px;
    font-weight:                    normal;
    line-height:                    28px;
    margin-bottom:                  10px;
}

p.cnt_home {
    color:                          #004168;
    font-size:                      11px;
    line-height:                    14px;
}

p.cnt_home * {
    font-size:                      11px;
    line-height:                    14px;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Seiteninhalte: Festbier */

div.beer,
div.beer_active {
    border:                         1px solid white;
    border-right:                   none;
    float:                          left;
    height:                         370px;
    /*height:                         297px;*/
}

div.beer_active {
    width:                          459px;
    position:                       relative;
}

* html div.beer_active {
    height:                         372px;
    /*height:                         299px;*/
}

div.beer_active p,
div.beer_active blockquote,
div.beer_active h2 {
    margin-left:                    165px;
    margin-right:                   10px;
}

div.beer_active h2.beer {
    color:                          #e98c03;
    font-size:                      48px;
    font-weight:                    normal;
    margin-top:                     45px;
}

div.beer_active h2.beer_l2 {
    color:                          white;
    font-size:                      36px;
    margin-top:                     16px;
}

div.beer_active p {
    color:                          #bcdbff;
    font-size:                      14px;
    font-style:                     italic;
    line-height:                    16px;
    margin-bottom:                  20px;
    margin-right:                   10px;
    margin-top:                     10px;
}

div.beer_active blockquote {
    color:                          white;
    font-style:                     italic;
    margin-top:                     20px;
}

a.beer, a.beer:link, a.beer:active, a.beer:visited, a.beer:hover, a.beer:focus {
    color:                          white;
    font-size:                      14px;
    position:                       absolute;
    left:                           165px;
    top:                            330px;
    text-decoration:                none;
}

a.beer:hover, a.beer:focus {
    text-decoration:                underline;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Seiteninhalte Plalat */

div.poster_container {
    background-color:               #edd7b2;
    height:                         100%;
}

* html div.poster_container {
    height:                         674px;
}

div.poster_left {
    float:                          left;
    width:                          170px;
}

div.poster_inner {
    background-color:               #002148;
    background-image:               url(../img/KUB_2011_Plakatseite_Sieger.jpg);
    background-repeat:              no-repeat;
    float:                          left;
    padding-top:                    30px;
    padding-left:                   20px;
    width:                          780px;
}

* html div.poster_inner {
    width:                          780px;
}

div.poster_container p,
div.poster_container strong {
    color:                          white;
}

div.poster_button {
    padding-bottom:                 120px;
}

ul.poster_submenu {
    border-top:                     1px solid #ededed;
    list-style:                     none;
    margin-top:                     80px;
}

ul.poster_submenu li {
    background-color:               white;
    background-image:               url(../img/bullet_menu_subitems.gif);
    background-position:            6px 11px;
    background-repeat:              no-repeat;
    border-bottom:                  1px solid #ededed;
    padding:                        5px;
    padding-left:                   15px;
}

div.poster_inner_left {
    float:                          left;
    width:                          610px;
}

div.poster_inner_right {
    float:                          right;
    width:                          150px;
}

div.poster_inner_right div.poster_banner {
    margin:                         5px;
    width:                          140px;
}

div.poster_inner_right div.poster_banner_divider {
    border-top:                     1px solid #edd7b2;
    font-size:                      1px;
    height:                         1px;
    line-height:                    1px;
    margin:                         0 5px;
}
ul.poster_submenu .active {
    font-weight:					bold;	
}

#footer_left .alphapng {margin-bottom:20px}
.dateteaser {position:absolute; top:100px; right:160px}

#gallery .itemwrapper {float:left;margin: 0 20px 20px 0;}


.animation li, 
.animation2 li,
ul.animation, 
ul.animation2  {list-style-type:none; list-style-item:none}

hr {border:0; background-color:#ccc;height:1px;}


#flashteaser {padding-left:4px;position:relative; z-index:1; width:290px; height:242px; position:relative;}
#flashteaser a {position:absolute; display:block; width:290px; height:242px; z-index:3000; }
#flashteaser embed {position:absolute; z-index:50;}

#sparkle {z-index:9000;}

.spaceborder {padding-left:10px; border-left: 1px solid #edd7b2}

.space20r {padding-right:20px; }
.spaceborder20l {padding-left:20px; border-left: 1px solid #edd7b2}
.galeriedate {font-size:90%; color: #999}

.disabled {
  opacity: 0.25;
  filter: alpha(opacity = 25);
}