/* Stylesheet für die Kammerspiele Seeb */ body { font-family: Arial, sans-serif ; font-size: 13px ; font-style: normal ; background: #747474 ; color: #222222 ; margin: 0 ; padding: 0 ; } h1 { font-size: 175% ; margin: 0 0 .5em 0 ; font-weight: bold ; color: #a0a0a0 ; padding-top: 0 } h2 { font-size: 125% ; margin: 2em 0 1em 0 ; font-weight: bold ; color: #000000 } h2.portrait { margin-top: 0 } h2.spons { font-size: 110% ; margin: 2em 0 1em 0 ; font-weight: bold ; color: #000000 } h3 { font-size: 110% ; margin: 1em 0 .5em 0 ; font-weight: bold ; color: #222222 } p.nachtitel { font-size: 110% ; margin: 0 ; font-weight: bold } span.h1f { display: block ; font-size: 66% ; color: black } p.lead { color: #222222 ; font-size: 100% ; font-weight: bold } p.zitat { margin: 16px 0 ; background: #eeeeee ; font-style: italic ; padding: 10px 15px ; text-align: left } p { margin: 1em 0 0 0 } p.eng { margin: 0 0 0 0 } strong { font-weight: bold } ul { margin: 0 0 0 1em ; padding: 0 } li { margin: 0 ; padding: 0 } table.bilder { border: none ; border-collapse: collapse } table.bilder td { border: none ; margin: 0 ; padding: 3px ; vertical-align: top } table.bilder img { border: none ; display: block } a:link { color: #A10B21 ; text-decoration: none } a:visited { color: #A10B21 ; text-decoration: none } a:hover { color: #A10B21 ; text-decoration: underline } a:active { color: #A10B21 ; text-decoration: none } div#seite { width: 767px ; margin: 0 auto ; background: url(grafik/page_higru.jpg) ; } div#kopf { position: relative ; width: 740px ; height: 146px ; margin: 0 auto ; background: #3A3A3A url(grafik/kopf_higru.jpg) } div#kopf.neu { background: url(grafik/kopf_hintergrund.jpg) } marquee.newsticker { font-family: Arial, Verdana, sans-serif; font-size: 13px ; color: #eee ; margin-top: 1em } div#prtdate { display: none } a#menuhome { position: absolute ; bottom: 1px ; left: 0 ; display: block ; height: 35px ; width: 65px } a#menuhome:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuhome:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuhome:hover { text-decoration: none ; background-image: url(grafik/menu_home.gif) } a#menuhome:active { text-decoration: none ; background-image: url(grafik/menu_home.gif) } a#menuzuse { position: absolute ; bottom: 1px ; left: 65px ; display: block ; height: 35px ; width: 78px } a#menuzuse:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuzuse:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuzuse:hover { text-decoration: none ; background-image: url(grafik/menu_zusehen.gif) } a#menuzuse:active { text-decoration: none ; background-image: url(grafik/menu_zusehen.gif) } a#menuspie { position: absolute ; bottom: 1px ; left: 145px ; display: block ; height: 35px ; width: 83px } a#menuspie:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuspie:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuspie:hover { text-decoration: none ; background-image: url(grafik/menu_spielplan.gif) } a#menuspie:active { text-decoration: none ; background-image: url(grafik/menu_spielplan.gif) } a#menurese { position: absolute ; bottom: 1px ; left: 228px ; display: block ; height: 35px ; width: 98px } a#menurese:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menurese:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menurese:hover { text-decoration: none ; background-image: url(grafik/menu_reservation.gif) } a#menurese:active { text-decoration: none ; background-image: url(grafik/menu_reservation.gif) } a#menuthea { position: absolute ; bottom: 1px ; left: 327px ; display: block ; height: 35px ; width: 97px } a#menuthea:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuthea:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuthea:hover { text-decoration: none ; background-image: url(grafik/menu_theater.gif) } a#menuthea:active { text-decoration: none ; background-image: url(grafik/menu_theater.gif) } a#menugast { position: absolute ; bottom: 1px ; left: 425px ; display: block ; height: 35px ; width: 104px } a#menugast:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menugast:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menugast:hover { text-decoration: none ; background-image: url(grafik/menu_gastronomie.gif) } a#menugast:active { text-decoration: none ; background-image: url(grafik/menu_gastronomie.gif) } a#menugale { position: absolute ; bottom: 1px ; left: 529px ; display: block ; height: 35px ; width: 68px } a#menugale:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menugale:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menugale:hover { text-decoration: none ; background-image: url(grafik/menu_galerie.gif) } a#menugale:active { text-decoration: none ; background-image: url(grafik/menu_galerie.gif) } a#menuanfa { position: absolute ; bottom: 1px ; left: 597px ; display: block ; height: 35px ; width: 70px } a#menuanfa:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuanfa:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuanfa:hover { text-decoration: none ; background-image: url(grafik/menu_anfahrt.gif) } a#menuanfa:active { text-decoration: none ; background-image: url(grafik/menu_anfahrt.gif) } a#menukont { position: absolute ; bottom: 1px ; left: 667px ; display: block ; height: 35px ; width: 74px } a#menukont:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menukont:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menukont:hover { text-decoration: none ; background-image: url(grafik/menu_kontakt.gif) } a#menukont:active { text-decoration: none ; background-image: url(grafik/menu_kontakt.gif) } a#menuakt { position: absolute ; bottom: 0px ; left: 7px ; display: block ; height: 35px ; width: 66px } a#menuakt:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuakt:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuakt:hover { text-decoration: none ; background-image: url(grafik/hm_akt.png) } a#menuakt:active { text-decoration: none ; background-image: url(grafik/hm_akt.png) } a#menupro { position: absolute ; bottom: 0px ; left: 73px ; display: block ; height: 35px ; width: 100px } a#menupro:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menupro:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menupro:hover { text-decoration: none ; background-image: url(grafik/hm_pro.png) } a#menupro:active { text-decoration: none ; background-image: url(grafik/hm_pro.png) } a#menuspp { position: absolute ; bottom: 0px ; left: 173px ; display: block ; height: 35px ; width: 78px } a#menuspp:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuspp:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuspp:hover { text-decoration: none ; background-image: url(grafik/hm_spp.png) } a#menuspp:active { text-decoration: none ; background-image: url(grafik/hm_spp.png) } a#menushp { position: absolute ; bottom: 0px ; left: 251px ; display: block ; height: 35px ; width: 48px } a#menushp:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menushp:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menushp:hover { text-decoration: none ; background-image: url(grafik/hm_shp.png) } a#menushp:active { text-decoration: none ; background-image: url(grafik/hm_shp.png) } a#menuthe { position: absolute ; bottom: 0px ; left: 299px ; display: block ; height: 35px ; width: 64px } a#menuthe:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuthe:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuthe:hover { text-decoration: none ; background-image: url(grafik/hm_the.png) } a#menuthe:active { text-decoration: none ; background-image: url(grafik/hm_the.png) } a#menugas { position: absolute ; bottom: 0px ; left: 363px ; display: block ; height: 35px ; width: 98px } a#menugas:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menugas:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menugas:hover { text-decoration: none ; background-image: url(grafik/hm_gas.png) } a#menugas:active { text-decoration: none ; background-image: url(grafik/hm_gas.png) } a#menugal { position: absolute ; bottom: 0px ; left: 461px ; display: block ; height: 35px ; width: 60px } a#menugal:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menugal:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menugal:hover { text-decoration: none ; background-image: url(grafik/hm_gal.png) } a#menugal:active { text-decoration: none ; background-image: url(grafik/hm_gal.png) } a#menulnk { position: absolute ; bottom: 0px ; left: 554px ; display: block ; height: 35px ; width: 48px } a#menulnk:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menulnk:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menulnk:hover { text-decoration: none ; background-image: url(grafik/hm_lnk.png) } a#menulnk:active { text-decoration: none ; background-image: url(grafik/hm_lnk.png) } a#menuanf { position: absolute ; bottom: 0px ; left: 602px ; display: block ; height: 35px ; width: 65px } a#menuanf:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuanf:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menuanf:hover { text-decoration: none ; background-image: url(grafik/hm_anf.png) } a#menuanf:active { text-decoration: none ; background-image: url(grafik/hm_anf.png) } a#menukon { position: absolute ; bottom: 0px ; left: 667px ; display: block ; height: 35px ; width: 65px } a#menukon:link { text-decoration: none ; background: url(grafik/dummy.gif) } a#menukon:visited { text-decoration: none ; background: url(grafik/dummy.gif) } a#menukon:hover { text-decoration: none ; background-image: url(grafik/hm_kon.png) } a#menukon:active { text-decoration: none ; background-image: url(grafik/hm_kon.png) } div#inhalt { position: relative ; border-top: 1px #2B2726 solid ; width: 400px ; margin: 0 0 0 13px ; border-left: 159px solid #380001 ; border-right: 152px solid #F3F3F3 ; padding: 15px ; background: white ; text-align: left ; } div#inhalt0 { position: relative ; border-top: 1px black solid ; border-bottom: 50px black solid ; width: 740px ; margin: 0 0 0 13px ; padding: 0 ; background: black ; } div#links { float: left ; width: 159px ; height: 830px ; margin-left: -174px ; margin-top: -15px ; background-image: url(grafik/vorhang.jpg) ; background-position: top left ; background-repeat: no-repeat ; background-color: #380001 ; padding: 0 0 0 0 ; font-size: 14px ; } div#linksmenu { border-top: 1px solid #9a9a9a ; border-bottom: 1px solid #9a9a9a ; margin: 22px 16px ; height: 290px ; padding: 16px 0 16px 0 ; } div#bildlinks { border-bottom: 1px solid #9a9a9a ; height: 160px ; } div#links h1 { margin: 0 ; padding: 0 ; text-align: right ; font-size: 110% ; font-weight: bold ; color: #ffffff } div#links hr { margin: 1em ; height: 2px ; color: #ccc ; background-color: #ccc } div#links a { font-weight: normal ; font-size: 1em ; text-align: right; padding: 0 ; display: block ; margin-bottom: .75em ; } div#links a:link { color: white ; text-decoration: none } div#links a:visited { color: white ; text-decoration: none } div#links a:hover { color: #ccc ; text-decoration: none } div#links a:active { color: #ccc ; text-decoration: underline } div#links a.diese { color: #ccc } div#rechts { position: absolute ; top: 0 ; left: 430px ; width: 150px ; background-color: #f3f3f3 ; padding: 15px 0 ; border-left: 2px solid #D7D7D7 ; } a.immerres { display: block ; width: 140px ; height: 92px ; margin: 15px auto ; padding: 0 ; text-decoration: none } a.immerres:link { background: url(grafik/KSSReservation_Inaktiv.jpg) ; border: none } a.immerres:visited { background: url(grafik/KSSReservation_Inaktiv.jpg) } a.immerres:hover { background: url(grafik/KSSReservation_Aktiv.jpg) } a.immerres:active { background: url(grafik/KSSReservation_Aktiv.jpg) } div.splotch { width: 140px ; padding: 0 ; margin: 1em auto ; border-top: 2px solid #d7d7d7 ; text-align: center } div.splotch p.sptitl { color: #222222 ; font-size: 100% ; font-weight: bold ; margin: .5em 0 .2em 0 } div.splotch p.sptext { color: #3f3f3f ; font-size: 100% ; font-weight: normal ; margin: .2em 0 } div.splotch p.spdatum{ color: #3f3f3f ; font-size: 100% ; font-weight: normal ; margin: .2em 0 } div.splotch a { color: #A10B21 ; font-size: 100% ; font-weight: normal ; display: block ; margin: 0 } div.splotch a:link { color: #A10B21 ; text-decoration: none } div.splotch a:visited { color: #A10B21 ; text-decoration: none } div.splotch a:hover { color: #A10B21 ; text-decoration: underline } div.splotch a:active { color: #A10B21 ; text-decoration: none } div.splotch img { display: block ; width: 99px ; height: 99px ; padding: 18px 19px ; background: url(grafik/KSSBilderrahmen.jpg) ; margin: .3em 0 0 0 } img { border: none } img.c { display: block ; margin: 0 auto } img.l { float: left ; margin: .5em 2em .5em 0 } img.r { float: right ; margin: .5em 0 .5em 2em } /* -------------------------------- */ /* Spielplan */ /* -------------------------------- */ div.vorstellung { position: relative ; width: 400px ; height: 65px ; margin: 0 0 20px 0 ; border-bottom: 2px solid #cccccc } div.splead { position: absolute ; top: 0 ; left: 0 ; width: 100px } p.spwann0 { padding: 0 ; margin: 0 ; font-weight: bold ; color: #3f3f3f } p.spwann1 { padding: 0 ; margin: 0 ; font-weight: bold ; color: #3f3f3f } p.spwann2 { padding: 0 ; margin: 0 ; font-weight: normal ; color: #5e5e5e } p.spzeit { padding: 0 ; margin: 0 ; font-weight: normal ; color: #5e5e5e } p.spvoll0 { padding: 0 ; margin: 0 ; font-weight: normal ; color: #5e5e5e } p.spvoll1 { padding: 0 ; margin: 0 ; font-weight: bold ; color: #A10B21 } p.spvoll2 { padding: 0 ; margin: 0 ; font-weight: normal ; color: #5e5e5e } div.sphaupt { position: absolute ; top: 0 ; left: 101px ; width: 200px } .spbem { color: #A10B21 } .sptit { font-weight: bold ; color: #3f3f3f } .spvon { font-weight: normal ; color: #5e5e5e } div.vorstellung a { display: block ; position: absolute ; top: -10px ; left: 340px ; width: 68px ; height: 68px ; border: none ; text-decoration: none } div.vorstellung a:link { display: block ; position: absolute ; top: -10px ; left: 340px ; width: 68px ; height: 68px ; background: url(grafik/buchengrau.jpg) } div.vorstellung a:visited { background: url(grafik/buchengrau.jpg) } div.vorstellung a:hover { background: url(grafik/buchengold.jpg) } div.vorstellung a:active { background: url(grafik/buchengold.jpg) } span.fmatinee { color: #A10B21 } span.frestkarten { color: #A10B21 } span.fausverkauft { color: #888888 } div.angebot { margin: 0 0 2em 0 ; padding-bottom: 1em ; border-bottom: 2px solid #888888 } div.angebot span.titel { text-transform: uppercase ; color: #A10B21 } /* -------------------------------- */ /* Reservation */ /* -------------------------------- */ .reservation input { width: 95% } textarea#bemerk { width: 95% ; height: 6em } table.reservation { width: 95% } #reservation table td { vertical-align: top } input.z2 { width: 20px ; text-align: right } input.z4 { width: 50px ; text-align: right } table.reservation td { vertical-align: bottom } table.reservation td.links { width: 60px } table.reservation td.r { text-align: right } div.naeher p { margin: .3em 0 ; padding: 0 } table.reservation_upd { margin: .5em 0 0 0 ; border: 3px outset #ccc ; width: 100% } table.reservation_upd td { vertical-align: top ; padding: .1em .5em ; border: none } table.reservation_upd td.menuob { border: none } h3 { color: #3f3f3f ; font-size: 14px ; font-weight: bold } div#foyerbest { position: absolute ; top: 40px ; left: 120px ; background: white ; border: 4px solid #666666 ; padding: 1em ; display: none ; text-align: left ; } .menuob { font-weight: bold } div#morgen { display: none } div#abend { display: none } /* -------------------------------- */ /* Gästebuch */ /* -------------------------------- */ div#gbk { position: relative ; top: 0 ; left: 0 ; border: 4px solid #666666 ; padding: 20px ; display: none ; } div#gbk textarea { width: 260px ; height: 10em } div#gbk input.txt { width: 260px } div#gbk th { font-weight: normal ; text-align: right; vertical-align: top } div#gbk td { font-weight: normal ; vertical-align: top } button#cls { position: absolute ; top: 0 ; right: 0 ; width: 30px ; text-align: center } div.gbke { margin: 2em 0 0 0 } div.gbke p { margin: 0 } div.gbktxt { margin: 1em 0 ; background: #FBEEDA ; padding: 10px 15px } div.gbkomm { margin: 10px 0 0 100px ; background: #eeeeee ; padding: 10px 15px } /* -------------------------------- */ /* Leute */ /* -------------------------------- */ table.pt { border: none ; border-collapse: collapse ; margin: .5em 0 } table.pt td.pv { text-align: right ; padding: .2em 0 0 0 ; vertical-align: top } table.pt td.pn { text-align: left ; padding: .2em 0 0 1em ; vertical-align: top ; color: #A10B21 } table.pt td.pb { text-align: left ; padding: .2em 2em 0 0 ; vertical-align: top ; color: #A10B21 ; font-weight: bold } table.pt tr.pb { border-top: 10px solid white } img.portrait { float: left ; margin: 0 2em 1em 0 } div#endportr { font-size: 90% ; text-align: right ; margin-top: 2em ; border-top: solid 2px #cccccc ; padding-top: 1em } div#endportr a.back { float: left } /* -------------------------------- */ /* Registrierung für Infos */ /* -------------------------------- */ button.cls { position: absolute ; top: 0 ; right: 0 ; width: 30px ; text-align: center } div#reg1 { position: relative ; top: 0 ; left: 0 ; border: 4px solid #666666 ; padding: 20px ; display: none ; } div#reg2 { position: relative ; top: 0 ; left: 0 ; border: 4px solid #666666 ; padding: 20px ; display: none ; } table.regform input.txt { width: 260px } table.regform input.plz { width: 60px } table.regform input.ort { width: 200px } table.regform th { font-weight: normal ; text-align: right; vertical-align: top } table.regform td { font-weight: normal ; vertical-align: top } /* -------------------------------- */ /* Facebook-Knopf */ /* -------------------------------- */ iframe.fb_ilike { border: none ; overflow: hidden ; width: 110px ; height: 21px ; float: right }