#footer { behavior: url("iepngfix.htc") }

:focus { -moz-outline-style: none; }
:-moz-any-link:focus {
outline: none;
}
a:hover { text-decoration:underline;}
*{ padding:0; margin:0}


ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; border:none }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

.ttext table {	border-collapse:collapse !important}
.ttext td { border: 1px solid #999999 !important; padding:2px 3px}


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin: 0em;font-size:1.2em; padding:0;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a{text-decoration:underline; color:#786F55;}
a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background:url(../files/main_bg.jpg) repeat-x center top #dad8cc;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	overflow: scroll;
	}

/* \*/ * html body { text-align:left; font-size: } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; margin: 2px 6px 2px 2px}
.floatRight { float:right; margin: 2px 2px 2px 6px}
a.link_back {font-size:14px; font-weight:bold; line-height:16px; margin: 0; padding:5px 3px}
a.link_back:hover { background:#EFEFEF}

.floatLeft img, .floatRight img{ border: 1px solid #cccccc; padding:3px}

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:1013px;
	padding-bottom:10px
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0;
	padding:0;
	height:226px;
	background:url(../files/header_bg.jpg) no-repeat top left;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
	margin:0
}

#content .EventsList .linie{
	width:100%;
	border-top:1px solid #999999;
	height: 1px;
	margin:2px 0 10px 0
}

#content .EventsList h2{
	width:100%;
	border-top:1px solid #999999;
	padding:4px 0 0 0;
	margin:0
}

#content .topinfo{
color:#990000;
font-weight:bolder;
padding: 1px 0 1px 3px
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {
background:url(../files/main_content_bg.png) repeat-y top left;
}
* html #main-content {
background:url(../files/main_content_bg.gif) repeat-y;
}

#main {
padding:4px 43px 1px 43px;
font-size:0.9em
}


/* ### main-block => MainContent ################################################### */

#main-block {
	color: #000;
	font-size:1.2em;
}

#main-block a{
/* color:#e53517 */
}

#main-content-block {
	padding:0px;
}

#main-content-block img.nur_bild{
margin:10px 0 10px 2px;
border:1px solid #cccccc;
padding:3px
}

#main-content-block .notizblock{
padding: 5px 8px 5px 45px;
color:#FFFFFF;
font-weight:bold;
margin:10px 0 10px -15px 
}

#Theater #main-content-block .notizblock{
background:url(../files/notizblock_theater.png) repeat-y;
}
#Kindertheater #main-content-block .notizblock{
background:url(../files/notizblock_kindertheater.png) repeat-y;
}
#Jungestheater #main-content-block .notizblock{
background:url(../files/notizblock_jungestheater.png) repeat-y;
}
#KabarettComedy #main-content-block .notizblock{
background:url(../files/notizblock_kabarett.png) repeat-y;
}
#Theaterwerkstatt #main-content-block .notizblock{
background:url(../files/notizblock_werkstatt.png) repeat-y;
}
#Schauspieltraining #main-content-block .notizblock{
background:url(../files/notizblock_schauspiel.png) repeat-y;
}

#main-block h1.aktuelles{
	color:#000000 !important;
	font-size:24px;
	line-height:36px;
	font-weight:normal;
	padding:0;
	margin:0;
	border-bottom:none
}

#main-block h1.aktuelles_underline_left{
	color:#000000 !important;
	border-bottom:1px solid #000000;
	float:left;
	width:449px;
	font-size:24px;
	line-height:36px;
	font-weight:normal;
	position:relative;
	padding:0;
	margin:6px 0 10px 0
}

#main-block h1.aktuelles_underline_right{
	color:#000000 !important;
	border-bottom:1px solid #000000;
	float:right;
	width:454px;
	font-size:24px;
	line-height:36px;
	font-weight:normal;
	position:relative;
	padding:0;
	margin:6px 0 2px 0
}

#Theater #main-block h1.aktuelles_underline_right,
#Kindertheater #main-block h1.aktuelles_underline_right,
#Jungestheater #main-block h1.aktuelles_underline_right,
#KabarettComedy #main-block h1.aktuelles_underline_right,
#Theaterwerkstatt #main-block h1.aktuelles_underline_right,
#Schauspieltraining #main-block h1.aktuelles_underline_right{
	width:296px;
	margin:0 3px 6px 10px;
}

