/*  Stylesheet für die Kammerspiele Seeb  */


body          { font-family: Garamond, "Times New Roman", serif ;
                font-size: 12pt ; font-style: normal ;
                background: white ;
                color: black ;
                margin: 0 ; padding: 0 ;
              }

h1            { font-size: 175% ; margin: 0 0 .5em 0 ; font-weight: bold }
h2            { font-size: 125% ; margin: 2em 0 1em 0 ; font-weight: bold }
h2.spons      { font-size: 110% ; margin: 2em 0 1em 0  ; font-weight: bold }
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      { font-size: 66%  ; display: block ; color: black }
p.lead        { font-size: 100% ; color: #222222 ; font-weight: bold }

div#seite     { width: 18cm ; margin: 0 auto ; background: white ; border: none }
div#kopf      { position: relative ; width: 100% ; height: 40mm ; background: url(kss_logo.gif) top left no-repeat }
div#kopf a    { display: none }
div#prtdate   { position: absolute ; top: 5mm ; right: 0 ; font-size: 75% }
div#inhalt    { position: relative ; padding: 1em ; background: white ; text-align: left ; margin-left: 0 }
div#links     { display: none ; width: 0 }
div#linksmenu { display: none ; width: 0 }
div#bildlinks { display: none ; width: 0 }
div#rechts    { display: none ; width: 0 }
div.splotch   { display: none ; width: 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.angebot     { padding: .5em 1em ; margin-bottom: 1em ; background: #eee }
div.angebot h2  { margin: 0 ; padding: 0 }
div.angebot span.titel { text-transform: uppercase ; color: #A10B21 }

div.vorstellung { position: relative ; width: 100% ; height: 4em ; margin: 0 0 2mm 0 ; border-bottom: 1mm solid #cccccc }
div.splead      { position: absolute ; top: 0 ; left: 0 ; width: 100% }
p.spwann0       { position: absolute ; top: 0 ; left: 0 ;  padding: 0 ; margin: 0 ; font-weight: bold   ; color: #3f3f3f }
p.spwann1       { position: absolute ; top: 0 ; left: 0 ;  padding: 0 ; margin: 0 ; font-weight: bold   ; color: #3f3f3f }
p.spwann2       { position: absolute ; top: 0 ; left: 0 ;  padding: 0 ; margin: 0 ; font-weight: normal ; color: #5e5e5e }
p.spvoll0       { position: absolute ; top: 0 ; right: 0 ; padding: 0 ; margin: 0 ; font-weight: normal ; color: #5e5e5e }
p.spvoll1       { position: absolute ; top: 0 ; right: 0 ; padding: 0 ; margin: 0 ; font-weight: bold   ; color: #A10B21 }
p.spvoll2       { position: absolute ; top: 0 ; right: 0 ; padding: 0 ; margin: 0 ; font-weight: normal ; color: #5e5e5e }

div.sphaupt     { position: absolute ; top: 0 ; left: 4cm ; width: 10cm }
.spbem          { color: #A10B21 }
.sptit          { font-weight: bold   ; color: #3f3f3f }
.spvon          { font-weight: normal ; color: #5e5e5e }

div.vorstellung a { display: none }

span.fmatinee				{	color: #A10B21 }
span.frestkarten			{	color: #A10B21 }
span.fausverkauft			{	color: #888888 }

/* -------------------------------- */
/* 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	}
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 }