body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(hintergrund_sommer.jpg);
	background-repeat:repeat;
	background-color:#9B231C;
	color:#333333;
	text-align:center;
}

/*äußere container*/
#container1	{
	width: 60em;
	background-color:#9B231C;
	border-color:#999999;
	border-style:outset;
	margin:0 auto;
	position:static;
	text-align:center;
}

/*innere container*/
#container2	{
	width: 59em;
	position:fest;
	background-color:#FEF5D1;
	border:solid #999999 2px;
	margin:0 auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-align:left;
}

/*box für inhalt*/
#content	{
    height:32em;
	position:fest;
    overflow:auto;                       /* Regel für übergroßen Inhalt */
	align:top;
	background-color:#FFFFFF;
	color:#333333;
    border:none;
    padding:1em;
	padding-top:1em;
	font-size:16px;
	text-align:left;
	line-height:1.5;
	scrollbar-base-color:#E60003;		/*design von dem scrollbar*/
	scrollbar-3dlight-color:#9B231C;
	scrollbar-arrow-color:#FEF5D1;
	scrollbar-darkshadow-color:#9B231C;
	scrollbar-face-color:#9B231C;
	scrollbar-highlight-color:#E60003;
	scrollbar-shadow-color:#9B231C;
	scrollbar-track-color:#FEF5D1;
}

#TZ_id	{
	height:2em;
}

/*tabellenzelle banner*/
.banner	{
	background-color:#FEF5D1;
	border:none;
	padding:1em;
	text-align:center;
}

/*nativagtion*/

div#menucontainer	{
	width:940px;
	position:fest;
}

ul#navigation-1	{
	margin:0;
	padding:1px;
	list-style:none;
	width:100%;
	height:30px;
	background-color:#FEF5D1;
	border:2px solid #9B231C;
	font-family:"Comic Sans MS";
	font-size:14px;
}

ul#navigation-1 li	{
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:188px;
}

ul#navigation-1 li a:link,
ul#navigation-1 li a:visited	{
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#9B231C;
	color:#FEF5D1;
	width:186px;
	height:22px;
}

ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active	{
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#E60003;
	color:#ffffff;
	width:186px;
	height:22px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
	
ul#navigation-1 li ul.navigation-2	{
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#FEF5D1;
	width:186px;
	position:absolute;
	top:30px;
	left:-1px;
	border:1px solid #9B231C;
	border-top:none;
}

ul#navigation-1 li:hover ul.navigation-2	{
	display:block;
}

ul#navigation-1 li ul.navigation-2 li	{
	width:186px;
	clear:left;
	width:186px;
}

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited	{
	clear:left;
	background:#9B231C;
	color:#FEF5D1;
	padding:4px 0;
	width:186px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}

ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover	{
	clear:left;
	background:#E60003;
	color:#ffffff;
	width:186px;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3	{
	display:none;
	margin:0;
	list-style:none;
	position:absolute;
	top:-1px;
	left:186px;
	padding:1px 1px 0 1px;
	border:1px solid #9B231C;
	background:#FEF5D1;
	z-index:900;
}

ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3	{
	display:block;
}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited	{
	background:#9B231C;
	color:#FEF5D1;
}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active	{
	background:#E60003;
	color:#ffffff;
}

ul#navigation-1 li ul.navigation-2 li a span	{
	position:absolute;
	top:0;
	left:160px;
	font-size:14pt;
	color:#E60003;
}

ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span	{
	position:absolute;
	top:0;
	left:160px;
	font-size:14pt;
	color:#ffffff;
}

