body {
	color: #333;
	background:#ccc url(../images/body_bg.jpg) repeat-x;
}

#container {
	background-color:#FFF;
	overflow:hidden;
}

#container_top {
	background:transparent url(../images/container_bg_top.jpg) no-repeat top center;
	overflow:hidden;
	width: 100%; /*IE 6 fix */
}

#container_mid {
	background:transparent url(../images/container_bg_mid.jpg) repeat-y top center;
	overflow: hidden;
	width: 100%; /*IE 6 fix */
}

#container_btm {
	background:transparent url(../images/container_bg_btm.jpg) no-repeat bottom center;
	overflow: hidden;
	width: 100%; /*IE 6 fix */
}

#header {
	height: 200px;
	background: #FFF url(../images/header.jpg) no-repeat;
}


/*
	NAVIGATION
*/

ul#nav{
	background: #526488 url(../images/nav_bg_inactive.jpg) repeat-x;
	margin-bottom:0;
}

ul#nav li{
	display: inline;
	background: #526488 url(../images/nav_bg_inactive.jpg) repeat-x;
	font-size: .84em;
	line-height: 1;
	text-transform:uppercase;
	float: left;
    width: 133px;
    list-style: none;
	margin: 0;
	border-right:1px solid #31405B;
}

ul#nav a{
    width: 133px;
	padding: 1.2em 0;
	text-align:center;
	display:block;
	color: #EFEBE7;
	text-decoration:none;
}

ul#nav a:hover{
	background: #31405B url(../images/nav_bg_active.jpg) repeat-x;
}
ul#nav #nav01 a:hover{
	background: #31405B url(../images/first_nav_bg_active.jpg) no-repeat;
}

ul#nav #nav07 a:hover{
	background: #31405B url(../images/last_nav_bg_active.jpg) no-repeat;
}

/*
	CURRENT NAV
*/

#theater #nav02,
#archiv #nav03,
#chronik #nav04,
#spielorte #nav05,
#gaestebuch #nav06,
#fotos #nav07{
	background: #31405B url(../images/nav_bg_active.jpg) repeat-x;
}

#startseite #nav01{
	background: #31405B url(../images/first_nav_bg_active.jpg) no-repeat;
}

#fotos #nav07{
	background: #31405B url(../images/last_nav_bg_active.jpg) no-repeat;
}

/*
	MAIN CONTENT
*/

#main {
	background-color:#fff;
}

#main .content{
	background:#F0F0F0 url(../images/content_bg.jpg) no-repeat 0 0;
	margin: 0 0 0 10px;
	padding:0 10px 10px 10px;
	overflow: hidden;
	width: 590px;
	/*height: 1%; IE 6 fix */
}


/*
	SIDE CONTENT
*/

.sidecontent{
	overflow:hidden;
	position: relative;
	background:#F0F0F0 url(../images/sidebar_bg.jpg) no-repeat 0 0;
	margin: 0 10px 0 0;
	padding:0 10px 10px 10px;
	height: 1%; /*IE 6 fix */
}

.sidecontent h6 {
	color:#526488;
	margin-bottom: 10px;
}

.sidecontent h4{
	color: #999;
	font-weight:normal;
	margin-bottom: 5px;
}

.sidecontent h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #31405B;
	margin-bottom: 5px;
	letter-spacing:2px;
	font-size: 24px;
}

#archiv .sidecontent h6 {
	color: #526488;
	margin-top: 20px;
}

/*
	SIDEBAR
*/
#sidebar {
	background-color: #fff;
}

#sidebar img {
	padding-top: 10px;
}

/*
	FOOTER
*/

#footer {
	margin-top: 10px;
	background: #fff url(../images/nav_bg_inactive.jpg) repeat-x;
}

#footer p {
	font-size: .7em;
	color: #FFF;
	padding: 1.2em .7em;
	margin:0;
}

#footer a {
	color: #FFF;
	font-weight: bold;
}

/*
	SLIDESHOW
*/

#slideshow {
    position:relative;
    height:426px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}


/*
	HEADLINES
*/

#headline_welcome {
	background: #fff url(../images/headlines/herzlichwillkommen.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

#headline_nextplay {
	background: #fff url(../images/headlines/naechstesstueck.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 10px 0 0;
}

#headline_stats{
	background: #fff url(../images/headlines/stats.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 10px 0 0;
}

#headline_impressum{
	background: #fff url(../images/headlines/impressum.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 10px 0 0;
}

#headline_archiv {
	background: #fff url(../images/headlines/archiv.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