#main-block h1.aktuelles_underline_right div{
position:absolute;
right:5px;
top:0;
font-size:12px;
text-transform:none
}

#main-block h1.aktuelles_underline_right div a{
background:url(../files/h1_alle_termine.png) no-repeat 4px 5px;
padding:0 0 0 16px;
font-weight:bold;
letter-spacing:1px;
font-size:12px;
color:#786F55;
}

#main-block h2{
	padding:0;
	width:100%;
	font-size:1.2em;
	font-weight:bolder;
	text-transform:uppercase;
	margin:12px 0 4px 0;
	padding:2px 0 2px 2px;
	color:#000000;
}

#main-block a.month_vz{
text-decoration: none;
padding: 0 12px
}

#main-block a.month_vz span{
font-size: 1.6em;
line-height:2em;
color:#000000;
padding:3px 6px 3px 6px;
font-weight:bolder;
}
#main-block a.month_vz:hover span{
font-size: 1.6em;
color:#e53517;
padding:3px 6px 3px 6px;
font-weight:bolder;
background:#ffffff;
}

#main-block span.vz_inner{
font-size: 1.5em;
color:#e53517;
font-weight:bold
}

#main-content-block .kat_left{
float:left;
width:610px;
}

#main-block .EventsList{
float:right;
width:453px;
}

#Theater #main-block .EventsList, 
#Kindertheater #main-block .EventsList, 
#Jungestheater #main-block .EventsList, 
#KabarettComedy #main-block .EventsList, 
#Theaterwerkstatt #main-block .EventsList, 
#Schauspieltraining #main-block .EventsList{
float:right;
width:300px;
}

#main-block .EventsList .detail_unten{
font-size: 1.0em;
margin:4px 6px 12px 0
}

#main-block .EventsList .detail_unten p, #main-block .EventsList .detail_unten a, #main-block .EventsList .detail_unten .ttext ul{
font-size: 1.0em
}


#main-block .EventsList .detail_unten h1{
border-bottom:none !important;
font-size:1.1em !important;
color:#FFFFFF !important;
font-weight:bold; !important;
letter-spacing:1px;
line-height:16px !important;
margin:4px 0 4px 0 !important;
padding:1px 3px !important;
position:relative;
}

#Theater #main-block .EventsList .detail_unten h1{
	background:#e53517  !important;
}

#Kindertheater #main-block .EventsList .detail_unten h1{
	background:#f3ba11 !important;
}

#KabarettComedy #main-block .EventsList .detail_unten h1{
	background:#00b1e6 !important;
}

#Jungestheater #main-block .EventsList .detail_unten h1{
	background:#96c03a !important;
}

#Theaterwerkstatt #main-block .EventsList .detail_unten h1{
	background:#933588 !important;
}

#Schauspieltraining #main-block .EventsList .detail_unten h1{
	background:#cc4b73 !important;
}


#main-block .EventsList .detail_unten h2{

}

#main-block .EventsList .detail_unten h3{

}

#main-block .EventsList_Full{

}

#main-block .termintable{
width:100%;
border-top:1px solid #aaaaaa;
margin:10px 0 0 0
}

#Neutral #main-block .termintable{
width:100%;
border-top:1px solid #aaaaaa;
margin: 0
}

#main-block .termintable tr.botti td{
background:url(../files/botti.gif) repeat-x bottom left;
height:3px;
font-size:1px;
padding:0;
margin:0
}

.termintable tr.hiddi{
display:none
}
.termintable tr.visi{
display: table-row
}

#main-block .termintable tr:hover{
background:#ffffff
}
#main-block .termintable td{
padding: 1px 3px;
text-align:left
}
#main-block .termintable td p{
padding:0;
margin:0;
font-size: 1.1em;
}
#main-block .termintable td a{
color:#786f55;
font-weight:bold
}

#main-block .termintable td p.mo{
display:block;
width:20px;
height:20px;
color:#ffffff;
font-weight:bold;
padding:2px 0 2px 5px;
background: #c82524;
font-size:1.1em;
margin: 7px 0 0 0
}

