/*------------------------------------------------------------------------------------*/
/* GENERAL SETUP */
/*------------------------------------------------------------------------------------*/

html {
	font-size:100%;
	overflow-x:auto;
	overflow-y:scroll;

}

body{
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
	line-height: 20px;
	
	background-image: url(../../resources/images/bg_body2.gif);
	background-repeat: repeat-x;
	
}


input, textarea, select{

	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 12px;

}

/*------------------------------------------------------------------------------------*/
/* PAGE STRUCTURE */
/*------------------------------------------------------------------------------------*/

#wrapper{
	width: 100%;
	height: 100%;
	text-align: center;
	

	
}

#page{
	margin: 0 auto;
	width: 900px;
	text-align: left;
	border: 0px solid red;
}

#header{
	height: 175px;
	border: 0px solid red;
	margin-top: 20px;
	position: relative;
	
}

#logo{
	margin: 0px 0px 0px 0px;
	position: absolute;	
	right: 0px;
	top: 20px;
}


#logo2{
	margin: 0px 0px 0px 0px;
	position: absolute;	
	left: -20px;
	top: 60px;
	display: none;
}



#search-container{

	position: absolute;
	top: 20px;
	left: 0px;	
		
}

#search-container form{
	margin: 0px;
	padding: 0px;
}

#search-container input{
	background-color: #eeeeee;
	border: none;
	padding: 0px;
	margin: 0px;
	height: 19px;
	border: 0px solid red;
	padding-top: 4px;
	padding-left: 5px;
	height: 19px;
	
}

#search-container label{
	display: none;
}


/*------------------------------------------------------------------------------------*/
/* MAIN MENU */
/*------------------------------------------------------------------------------------*/

#main-menu{
	border: 1px solid #333333;
	height: 28px;
	
}

#main-menu ul{
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;	
}

#main-menu li{
	display: inline;
	margin-right: 15px;
}


#main-menu a{
	color: white;
	font-weight: bold;
}


#main-menu a:hover, #main-menu a.active{
	color: #999900;
}




/*------------------------------------------------------------------------------------*/
/* HEADER IMAGE */
/*------------------------------------------------------------------------------------*/

#header-image{
	height: 300px;
	
}

#header-image .left{
	float: left;
	width: 500px;
	height: 300px;
	background-image: url(../../resources/images/bg_left_header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#header-image .right{
	width: 400px;
	float: right;
	height: 300px;
	background-image: url(../../resources/images/bg_right_header_fand.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-position: top left;
	
}



/*------------------------------------------------------------------------------------*/
/* MAIN MENU */
/*------------------------------------------------------------------------------------*/

#sub-menu{
	border: 0px solid red;
}

#sub-menu ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}

#sub-menu ul ul{
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;	
}

#sub-menu li{
	/*display: inline;*/
	margin-bottom: 5px;
}

#sub-menu a{
	border-bottom: 1px dotted;
}


#sub-menu a.active{
	color: #000;
	border: none;
}


/*------------------------------------------------------------------------------------*/
/* SERVNAV */
/*------------------------------------------------------------------------------------*/

#serv-nav{
	border: 1px solid red;
}

#serv-nav ul{
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;	
}

#serv-nav{
	/*display: inline;*/
}



/*------------------------------------------------------------------------------------*/
/* PAGE CONTENT */
/*------------------------------------------------------------------------------------*/


#page-content{
	margin: 20px 0px 20px 0px;
	border: 0px solid red;
}

/*------------------------------------------------------------------------------------*/
/* FOOTER */
/*------------------------------------------------------------------------------------*/

#footer {
	border: 0px solid green;
	color: #999999;
	font-size: 10px;
}

#bread-crumb, #bread-crumb a{
	color: #999999;
	font-size: 10px;
}


/*------------------------------------------------------------------------------------*/
/* TEXT */
/*------------------------------------------------------------------------------------*/

.alignable-content-image img, .textbild img, .film_list img, .film img, .presse_downloads img{
	padding: 10px;
	border: 1px solid #dbdbdb;
}


a{
	color: #999900;
	text-decoration: none;
}

/*
a:hover{
	color: #94cacc;
}
*/

h1 {

	font-size: 15px;
	line-height: 20px;
	color: black;
	padding: 0px;
	margin: 0px;
}

h2 {

	font-size: 13px;
	line-height: 18px;
	color: black;
		padding: 0px;
	margin: 0px;
}

h3 {

	font-size: 13px;
	line-height: 18px;
	color: #333333;
		padding: 0px;
	margin: 0px;
}