/*navigation allgemein für innere und äußere links*/
a:link		{color:#9B231C; text-decoration:none; font-weight:300;}
a:visited	{color:#E60003; text-decoration:none; font-weight:300;}
a:hover		{color:#9B231C; text-decoration:underline; font-weight:300;}

/*innere lins für anker*/
a.intern:link		{color:#333333; text-decoration:none; font-weight:300;}
a.intern:visited	{color:#999999; text-decoration:none; font-weight:300;}
a.intern:hover		{color:#666666; text-decoration:underline; font-weight:300;}

/*aktiver link*/
.aktivlink	{
	color:#9B231C;
	font-weight:500;
}

/*schriften*/
h1	{
	font-family:"Comic Sans MS";
	src:local "Comic Sans MS";
	url: "http://theaterzwerg.de/fonts/'comic'";
	font-size: 1.5em;
}

h2	{
	font-family:"Comic Sans MS";
	src:local "Comic Sans MS";
	url: "http://theaterzwerg.de/fonts/'comic'";
	font-size:1.3em;
}

h3	{
	font-family:"Comic Sans MS";
	src:local "Comic Sans MS";
	url: "http://theaterzwerg.de/fonts/'comic'";
	font-size:1.1em;
}

.comicsansms	{
	font-family:"Comic Sans MS";
	src:local "Comic Sans MS";
	url: "http://theaterzwerg.de/fonts/'comic'";
	font-size:14px;
	color:#B30004;
	text-align:right;
}	

.achtung	{
	color:#B30004;
	text-align:center;
	text-decoration:blink;
	font-size:12px;
}

/*kurse tabellenbeschriftung*/
caption	{
	text-align:left;
	font-weight:600;
}

/*kopf bei unterkapitel*/
.unterkapitel	{
	background-color:#9B231C;
	color:#FEF5D1;
	font-weight:500;
	text-align:center;
}

.unterkapitelrot	{
	background-color:#E60003;
	color:#FEF5D1;
	font-weight:500;
	text-align:center;
}

/*kleine box als eye-cathcher in content box*/
.attentiontable	{
	width:30%;
	float:right;
	background-color:#FEF5D1;
	text-align:left;
	border-collapse:collapse;
}

/*obere Teil von kleiner Box*/
.cellupper	{
	background-color:#9B231C;
	color:#FEF5D1;
	font-weight:800;
	text-align:center;
	text-decoration:blink;
}

/*untere Teil von kleiner Box*/
.cellbottom	{
	background-color:#FEF5D1;
	color:#9B231C;
	font-weight:300;
	text-align:center;
}

.celltext	{
	vertical-align:text-top;
}

/*Bildtabelle für Illustrationen*/
.bildtablerechts	{
	width:40%;
	float:right;
	text-align:left;
	border-collapse:collapse;
}

.bildcell	{
	font-weight:600;
	text-align:center;
}

/*Terminkaldender Tabellen*/
.terminkalender	{
	border-collapse:collapse;
	border:3px;
}

.terminkalendercell	{
	border:1px solid #747378;
	padding:5px;
}

.terminkalendergerade	{
	background-color:#FEF5D1;
	padding:8px;
}

.terminkalenderungerade	{
	padding:8px;
}

.terminkalendercellupper	{
	border:1px solid #747378;
	background-color:#9B231C;
	color:#FEF5D1;
	font-weight:800;
	text-align:center;
}

.terminkalendertitel	{
	background-color:#9B231C;
	color:#FEF5D1;
	font-weight:600;
	font-size:18px;
	text-align:center;
}
/*Formular*/

/*Fieldset formatting*/
fieldset	{
	border:1px solid #9B231C;
	padding-bottom:2em;
	padding-left:2em;
	display:block;
}

legend	{
	color:#9B231C;
	padding:0.5em;
}

label	{
	text-align:right;
	width:8em;
	margin-right:0.3em;
	margin-top:1em}

label.davor {
	float:left;
	clear:left;
	width:120px;
	text-align:right;
	margin-right:0.3em;
}

fieldset.button	{
	border:none;
	padding:2em 0;
	text-align:center;
}

/*Felder zum Ausfüllen*/
input, select	{
	margin-top:1em;
	margin-left:1em;
	width:20em;
	background-color:#FEF5D1;
}

input:focus	{
	background:#FFFFFF;
}

/*Box mit Auswahlmöglichkeiten*/
option	{
	text-align:left;
	width:25em;
	background:#FEF5D1;
}

option.gerade	{
	background:#FFFFFF;
}

/*Kursauswahlt mit checkbox*/
input, radio	{
	width:auto;
	margin-top:1em;
	margin-left:1em;
	margin-right:1em;
	background-color:#FEF5D1;
}

/*Textbox*/
textarea	{
	text-align:left;
	width:25em;
	margin-left:1em;
	margin-top:1em;
	background-color:#FEF5D1;
	scrollbar-3dlight-color:#9B231C;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#9B231C;
	scrollbar-face-color:#9B231C;
	scrollbar-highlight-color:#E60003;
	scrollbar-shadow-color:#9B231C;
	scrollbar-track-color:#FEF5D1;
}

/*Button*/
.submit	{
	width:auto;
	background-color:#9B231C;
	color:#FEF5D1;
	text-align:center;
	border-style:outset;
	margin:0 auto;
}

.submit:hover	{
	background-color:#FEF5D1;
	color:#9B231C;
	text-align:center;
	border-style:inset;
}