/* CSS Document */ body { background-color:#000; background-image:url(../images/bg_body.jpg); background-repeat:repeat-x; padding:0 0 0 0; margin:0 0 0 0; font-family: Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:14px; } #table_bg { background-image:url(../images/bg_body.jpg); background-repeat:repeat-x; width:100%} #main { background-image:url(../images/rockbier_intro.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; } #main img { background-image:url(../images/start_skull.png); background-repeat:no-repeat; margin-top:401px; margin-left:375px; cursor:pointer; border:none;} #main img:hover { background-image:url(../images/start_skull_hover.png); background-repeat:no-repeat; width:147px; height:63px;} #main2 { background-image:url(../images/bg2.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; } #main2inhalt { height:461px;} #teller { position:absolute; height:96px; width:280px; margin-left:715px;} #teller img { border:none;} #teller .axt { float:left; background-image:url(../images/teller_axt.png); background-repeat:no-repeat; cursor:pointer; position:absolute;} #teller .axt:hover { background-image:url(../images/teller_axt_hover.png);} #teller .siegel { float:left; background-image:url(../images/teller_siegel.png); background-repeat:no-repeat; cursor:pointer; position:absolute; margin-left:59px;} #teller .siegel:hover { background-image:url(../images/teller_siegel_hover.png);} #teller .ace { float:left; background-image:url(../images/teller_ace.png); background-repeat:no-repeat; cursor:pointer; position:absolute; margin-left:119px;} #teller .ace:hover { background-image:url(../images/teller_ace_hover.png);} #teller .kanone { float:left; background-image:url(../images/teller_kanone.png); background-repeat:no-repeat; cursor:pointer; position:absolute; margin-left:180px;} #teller .kanone:hover { background-image:url(../images/teller_kanone_hover.png);} #navi { height:36px; #width:620px; float:left; padding-top:4px; margin-left:135px; } #navi img { border:none;} #navi ul { margin:0; padding:0;} #navi li { float:left; list-style:none;} #navi li.star1 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:16px;} #navi li.star2 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:14px;} #navi li.star3 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:12px;} #navi li.star4 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:10px;} #navi li.star5 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:8px;} #navi li.star6 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:6px;} #navi li.star7 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:4px;} #navi .rockbier { background-image:url(../images/Rockbier.png); background-repeat:no-repeat; cursor:pointer; margin-top:18px;} #navi .rockbier:hover { background-image:url(../images/Rockbier_hover.png);} #navi .rockbier_active { background-image:url(../images/Rockbier_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:18px;} #navi .story { background-image:url(../images/Story.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px;} #navi .story:hover { background-image:url(../images/Story_hover.png);} #navi .story_active { background-image:url(../images/Story_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px;} #navi .biere { background-image:url(../images/Biere.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .biere:hover { background-image:url(../images/Biere_hover.png);} #navi .biere_active { background-image:url(../images/Biere_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .newz { background-image:url(../images/Newz.png); background-repeat:no-repeat; cursor:pointer; margin-top:12px;} #navi .newz:hover { background-image:url(../images/Newz_hover.png);} #navi .newz_active { background-image:url(../images/Newz_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:12px;} #navi .order { background-image:url(../images/Order.png); background-repeat:no-repeat; cursor:pointer; margin-top:10px;} #navi .order:hover { background-image:url(../images/Order_hover.png);} #navi .order_active { background-image:url(../images/Order_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:10px;} #navi .store { background-image:url(../images/Store.png); background-repeat:no-repeat; cursor:pointer; margin-top:8px;} #navi .store:hover { background-image:url(../images/Store_hover.png);} #navi .store_active { background-image:url(../images/Store_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:8px;} #navi .rock { background-image:url(../images/Rock.png); background-repeat:no-repeat; cursor:pointer; margin-top:7px;} #navi .rock:hover { background-image:url(../images/Rock_hover.png);} #navi .rock_active { background-image:url(../images/Rock_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:7px;} #navi .friends { background-image:url(../images/Links.png); background-repeat:no-repeat; cursor:pointer; margin-top:6px;} #navi .friends:hover { background-image:url(../images/Links_hover.png);} #navi .friends_active { background-image:url(../images/Links_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:6px;} #images { width:295px; height:399px; float:left; margin-left:128px; margin-top:14px; } #img_rockbier { background-image:url(../images/trailer/friends.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_rockbier:hover { background-image:url(../images/trailer/friends_hover.jpg); margin-left:125px; margin-top:14px; width:297px;} #img_story { background-image:url(../images/trailer/story.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_story:hover { background-image:url(../images/trailer/story_hover.jpg);} #img_biere { background-image:url(../images/trailer/biere.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_biere:hover { background-image:url(../images/trailer/biere_hover.jpg);} #img_newz { background-image:url(../images/trailer/newz.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_newz:hover { background-image:url(../images/trailer/newz_hover.jpg);} #img_order { background-image:url(../images/trailer/order.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_order:hover { background-image:url(../images/trailer/order_hover.jpg);} #img_store { background-image:url(../images/trailer/store.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_store:hover { background-image:url(../images/trailer/store_hover.jpg);} #img_friends { background-image:url(../images/trailer/ace_of_beers.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_friends:hover { background-image:url(../images/trailer/ace_of_beers_hover.jpg); margin-left:125px; margin-top:14px; width:297px;} #img_rock { background-image:url(../images/trailer/rock.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_rock:hover { background-image:url(../images/trailer/rock_hover.jpg);} #img_impressum { background-image:url(../images/trailer/guitar.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_impressum:hover { background-image:url(../images/trailer/guitar_hover.jpg);} #img_crue{ background-image:url(../images/trailer/rocker.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_crue:hover { background-image:url(../images/trailer/rocker_hover.jpg);} #img_links{ background-image:url(../images/trailer/ace_of_beers.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_links:hover { background-image:url(../images/trailer/ace_of_beers_hover.jpg);} #img_com{ background-image:url(../images/trailer/biere.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_com:hover { background-image:url(../images/trailer/biere_hover.jpg);} #img_siegel { background-image:url(../images/trailer/siegel.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_siegel:hover { background-image:url(../images/trailer/siegel_hover.jpg);} #img_kanone { background-image:url(../images/trailer/kanone.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_kanone:hover { background-image:url(../images/trailer/kanone_hover.jpg);} #img_teller3 { background-image:url(../images/trailer/teller3.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_teller3:hover { background-image:url(../images/trailer/teller3_hover.jpg);} #img_teller2 { background-image:url(../images/trailer/teller2.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_teller2:hover { background-image:url(../images/trailer/teller2_hover.jpg);} #img_teller1 { background-image:url(../images/trailer/teller1.jpg); background-repeat:no-repeat; width:297px; height:396px; float:left; margin-left:125px; margin-top:14px;} #img_teller1:hover { background-image:url(../images/trailer/teller1_hover.jpg);} #content { float:left; margin-top:40px; } #scrollable { float: left; width: 495px; height: 350px; padding-left:10px; margin-top:20px; overflow: hidden; text-align:left; } #scrollable ul { margin:0; padding:0;} #scrollable li { margin-left:15px;} #scrollable p { margin:0;} #track { float:right; height:366px; margin-top:10px; } #handle { background-image:url(../images/skull.png); background-repeat:no-repeat; width:69px; height:56px; margin-top:17px; padding-bottom:50px; margin-left:3px; cursor:n-resize; } #footer { width:1000px; height:89px; background-image:url(../images/impressum_bg.jpg); background-repeat:no-repeat; } #impressum { width:435px; height:20px; position:absolute; margin-top:49px; margin-left:455px;} #impressum img { border:none;} #impressum ul { margin:0; padding:0;} #impressum li { float:left; list-style:none;} #impressum li.pipe1 { background-image:url(../images/footer_pipe.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:10px; } #impressum li.pipe2 { background-image:url(../images/footer_pipe.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:9px; } #impressum li.pipe3 { background-image:url(../images/footer_pipe.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:8px; } #impressum li.pipe4 { background-image:url(../images/footer_pipe.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:7px; } #impressum li.www { background-image:url(../images/footer_www.png); background-repeat:no-repeat; margin-top:4px;} #impressum li.www:hover { background-image:url(../images/footer_www_hover.png);} #impressum li.imp { background-image:url(../images/footer_imp.png); background-repeat:no-repeat; margin-top:3px;} #impressum li.imp:hover { background-image:url(../images/footer_imp_hover.png);} #impressum li.imp_active { background-image:url(../images/footer_imp_hover.png); background-repeat:no-repeat; margin-top:3px;} #impressum li.rock { background-image:url(../images/footer_rock.png); background-repeat:no-repeat; margin-top:2px;} #impressum li.rock:hover { background-image:url(../images/footer_rock_hover.png);} #impressum li.rock_active { background-image:url(../images/footer_rock_hover.png); background-repeat:no-repeat; margin-top:2px;} #impressum li.links { background-image:url(../images/footer_links.png); background-repeat:no-repeat; margin-top:1px;} #impressum li.links:hover { background-image:url(../images/footer_links_hover.png);} #impressum li.links_active { background-image:url(../images/footer_links_hover.png); background-repeat:no-repeat; margin-top:1px;} #impressum li.com { background-image:url(../images/footer_com.png); background-repeat:no-repeat; margin-top:0px;} #impressum li.com:hover { background-image:url(../images/footer_com_hover.png);} #impressum li.com_active { background-image:url(../images/footer_com_hover.png); background-repeat:no-repeat; margin-top:0px;} h1 { margin-top:0px;} .clearer { float:none; clear:both;} /* Order */ #main3 { background-image:url(../images/order/order_bg.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; color:#fff;} #navi .neukunde { background-image:url(../images/order/neukunde.png); background-repeat:no-repeat; cursor:pointer; margin-top:11px;} #navi .neukunde:hover { background-image:url(../images/order/neukunde_hover.png);} #navi .neukunde_active { background-image:url(../images/order/neukunde_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:11px;} #navi .login { background-image:url(../images/order/login.png); background-repeat:no-repeat; cursor:pointer; margin-top:10px; margin-left:25px;} #navi .login:hover { background-image:url(../images/order/login_hover.png);} #navi .login_active { background-image:url(../images/order/login_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:10px; margin-left:25px;} #back img { background-image:url(../images/order/backto.png); background-repeat:no-repeat; border:none; float:right; margin-top:5px;} #back img:hover { background-image:url(../images/order/backto_hover.png); background-repeat:no-repeat;} #track2 { float:right; height:366px; margin-top:-6px;} /* Login */ .tx-felogin-pi1 h3 { display:none;} .tx-felogin-pi1 form { margin-top:10px;} .tx-felogin-pi1 legend { display:none;} .tx-felogin-pi1 a { margin-left:120px;} .tx-felogin-pi1 a:link { text-decoration:none; color:#fff;} .tx-felogin-pi1 a:visited { text-decoration:none; color:#fff;} .tx-felogin-pi1 a:hover { text-decoration:none; color:#bb5207;} input[type=submit] { border:1px solid #fff; color:#fff; background:none; padding-left:3px; padding-right:3px; cursor:pointer; margin-bottom:10px; margin-left:120px;} input[type=submit]:hover { border:1px solid #fff; color:#000; background-color:#FFF; padding-left:3px; padding-right:3px;} input[type=text] { border:1px solid #fff; background:none; color:#fff; padding-left:3px; padding-right:3px; margin-bottom:8px; width:250px;} .tx-felogin-pi1 fieldset { border:none; margin:0; padding:0; margin-top:10px;} .tx-felogin-pi1 label { display:block; float:left; width:120px; color:#fff;} #user { border:1px solid #fff; background:none; color:#fff; padding-left:3px; padding-right:3px; margin-bottom:8px; width:150px; font-family:Arial, Helvetica, sans-serif; font-size:13px;} #pass { border:1px solid #fff; background:none; color:#fff; padding-left:3px; padding-right:3px; margin-bottom:8px; width:150px; font-family:Arial, Helvetica, sans-serif; font-size:13px;} /* Shop */ #main4 { background-image:url(../images/shop/shop_bg.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; color:#fff;} #navi li.starshop1 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:16px;} #navi li.starshop2 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:14px;} #navi li.starshop3 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:12px;} #navi li.starshop4 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:10px;} #navi li.starshop5 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:8px;} #navi .menshirts { background-image:url(../images/shop/menshirts.png); background-repeat:no-repeat; cursor:pointer; margin-top:18px;} #navi .menshirts:hover { background-image:url(../images/shop/menshirts_hover.png);} #navi .menshirts_active { background-image:url(../images/shop/menshirts_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:18px;} #navi .girlshirts { background-image:url(../images/shop/girlshirts.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px;} #navi .girlshirts:hover { background-image:url(../images/shop/girlshirts_hover.png);} #navi .girlshirts_active { background-image:url(../images/shop/girlshirts_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px;} #navi .poster { background-image:url(../images/shop/poster.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .poster:hover { background-image:url(../images/shop/poster_hover.png);} #navi .poster_active { background-image:url(../images/shop/poster_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .wallpaper { background-image:url(../images/shop/wallpaper.png); background-repeat:no-repeat; cursor:pointer; margin-top:11px;} #navi .wallpaper:hover { background-image:url(../images/shop/wallpaper_hover.png);} #navi .wallpaper_active { background-image:url(../images/shop/wallpaper_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:11px;} #navi .gimmics { background-image:url(../images/shop/gimmics.png); background-repeat:no-repeat; cursor:pointer; margin-top:9px;} #navi .gimmics:hover { background-image:url(../images/shop/gimmics_hover.png);} #navi .gimmics_active { background-image:url(../images/shop/gimmics_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:9px;} #navi .offers { background-image:url(../images/shop/offers.png); background-repeat:no-repeat; cursor:pointer; margin-top:8px;} #navi .offers:hover { background-image:url(../images/shop/offers_hover.png);} #navi .offers_active { background-image:url(../images/shop/offers_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:8px;} /* Jukebox */ #main5 { background-image:url(../images/jukebox/jukebox_bg.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; color:#fff;} #navi li.starjukebox1 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:16px;} #navi li.starjukebox2 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:14px;} #navi li.starjukebox3 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:13px;} #navi li.starjukebox4 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:11px;} #navi li.starjukebox5 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:10px;} #navi li.starjukebox6 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:9px;} #navi li.starjukebox7 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:8px;} #navi .rnb { background-image:url(../images/jukebox/rnb.png); background-repeat:no-repeat; cursor:pointer; margin-top:19px;} #navi .rnb:hover { background-image:url(../images/jukebox/rnb_hover.png);} #navi .rnb_active { background-image:url(../images/jukebox/rnb_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:19px;} #navi .classicrock { background-image:url(../images/jukebox/classicrock.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px;} #navi .classicrock:hover { background-image:url(../images/jukebox/classicrock_hover.png);} #navi .classicrock_active { background-image:url(../images/jukebox/classicrock_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px;} #navi .prog { background-image:url(../images/jukebox/prog.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .prog:hover { background-image:url(../images/jukebox/prog_hover.png);} #navi .prog_active { background-image:url(../images/jukebox/prog_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .aor { background-image:url(../images/jukebox/aor.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .aor:hover { background-image:url(../images/jukebox/aor_hover.png);} #navi .aor_active { background-image:url(../images/jukebox/aor_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .metal { background-image:url(../images/jukebox/metal.png); background-repeat:no-repeat; cursor:pointer; margin-top:12px;} #navi .metal:hover { background-image:url(../images/jukebox/metal_hover.png);} #navi .metal_active { background-image:url(../images/jukebox/metal_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:12px;} #navi .punk { background-image:url(../images/jukebox/punk.png); background-repeat:no-repeat; cursor:pointer; margin-top:11px;} #navi .punk:hover { background-image:url(../images/jukebox/punk_hover.png);} #navi .punk_active { background-image:url(../images/jukebox/punk_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:11px;} #navi .souls { background-image:url(../images/jukebox/souls.png); background-repeat:no-repeat; cursor:pointer; margin-top:9px;} #navi .souls:hover { background-image:url(../images/jukebox/souls_hover.png);} #navi .souls_active { background-image:url(../images/jukebox/souls_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:9px;} #navi .alltime { background-image:url(../images/jukebox/alltime.png); background-repeat:no-repeat; cursor:pointer; margin-top:7px;} #navi .alltime:hover { background-image:url(../images/jukebox/alltime_hover.png);} #navi .alltime_active { background-image:url(../images/jukebox/alltime_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:7px;} /* Galery */ #main6 { background-image:url(../images/galery/galery_bg.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; color:#fff;} #scrollable2 {float:left; height:350px; padding-left:10px; margin-top:10px; overflow: hidden; text-align:left; width:915px;} #scrollable2 ul { margin:0; padding:0;} #scrollable2 li { margin-left:15px;} #scrollable2 p { margin:0;} #navi li.stargalery1 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:16px;} #navi li.stargalery2 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:15px;} #navi li.stargalery3 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:14px;} #navi li.stargalery4 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:13px;} #navi li.stargalery5 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:12px;} #navi li.stargalery6 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:11px;} #navi li.stargalery7 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:10px;} #navi li.stargalery8 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:9px;} #navi li.stargalery9 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:8px;} #navi li.stargalery10 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:7px;} #navi li.stargalery11 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:3px; margin-right:3px; margin-top:6px;} #navi .jan { background-image:url(../images/galery/jan.png); background-repeat:no-repeat; cursor:pointer; margin-top:20px;} #navi .jan:hover { background-image:url(../images/galery/jan_hover.png);} #navi .jan_active { background-image:url(../images/galery/jan_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:20px;} #navi .feb { background-image:url(../images/galery/febr.png); background-repeat:no-repeat; cursor:pointer; margin-top:18px;} #navi .feb:hover { background-image:url(../images/galery/febr_hover.png);} #navi .feb_active { background-image:url(../images/galery/febr_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:18px;} #navi .maerz { background-image:url(../images/galery/maerz.png); background-repeat:no-repeat; cursor:pointer; margin-top:17px;} #navi .maerz:hover { background-image:url(../images/galery/maerz_hover.png);} #navi .maerz_active { background-image:url(../images/galery/maerz_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:17px;} #navi .april { background-image:url(../images/galery/april.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px;} #navi .april:hover { background-image:url(../images/galery/april_hover.png);} #navi .april_active { background-image:url(../images/galery/april_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px;} #navi .mai { background-image:url(../images/galery/mai.png); background-repeat:no-repeat; cursor:pointer; margin-top:15px;} #navi .mai:hover { background-image:url(../images/galery/mai_hover.png);} #navi .mai_active { background-image:url(../images/galery/mai_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:15px;} #navi .juni { background-image:url(../images/galery/juni.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .juni:hover { background-image:url(../images/galery/juni_hover.png);} #navi .juni_active { background-image:url(../images/galery/juni_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .juli { background-image:url(../images/galery/juli.png); background-repeat:no-repeat; cursor:pointer; margin-top:13px;} #navi .juli:hover { background-image:url(../images/galery/juli_hover.png);} #navi .juli_active { background-image:url(../images/galery/juli_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:13px;} #navi .aug { background-image:url(../images/galery/aug.png); background-repeat:no-repeat; cursor:pointer; margin-top:12px;} #navi .aug:hover { background-image:url(../images/galery/aug_hover.png);} #navi .aug_active { background-image:url(../images/galery/aug_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:12px;} #navi .sept { background-image:url(../images/galery/sept.png); background-repeat:no-repeat; cursor:pointer; margin-top:11px;} #navi .sept:hover { background-image:url(../images/galery/sept_hover.png);} #navi .sept_active { background-image:url(../images/galery/sept_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:11px;} #navi .okt { background-image:url(../images/galery/okt.png); background-repeat:no-repeat; cursor:pointer; margin-top:10px;} #navi .okt:hover { background-image:url(../images/galery/okt_hover.png);} #navi .okt_active { background-image:url(../images/galery/okt_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:10px;} #navi .nov { background-image:url(../images/galery/nov.png); background-repeat:no-repeat; cursor:pointer; margin-top:9px;} #navi .nov:hover { background-image:url(../images/galery/nov_hover.png);} #navi .nov_active { background-image:url(../images/galery/nov_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:9px;} #navi .dez { background-image:url(../images/galery/dez.png); background-repeat:no-repeat; cursor:pointer; margin-top:8px;} #navi .dez:hover { background-image:url(../images/galery/dez_hover.png);} #navi .dez_active { background-image:url(../images/galery/dez_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:8px;} #navi_year { position:absolute; margin-left:700px; margin-top:30px;} #navi_year a { color:#fff; text-decoration:none;} #navi_year a:hover { color:#bb5207;} #navi_year li { float:left; list-style:none; margin-right:10px; font-size:16px; font-weight:bold;} #navi_year li.level_1_NO_active a:link{ color:#bb5207;} #navi_year li.level_1_NO_active a:visited{ color:#bb5207;} #navi_year li.level_1_NO_active a:hover{ color:#bb5207;} /* Bier */ #main7 { background-image:url(../images/bier/bier_bg.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; color:#fff;} #navi li.starbier1 { background-image:url(../images/star_navi.png); background-repeat:no-repeat; margin-left:4px; margin-right:4px; margin-top:16px;} #navi .bier { background-image:url(../images/bier/rockbier.png); background-repeat:no-repeat; cursor:pointer; margin-top:20px;} /* Gästebuch */ #main8 { background-image:url(../images/gaestebuch/bg_gaestebuch.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; color:#fff;} #main9 { background-image:url(../images/gaestebuch/bg_eintragen.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; color:#fff;} #main8 a { color:#fff;} #main8 a:link { text-decoration:none;} #main8 a:visited { text-decoration:none;} #main8 a:hover { text-decoration:underline;} #main9 a { color:#fff;} #main9 a:link { text-decoration:none;} #main9 a:visited { text-decoration:none;} #main9 a:hover { text-decoration:underline;} #navi .gaestebuch { background-image:url(../images/gaestebuch/gaestebuch.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .gaestebuch:hover { background-image:url(../images/gaestebuch/gaestebuch_hover.png);} #navi .gaestebuch_active { background-image:url(../images/gaestebuch/gaestebuch_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:14px;} #navi .eintrag { background-image:url(../images/gaestebuch/eintrag.png); background-repeat:no-repeat; cursor:pointer; margin-top:10px; margin-left:25px;} #navi .eintrag:hover { background-image:url(../images/gaestebuch/eintrag_hover.png);} #navi .eintrag_active { background-image:url(../images/gaestebuch/eintrag_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:10px; margin-left:25px;} .tx-veguestbook-pi1 fieldset { border:none; margin-top:20px;} .tx-veguestbook-pi1 legend { display:none;} .tx-guestbook-field { width:400px;} .tx-guestbook-field label { width:70px; float:left; text-align:left;} .tx-guestbook-field input { float:right; width:300px;} #firstname{ font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:12px; } #surname { font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:12px;} #email { font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:12px;} #homepage { font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:12px;} #place { font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:12px;} #capture { font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:12px;} #message { background:none; font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:12px; padding:3px; border:none; border:1px solid #fff; float:right; width:300px;} #guestbook_submit { background-image:url(../images/gaestebuch/absenden.png); font-size:0px; width:155px; height:38px; border:none; background-repeat:no-repeat; background-position:8px 4px; float:left; margin-top:20px; margin-left:82px;} #guestbook_submit:hover { background:none; background-image:url(../images/gaestebuch/absenden_hover.png); background-position:-1px -5px;} .tx-guestbook-form-error { color:#F00;} #scrollable_eintrag { float: left; width: 455px; height: 390px; padding-left:50px; margin-top:-20px; overflow: hidden; text-align:left; } .tx-guestbook-result { float:left;} .tx-guestbook-pagination { float:right;} .tx-guestbook-header { font-size:14px; border-bottom:1px dotted #fff;} .tx-guestbook-left { font-style:italic; font-size:11px;} .tx-guestbook-date { font-style:italic; font-size:11px; padding-bottom:10px;} /* Gallerie */ #main10 { background-image:url(../images/galerie/galerie_bg.jpg); background-repeat:no-repeat; width:1000px; height:550px; margin:auto; color:#fff;} #navi .biersorten { background-image:url(../images/galerie/biersorten.png); background-repeat:no-repeat; cursor:pointer; margin-top:18px;} #navi .biersorten:hover { background-image:url(../images/galerie/biersorten_hover.png);} #navi .biersorten_active { background-image:url(../images/galerie/biersorten_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:18px;} #navi .brauwerk { background-image:url(../images/galerie/brauwerk.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px; margin-left:2px;} #navi .brauwerk:hover { background-image:url(../images/galerie/brauwerk_hover.png);} #navi .brauwerk_active { background-image:url(../images/galerie/brauwerk_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:16px; margin-left:2px;} #navi .bierwerbung { background-image:url(../images/galerie/bierwerbung.png); background-repeat:no-repeat; cursor:pointer; margin-top:12px; margin-left:2px;} #navi .bierwerbung:hover { background-image:url(../images/galerie/bierwerbung_hover.png);} #navi .bierwerbung_active { background-image:url(../images/galerie/bierwerbung_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:12px; margin-left:2px;} #navi .gastroausstattung { background-image:url(../images/galerie/gastroausstattung.png); background-repeat:no-repeat; cursor:pointer; margin-top:8px; margin-left:2px;} #navi .gastroausstattung:hover { background-image:url(../images/galerie/gastroausstattung_hover.png);} #navi .gastroausstattung_active { background-image:url(../images/galerie/gastroausstattung_hover.png); background-repeat:no-repeat; cursor:pointer; margin-top:8px; margin-left:2px;} #scrollable_galerie { float: left; width: 830px; height: 340px; padding-left:80px; padding-top:60px; margin-top:10px; overflow: hidden; text-align:left; } #biersorten { background-image:url(../images/galerie/biersorten_bg.png); width:192px; height:192px; float:left; margin-right:20px;} #brauwerk { background-image:url(../images/galerie/brauwerk_bg.png); width:192px; height:192px; float:left; margin-right:20px;} #bierwerbung { background-image:url(../images/galerie/bierwerbung_bg.png); width:192px; height:192px; float:left; margin-right:20px;} #gastroausstattung { background-image:url(../images/galerie/gastroausstattung_bg.png); width:192px; height:192px; float:left;} #newsletter { background-image:url(../images/galerie/newsletter_bg.png); width:220px; height:79px; margin-left:310px; margin-top:30px;} #newsletter:hover { background-image:url(../images/galerie/newsletter_bg_hover.png);} #newsletter2 { background-image:url(../images/galerie/newsletter2_bg.png); width:132px; height:47px; margin-left:170px; margin-top:1px;} #newsletter2:hover { background-image:url(../images/galerie/newsletter2_bg_hover.png);} /* NEWS */ .newsitem .image { display:none;} .newsitem h1 { margin:0; margin-top:5px; margin-bottom:10px; font-size:18px;} .singleimage { padding-right:10px;} .news-list-morelink a { color:#000; margin-left:5px; font-weight:bold;} .news-list-morelink a:link { text-decoration:none;} .news-list-morelink a:visited { text-decoration:none;} .news-list-morelink a:hover { text-decoration:underline;} .newscontent h3 { margin:0; margin-top:5px; margin-bottom:5px;} .newscontent h3 a { color:#000;} .newscontent h3 a:link { text-decoration:none;} .newscontent h3 a:visited { text-decoration:none;} .newscontent h3 a:hover { text-decoration:underline;} .newsitem .back a { color:#000; margin-left:5px; font-weight:bold; display:block; margin-top:10px; margin-left:0px; width:40px;} .newsitem .back a:link { text-decoration:none;} .newsitem .back a:visited { text-decoration:none;} .newsitem .back a:hover { text-decoration:underline;} .tooltip { position: absolute; display: none; background-color: #000; color:#fff; padding:5px; }