h4 {

	font-size: 13px;
	line-height: 18px;
	color: #333333;
		padding: 0px;
	margin: 0px;
}

h5 {

	font-size: 13px;
	line-height: 18px;
	color: #333333;
		padding: 0px;
	margin: 0px;
}


h6 {

	font-size: 13px;
	line-height: 14px;
	color: #999999;
	padding: 0px;
	margin: 0px;
}



/*------------------------------------------------------------------------------------*/
/* PETITION  */
/*------------------------------------------------------------------------------------*/

#petition_form{

	width: 350px;
}

#petition_form fieldset{

	padding: 0px 20px 20px 10px;
}

#petition_form legend{

	margin: 0px 0px 0px 0px;
}

#petition_form div{
	margin-top: 10px;
	border: 0px solid red;
	text-align: right;
}

#petition_form label{	
	width: 80px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}

#petition_form input{	
	width: 200px;
}

#petition_form select{	
	width: 206px;
}

#petition_formdiv{	
	text-align: right;
	margin: 5px;
	padding: 0px;
}


#petition_form .button{	
	text-align: right;
	
}
#petition_form .button input{	
	width: auto;
	
}



ul.petition{
	margin: 20px 0px 20px 0px;
	padding: 0px;
	
	list-style-type: none;
}

ul.petition li{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	
	background-image: url(../../resources/images/hackerl.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


/*------------------------------------------------------------------------------------*/
/*  */
/*------------------------------------------------------------------------------------*/

.gallery div{
	margin: 0px 20px 20px 0px;
}



/*------------------------------------------------------------------------------------*/
/* FILME */
/*------------------------------------------------------------------------------------*/


.film_list{
	border-bottom: 1px solid #EEEEEE;
	padding: 10px 0px 10px 0px;

}
.film_list .title, .film .title{
	font-weight: bold;
	font-size: 13px;
	
}

.film_list .title:hover{
	
}

.auszeichnung{
	font-weight: bold;
}

.auszeichnung2{
color: #999;
	font-weight: bold;
}

/*------------------------------------------------------------------------------------*/
/* KALENDER */
/*------------------------------------------------------------------------------------*/

.kalender_spalte{
	border: 1px solid #cccc99;
	width: 230px;
	float: left;
	margin-right: 10px;
	
}


.kalender_spalte .headline{
	background-color: #cccc99;
	font-weight: bold;
	padding: 0px 0px 5px 5px;
	
}


.kalender_eintrag{
	border-bottom: 1px solid #cccc99;
	padding: 5px 5px 10px 5px;
}


.premiere_text{
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
	color: #AAA;
}
/*------------------------------------------------------------------------------------*/
/* RAHMENPROGRAMM */
/*------------------------------------------------------------------------------------*/

#rahmenprogramm{
border: 0px solid red;
}


#rahmenprogramm label {
	font-weight: bold;
	padding: 0px; 
	margin: 0px;
}

#rahmenprogramm select, #rahmenprogramm form{
	padding: 0px;
	margin: 0px;
}

#rahmenprogramm .eintrag{
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #EEEEEE;
	
	
}


/*------------------------------------------------------------------------------------*/
/* SUCHE */
/*------------------------------------------------------------------------------------*/

.search-result-nav{
	margin: 10px 0px 20px 0px;
}

/*------------------------------------------------------------------------------------*/
/* NEWSLETTER  AN- und AB-Meldung */
/*------------------------------------------------------------------------------------*/


#nl_anmeldung_form, #nl_abmeldung_form {

	width: 360px;
}

#nl_anmeldung_form  fieldset, #nl_abmeldung_form fieldset{

	padding: 10px 20px 20px 10px;
}

#nl_anmeldung_form  legend, #nl_abmeldung_form legend{

	margin: 0px 0px 0px 0px;
}


#nl_anmeldung_form label, #nl_abmeldung_form label{	
	width: 90px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}

#nl_anmeldung_form input, #nl_abmeldung_form input{	
	width: 200px;
}

#nl_anmeldung_form select, #nl_abmeldung_form select{	
	width: 206px;
}

#nl_anmeldung_form div, #nl_abmeldung_form div{	
	text-align: right;
	margin: 5px;
	padding: 0px;
}

#nl_anmeldung_form .button input, #nl_abmeldung_form .button input{	
	width: auto;
	
}




/*------------------------------------------------------------------------------------*/
/*  */
/*------------------------------------------------------------------------------------*/