#headline_chronik {
	background: #fff url(../images/headlines/chronik.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

#headline_theater {
	background: #fff url(../images/headlines/theater.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

#headline_kontakt {
	background: #fff url(../images/headlines/kontakt.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

#headline_legal {
	background: #fff url(../images/headlines/legal.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

#headline_spielorte {
	background: #fff url(../images/headlines/spielorte.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

#headline_impressionen {
	background: #fff url(../images/headlines/impressionen.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

#headline_gaestebuch {
	background: #fff url(../images/headlines/gaestebuch.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

#headline_newsletter{
	background: #fff url(../images/headlines/newsletter.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 10px 0 0;
}

#headline_info {
	background: #fff url(../images/headlines/info.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 10px 0 0;
}

#headline_firstplay {
	background: #fff url(../images/headlines/ersteauff.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 10px 0 0;
}

#headline_alben {
	background: #fff url(../images/headlines/alben.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 10px 0 0;
}

#headline_fotos{
	background: #fff url(../images/headlines/fotos.jpg) no-repeat 0 0;
	height: 45px;
	margin: 10px 0 0 10px;
}

/* 
	LIST BOX
*/

.listbox {
	overflow: hidden;
	width:100%; /*IE 6 fix */
}

.listbox ul { 
   float: left; /* Zum Umschließen der gefloateten Listenelemente */ 
   list-style-type: none; 
   padding: 0; 
   margin: 0 0 1em -0.6em; } /* Abstand zum nachfolgenden Fließtext */ 
   
.listbox ul li {
   float: left; 
   width: 12.3em; /* Breite den Umständen anpassen */ 
   background: #CCCCCC;
   border: 1px solid #999999;
   border-top: none; 
   margin: 0 0 0.5em 0.5em;
}

.listbox ul p { 
	margin: 0.5em; 
}

.listbox ul h3 {
   font-size: 110%;
   margin-top: 0; 
   display: block; 
   text-decoration: none;
   padding: 0.5em;
   background: #999999;
   color: white;
}
.listbox ul + * { clear: both; } 

.listbox .clear_ie6 { clear: both; }

#theater .listbox ul li {
   background: #DDDDDD;
}

#theater .listbox ul p {
	margin-bottom: 1.5em;
} 

#spielorte .listbox ul li {
   width: 13.4em;
}

/*
	CONTACT FORM
*/

form {
   background-color: #eee;
   width: 540px;
   padding: 20px; 
   border: 1px solid #fff;
}

label {
	margin-bottom: 0.3em; 
   	display: block;
} 

#captchatable,
#captchatable tr:hover { 
   width: 320px;
   border-collapse: collapse;  
   background: white;  
   color: black; 
   border: 1px solid #999999;
}

input#vorname,
input#nachname,
input#email,
textarea {
   font-family:Arial, Helvetica, sans-serif;
   width: 470px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
}

input.newsletter {
   font-family:Arial, Helvetica, sans-serif;
   width:100%;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
}

form.newsletter {
   background-color: #eee;
   width: 220px;
   padding: 20px; 
   border: 1px solid #fff;
}

textarea { 
   height: 15em; 
}
input#absender:focus, 
textarea:focus {
   background-color: #d9d9d9; 
}


/*
	TABLEs
*/

table { 
	background-color:#FFF;
   width: 520px;
   color: #000; 
   border: 1px solid #999999;
}

caption {  
   font-size: 95%;
   font-weight: bold;
   color: #333333; 
   text-align: left;
   padding: 1em;
   padding-left: 0; 
}

th, td {  
   padding: 0.5em 1em; 
   text-align: left;
   vertical-align: top;
}

tr.zebrastreifen { 
	background-color: #eee; 
	color: #000;
}


table.vorstand {
	width: 270px;
	border:none;
}

table.vorstand p {
	margin-bottom:2px;
}

table.vorstand tr {
	background-color:#FFF;
	border-bottom: 1px solid #F0F0F0;
	margin-bottom:2px;
}



/*
	CLASSES
*/

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
}

.replace {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.highlight {
	color: #526488;
	font-weight: bold;
}

.first {
	margin-top: 0;
	padding-top: 10px;
	border-top: 1px solid #fff;
}

.last {
	padding-bottom: 10px;
}

.small {
	font-size: 10px;
}

.info {
	background:#ff9191 url(../images/info.jpg) no-repeat top left;
	padding: 20px 20px 20px 80px;
	border: 1px solid #CCC;
	color: #FFF;
}