#main-block .termintable td p.di{
display:block;
width:20px;
height:20px;
color:#ffffff;
font-weight:bold;
padding:2px 0 2px 5px;
background: #c42824;
font-size:1.1em;
margin: 7px 0 0 0
}

#main-block .termintable td p.mi{
display:block;
width:20px;
height:20px;
color:#ffffff;
font-weight:bold;
padding:2px 0 2px 5px;
background: #bb3323;
font-size:1.1em;
margin: 7px 0 0 0
}

#main-block .termintable td p.do{
display:block;
width:20px;
height:20px;
color:#ffffff;
font-weight:bold;
padding:2px 0 2px 5px;
background: #b13f22;
font-size:1.1em;
margin: 7px 0 0 0
}
#main-block .termintable td p.fr{
display:block;
width:20px;
height:20px;
color:#ffffff;
font-weight:bold;
padding:2px 0 2px 5px;
background: #a74a20;
font-size:1.1em;
margin: 7px 0 0 0
}
#main-block .termintable td p.sa{
display:block;
width:20px;
height:20px;
color:#ffffff;
font-weight:bold;
padding:2px 0 2px 5px;
background: #975c1e;
font-size:1.1em;
margin: 7px 0 0 0
}
#main-block .termintable td p.so{
display:block;
width:20px;
height:20px;
color:#ffffff;
font-weight:bold;
padding:2px 0 2px 5px;
background: #8c681d;
font-size:1.1em;
margin: 7px 0 0 0
}

#main-block .termintable td .reservierung{
margin:10px auto
}

#main-block .termintable td .reservierung .r_left{
float: left;
width:46%;
}

#main-block .termintable td .reservierung .r_right{
float: right;
width:52%;
}

#main-block .termintable td .reservierung h3{
font-size:1.1em;
font-weight:bold;
margin:0;
padding:0;
line-height:1.5em
}

#main-block .termintable td .reservierung p {
padding:0 0 0 8px;
background:url(../files/reservier_p_bg.gif) no-repeat 1px 8px;
}

/* Breiten füe ALLE TERMINE SEITE */
#main-block .termintable td.eins{
width:8%;
}
#main-block .termintable td.zwei{
width:12%;
text-align:center
}
#main-block .termintable td.drei{
width:30%
}
#main-block .termintable td.vier{
width:50%
}

#main-block .treservierung{
margin:10px 0 0 0;
padding:6px;
width:520px;
}

#main-block .treservierung .r_left{
float: left;
width:46%;
}

#main-block .treservierung .r_right{
float: right;
width:52%;
}

#main-block .treservierung h3{
font-size:1.1em;
font-weight:bold;
margin:0;
padding:0;
line-height:1.5em
}

#main-block .treservierung p {
padding:0 0 0 8px;
background:url(../files/reservier_p_bg.gif) no-repeat 1px 8px;
font-size:1.0em
}

#main-block .EventsListDetail{
float:right;
width:50%
}

#main-block .links_neben_termin{
width:451px;
float:left;
margin:0;
padding:260px 0 0 0;
height:250px;
font-size:1.0em;
color:#ffffff;
font-weight:bold;
position:relative;
background:url(../files/theater_termin_links_bg.png) no-repeat;
}

#main-block .links_neben_termin a{
display:block;
width:149px;
border-right: 1px solid #ffffff; 
border-bottom: 1px solid #ffffff;
height:121px;
}

#main-block .links_neben_termin a#theaterimg{
position:absolute; top:0; left:0
}
#main-block .links_neben_termin a#kinderimg{
position:absolute; top:0; left:150px
}
#main-block .links_neben_termin a#jungesimg{
position:absolute; top:0; left:300px
}
#main-block .links_neben_termin a#kabarettimg{
position:absolute; top:122px; left:0
}
#main-block .links_neben_termin a#werkstattimg{
position:absolute; top:122px; left:150px
}
#main-block .links_neben_termin a#schauspielimg{
position:absolute; top:122px; left:300px
}

