/* Allgemeiner Abschnitt ---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html {
	height: 100.25%;
	margin-bottom: 1px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	background: #ea0;
	color: #021;
}
.versteckt {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
#gesamt {
	margin: 0px auto;
	width: 56em;
	font-size: .875em;
}
#anfang #gesamt {
	margin: 1% auto;
	max-width: 914px;
	background: #ffe;
	color: #021;
}
@media screen and (min-width:40em) {
	#anfang #gesamt		{	width: 914px; margin: 128px auto; }
}
#anfang #gesamt p {
	text-align: right;
	padding-right: 24px;	/* war 96 */
}
/* Sub-Abschnitt für die Eingangs-Galerie ----------------- */
#galerie {
	position: relative;
	width: 914px; /* x * (Ankerbreite + 1) + [Bildbreite - (Ankerbreite + 1)] */
	height: 264px;
	margin: 0 auto; 
	background: #ffe url(grafik/logo_light-2.gif) 56px 0 no-repeat;
	color: #021;
	list-style-type: none; 
	overflow: hidden;
}
#galerie li {
	float: right;
}
#galerie li a {
	float: left; 
	display: block; 
	transition-property: width;
	transition-duration: 1s;
	-moz-transition-property: width;
	-moz-transition-duration: 1s;
	-webkit-transition-property: width;
	-webkit-transition-duration: 1s;
	-o-transition-property: width;
	-o-transition-duration: 1s;
	width: 55px;
	height: 264px;
	border-right: 1px solid #ffe; 
	overflow: hidden;
	cursor: default;
}
#galerie li a:hover {
	-moz-transition-property: width;
	-moz-transition-duration: 1s;
	-webkit-transition-property: width;
	-webkit-transition-duration: 1s;
	-o-transition-property: width;
	-o-transition-duration: 1s;
	width: 352px;
	text-decoration: none; 
}
#galerie li a img {
	border: none;
	border-radius: .125em;
}
/* Ende Sub-Abschnitt für die Eingangs-Galerie ------------ */
/* Navigations-Abschnitt ---------------------------------------------------- */
#links {
	padding-right: 84px;
	border-bottom: 1px solid #600;
	background: #a10 url(grafik/tiglogo.gif) right center no-repeat; /* #b00; */
	color: #ea0;
	min-height: 128px;
	height: auto; /*!important;*/
}
/* Einschub für browser, die kein min-height verstehen */
* html #links {
	height: 128px;
}
/* Ende Einschub für browser ohne min-height --------- */
#links ul {
	float: left;
	width: 100%;
	padding-top: 88px;
	padding-bottom: 24px;
	background: url(grafik/hinter_titel.jpg) right top no-repeat;
	color: inherit;
	list-style-type: none;
}
#links li {
	float: left;
	position: relative;
	text-align: center;
}
#links a, #aktuell {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, Geneva, sans-serif;
	font-size: .8125em;
	font-weight: bold;
	text-decoration: none;
	margin-left: .5em;
	padding: .25em .5em;;
	background: none;
	color: #ffe;
/*	outline: 1px dotted snow; */
}
#links a:hover, #links a:focus, #aktuell {
	background: #ffe;
	color: #021;
	border-radius: .125ex;
}
#aktuell {
	color: #d90;
}
#links a#logo {
	display: block;
	position: absolute;
	top: -66px;
	left: 58px;
	height: 80px;
	width:40px;
}
#anfang #links a#logo {
	left: 688px;
/*	border: 1px dotted snow;	*/
}
#links a:hover#logo {
	background: none;
	color: inherit;
}

