/* Aussehen Braeu im Moos */ * { padding: 0; margin: 0; } html, body { height: 100%; width: 100%; font-family: Verdana, Arial, sans-serif; color: #4B4B4D; font-size: 11px; line-height: 14px; font-weight: regular; padding: 0; margin: 0; } html { overflow-y: scroll; } /* Text --------------------------------------------------------------------------------- */ h1 { color: #103F39; font-size: 12px; line-height: 14px; font-weight: bold; margin: 0; padding: 0; } /* Headline Speisen grün */ h2 { color: #515153; font-size: 12px; line-height: 14px; font-weight: normal; margin: 0; padding: 0; } /* Headline Sorten grau */ p { margin: 18px 20px 0 0; padding: 0; } a, a:link, a:visited, a:hover, a:focus, a:active { color: #4B4B4D; text-decoration: none; font-weight: bold; } .darkgreen { color: #103F39; } .darkblue { color: #00A0E1; } /* -------------------------------------------------------------------------------------- */ /* Farben: grey: #4B4B4D; yellow: #F2E072; orange: #FBBF38; blue: #00A0E1; green: #103F39; lightyellow: #FDFDDC; lightlightyellow: #FEFEF0; */ /* BG Hopfen */ body#home, body#brauerei, body#sorten_bier, body#sorten_mix, body#sorten_ace, body#sorten_apfel, body#sorten_frucade, body#sorten_saft, body#sorten_wasser, body#museum, body#geschichte, body#heimdienst, body#handel { background: url(../images/BIM_BG_Hopfen.jpg) center fixed; } /* BG Blatt */ body#gastraeume, body#biergarten, body#speisen, body#gutschein { background: url(../images/BIM_BG_Blatt.jpg) center fixed; } /* BG Quelle */ body#veranstaltung, body#reisegruppe, body#kontakt, body#impressum { background: url(../images/BIM_BG_Quelle.jpg) center fixed; } /* -------------------------------------------------------------------------------------- */ /* Aussehen ----------------------------------------------------------------------------- */ #wrapper { position: relative; width: 900px; top: 4em; margin: 0 auto; padding: 0; z-index: 1; } #logo_pic { position: absolute; top: 0; left: 352px; width: 195px; height: 155px; margin: 0; padding: 0; z-index: 100; } #header { width: 900px; height: 50px; margin: 0; padding: 0; z-index: 2; } #logo_text { float: left; width: 400px; height: 50px; margin: 0; padding: 0; z-index: 3; } #flag { float: right; width: 350px; height: 35px; margin: 0; padding: 15px 12px 0 0; text-align: right; font-size: 10px; z-index: 3; } #content { width: 876px; min-height: 100%; height:auto !important; height:100%; margin: 0; background-color: #FDFDDC; border: 12px solid #FFF; overflow: hidden; -webkit-box-shadow: 3px 3px 5px 1px #666; -moz-box-shadow: 3px 3px 5px 1px #666; box-shadow: 3px 3px 5px 1px #666; z-index: 2; } #con_top_pic{ width: 876px; height: 312px; margin: 0; padding: 0; border-bottom: 12px solid #FFF; z-index: 1; } #con_bottom { width: 876px; min-height: 312px; margin: 0; padding: 0; z-index: 3; } #navi { float: left; width: 142px; min-height: 100%;/* Mindesthöhe für moderne Browser */ height:auto !important; /* Important Regel für moderne Browser */ height:100%; /* Mindesthöhe für den IE */ margin: 0; padding: 0; background-color: #FDFDDC; z-index: 3; } #con_right { float: left; width: 728px; min-height: 312px; margin: 0; padding: 0; border-left: 6px solid #FFF; background-color: #FEFEF0; z-index: 3; } #con_right_text { float: left; width: 418px; min-height: 300px; margin: 0; padding: 12px 0 0 24px; overflow: auto; z-index: 3; } #con_right_pic { float: left; width: 280px; min-height: 312px; height:auto !important; height:100%; margin: 0; padding: 0; border-left: 6px solid #FFF; z-index: 3; } #con_right_wide { float: left; width: 704px; min-height: 300px; height:auto !important; height:100%; margin: 0; padding: 12px 0 0 24px; z-index: 3; } .con_r_w_left_titel { float: left; width: 600px; margin: 0 5px 3px 0; text-align: left; } .con_r_w_left1 { float: left; width: 154px; margin: 4px 5px 4px 0; padding: 0; border-bottom: 1px dotted #E5E1BD; } .con_r_w_right1 { float: left; width: 520px; margin: 4px 5px 4px 0; padding: 0; border-bottom: 1px dotted #E5E1BD; } #con_right_top { width: 704px; height: 58px; margin: 0; padding: 12px 0 0 24px; background-color: #FEFEF0; z-index: 3; } #con_right_bottom{ width: 728px; min-height: 236px; margin: 0; padding: 0; overflow: auto; border-top: 6px solid #FFF; z-index: 3; } #con_right_bottom p { margin: 0; padding: 0; } .getraenke_l { float: left; width: 330px; height: 217px; background-color: #FEFEF0; margin: 0; padding: 12px 6px 6px 24px; border-right: 6px solid #FFF; border-bottom: 6px solid #FFF; z-index: 4; } .getraenke_r { float: left; width: 330px; height: 217px; background-color: #FEFEF0; margin: 0; padding: 12px 6px 6px 24px; border-bottom: 6px solid #FFF; z-index: 4; } .getraenke_l_u { float: left; width: 324px; height: 199px; background-color: #FEFEF0; margin: 0; padding: 24px 12px 12px 24px; border-right: 6px solid #FFF; z-index: 4; } .getraenke_r_u { float: left; width: 324px; height: 199px; background-color: #FEFEF0; margin: 0; padding: 24px 12px 12px 24px; z-index: 4; } #liste { width: 380px; z-index: 4; margin: 0; padding: 0; } .liste_left { float: left; width: 280px; min-height: 10px; margin: 0 5px 5px 0; padding: 0; z-index: 4; } .liste_right{ float: left; width: 95px; min-height: 10px; margin: 0 0 5px 0; padding: 0; text-align: right; z-index: 4; } .con_r_b_gallery{ position: relative; width: 704px; margin: 12px 0 4px 0; padding: 0; } .con_r_b_gallery img{ position: relative; width: 107px; height: 70px; margin: 0 2px 4px 2px; padding: 0; border: 0; } .con_r_b_lightbox{ position: relative; width:100%; margin: 12px 0 0 0; padding: 0; } .con_r_b_lightbox img{ position: relative; width: 96px; height: 96px; margin: 0 2px 4px 2px; padding: 0; border: 0; } #geschichte .con_r_b_lightbox img{ position: relative; width: 96px; height: 63px; margin: 0 2px 4px 2px; padding: 0; border: 0; } #footer { width: 876px; height: 20px; margin: 12px 12px 20px 12px; padding: 0; z-index: 2; } /* -------------------------------------------------------------------------------------- */ /* Navi --------------------------------------------------------------------------------- */ #navi1 { position: relative; width: 130px; height: 210px; margin: 0; padding: 12px 0 0 12px; background-color: #FDFDDC; z-index: 3; } #navi1 ol { list-style-type: none; display: block; padding: 0; margin: 0; } #navi1 ol li { float: left; } #navi1 li span, li a { display: block; padding: 0; } #navi1 li ol { display: none; } #navi1 li:hover ol { display: block; } #navi1 li.active ol { display: block; } #navi1 ul { list-style-type: none; display: block; padding: 0; margin: 0; } /* navi1 DEUTSCH */ #navi1 ol li a#navi_brauerei { position: relative; width: 118px; height: 14px; background: url(../images/navi_de/BIM_navi_Brauerei_01.png); float: left; margin: 0 0 8px 0; } #navi1 li a#navi_brauerei:hover { position: relative; width: 118px; height: 14px; background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #brauerei #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #sorten_bier #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #sorten_mix #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #sorten_frucade #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #sorten_saft #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #sorten_wasser #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #geschichte #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #museum #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #heimdienst #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #handel #navi1 li a#navi_brauerei { background: url(../images/navi_de/BIM_navi_Brauerei_02.png); } #navi1 ol li a#navi_sorten { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Brau_Sorten_01.png); float: left; margin: 0 0 6px 0; } #navi1 li a#navi_sorten:hover { background: url(../images/navi_de/BIM_navi_Brau_Sorten_02.png); } #sorten_bier #navi1 li a#navi_sorten { background: url(../images/navi_de/BIM_navi_Brau_Sorten_02.png); } #sorten_mix #navi1 li a#navi_sorten { background: url(../images/navi_de/BIM_navi_Brau_Sorten_02.png); } #sorten_frucade #navi1 li a#navi_sorten { background: url(../images/navi_de/BIM_navi_Brau_Sorten_02.png); } #sorten_saft #navi1 li a#navi_sorten { background: url(../images/navi_de/BIM_navi_Brau_Sorten_02.png); } #sorten_wasser #navi1 li a#navi_sorten { background: url(../images/navi_de/BIM_navi_Brau_Sorten_02.png); } #navi1 ol li a#navi_geschichte { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Brau_Geschichte_01.png); float: left; margin: 0 0 6px 0; } #navi1 li a#navi_geschichte:hover { background: url(../images/navi_de/BIM_navi_Brau_Geschichte_02.png); } #geschichte #navi1 li a#navi_geschichte { background: url(../images/navi_de/BIM_navi_Brau_Geschichte_02.png); } #navi1 ol li a#navi_museum { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Brau_Museum_01.png); float: left; margin: 0 0 6px 0; } #navi1 li a#navi_museum:hover { background: url(../images/navi_de/BIM_navi_Brau_Museum_02.png); } #museum #navi1 li a#navi_museum { background: url(../images/navi_de/BIM_navi_Brau_Museum_02.png); } #navi1 ol li a#navi_heimdienst { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Brau_Heim_01.png); float: left; margin: 0 0 6px 0; } #navi1 li a#navi_heimdienst:hover { background: url(../images/navi_de/BIM_navi_Brau_Heim_02.png); } #heimdienst #navi1 li a#navi_heimdienst { background: url(../images/navi_de/BIM_navi_Brau_Heim_02.png); } #navi1 ol li a#navi_handel { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Brau_Handel_01.png); float: left; margin: 0 0 6px 0; } #navi1 li a#navi_handel:hover { background: url(../images/navi_de/BIM_navi_Brau_Handel_02.png); } #handel #navi1 li a#navi_handel { background: url(../images/navi_de/BIM_navi_Brau_Handel_02.png); } #navi1 ol li a#navi_gasthof { position: relative; width: 118px; height: 14px; background: url(../images/navi_de/BIM_navi_Gasthof_01.png); float: left; margin: 0 0 8px 0; } #navi1 li a#navi_gasthof:hover { background: url(../images/navi_de/BIM_navi_Gasthof_02.png); } #gasthof #navi1 li a#navi_gasthof { background: url(../images/navi_de/BIM_navi_Gasthof_02.png); } #gastraeume #navi1 li a#navi_gasthof { background: url(../images/navi_de/BIM_navi_Gasthof_02.png); } #biergarten #navi1 li a#navi_gasthof { background: url(../images/navi_de/BIM_navi_Gasthof_02.png); } #speisen #navi1 li a#navi_gasthof { background: url(../images/navi_de/BIM_navi_Gasthof_02.png); } #gutschein #navi1 li a#navi_gasthof { background: url(../images/navi_de/BIM_navi_Gasthof_02.png); } #navi1 ol li a#navi_gastraeume { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Gast_Raeume_01.png); float: left; margin: 0 0 6px 0; } #navi1 li a#navi_gastraeume:hover { background: url(../images/navi_de/BIM_navi_Gast_Raeume_02.png); } #gastraeume #navi1 li a#navi_gastraeume { background: url(../images/navi_de/BIM_navi_Gast_Raeume_02.png); } #navi1 ol li a#navi_biergarten { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Gast_Biergarten_01.png); float: left; margin: 0 0 6px 0; } #navi1 li a#navi_biergarten:hover { background: url(../images/navi_de/BIM_navi_Gast_Biergarten_02.png); } #biergarten #navi1 li a#navi_biergarten { background: url(../images/navi_de/BIM_navi_Gast_Biergarten_02.png); } #navi1 ol li a#navi_speisen { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Gast_Speisen_01.png); float: left; margin: 0 0 6px 0; } #navi1 li a#navi_speisen:hover { background: url(../images/navi_de/BIM_navi_Gast_Speisen_02.png); } #speisen #navi1 li a#navi_speisen { background: url(../images/navi_de/BIM_navi_Gast_Speisen_02.png); } #navi1 ol li a#navi_gutschein { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Gast_Gutschein_01.png); float: left; margin: 0 0 6px 0; } #navi1 li a#navi_gutschein:hover { background: url(../images/navi_de/BIM_navi_Gast_Gutschein_02.png); } #gutschein #navi1 li a#navi_gutschein { background: url(../images/navi_de/BIM_navi_Gast_Gutschein_02.png); } /* navi1 ITALIANO */ #navi1 ol li a#navi_birrificio { position: relative; width: 86px; height: 14px; background: url(../images/navi_it/braeu_moos_n_birrificio_01.jpg); float: left; margin: 0 30px 8px 0; } #navi1 li a#navi_birrificio:hover { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #brauerei #navi1 li a#navi_birrificio { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #sorten_bier #navi1 li a#navi_birrificio { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #sorten_mix #navi1 li a#navi_birrificio { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #sorten_frucade #navi1 li a#navi_birrificio { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #sorten_saft #navi1 li a#navi_birrificio { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #sorten_wasser #navi1 li a#navi_birrificio { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #museum #navi1 li a#navi_birrificio { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #heimdienst #navi1 li a#navi_birrificio { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #handel #navi1 li a#navi_birrificio { background: url(../images/navi_it/braeu_moos_n_birrificio_02.jpg); } #navi1 ol li a#navi_tipi { position: relative; width: 19px; height: 10px; background: url(../images/navi_it/braeu_moos_n_birri_tipi_01.jpg); float: left; margin: 0 30px 6px 0; } #navi1 li a#navi_tipi:hover { background: url(../images/navi_it/braeu_moos_n_birri_tipi_02.jpg); } #sorten_bier #navi1 li a#navi_tipi { background: url(../images/navi_it/braeu_moos_n_birri_tipi_02.jpg); } #sorten_mix #navi1 li a#navi_tipi { background: url(../images/navi_it/braeu_moos_n_birri_tipi_02.jpg); } #sorten_frucade #navi1 li a#navi_tipi { background: url(../images/navi_it/braeu_moos_n_birri_tipi_02.jpg); } #sorten_saft #navi1 li a#navi_tipi { background: url(../images/navi_it/braeu_moos_n_birri_tipi_02.jpg); } #sorten_wasser #navi1 li a#navi_tipi { background: url(../images/navi_it/braeu_moos_n_birri_tipi_02.jpg); } #navi1 ol li a#navi_museo { position: relative; width: 119px; height: 10px; background: url(../images/navi_it/braeu_moos_n_birri_museo_01.jpg); float: left; margin: 0 10px 6px 0; } #navi1 li a#navi_museo:hover { background: url(../images/navi_it/braeu_moos_n_birri_museo_02.jpg); } #museum #navi1 li a#navi_museo { background: url(../images/navi_it/braeu_moos_n_birri_museo_02.jpg); } #navi1 ol li a#navi_distribuzione { position: relative; width: 82px; height: 22px; background: url(../images/navi_it/braeu_moos_n_birri_distribuzione_01.jpg); float: left; margin: 0 30px 6px 0; } #navi1 li a#navi_distribuzione:hover { background: url(../images/navi_it/braeu_moos_n_birri_distribuzione_02.jpg); } #heimdienst #navi1 li a#navi_distribuzione { background: url(../images/navi_it/braeu_moos_n_birri_distribuzione_02.jpg); } #navi1 ol li a#navi_negozi { position: relative; width: 40px; height: 10px; background: url(../images/navi_it/braeu_moos_n_birri_negozi_01.jpg); float: left; margin: 0 30px 6px 0; } #navi1 li a#navi_negozi:hover { background: url(../images/navi_it/braeu_moos_n_birri_negozi_02.jpg); } #handel #navi1 li a#navi_negozi { background: url(../images/navi_it/braeu_moos_n_birri_negozi_02.jpg); } #navi1 ol li a#navi_ristorante { position: relative; width: 98px; height: 14px; background: url(../images/navi_it/braeu_moos_n_ristorante_01.jpg); float: left; margin: 0 30px 8px 0; } #navi1 li a#navi_ristorante:hover { background: url(../images/navi_it/braeu_moos_n_ristorante_02.jpg); } #gasthof #navi1 li a#navi_ristorante { background: url(../images/navi_it/braeu_moos_n_ristorante_02.jpg); } #gastraeume #navi1 li a#navi_ristorante { background: url(../images/navi_it/braeu_moos_n_ristorante_02.jpg); } #biergarten #navi1 li a#navi_ristorante { background: url(../images/navi_it/braeu_moos_n_ristorante_02.jpg); } #speisen #navi1 li a#navi_ristorante { background: url(../images/navi_it/braeu_moos_n_ristorante_02.jpg); } #gutschein #navi1 li a#navi_ristorante { background: url(../images/navi_it/braeu_moos_n_ristorante_02.jpg); } #navi1 ol li a#navi_sale { position: relative; width: 24px; height: 10px; background: url(../images/navi_it/braeu_moos_n_risto_sale_01.jpg); float: left; margin: 0 30px 6px 0; } #navi1 li a#navi_sale:hover { background: url(../images/navi_it/braeu_moos_n_risto_sale_02.jpg); } #gastraeume #navi1 li a#navi_sale { background: url(../images/navi_it/braeu_moos_n_risto_sale_02.jpg); } #navi1 ol li a#navi_giardino { position: relative; width: 65px; height: 10px; background: url(../images/navi_it/braeu_moos_n_risto_giardino_01.jpg); float: left; margin: 0 30px 6px 0; } #navi1 li a#navi_giardino:hover { background: url(../images/navi_it/braeu_moos_n_risto_giardino_02.jpg); } #biergarten #navi1 li a#navi_giardino { background: url(../images/navi_it/braeu_moos_n_risto_giardino_02.jpg); } #navi1 ol li a#navi_cibi { position: relative; width: 86px; height: 10px; background: url(../images/navi_it/braeu_moos_n_risto_cibi_01.jpg); float: left; margin: 0 10px 6px 0; } #navi1 li a#navi_cibi:hover { background: url(../images/navi_it/braeu_moos_n_risto_cibi_02.jpg); } #speisen #navi1 li a#navi_cibi { background: url(../images/navi_it/braeu_moos_n_risto_cibi_02.jpg); } #navi1 ol li a#navi_buoni { position: relative; width: 35px; height: 10px; background: url(../images/navi_it/braeu_moos_n_risto_buoni_01.jpg); float: left; margin: 0 30px 6px 0; } #navi1 li a#navi_buoni:hover { background: url(../images/navi_it/braeu_moos_n_risto_buoni_02.jpg); } #gutschein #navi1 li a#navi_buoni { background: url(../images/navi_it/braeu_moos_n_risto_buoni_02.jpg); } /* -------------------------------------------------------------------------------------- */ #navi2 { position: absolute; bottom: 44px; width: 130px; height: 75px; margin: 0; padding: 12px 0 0 12px; background-color: #FDFDDC; border-top: 6px solid #fff; z-index: 3; } #navi2 ul { display: inline; list-style-type: none; } #navi2 ul li { float: left; } /* navi2 DEUTSCH */ #navi2 ul li a#navi_veranstaltung { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Feste_01.png); float: left; margin: 0 0 8px 0; } #navi2 li a#navi_veranstaltung:hover { background: url(../images/navi_de/BIM_navi_Feste_02.png); } #veranstaltung #navi2 li a#navi_veranstaltung { background: url(../images/navi_de/BIM_navi_Feste_02.png); } #navi2 ul li a#navi_reisegruppe { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Gruppen_01.png); float: left; margin: 0 0 8px 0; } #navi2 li a#navi_reisegruppe:hover { background: url(../images/navi_de/BIM_navi_Gruppen_02.png); } #reisegruppe #navi2 li a#navi_reisegruppe { background: url(../images/navi_de/BIM_navi_Gruppen_02.png); } #navi2 ul li a#navi_kontakt { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Kontakt_01.png); float: left; margin: 0 0 8px 0; } #navi2 li a#navi_kontakt:hover { background: url(../images/navi_de/BIM_navi_Kontakt_02.png); } #kontakt #navi2 li a#navi_kontakt { background: url(../images/navi_de/BIM_navi_Kontakt_02.png); } #navi2 ul li a#navi_impressum { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/BIM_navi_Impressum_01.png); float: left; margin: 0 0 8px 0; } #navi2 li a#navi_impressum:hover { background: url(../images/navi_de/BIM_navi_Impressum_02.png); } #impressum #navi2 li a#navi_impressum { background: url(../images/navi_de/BIM_navi_Impressum_02.png); } /* navi2 ITALIANO */ #navi2 ul li a#navi_feste { position: relative; width: 32px; height: 10px; background: url(../images/navi_it/braeu_moos_n_veranst_01.jpg); float: left; margin: 0 60px 8px 0; } #navi2 li a#navi_feste:hover { background: url(../images/navi_it/braeu_moos_n_veranst_02.jpg); } #veranstaltung #navi2 li a#navi_feste { background: url(../images/navi_it/braeu_moos_n_veranst_02.jpg); } #navi2 ul li a#navi_comitive { position: relative; width: 55px; height: 10px; background: url(../images/navi_it/braeu_moos_n_comitive_01.jpg); float: left; margin: 0 0 8px 0; } #navi2 li a#navi_comitive:hover { background: url(../images/navi_it/braeu_moos_n_comitive_02.jpg); } #reisegruppe #navi2 li a#navi_comitive { background: url(../images/navi_it/braeu_moos_n_comitive_02.jpg); } #navi2 ul li a#navi_contatti { position: relative; width: 109px; height: 10px; background: url(../images/navi_it/braeu_moos_n_contatti_01.jpg); float: left; margin: 0 0 8px 0; } #navi2 li a#navi_contatti:hover { background: url(../images/navi_it/braeu_moos_n_contatti_02.jpg); } #kontakt #navi2 li a#navi_contatti { background: url(../images/navi_it/braeu_moos_n_contatti_02.jpg); } #navi2 ul li a#navi_notelegali { position: relative; width: 70px; height: 10px; background: url(../images/navi_it/braeu_moos_n_notelegali_01.jpg); float: left; margin: 0 20px 8px 0; } #navi2 li a#navi_notelegali:hover { background: url(../images/navi_it/braeu_moos_n_notelegali_02.jpg); } #impressum #navi2 li a#navi_notelegali { background: url(../images/navi_it/braeu_moos_n_notelegali_02.jpg); } /* -------------------------------------------------------------------------------------- */ #navi3 { width: 640px; height: 14px; z-index: 3; margin: 0 0 10px 0; } #navi3 ul { display: inline; list-style-type: none; } #navi3 ul li { float: left; } #navi3 ul li a#navi_sort_bier { position: relative; width: 29px; height: 14px; background: url(../images/navi_de/braeu_moos_n_sort_bier_01.jpg); float: left; } #navi3 li a#navi_sort_bier:hover { background: url(../images/navi_de/braeu_moos_n_sort_bier_02.jpg); } #sorten_bier #navi3 li a#navi_sort_bier { background: url(../images/navi_de/braeu_moos_n_sort_bier_02.jpg); } #navi3 ul li a#navi_sort_mix { position: relative; width: 116px; height: 14px; background: url(../images/navi_de/braeu_moos_n_sort_mix_01.jpg); float: left; } #navi3 li a#navi_sort_mix:hover { background: url(../images/navi_de/braeu_moos_n_sort_mix_02.jpg); } #sorten_mix #navi3 li a#navi_sort_mix { background: url(../images/navi_de/braeu_moos_n_sort_mix_02.jpg); } #navi3 ul li a#navi_sort_fruc { position: relative; width: 121px; height: 14px; background: url(../images/navi_de/braeu_moos_n_sort_fruc_01.jpg); float: left; } #navi3 li a#navi_sort_fruc:hover { background: url(../images/navi_de/braeu_moos_n_sort_fruc_02.jpg); } #sorten_frucade #navi3 li a#navi_sort_fruc { background: url(../images/navi_de/braeu_moos_n_sort_fruc_02.jpg); } #navi3 ul li a#navi_sort_saft { position: relative; width: 104px; height: 14px; background: url(../images/navi_de/braeu_moos_n_sort_saft_01.jpg); float: left; } #navi3 li a#navi_sort_saft:hover { background: url(../images/navi_de/braeu_moos_n_sort_saft_02.jpg); } #sorten_saft #navi3 li a#navi_sort_saft { background: url(../images/navi_de/braeu_moos_n_sort_saft_02.jpg); } #navi3 ul li a#navi_sort_wass { position: relative; width: 124px; height: 14px; background: url(../images/navi_de/braeu_moos_n_sort_wass_01.jpg); float: left; } #navi3 li a#navi_sort_wass:hover { background: url(../images/navi_de/braeu_moos_n_sort_wass_02.jpg); } #sorten_wasser #navi3 li a#navi_sort_wass { background: url(../images/navi_de/braeu_moos_n_sort_wass_02.jpg); } #navi3 ul li a#navi_kalender { position: relative; width: 86px; height: 14px; background: url(../images/navi_de/braeu_moos_n_f_kalender_01.jpg); float: left; } #navi3 li a#navi_kalender:hover { background: url(../images/navi_de/braeu_moos_n_f_kalender_02.jpg); } #veranstaltung #navi3 li a#navi_kalender { background: url(../images/navi_de/braeu_moos_n_f_kalender_02.jpg); } #navi3 ul li a#navi_bilder { position: relative; width: 39px; height: 14px; background: url(../images/navi_de/braeu_moos_n_f_bilder_01.jpg); float: left; } #navi3 li a#navi_bilder:hover { background: url(../images/navi_de/braeu_moos_n_f_bilder_02.jpg); } #veranst_bilder #navi3 li a#navi_bilder { background: url(../images/navi_de/braeu_moos_n_f_bilder_02.jpg); } /* navi3 ITALIANO */ #navi3 ul li a#navi_tipi_birre { position: relative; width: 32px; height: 14px; background: url(../images/navi_it/braeu_moos_n_b_tipi_birre_01.jpg); float: left; } #navi3 li a#navi_tipi_birre:hover { background: url(../images/navi_it/braeu_moos_n_b_tipi_birre_02.jpg); } #sorten_bier #navi3 li a#navi_tipi_birre { background: url(../images/navi_it/braeu_moos_n_b_tipi_birre_02.jpg); } #navi3 ul li a#navi_tipi_birre_mix { position: relative; width: 198px; height: 14px; background: url(../images/navi_it/braeu_moos_n_b_tipi_birre_misc_01.jpg); float: left; } #navi3 li a#navi_tipi_birre_mix:hover { background: url(../images/navi_it/braeu_moos_n_b_tipi_birre_misc_02.jpg); } #sorten_mix #navi3 li a#navi_tipi_birre_mix { background: url(../images/navi_it/braeu_moos_n_b_tipi_birre_misc_02.jpg); } #navi3 ul li a#navi_tipi_frucade { position: relative; width: 94px; height: 14px; background: url(../images/navi_it/braeu_moos_n_b_tipi_frucade_01.jpg); float: left; } #navi3 li a#navi_tipi_frucade:hover { background: url(../images/navi_it/braeu_moos_n_b_tipi_frucade_02.jpg); } #sorten_frucade #navi3 li a#navi_tipi_frucade { background: url(../images/navi_it/braeu_moos_n_b_tipi_frucade_02.jpg); } #navi3 ul li a#navi_tipi_succhi { position: relative; width: 116px; height: 14px; background: url(../images/navi_it/braeu_moos_n_b_tipi_succhi_01.jpg); float: left; } #navi3 li a#navi_tipi_succhi:hover { background: url(../images/navi_it/braeu_moos_n_b_tipi_succhi_02.jpg); } #sorten_saft #navi3 li a#navi_tipi_succhi { background: url(../images/navi_it/braeu_moos_n_b_tipi_succhi_02.jpg); } #navi3 ul li a#navi_tipi_acqua { position: relative; width: 41px; height: 14px; background: url(../images/navi_it/braeu_moos_n_b_tipi_acqua_01.jpg); float: left; } #navi3 li a#navi_tipi_acqua:hover { background: url(../images/navi_it/braeu_moos_n_b_tipi_acqua_02.jpg); } #sorten_wasser #navi3 li a#navi_tipi_acqua { background: url(../images/navi_it/braeu_moos_n_b_tipi_acqua_02.jpg); } /* -------------------------------------------------------------------------------------- */ #navi4 { width: 640px; height: 30px; z-index: 3; margin: 0; } #navi4 ul { display: inline; list-style-type: none; } #navi4 ul li { float: left; } #navi4 ul li a#n_sort_bier_export { position: relative; width: 60px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_export_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_export:hover { background: url(../images/navi_de/braeu_moos_n_s_b_export_02.jpg); } #navi4 ul li a#n_sort_bier_alkhell { position: relative; width: 108px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_alkhell_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_alkhell:hover { background: url(../images/navi_de/braeu_moos_n_s_b_alkhell_02.jpg); } #navi4 ul li a#n_sort_bier_edelpils { position: relative; width: 44px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_edelpils_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_edelpils:hover { background: url(../images/navi_de/braeu_moos_n_s_b_edelpils_02.jpg); } #navi4 ul li a#n_sort_bier_exportdunkel { position: relative; width: 76px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_exportdunkel_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_exportdunkel:hover { background: url(../images/navi_de/braeu_moos_n_s_b_exportdunkel_02.jpg); } #navi4 ul li a#n_sort_bier_hefeweiz { position: relative; width: 62px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_hefeweiz_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_hefeweiz:hover { background: url(../images/navi_de/braeu_moos_n_s_b_hefeweiz_02.jpg); } #navi4 ul li a#n_sort_bier_dunklew { position: relative; width: 73px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_dunklew_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_dunklew:hover { background: url(../images/navi_de/braeu_moos_n_s_b_dunklew_02.jpg); } #navi4 ul li a#n_sort_bier_leichtew { position: relative; width: 71px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_leichtew_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_leichtew:hover { background: url(../images/navi_de/braeu_moos_n_s_b_leichtew_02.jpg); } #navi4 ul li a#n_sort_bier_alkweiz { position: relative; width: 111px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_alkweiz_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_alkweiz:hover { background: url(../images/navi_de/braeu_moos_n_s_b_alkweiz_02.jpg); } #navi4 ul li a#n_sort_bier_festbier { position: relative; width: 39px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_festbier_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_festbier:hover { background: url(../images/navi_de/braeu_moos_n_s_b_festbier_02.jpg); } #navi4 ul li a#n_sort_bier_exporthell_magnum { position: relative; width: 112px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_exporthell_mag_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_exporthell_magnum:hover { background: url(../images/navi_de/braeu_moos_n_s_b_exporthell_mag_02.jpg); } #navi4 ul li a#n_sort_bier_hefeweiz_magnum { position: relative; width: 116px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_hefeweiz_mag_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_hefeweiz_magnum:hover { background: url(../images/navi_de/braeu_moos_n_s_b_hefeweiz_mag_02.jpg); } #navi4 ul li a#n_sort_bier_partyfass { position: relative; width: 53px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_b_party_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_bier_partyfass:hover { background: url(../images/navi_de/braeu_moos_n_s_b_party_02.jpg); } #navi4 ul li a#n_sort_mix_radler_hell { position: relative; width: 71px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_mix_radler_hell_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_mix_radler_hell:hover { background: url(../images/navi_de/braeu_moos_n_s_mix_radler_hell_02.jpg); } #navi4 ul li a#n_sort_mix_radler_dunkel { position: relative; width: 82px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_mix_radler_dunkel_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_mix_radler_dunkel:hover { background: url(../images/navi_de/braeu_moos_n_s_mix_radler_dunkel_02.jpg); } #navi4 ul li a#n_sort_mix_radler { position: relative; width: 35px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_mix_radler_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_mix_radler:hover { background: url(../images/navi_de/braeu_moos_n_s_mix_radler_02.jpg); } #navi4 ul li a#n_sort_mix_russ { position: relative; width: 22px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_mix_russ_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_mix_russ:hover { background: url(../images/navi_de/braeu_moos_n_s_mix_russ_02.jpg); } #navi4 ul li a#n_sort_fruc_orange { position: relative; width: 99px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_f_orange_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_fruc_orange:hover { background: url(../images/navi_de/braeu_moos_n_s_f_orange_02.jpg); } #navi4 ul li a#n_sort_fruc_orange_kal { position: relative; width: 169px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_f_or_kal_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_fruc_orange_kal:hover { background: url(../images/navi_de/braeu_moos_n_s_f_or_kal_02.jpg); } #navi4 ul li a#n_sort_fruc_zitrone { position: relative; width: 98px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_f_zitrone_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_fruc_zitrone:hover { background: url(../images/navi_de/braeu_moos_n_s_f_zitrone_02.jpg); } #navi4 ul li a#n_sort_fruc_zitrone_kal { position: relative; width: 169px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_f_zi_kal_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_fruc_zitrone_kal:hover { background: url(../images/navi_de/braeu_moos_n_s_f_zi_kal_02.jpg); } #navi4 ul li a#n_sort_fruc_sport { position: relative; width: 29px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_f_sport_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_fruc_sport:hover { background: url(../images/navi_de/braeu_moos_n_s_f_sport_02.jpg); } #navi4 ul li a#n_sort_fruc_colamix { position: relative; width: 47px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_f_colamix_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_fruc_colamix:hover { background: url(../images/navi_de/braeu_moos_n_s_f_colamix_02.jpg); } #navi4 ul li a#n_sort_fruc_colamix_kal { position: relative; width: 118px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_f_colamix_kal_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_fruc_colamix_kal:hover { background: url(../images/navi_de/braeu_moos_n_s_f_colamix_kal_02.jpg); } #navi4 ul li a#n_sort_saft_apfel { position: relative; width: 67px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_s_apfel_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_saft_apfel:hover { background: url(../images/navi_de/braeu_moos_n_s_s_apfel_02.jpg); } #navi4 ul li a#n_sort_saft_rot { position: relative; width: 65px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_s_rot_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_saft_rot:hover { background: url(../images/navi_de/braeu_moos_n_s_s_rot_02.jpg); } #navi4 ul li a#n_sort_saft_ace { position: relative; width: 42px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_s_ace_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_saft_ace:hover { background: url(../images/navi_de/braeu_moos_n_s_s_ace_02.jpg); } #navi4 ul li a#n_sort_wass_spritz { position: relative; width: 39px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_w_spritz_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_wass_spritz:hover { background: url(../images/navi_de/braeu_moos_n_s_w_spritz_02.jpg); } #navi4 ul li a#n_sort_wass_sanft { position: relative; width: 29px; height: 10px; background: url(../images/navi_de/braeu_moos_n_s_w_sanft_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_wass_sanft:hover { background: url(../images/navi_de/braeu_moos_n_s_w_sanft_02.jpg); } /* navi4 ITALIANO */ #navi4 ul li a#n_sort_tipi_weiz_alc { position: relative; width: 98px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_b_weiz_alc_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_tipi_weiz_alc:hover { background: url(../images/navi_it/braeu_moos_n_b_t_b_weiz_alc_02.jpg); } #navi4 ul li a#n_sort_tipi_hell_alc { position: relative; width: 92px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_b_hell_alc_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_sort_tipi_hell_alc:hover { background: url(../images/navi_it/braeu_moos_n_b_t_b_hell_alc_02.jpg); } #navi4 ul li a#n_t_fruc_aranc { position: relative; width: 53px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_f_aranc_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_t_fruc_aranc:hover { background: url(../images/navi_it/braeu_moos_n_b_t_f_aranc_02.jpg); } #navi4 ul li a#n_t_fruc_aranc_ipo { position: relative; width:117px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_f_aranc_ipo_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_t_fruc_aranc_ipo:hover { background: url(../images/navi_it/braeu_moos_n_b_t_f_aranc_ipo_02.jpg); } #navi4 ul li a#n_t_fruc_limo { position: relative; width: 49px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_f_limo_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_t_fruc_limo:hover { background: url(../images/navi_it/braeu_moos_n_b_t_f_limo_02.jpg); } #navi4 ul li a#n_t_fruc_limo_ipo { position: relative; width: 112px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_f_limo_ipo_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_t_fruc_limo_ipo:hover { background: url(../images/navi_it/braeu_moos_n_b_t_f_limo_ipo_02.jpg); } #navi4 ul li a#n_t_fruc_colamix_ipo { position: relative; width: 110px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_f_colamix_ipo_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_t_fruc_colamix_ipo:hover { background: url(../images/navi_it/braeu_moos_n_b_t_f_colamix_ipo_02.jpg); } #navi4 ul li a#n_t_succhi_ace { position: relative; width: 52px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_s_ace_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_t_succhi_ace:hover { background: url(../images/navi_it/braeu_moos_n_b_t_s_ace_02.jpg); } #navi4 ul li a#n_t_acqua_frizz { position: relative; width: 50px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_a_frizz_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_t_acqua_frizz:hover { background: url(../images/navi_it/braeu_moos_n_b_t_a_frizz_02.jpg); } #navi4 ul li a#n_t_acqua_leger { position: relative; width: 40px; height: 10px; background: url(../images/navi_it/braeu_moos_n_b_t_a_leger_01.jpg); float: left; margin: 0 0 4px 0; } #navi4 li a#n_t_acqua_leger:hover { background: url(../images/navi_it/braeu_moos_n_b_t_a_leger_02.jpg); } /* -------------------------------------------------------------------------------------- */ /* lytebox ------------------------------------------------------------------------------ */ #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 600px; } #lbOverlay.grey { background-color: #FEFEF0; } /* hintergrund */ #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; } #lbMain a img { border: none; } /* hauptflaeche */ #lbOuterContainer { position: relative; background-color: #FEFEF0; width: 500px; height: 500px; margin: auto; } #lbOuterContainer.grey { border: 3px solid #FEFEF0; } /* rahmen */ #lbDetailsContainer { font-size: 11px; line-height: 14px; color: #666; background-color: #FEFEF0; overflow: auto; margin: auto; padding: 0; } #lbDetailsContainer.grey { border: 3px solid #FEFEF0; border-top: none; } /* Infoflaeche */ #lbImageContainer, #lbIframeContainer { padding: 10px; } /* Bildzentrierung */ #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/gallery/loading.gif) center no-repeat; } /* loading */ #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer #lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } /* ?*/ #lbPrev { width: 49%; height: 100%; display: block; left: 0; float: left; } #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/gallery/prev_grey.gif) left 15% no-repeat; } /* Zurueck */ #lbNext { width: 49%; height: 100%; display: block; right: 0; float: right; } #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/gallery/next_grey.gif) right 15% no-repeat; } /* Weiter */ #lbDetailsData { padding: 10px; } /* Rahmen um Infoflaeche */ #lbDetailsData.grey { color: #515153; } /* Schriftfarbe Infoflaeche */ #lbDetails { width: 80%; float: left; text-align: left; } /* Formatierung infoflaeche */ #lbCaption { display: block; } /* Formatierung infoflaeche Text */ #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbClose { width: 75px; height: 28px; float: right; margin-bottom: 1px; } #lbClose.grey { background: url(../images/gallery/close_grey.png) no-repeat; } /* -------------------------------------------------------------------------------------- */ /* Fader -------------------------------------------------------------------------------- */ .fader { position: relative; display: inline-block; } .fader img { vertical-align: top; } .fader img.next { position: absolute; top: 0; left: 0; } .TIPP { position: absolute; top: 375px; left: 580px; width: 140px; height: 140px; margin: 0; z-index: 100; }