#main-block .links_neben_termin div.theater{
padding:5px; color:#FFFFFF; font-size:12px; font-weight:bold; background:#e43717;
position:absolute;
left:0;
top:250px;
height:220px;
width:441px;;
}
#main-block .links_neben_termin div.kinder{
padding:5px; color:#FFFFFF; font-size:12px; font-weight:bold; background:#fcbc03;
position:absolute;
left:0;
top:250px;
height:220px;
width:441px;;
}
#main-block .links_neben_termin div.junges{
padding:5px; color:#FFFFFF; font-size:12px; font-weight:bold; background:#93c13b;
position:absolute;
left:0;
top:250px;
height:220px;
width:441px;;
}
#main-block .links_neben_termin div.kabarett{
padding:5px; color:#FFFFFF; font-size:12px; font-weight:bold; background:#01b0e7;
position:absolute;
left:0;
top:250px;
height:220px;
width:441px;;
}
#main-block .links_neben_termin div.werkstatt{
padding:5px; color:#FFFFFF; font-size:12px; font-weight:bold; background:#923387;
position:absolute;
left:0;
top:250px;
height:220px;
width:441px;;
}
#main-block .links_neben_termin div.schauspiel{
padding:5px; color:#FFFFFF; font-size:12px; font-weight:bold; background:#e65380;
position:absolute;
left:0;
top:250px;
height:220px;
width:441px;;
}

#main-content-block ul{
padding:0;
margin:6px 0
}

#main-content-block li{
padding:2px 0 2px 9px;
font-size:1.2em;
background:url(../files/reservier_p_bg.gif) no-repeat 1px 9px;
}

#main-block p{
line-height: 1.4em;
}

#main-block .programm{
width: 450px;
float:left;
padding:0 0 10px 0;
min-height: 210px;
height: auto !important;
height: 210px;
}

#main-block .programm.ungerade{
margin:0 22px 0 0;
}

#main-block .programm p{
font-size:1.0em
}

#main-block .programm a.mehr{
font-size:1.0em;
color:#786f55;
text-decoration:underline;
border:none;
}^

#Theater #main-block .programm h2{
color:#000000;
border-bottom:1px solid #aaaaaa;
margin:0 0 6px 0; padding:0 0 5px 0;
font-weight:normal;
font-size:1.2em;
line-height:18px
}


#main-block .programm_liste_rechts{
width: 100%;
padding:0 0 10px 0;
}

#main-block .programm_liste_rechts img{
float:left;
margin:0 3px 1px 0;
padding:5px;
background:#e53517;
}

#main-block .programm_liste_rechts p{
font-size:1.0em
}

#main-block .programm_liste_rechts a.mehr{
font-size:1.0em;
color:#786f55;
text-decoration:underline;
border:none;
}

#main-block .programm_liste_rechts a.mehr:hover{
text-decoration:none
}

#main-block .programm_liste_rechts h1{
width:100%;
background:none;
color:#000000;
font-size:1.0em;
border-bottom: 1px solid #cccccc;
}

#main-block .programm img{
float:left;
padding:5px;
background:#e53517;
margin: 0 5px 2px 0
}

#main-block .programm p{
margin:0;
font-size:1.1em;
padding:0
}

#Theater #main-block .programm img, #Theater #main-block .programm_liste_rechts img{
	background:#e53517;
}

#Kindertheater #main-block .programm img, #Kindertheater #main-block .programm_liste_rechts img{
	background:#f3ba11;
}

#KabarettComedy #main-block .programm img, #KabarettComedy #main-block .programm_liste_rechts img{
	background:#00b1e6;
}

#Jungestheater #main-block .programm img, #Jungestheater #main-block .programm_liste_rechts img{
	background:#96c03a;
}

#Theaterwerkstatt #main-block .programm img, #Theaterwerkstatt #main-block .programm_liste_rechts img{
	background:#933588;
}

#Schauspieltraining #main-block .programm img, #Schauspieltraining #main-block .programm_liste_rechts img{
	background:#cc4b73;
}

#main-block .lang{
width:100%;
height:10px;
clear: both
}