#texte #backtop, 
#backtop {
	margin: 1.5em 0;
}
#backtop a {
	background: #ffe;
	color: #a10;
	font-weight: bold;
	text-decoration: none;
}
#backtop a:hover, backtop a:focus {
	text-decoration: underline;
}
/* Darstellungs-Abschnitt --------------------------------------------------- */
#texte {
	clear: left;
	background: #ffe url(grafik/tiglogo.gif) right bottom no-repeat;
	color: #021;
	padding: 1em 3em;
	border: 1px solid #999;
	min-height: 384px;
	height: auto; /*!important;*/
}
/* Einschub für browser, die kein min-height verstehen */
* html #texte {
	height: 336px;
}
/* Ende Einschub für browser ohne min-height --------- */
h1 {
	font-family: "Lucida Sans Unicode", Helvetica, Geneva, Arial, sans-serif;
	font-size: 1.33em;
	font-weight: bolder;
}
#ti {
	padding-top: 0px;
}
/* falls der TiG-Schriftzug gewünscht wird
#tig {
	font-family: "Courier New", Courier, monospace;
	font-size: 3em;
}
--------------------------------------- */
h1, h2, caption {
	padding-top: .8em;
	padding-bottom: .4em;
}
h2, .biglink, caption {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
}
.biglink {
	padding-top: 0em;
	background: #ffe;
	color: #a10;
}
.biglink:hover, .biglink:focus {
	background: #a10;
	color: #ffe;
}
h2, .biglink:hover, .biglink:focus, caption {
	text-decoration: none;
}
#texte #brief {
	width: 27.5em;
	margin-left: 200px;
}
#texte p {
	font-size: 1em;
	font-weight: normal;
	width: 38.33em;
	margin: .6em 3em;
	text-align: justify;
}
#texte address {
	font-size: 1em;
	font-style: normal;
	width: 38.33em;
	margin: .6em 3em;
}
#texte strong {
	font-size: 1.2em;
}
#texte .fett {
	font-weight: bold;
	margin-bottom: 0px;
}
#texte ul {
	margin-left: 3em;
}
#texte li {
	padding: .2em 0px;
	list-style-type: none;
}
img#plakat {
	float: left;
	margin: .6em 0px .6em 2.8em;
}
.darsteller {
	display: block;
	position: relative;
	width: 552px;
	background: inherit;
	color: #021;
	text-decoration: none;
	margin-top: -.5em;
}
.darsteller img, .reg img {
	float: right;
	position: absolute;
	left: 364px;
	top: 0px;
	border: none;
	display: none;
}
.rolle {
	display: block;
	float: left;
	width: 12em;
}
.reg {
	display: block;
	position: relative;
	width: 552px;
	background: inherit;
	color: #021;
	text-decoration: none;
	margin-top: 2em;
}
.regie {
	display: block;
	float: left;
	width: 12em;
	font-weight: bold;
}
#texte #termine {
	border-collapse: collapse;
}
#texte #termine caption {
	font-size: 1em;
}
#texte #termine th {
	text-align: left;
}
#texte #termine th, 
#texte #termine td {
	padding: .25em .5em;
	border-bottom: 1px solid;
}
#texte #termine .lzt {
	border: none;
}
/* ----------- Subabschnitt der Bildvorschautabelle ------------------------- */
table {
	clear: left;
	margin: 0px 0px .25em 3em;
	font-size: .9em;
}
caption {
	text-align: left;
}
table td {
	padding-right: 1em;
}
.klein {
	text-align: center;
	font-size: .67em;
}
table img {
	padding-top: 8px;
	border: none;
}
table img.hoch {
	padding: 8px 0px 0px 1.2em;
	border: none;
}
/* ----------- Subabschnitt der Querverweise -------------------------------- */
#texte ul#quer {
	margin-left: 44px;
}
#quer {
	float: left;			/* !!! */
	width: 576px;			/* !!! */
	list-style: none;
}
#quer li {
	float: left;			/* !!! */
	font-size: .75em;
}
#quer a {
	display: block; 		/* !!! */
	background: #ffe;
	color: #a10;
	text-decoration: none;
	padding-right: 1em;
}
#quer a:hover, #quer a:focus {
/*	font-weight: bold;	*/
	text-decoration: underline;
}
/* Abschnitt für die Einzelbildseiten --------------------------------------- */
.bild {
	background: #111;
	color: #ffe;
	padding: 20px 0px 20px 20px;
}
.bild a {
	background: #111;
	color: #ffe;
	text-decoration: none;
}
.bild a:hover, .bild a:focus {
	background: #111;
	color: #ea0;
	text-decoration: underline;
}
.bild img {
	margin: 1em 0px;
	border: none;
}
#willkomm {
	margin: 0 0px 0 auto;
}
/*span#eilig {
	display: block;
	position: absolute;
	top: 44px;
	right: -72px;
	width: 228px;
	border: 1px solid #A10;
	padding: 2px;
	background: #FCFCF8;
	color: #A10;
	font-size: .875em;
}
*/