/* Stylesheet für zitadellenschaenke.de Version: 0.1 Stand: 25.08.2007 16:40 */ body { background: #040402; color: #1a1511; font: 12px "Georgia","Times","Times New Roman","sans-serif"; margin: 0; padding: 0; text-align: center; } a, a:link, a:visited { color: #1a1511; text-decoration: underline; } a:hover, a:active, a:focus { color: #b6b07c; text-decoration: underline; outline: none; } a.submit { margin: 20px 0 0; padding: 0 0 0 26px; font-weight: bold; border: none; } input.submitbutton { margin: 0; padding: 0 0 0 26px; font-weight: bold; border: none; color: #5b5b5b; font: 11px "Arial","Verdana","Helvetica","Geneva"; } table, tr, th, td { border-collapse: collapse; empty-cells: show; vertical-align: top; color: #1a1511; font: 12px "Georgia","Times","Times New Roman","sans-serif"; } img { border: 0; } div, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; } h2 { color: #5b5b5b; font: bold 12px "Arial","Verdana","Helvetica","Geneva"; } p { color: #1a1511; font: 12px "Georgia","Times","Times New Roman","sans-serif"; } p.red { color: red; display: block; } .textfeld { border: 1px solid #1a1511; color: #1a1511; font: 12px "Georgia","Times","Times New Roman","sans-serif"; background: #BA9751; } .textfeld_big { border: 1px solid #1a1511; color: #1a1511; font: 12px "Georgia","Times","Times New Roman","sans-serif"; } textarea, .textarea { border: 1px solid #1a1511; color: #1a1511; font: 12px "Georgia","Times","Times New Roman","sans-serif"; background: #BA9751; } .greyblock_19px { width: 772px; height: 16px; background: #7d7d7d; padding: 3px 0 0 18px; overflow: hidden; } * html .greyblock_19px { width: 790px; height: 19px; } div.greyblock_19px h2 { color: #FFF; } .hr-ersatz { height: 1px; background: #7d7d7d; overflow: hidden; margin: 0; padding: 0; } /* sprachen flaggen */ #flags { width: 22px; height: 150px; position: absolute; left: -30px; top: 350px; } #flags a { width: 22px; height: 18px; display: block; } * html #flags a { cursor: hand; } #flags a img { width: 16px; height: 11px; filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4; cursor: pointer; } #flags a:hover img, #flags a:active img, #flags a:focus img, #flags a.active img { filter: alpha(opacity=60); opacity: .6; -moz-opacity: .6; } #flags a { background: transparent url(grafik/flag_schatten.png) no-repeat left top; } * html #flags a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zitadellenschaenke.de/grafik/flag_schatten.png', sizingMethod='scale'); background: none; } /* teaser oeffnungszeiten (URL ist in styles_lang.css) */ #teaser { width: 136px; height: 169px; position: absolute; left: -105px; top: 620px; } /* teaser reservierung */ #teaser_reservierung { width: 136px; height: 169px; position: absolute; right: -110px; top: 250px; background: transparent url(http://www.zitadellenschaenke.de/grafik/de/teaser_reservierung.png) left top no-repeat; } * html #teaser_reservierung { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zitadellenschaenke.de/grafik/de/teaser_reservierung.png', sizingMethod='scale'); background: none; } /* sponsor */ #sponsor { width: 70px; height: 65px; position: absolute; top: 90px; left: 10px; } /* pagelinks */ #text_container_pagelinks .pagelinks, #text_container_pagelinks1 .pagelinks { width: 57px; height: 14px; float: right; margin: 0 0 0 5px; padding: 0; font-size: 10px; filter: alpha(opacity=50); opacity: .5; -moz-opacity: .5; } #text_container_pagelinks .pagelinks a, #text_container_pagelinks1 .pagelinks a { color: #AF964C; background: #35230F; text-decoration: none; white-space: nowrap; padding: 2px 10px; } #text_container_pagelinks .pagelinks a:focus, #text_container_pagelinks1 .pagelinks a:focus, #text_container_pagelinks .pagelinks a:hover, #text_container_pagelinks1 .pagelinks a:hover, #text_container_pagelinks .pagelinks a:active, #text_container_pagelinks1 .pagelinks a:active, #text_container_pagelinks .pagelinks a.active, #text_container_pagelinks1 .pagelinks a.active { color: #AF964C; text-decoration: none; background: #000; } #bg_bg { width: 100%; height: 100%; min-height: 798px; position: absolute; top: 0px; left: 0px; z-index: 0; } #bg { width: 800px; height: 793px; margin: 0 auto; text-align: left; z-index: 0; background: #b86e21 url(grafik/preload_bg.jpg) repeat left top; } #bg_body { width: 100%; height: 100%; min-height: 798px; position: absolute; top: 0px; left: 0px; z-index: 2; background: transparent url(grafik/bg.jpg) no-repeat 50% top; } #body { width: 800px; height: 793px; margin: 0 auto; text-align: left; z-index: 2; } #site { width: 800px; position: absolute; } #sitebox { width: 800px; position: absolute; margin: 0 auto; } /*#sitebox div { border: 1px solid white; }*/ #logo { width: 800px; height: 164px; margin: 0; display: block; } #logo img.logo { margin: 67px 7px 0 0; float: right; } #mainnavi { width: 800px; height: 46px; padding: 0; margin: 0; display: block; } * html #mainnavi { width: 800px; height: 44px; } #mainnavi ul { height: 28px; margin: 0; list-style: none; } #mainnavi ul li { height: 28px; float: left; margin: 0; padding: 0; } #mainnavi ul li a { float: left; min-width: 50px; height: 28px; background-color: transparent; background-position: left top; background-repeat: none; } #mainnavi ul li a:hover, #mainnavi ul li a:focus, #mainnavi ul li a:active, #mainnavi ul li a.aktiv { background-position: 0px 28px; } #contentbox { width: 800px; height: 563px; padding: 0; margin: 0; display: block; } #contentbox h1 { font: bold 18px "Georgia","Times New Roman","Times","Garamond"; color: #1a1511; margin: 0 0 15px; } #contentbox h2 { font: bold 12px "Georgia","Times New Roman","Times","Garamond"; color: #1a1511; } #contentbox h3 { font: bold 14px "Georgia","Times New Roman","Times","Garamond"; color: #1a1511; } #contentbox ul { margin: 0; padding: 0; } #contentbox ul li { margin: 0 0 0 15px; } #contentbox img.headline { margin: 0 0 15px; display: block; clear: both; } #contentbox img.speisen_subpage_titel { margin: 22px 0 0 40px; } #content_start { width: 300px; height: 210px; position: absolute; top: 260px; left: 65px; } #content1_start { width: 300px; height: 210px; position: absolute; top: 510px; left: 430px; } #content_pic_start { width: 371px; height: 251px; position: absolute; top: 240px; left: 390px; } #content_pic1_start { width: 344px; height: 258px; position: absolute; top: 480px; left: 50px; } /* speisekarten */ #content_speisen_festungsgelage { width: 260px; height: 500px; margin: 28px 70px 0 60px; float: left; display: inline; } #content_speisen_festungsgelage img { margin: 0 2px 2px 0; float: left; } #content_speisen_reglement { width: 380px; height: 250px; margin: 30px 0 25px; float: left; } #content_speisen_reglement img { margin: 0 2px 0 0; float: left; } #content_speisen_sonderveranstaltungen { width: 380px; height: 250px; margin: 0; float: left; } #content_speisen_sonderveranstaltungen img { margin: 0 2px 0 0; float: left; } #content_speisen_festungsgelage img.speisen_headline, #content_speisen_reglement img.speisen_headline, #content_speisen_sonderveranstaltungen img.speisen_headline { margin: 0 0 20px 7px; display: block; } /* speisen subpage */ #content_speisen_festungsgelage_menu { width: 740px; height: 140px; margin: 12px 0 0 35px; float: left; display: inline; } #content_speisen_festungsgelage_menu img { margin: 0 4px 0 0; float: left; } #content_speisen_festungsgelage_descr { width: 200px; height: 300px; margin: 22px 0 0 30px; float: left; text-align: center; display: inline; } #content_speisen_festungsgelage_karte { width: 260px; height: 330px; margin: 10px 0 0 10px; float: left; text-align: center; font-size: 9px; font-weight: bold; } #content_speisen_festungsgelage_karte img { display: block; margin: 0 0 5px 19px; } #content_speisen_turmkarte_karte { width: 480px; height: 230px; margin: 85px 0 0 40px; float: left; text-align: center; font-size: 9px; font-weight: bold; } #content_speisen_turmkarte_karte img { display: block; float: left; margin: 0 10px 5px 0; } #content_speisen_getraenkekarte_descr { width: 250px; height: 300px; margin: 22px 0 0 30px; float: left; text-align: center; display: inline; } #content_speisen_getraenkekarte_karte { width: 260px; height: 330px; margin: 10px 0 0 30px; float: left; text-align: center; font-size: 9px; font-weight: bold; } #content_speisen_getraenkekarte_karte img { display: block; float: left; margin: 0 0 5px 19px; } #content_speisen_festungsgelage_details { width: 250px; height: 320px; margin: 22px 0 0 20px; float: left; text-align: left; overflow: hidden; } #content_speisen_festungsgelage_details #text_container { width: 250px; height: 240px; overflow: hidden; position: absolute; } #content_speisen_festungsgelage_details #text { width: 250px; position: absolute; } #content_speisen_festungsgelage_details #text_container_pagelinks { width: 250px; height: 15px; overflow: hidden; position: absolute; margin: 250px 0 0; border-top: 1px solid #000; } #content_speisen_festtafeln_left { width: 340px; height: 320px; margin: 12px 0 0 40px; float: left; text-align: center; overflow: hidden; font-size: 9px; font-weight: bold; display: inline; } #content_speisen_festtafeln_right { width: 325px; height: 320px; margin: 12px 0 0 57px; float: left; text-align: center; overflow: hidden; font-size: 9px; font-weight: bold; } #content_speisen_brunch1 { width: 300px; height: 300px; margin: 22px 0 0 70px; float: left; text-align: center; display: inline; } #content_speisen_brunch1 #text_container_brunch1 { width: 300px; height: 242px; overflow: hidden; position: absolute; top: 470px; left: 70px; } #content_speisen_brunch1 #text_brunch1 { width: 300px; position: absolute; left: 0px; } #content_speisen_brunch1 #text_container_pagelinks { width: 300px; height: 15px; overflow: hidden; position: absolute; top: 725px; left: 70px; border-top: 1px solid #000; } #content_speisen_brunch2 { width: 300px; height: 300px; margin: 22px 0 0 65px; float: left; text-align: center; display: inline; } #content_speisen_brunch2 #text_container_brunch2 { width: 300px; height: 242px; overflow: hidden; position: absolute; top: 470px; left: 430px; } #content_speisen_brunch2 #text_brunch2 { width: 300px; position: absolute; left: 0px; } #content_speisen_brunch2 #text_container_pagelinks1 { width: 300px; height: 15px; overflow: hidden; position: absolute; top: 725px; left: 430px; border-top: 1px solid #000; } #content_speisen_weihnachten_karte { width: 460px; height: 330px; margin: 10px 0 0 40px; float: left; text-align: center; font-size: 9px; font-weight: bold; } #content_speisen_weihnachten_karte img { display: block; float: left; margin: 0 8px 5px 0; } /* service */ #content_service_navi { width: 740px; height: 140px; margin: 37px 0 0 73px; float: left; display: inline; } #content_service_navi img { margin: 0 11px 0 0; float: left; } #content_service_index_left { width: 295px; height: 310px; margin: 35px 0 0 73px; float: left; display: inline; } #content_service_index_right { width: 320px; height: 310px; margin: 35px 0 0 55px; float: left; } #content_service_index_right #text_container { width: 320px; height: 226px; overflow: hidden; position: absolute; top: 486px; } #content_service_index_right #text { width: 320px; position: absolute; } #content_service_index_right #text_container_pagelinks { width: 320px; height: 15px; overflow: hidden; position: absolute; top: 725px; border-top: 1px solid #000; } #content_service_content { width: 800px; height: 295px; } #content_service_left { width: 345px; height: 310px; margin: 35px 0 0 73px; float: left; display: inline; } #content_service_content #text_container { width: 345px; height: 256px; overflow: hidden; position: absolute; top: 460px; left: 73px; } #content_service_content #text { width: 345px; position: absolute; } #content_service_content #text_container_pagelinks { width: 345px; height: 15px; overflow: hidden; position: absolute; top: 725px; left: 73px; border-top: 1px solid #000; } #content_service_content #bild { width: 315px; height: 305px; margin: 40px 0 0 45px; float: left; font-size: 9px; font-weight: bold; } #content_service_content #bild img.karte { margin: 0 0 0 15px; } #content_service_content #service_karte { width: 224px; height: 305px; margin: 40px 0 0 75px; float: left; font-size: 9px; font-weight: bold; } /* events */ #content_events_left { width: 350px; height: 500px; margin: 35px 0 0 73px; float: left; display: inline; } #content_events_left #text_container { width: 350px; height: 406px; overflow: hidden; position: absolute; top: 306px; left: 73px; } #content_events_left #text { width: 350px; position: absolute; } #content_events_left #text div.events_titel{ display: block; padding: 0 0 4px; margin: 0 0 5px; border-bottom: 1px solid #6c4923; } #content_events_left #text_container_pagelinks { width: 345px; height: 15px; overflow: hidden; position: absolute; top: 725px; left: 73px; border-top: 1px solid #000; } #content_events_right { width: 275px; height: 500px; margin: 35px 0 0 30px; float: left; } #kalender { width: 266px; height: 157px; float: left; margin: 5px 0 50px; padding: 0 0 0 5px; } * html #kalender { width: 271px; } #kalender #monat { width: 260px; height: 25px; margin: 5px 0 0; text-align: center; display: block; float: left; font-weight: bold; } /* #kalender div.hl */ .hl { width: 26px; height: 16px; margin: 0 5px; text-align: center; float: left; overflow: hidden; font-weight: bold; } /* #kalender div.tag */ .tag { width: 26px; height: 16px; margin: 0 5px; text-align: center; float: left; overflow: hidden; } #kalender div.tag a { width: 24px; height: 14px; float: left; text-decoration: underline; } #kalender div.tag a:hover, #kalender div.tag a:focus, #kalender div.tag a:active, #kalender div.tag a.active { border: 1px solid #462307; } #kalender div.tag a.active { background: #9b6414; } /* galerie */ #content_galerie_left { width: 500px; height: 500px; margin: 35px 0 0 73px; float: left; display: inline; } #content_galerie_left #bigpic { width: 500px; height: 400px; margin: 20px 0 0; float: left; text-align: center; } #content_galerie_left #bigpic img.bigpic { margin: 0 0 20px; float: left; } #content_galerie_right { width: 143px; height: 470px; margin: 35px 0 0 15px; padding: 0 15px 30px 20px; float: left; } * html #content_galerie_right { width: 178px; height: 500px; } #content_galerie_right #galerien { height: 120px; margin: 40px 0 0; float: left; overflow: auto; font-size: 10px; } #content_galerie_right #thumbnails_container { width: 140px; height: 230px; position: absolute; top: 440px; left: 608px; overflow: hidden; } #content_galerie_right #thumbnails { width: 140px; position: absolute; } #content_galerie_right #thumbnails div.thumb { width: 46px; height: 46px; background: transparent url(grafik/bg_galerie_thumb.png) left top no-repeat; float: left; } * html #content_galerie_right #thumbnails div.thumb { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zitadellenschaenke.de/grafik/bg_galerie_thumb.png', sizingMethod='scale'); background: none; } div.thumb img { margin: 1px 0 0 1px; } #content_galerie_right #text_container_pagelinks { width: 131px; height: 15px; overflow: hidden; position: absolute; top: 675px; left: 608px; border-top: 1px solid #5C3913; } #content_galerie_right #text_container_pagelinks .pagelinks { width: 27px; height: 14px; font-size: 11px; } /* anfahrt und kontakt */ #content_kontakt_left { width: 315px; height: 500px; margin: 35px 0 0 73px; float: left; display: inline; } #content_kontakt_left img.karte { margin: 17px 0 0 69px; } #content_kontakt_right { width: 300px; height: 500px; margin: 35px 0 0 45px; float: left; } #content_kontakt_right img.karte { margin: 25px 0 0 40px; } #content_kontakt_right a.karte { font-size: 9px; font-weight: bold; } #content_kontakt_right #text_container { width: 300px; height: 420px; overflow: hidden; position: absolute; top: 286px; } #content_kontakt_right #text { width: 300px; position: absolute; } #content_kontakt_right #text_container_pagelinks { width: 300px; height: 15px; overflow: hidden; position: absolute; top: 725px; border-top: 1px solid #000; } #map { width: 290px; height: 310px; } /* links */ #content_links_left { width: 325px; height: 500px; margin: 35px 0 0 73px; float: left; display: inline; } #content_links_left a, #content_links_left a img { float: left; } #content_links_left a img.fullsize { margin: 0 0 8px 10px; } #content_links_right { width: 213px; height: 324px; margin: 40px 0 0 75px; padding: 75px 45px 10px 30px; float: left; } * html #content_links_right { width: 288px; height: 399px; } /* reservierung */ #content_reservierung { width: 660px; height: 500px; margin: 35px 0 0 73px; } #content_reservierung #text_container { width: 660px; height: 420px; overflow: hidden; position: absolute; top: 286px; } #content_reservierung #text { width: 660px; position: absolute; } #content_reservierung #text_container_pagelinks { width: 660px; height: 15px; overflow: hidden; position: absolute; top: 725px; border-top: 1px solid #000; } /* #content_reservierung table tr td .textfeld, #content_reservierung table tr td .textarea { margin-top: -2px; } */ #content_reservierung table tr td { height: 23px; } #content_reservierung table tr td input { border: 1px solid #1d1d1d; } #content_reservierung table tr td.input-pflicht { font-weight: bold; } #content_reservierung table tr td.input-pflicht .textfeld { font-weight: bold; border: 1px solid #1a1511; } #content_reservierung table tr td.input-error { font-weight: bold; color: #000; } #content_reservierung table tr td.input-error .textfeld { border: 1px solid red; } /* footer */ #footer { height: 20px; margin: 5px 0 0; text-align: center; display: block; color: #1a1511; font: 10px "Arial","Verdana","Helvetica","Geneva"; } /* standard */ #standard { width: 690px; min-height: 300px; margin: 0 0 30px; float: left; } #popup_bg { width: 100%; height: 100%; min-height: 798px; position: absolute; top: 0px; left: 0px; background: black; filter:alpha(opacity=45); opacity: 0.45; -moz-opacity:0.45; z-index: 1000; visibility: hidden; } * html #popup_bg { height: 798px; } div.popup_karte_container { width: 100%; height: 100%; position: absolute; top: 0px; left: 0; z-index: 2001; visibility: hidden; } div.popup_karte { width: 528px; height: 707px; margin: 50px auto 0; } div.popup_karte_t { width: 517px; height: 11px; background: transparent url(grafik/karte_l_top.png) 6px top no-repeat; display: block; } * html div.popup_karte_t { margin: 0 0 0 6px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zitadellenschaenke.de/grafik/karte_l_top.png', sizingMethod='scale'); background: none; } div.popup_karte_l { width: 15px; height: 679px; background: transparent url(grafik/karte_l_left.png) left top no-repeat; float: left; } * html div.popup_karte_l { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zitadellenschaenke.de/grafik/karte_l_left.png', sizingMethod='scale'); background: none; } div.popup_karte_r { width: 18px; height: 679px; background: transparent url(grafik/karte_l_right.png) left top no-repeat; float: left; } * html div.popup_karte_r { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zitadellenschaenke.de/grafik/karte_l_right.png', sizingMethod='scale'); background: none; } div.popup_karte_b { width: 524px; height: 17px; background: transparent url(grafik/karte_l_bottom.png) 3px top no-repeat; float: left; } * html div.popup_karte_b { margin: 0 2px 0 1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.zitadellenschaenke.de/grafik/karte_l_bottom.png', sizingMethod='scale'); background: none; } div.popup_karte_m { width: 495px; height: 679px; float: left; cursor: pointer; } * html div.popup_karte_m { cursor: hand; }