#main-block .start_aktuelles{
width:947px;
height: 161px; 
position:relative;
margin:0 0 0 -15px;
background:url(../files/start_locher.jpg) no-repeat;
}

#main-block .start_aktuelles ul{
position:absolute;
left:58px;
top:15px
}

#main-block .start_aktuelles ul li{
float:left;
width:280px;
margin:0 0 0 8px;
padding:2px 10px 0 0;
margin:0 5px 0 0;
height:138px;
background:url(../files/start_aktuelles_li_bg.png) no-repeat top right;
position:relative
}

#main-block .start_aktuelles ul li img.letzt{
position:absolute;
right:0;
top:0
}

#main-block .start_aktuelles ul li a.mehr_info{
color:#786f55;
position:absolute;
bottom:23px;
font-size:0.9em;
left:152px
}

#main-block .start_aktuelles ul li.img_holder_neutral div{
background: #cccccc;
padding:10px;
float:left;
margin:0 4px 1px 0
}

#main-block .start_aktuelles ul li h1{
border-bottom:none;
line-height:20px;
text-align:left;
font-size:1.3em;
font-weight:bolder;
margin:2px 0 1px;
padding:1px 0 1px 2px;
text-transform:uppercase;
width:100%;
}

#main-block .start_aktuelles ul li h2.aktuelles_h2{
color:#000000 !important;
width:auto;
font-size:1.2em;
text-align:left;
text-transform: none;
font-size:0.9em;
margin:2px 0 3px;
padding:1px 0 1px 2px;
}

#main-block .start_aktuelles ul li.img_holder_neutral h1{
color: #cccccc !important;
width:auto;
font-size:15px;
text-align:left
}

#main-block .start_aktuelles ul li.img_holder_theater div{
background: #e43717;
padding:10px;
float:left;
margin:0 4px 1px 0
}
#main-block .start_aktuelles ul li.img_holder_theater h1{
color: #e43717 !important;
width:auto;
font-size:15px;
text-align:left
}

#main-block .start_aktuelles ul li.img_holder_kindertheater div{
background: #fcbc03;
padding:10px;
float:left;
margin:0 4px 1px 0
}
#main-block .start_aktuelles ul li.img_holder_kindertheater h1{
color: #fcbc03 !important;
width:auto;
font-size:15px;
text-align:left
}

#main-block .start_aktuelles ul li.img_holder_jungestheater div{
background: #93c13b;
padding:10px;
float:left;
margin:0 4px 1px 0
}
#main-block .start_aktuelles ul li.img_holder_jungestheater h1{
color: #93c13b !important;
width:auto;
font-size:15px;
text-align:left
}

#main-block .start_aktuelles ul li.img_holder_kabarett div{
background: #01b0e7;
padding:10px;
float:left;
margin:0 4px 1px 0
}
#main-block .start_aktuelles ul li.img_holder_kabarett h1{
color: #01b0e7 !important;
width:auto;
font-size:15px;
text-align:left
}

#main-block .start_aktuelles ul li.img_holder_werkstatt div{
background: #923387;
padding:10px;
float:left;
margin:0 4px 1px 0
}
#main-block .start_aktuelles ul li.img_holder_werkstatt h1{
color: #923387 !important;
width:auto;
font-size:15px;
text-align:left
}

#main-block .start_aktuelles ul li.img_holder_schauspiel div{
background: #e65380;
padding:10px;
float:left;
margin:0 4px 1px 0
}
#main-block .start_aktuelles ul li.img_holder_schauspiel h1{
color: #e65380 !important;
width:auto;
font-size:15px;
text-align:left
}

#main-block .start_aktuelles ul li .img_holder img{
border: solid #ffffff 1px;
}

/* ### Footer ###################################################################### */

#footer {
	display:block;
	position:relative;
	width:100%;
	height:190px;
	background:url(../files/footer_bg.png) no-repeat;
	color:#000000
}

#footer h1{
	position:absolute;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.4em;
	left:294px;
	top:70px; 
	border-bottom:none;
}

#footer #footer-links{
	position:absolute;
	left:294px;
	top:95px
}

#footer #footer-rechts{
	position:absolute;
	left:455px;
	top:95px
}


#footer #img{
	position:absolute;
	left:40px;
	top:60px;
	background:#ffffff;
	width:77px;
	height:83px;
	background:url(../files/footer_logo.gif) no-repeat;
}


#Theater #footer #img{
	background:url(../files/footer_logo.gif) no-repeat;
}

#Kindertheater #footer #img{
	background:url(../files/footer_logo_kindertheater.gif) no-repeat;
}

#KabarettComedy #footer #img{
	background:url(../files/footer_logo_comedy.gif) no-repeat;
}

#Jungestheater #footer #img{
	background:url(../files/footer_logo_junges_theater.gif) no-repeat;
}

#Theaterwerkstatt #footer #img{
	background:url(../files/footer_logo_extra.gif) no-repeat;
}

#Schauspieltraining #footer #img{
	background:url(../files/footer_logo_schauspieltraining.gif) no-repeat;
}

#footer #img span{
display:none
}

#footer #footer-rechts p, #footer #footer-links p{
line-height: 1.5em;
}


/*******************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/

/* ### Logo ################################################################# */
#logo {
	position:absolute;
	top:65px;
	left:0px;
}

#logo a {
	display:block;
	height:121px;
	width:315px;
	text-indent:-700em;
	background: url(../files/logo_bg.png) no-repeat 40px 35px;
}

#Theater #logo a{
	background: url(../files/logo_bg.png) no-repeat 40px 35px;
}

#Kindertheater #logo a{
	background: url(../files/logo_kindertheater.png) no-repeat 40px 35px;
}

#KabarettComedy #logo a{
	background: url(../files/logo_kabarett.png) no-repeat 40px 35px;
}

#Jungestheater #logo a{
	background: url(../files/logo_junges_theater.png) no-repeat 40px 35px;
}

#Theaterwerkstatt #logo a{
	background: url(../files/logo_extra.png) no-repeat 40px 35px;
}

#Schauspieltraining #logo a{
	background: url(../files/logo_schauspieltraining.png) no-repeat 40px 35px;
}

/* ### Header ############################################################### */

#nav-header {
	position:absolute;
	left:350px;
	top:111px;
	height:72px
}

#nav-header li {
	float:left;
	padding:0;
	margin:0
}

#nav-header li a span{
display: none
}

#nav-header li a#nav54{
display:block;
width: 83px;
height: 70px;
background: url(../files/top_navi.png) no-repeat;
}
#nav-header li a#nav2{
display:block;
width: 84px;
height: 70px;
background: url(../files/top_navi.png) no-repeat -83px 0;
}
#nav-header li a#nav4{
display:block;
width: 85px;
height: 70px;
background: url(../files/top_navi.png) no-repeat -165px 0;
}
#nav-header li a#nav45{
display:block;
width: 96px;
height: 70px;
background: url(../files/top_navi.png) no-repeat -249px 0;
}
#nav-header li a#nav5{
display:block;
width: 104px;
height: 70px;
background: url(../files/top_navi.png) no-repeat -345px 0;
}
#nav-header li a#nav6{
display:block;
width: 100px;
height: 70px;
background: url(../files/top_navi.png) no-repeat -449px 0;
}

#nav-header li a#nav54:hover{
background: url(../files/top_navi.png) no-repeat 0 -70px;
}
#nav-header li a#nav2:hover{
background: url(../files/top_navi.png) no-repeat -83px -70px;
}
#nav-header li a#nav4:hover{
background: url(../files/top_navi.png) no-repeat -165px -70px;
}
#nav-header li a#nav45:hover{
background: url(../files/top_navi.png) no-repeat -249px -70px;
}
#nav-header li a#nav5:hover{
background: url(../files/top_navi.png) no-repeat -345px -70px;
}
#nav-header li a#nav6:hover{
background: url(../files/top_navi.png) no-repeat -449px -70px;
}

#nav-header li a#nav54.akt{
background: url(../files/top_navi.png) no-repeat 0 -70px;
}
#nav-header li a#nav2.akt{
background: url(../files/top_navi.png) no-repeat -83px -70px;
}
#nav-header li a#nav4.akt{
background: url(../files/top_navi.png) no-repeat -165px -70px;
}
#nav-header li a#nav45.akt{
background: url(../files/top_navi.png) no-repeat -249px -70px;
}
#nav-header li a#nav5.akt{
background: url(../files/top_navi.png) no-repeat -345px -70px;
}
#nav-header li a#nav6.akt{
background: url(../files/top_navi.png) no-repeat -449px -70px;
}


/* ### Sub Navigation ######################################################### */

#nav {
	positition:relative;
	height:26px;
	padding:0 0 0 84px;
	width:100%;
}
#nav li{
float:left;
text-align:center;
border-right:none;
height:26px;
}
#nav li.last{
float:left;
text-align:center;
border-right:none;
}
#nav li a{
display:block;
text-decoration:none;
height:18px;
font-size: 1.1em;
font-weight:bold;
color:#000000;
margin:0 10px 0 10px;
padding: 0 8px;
line-height:18px
}
#nav li a:hover{
background:#fabb00;
color:#ffffff
}

#nav li.active a{
background:#fabb00;
color:#ffffff;
}

#nav ul table{
float:left
}

#nav3{
clear:both;
margin:0 0 0 83px
}
#nav3 a{
float:left;
color:#000000;
text-decoration:none;
margin:0 10px;
height:auto;
padding:1px 8px;
}
#nav3 a:hover{
background:#cccccc !important
}


#Theater #nav li a:hover{
	background:#e53517;
}

#Kindertheater #nav li a:hover{
	background:#f3ba11;
}

#KabarettComedy #nav li a:hover{
	background:#00b1e6;
}

#Jungestheater #nav li a:hover{
	background:#96c03a;
}

#Theaterwerkstatt #nav li a:hover{
	background:#933588;
}

#Schauspieltraining #nav li a:hover{
	background:#cc4b73;
}




#Theater #nav li.active a{
	background:#e53517;
}

#Kindertheater #nav li.active a{
	background:#f3ba11;
}

#KabarettComedy #nav li.active a{
	background:#00b1e6;
}

#Jungestheater #nav li.active a{
	background:#96c03a;
}

#Theaterwerkstatt #nav li.active a{
	background:#933588;
}

#Schauspieltraining #nav li.active a{
	background:#cc4b73;
}


#topnavi{
position: absolute;
right:36px;
top:28px;
}
#topnavi a{
color:#786f55;
text-decoration:underline;
font-size:1.1em;
margin: 0 5px 0 5px
}

#topnavi a:hover{
text-decoration:none
}

.start_kontakte{
padding:0 8px 2px 52px;
color:#000000;
line-height:16px;
font-size:1.0em
}

.start_kontakte a{
color:#786f55
}

.start_kontakte h1{
font-size:1.5em;
margin:0 0 12px 0;
color:#786f55
}

.start_kontakte div{
width:230px;
height:100px;
float:left;
margin:5px 0 4px 7px
}

.start_kontakte div.ja{
background: url(../files/start_design_strich.gif) no-repeat top right;
}

.a64_empty{font-size:14px; line-height:22px; margin:12px 0 0 0}

/* Galerie */
#main-content-block div.image{
float:left;
border:1px solid #CCCCCC;
padding:3px;
margin: 0 24px 15px 24px
}
#main-content-block div.image p{
width:100%;
background: #333333;
padding:1px;
color:#FFFFFF;
font-size:0.8em;
margin:3px 0 0 0;
}

#container h1{
background:#ffffff
}

body.hilfe{
background:#FFFFFF;
color:#000000;
padding:20px;
font-size: 1.0em
}

body.hilfe p{
font-size: 1.0em;
}

body.hilfe ul li{
font-size: 1.0em;
list-style:circle;
margin: 0 0 0 19px
}

#container h1{
font-size: 18px; color:#990000
}

h3{
font-size: 13px;
line-height:16px;
color: #333333;
margin: 2px 0 4px 0;
font-weight:bold

}

#topm a{
font-size:14px; margin:0 10px 0 auto}

h1{
border-bottom:1px solid #000000; text-transform:uppercase; font-size:24px; line-height:36px; font-weight:normal; position:relative; padding:0; margin:0 0 10px 0
}

#Theater.kat_left h1{
margin:0 0 1px 0
}

#Theater.kat_left h2{
text-transform:none
}

#Theater h1, #Theater h2{
	color:#e53517;
}

#Kindertheater h1, #Kindertheater h2{
	color:#daa405;
}

#KabarettComedy h1, #KabarettComedy h2{
	color:#00b1e6;
}

#Jungestheater h1, #Jungestheater h2{
	color:#96c03a;
}

#Theaterwerkstatt h1, #Theaterwerkstatt h2{
	color:#933588;
}

#Schauspieltraining h1, #Schauspieltraining h2{
	color:#cc4b73;
}

#Theater .programm h1, #Kindertheater .programm h1, #KabarettComedy .programm h1, #Jungestheater .programm h1, #Theaterwerkstatt .programm h1, #Schauspieltraining .programm h1{
color:#000000 !important;
border:none !important;
margin:0 !important;
padding:0 !important;
font-size:1.3em !important;
line-height:20px !important;
font-weight:bold;
}

#Theater .programm h2, #Kindertheater .programm h2, #KabarettComedy .programm h2, #Jungestheater .programm h2, #Theaterwerkstatt .programm h2, #Schauspieltraining .programm h2{
color:#000000 !important;
font-weight:normal;
border:none !important;
margin:0 0 6px 0 !important;
padding:0 0 3px 0 !important;
font-size:1.2em !important;
line-height:20px !important;
border-bottom:1px solid #cccccc !important;
}

.notizblock .floatLeft img, .notizblock .floatRight img {
border:1px solid #999999;
background: #CCCCCC;
padding:3px;
}

.notizblock a{
color:#FFFFFF
}

div.ttext{
margin:5px 0
}

div.ttext img{
margin:2px
}

.r_download h3{
font-size:14px
}

.r_download p{
font-size:12px;
padding:0;
margin:0;
line-height:12px
}

.r_download{
padding:6px 5px 2px 65px;
border-bottom:1px solid #cccccc;
width:224px;
background:url(../files/pdf.png) 20px 8px no-repeat;
font-size:1.1em
}
.r_download a.dwnl{
padding:2px 0;
font-size:1.2em
letter-spacing:1px;
line-height: 14px
}

.ext_link{
padding:2px 5px 5px 55px;
width:224px;
background:url(../files/external_link_icon.gif) 20px 3px no-repeat;
font-size:1.1em
}

div.projekttermin{
background:transparent url(../files/botti.gif) repeat-x scroll left bottom !important;
padding:5px 0
}
div.projekttermin p{
}
div.projekttermin p span{
font-weight:bold
}

.detail_unten h3{
border-bottom: 1px solid #cccccc;
font-weight:1.2em;
padding:1px 0 4px 0
}

.r_download h3{
border:none
}

.flashvid1{
float:left;
width:610px;
height:394px;
position:relative;
margin: 6px 0
}

.flashvid1_beside{
position:absolute;
right:4px;
top:44px;
font-size:1.0em;
width:176px
}
/* jQuery lightBox plugin - Gallery style */
#gallery {
padding: 0;
width:100%;
margin:10px 0 10px 0
}
#gallery ul { list-style: none; }
* html #gallery ul li { float:left; margin:0 3px 4px 2px; height:80px;}
#gallery ul li { float:left; margin:0 4px 4px 2px; list-style: none; list-style-type: none; background:none}
#gallery ul li a{ magrin:0; padding:0}
#gallery ul img {
padding:0;
margin:0
}
#gallery ul a:hover img {
padding:0;
margin:0
}
#gallery ul a:hover { color: #fff; }
hr, .hr1{margin:12px 0; border-top:1px solid #cccccc; border-bottom:none; border-left:none; border-right:none; color:none}
#searchform{
position:absolute;
right:40px; top:4px
}

#searchform .search{
font-size:12px;
height:15px;
margin:0;
padding:0;
line-height:11px;
width:172px;
border:1px solid #cccccc;
}

#searchform .button{
font-size:11px;
height:15px;
background:#FFFFFF;
border:none;
margin:0;
padding:0;
line-height:11px;
}