/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	font-color: #000000;
	background-color: #ffffff;
	text-align:center;
 
}

	
/***************SCHRIFT************************/	
h1 { font-family:  Geneva, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: 400; color: #660000; margin: 0px 0px 0px 0px; padding: 0px;  }


h2  { font-family:  Geneva, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; color: #660000; margin: 5px 0px 3px 0px;}


.milan {float:right; position: relative; top: -2px; right: 100px; margin: 0px; width: auto; height: 10px;}
.milan p { font-size:0.65em; margin:0px; }

	p, td{ font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 2px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
	line-height: 1.4em;
	
	
	
}

/***************KORSETT************************/	
#mainbox {	text-align:left;
			position: static;
			margin: auto;
			margin-top: 50px;
			padding: 0px;
			width: 939px;
			height: auto;
			background-color: #FFFFFF;
			}
/***************TITELBEREICH LINKS************************/	
#title { 	float:left;
			margin: 138px 0px 0px 0px; 
			width: 37px;
			height: 323px;
			padding: 0px;
		}
		
			
/***************KOPFBEREICH ************************/	
		
#headbox { 	float: left;
			margin: 0px;
			padding: 0px; 
			width: 900px;
		   	height: 29px;	
			background-image: url(../img/head.gif);
		    background-repeat: no-repeat;
			vertical-align: baseline;}
			
#mail  {margin: 3px 0px 0px 0px;
		padding: 3px 0px 0px 0px;
		width: 120px}
			
			
/***************NAVIGATION KOPFBEREICH ************************/			
			
			
	#mainmenue {  width: 650px; height: 29px; margin: 0px; padding: 0px; float: left; z-index: 10; vertical-align: text-top;}		
				
		.mainmenue {  list-style-type: none; text-align: right;	margin: 0px 0px 0px 10px; padding: 0px; width: 650px;  height: auto;}
		.mainmenue_format { float:left; word-spacing: normal; margin: 0px; padding: 0px; height: 29px;  } 
		.mainmenue_format li {  color: #ffffff; word-spacing: normal; margin: 0px; padding: 0px;} 
		.mainmenue_format a { font-weight:normal; display:block; font-size:0.8em;  padding: 6px 12px 0px 5px; margin: 0px; color: #000000;}
		.mainmenue_format a:link {text-decoration: none; color: #ffffff; margin-top: 0px; }
		.mainmenue_format a:visited {text-decoration:none; color: #ffffff; margin-top: 0px;}
		.mainmenue_format a:hover{text-decoration: none; color:#ffffff; /*background-color:#76BB54;*/ margin-top: 0px;}
		.mainmenue_format a:active {text-decoration: none; color: #ffffff; margin-top: 0px;}
		.mainmenue_format a:focus {text-decoration: underline; color: #ffffff; margin-top: 0px;}
			
	#menue { width: 210px; margin: 0px;  padding: 0px; height: auto; float: right;  position: relative; top: -19px;  font-size:0.7em;  z-index: 10; text-align:right;}
				
		.menue { list-style-type: none; margin: 0px; padding-left:0px; width: auto; display: inline}
		.menue_format {	float:right;  color: #666666; word-spacing: normal; margin-right: 6px; display: inline} 
		.menue_format li {  color: #666666; word-spacing: normal; margin: 0px; vertical-align: middle;} 
		.menue_format a { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px 6px 0px 5px; margin: 0px; border-right: 1px solid #999999; color: #666666; vertical-align: middle;}
		.menue_format a:link {text-decoration: none; color: #666666;}
		.menue_format a:visited {text-decoration:none; color: #666666;}
		.menue_format a:hover{text-decoration: underline; color:#666666;}
		.menue_format a:active {text-decoration: none; color: #666666;}
		.menue_format a:focus {text-decoration: underline; color: #666666;}



/******** DESIGN INHALTSBEREICH HAUPTCONTAINER MIT GRAUEM RAHMEN******************/

		#hauptbereich {  	float: left;
							width: 877px;			
							height: 347px;	
		  					margin: 7px 0px 7px 0px;
		   					padding: 0px 10px;
							background-color: #FAF9F7;
							border:1px solid #D6D6D6;
							/*-moz-border-radius:4px;*/
						}
					
			.ecke_li_o  {	float:left;
							position: relative;
							width: 3px;
							height: 3px;
							top: -1px;
							left: -11px;
							margin: 0px;
							padding: 0px;}

			.ecke_re_o  {	float:right;
							position: relative;
							width: 3px;
							height: 3px;
							top: -1px;
							right: -11px;
							margin: 0px;
							padding: 0px;}
				
			.ecke_li_u  {	float:left;
							position: relative;
							width: 3px;
							height: 3px;
							top: 345px;
							left: -14px;
							margin: 0px;
							padding: 0px;}
				
			.ecke_re_u  {	float:right;
							position: relative;
							width: 3px;
							height: 3px;
							top: 345px;
							right: -15px;
							margin: 0px;
							padding: 0px;}
			.right        {float:right;
							position: relative;
							top: 330px;
							right: 10px;
							margin: 0px;
							padding: 0px;}
			.left        {float:left;
							position: relative;
							top: 8px;
							wigth: 550px;
							left: 8px;
							margin: 0px;
							padding: 0px;}
			.verweis  {	font-size:0.7em; margin: 0px 0px 2px 17px; padding: 0px; font-weight:normal;  width: 450px;}
/****************ENDE**********************/	



h3 {color: #660000; font-size:0.8em; margin:0px; padding: 0px;}

   .link {position: relative; left: 30px; font-size:0.7em; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-weight:normal; line-height: 1.3em; width: 650px;}


/****************STILE STARTSEITE**********************/
	
	/****************ERSTE HEADLINE**********************/
	#start			{	text-align: left;
			        	overflow: hidden;	
			        	margin:13px 0px 0px 0px;
						padding: 0px 0px 0px 0px;  
						width: 870px;
						height: auto; 
						background-image:url(../img/logo_gross.gif); background-repeat:no-repeat; background-position:top left;} 
	
	
	#start	h1 		{		font-style:italic; 
							width: 720px; 
							letter-spacing:0.01em; 
							margin: 15px 0px 0px 0px; 
							padding: 0px 0px 0px 230px; 
							line-height: 1.4em; 
							border: 0px; 
							width: auto;}
	
	#start	h2 		{ 		font-style:italic; 
							width: 720px;
							margin-left: 50px; 
							line-height: 1.1em; 
							font-weight:700; 
							letter-spacing:0.01em; 
							width: auto;}

	/****************ZWEITE HEADLINE**********************/
	
	#start2			{		width: 300px;
							height: auto; 
							text-align: left; } 
	#start2 h3		{		margin: 5px 0px 5px 55px;
							padding: 0px; 
							}
	
	/****************NEWS CONTAINER**********************/
			
	#inhalt_start	{   	clear: left;
							float: left;
			        		overflow: auto;	
			         		margin: 0px 25px 10px 10px;
							padding: 0px 5px 0px 55px;  
							width: 430px;
							height: 215px;
	}
	
	
					
	.news-list { 	margin: 0px;
							padding: 0px; 
							color: #660000; 
							list-style:none;
							font-size:0.8em; 	
							height: 200px;
							overflow:auto;
						}
					
	.news-list 	li {
							font-size:0.85em;
							margin: 6px 0px 6px 0px;
							padding: 0px 0px 0px 0px;
							font-weight:normal;
							line-height: 1.3em;
							color: #000000;	
						}
	/**************** ÜBER UNS CONTAINER**********************/
						
	#inhalt_start2	{  		float: left;
			        		overflow: auto;	
			         		margin: 5px 0px 0px 0px;
							padding: 0px 0px 0px 0px;  
							width: 310px;
							height: 210px;
					}
					
	#inhalt_start2	ul 	{ 	margin: 0px;
							padding: 0px; 
							color: #660000; 
							list-style:none;
							font-size:0.8em; 
						}
	#inhalt_start2	p 	{	font-size:0.7em;
							margin: 6px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							font-weight:normal;
							line-height: 1.3em;
							color: #000000;
						}


/****************SEITENFUSS**********************/


#fusszeile {margin: 0px 0px 0px 0px;
					padding: 0px;
					width: 873px;
					height: auto;
					float:left;}
					
		#relative {	position: relative;
					float: right;
					width: 100px;}
		#right 	  {float:right;
					position: relative;
					top: 330px;
					right: 10px;
					margin: 0px;
					padding: 0px;}	
					
#right a			{	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; line-height: 0.6em; vertical-align: 20%; margin: 0px 12px 0px 4px; padding: 0px}	
#right a:link {text-decoration: none; color: #000000;}
#right a:visited {text-decoration:none; color: #000000;}
#right a:hover{text-decoration:underline; color:#666666;}
#right a:active {text-decoration:underline; color: #666666;}
#right a:focus {text-decoration:none; color: #000000;}
				
	#teaser			{	float: right;
			        	text-align: left;
			       	    margin: 5px 5px 8px 0px;
						padding: 0px 10px 0px 0px; 
						width: 840px;
						height: auto;}
						
				

					

					
.bild_links		{float: left; 
				 margin: 2px 20px 2px 0px;
			     padding: 0px;}

				 
							
#inhalt_breit /* image, event, doku, fiktion, archiv*/	{
									float: right;
									margin: 0px ;
									padding: 0px 20px 0px 0px;
									text-align: left;
									overflow: auto;
									width: 840px;
									height: auto;
									list-style-type: disc;		}
#inhalt_breit_st /* storyboard*/	{
									float: right;
									margin: 0px ;
									padding: 0px 20px 0px 0px;
									text-align: left;
									overflow: auto;
									width: 840px;
									height: 260px;
									list-style-type: disc;		}
#inhalt_breit_links	{
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: left;
	overflow: auto;
	width: 840px;
	height: 245px;
					}


#inhalt_media /*reels*/	{	position:absolute;
							float: left;
							margin: 12px 0px 0px 6px;
							padding: 0px 0px 0px 0px;
							text-align: left;
							overflow: auto;
							width: 860px;
							height: 320px;
					}
					
					#player {float:left; margin: 3px 0px 0px 0px; padding: 0px;}
					#hdplayer {float:left; margin: 3px 0px 0px 0px; padding: 0px;}
					
	#teaser_movie		{	     position: relative;	
								float: left;
			        			text-align:left;
			       			 	overflow: auto;	
			         			margin: 0px 0px 0px 10px;
								padding: 0px 5px 0px 5px; 
								width: 400px;
								height: auto;}

	#teaser_movie	h1	{	     }
	
	#teaser_movie_hd		{	 position: relative;	
								float: left;
			        			text-align:left;
			       			 	overflow: hidden;	
			         			margin: 3px 0px 0px 10px;
								padding: 0px 5px 0px 5px; 
								width: 250px;
								height: auto;}				
										
.mediamenue { clear: both; list-style-type: none; list-style-position: inside; text-align: left; margin: 8px 0px 12px 0px; padding: 0px; width: auto; }
.mediamenue_format { font-size:0.75em; color: #333333; word-spacing: normal; margin: 1px 0px 1px 0px; padding: 0px; } 
.mediamenue_format li { font-size:0.75em; color: #333333; word-spacing: normal; margin: 0px} 
.mediamenue_format a { background-image: url(../img/pfeil.gif); background-position:left; background-repeat:no-repeat;  padding: 0px 0px 0px 15px; margin: 0px; line-height: 1.3em; }
.mediamenue_format a:link {text-decoration: none; color: #333333;}
.mediamenue_format a:visited {text-decoration:none; color: #333333;}
.mediamenue_format a:hover{text-decoration: underline; color:#333333;}
.mediamenue_format a:active {text-decoration: underline; color: #333333; font-weight:700 }
.mediamenue_format a:focus {text-decoration: underline; color: #333333;}

.active { font-weight:700 }

#submenue { float: left; margin: 0px 0px 0px 0px; width: auto; height: auto; padding: 0px; }


	.submenue { clear: both; list-style-type: none;  text-align: left; margin: 0px 0px 0px 0px; padding: 0px; width: auto; }
	.submenue_format { font-size:0.8em; color: #666666; word-spacing: normal; margin: 0px; padding: 0px; } 
	.submenue_format li { font-size:0.75em; color: #666666; word-spacing: normal; margin: 0px} 
	.submenue_format a { background-image: url(../img/pfeil.gif); background-position:left; background-repeat:no-repeat; margin: 0px 0px 0px 0px font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 15px; margin: 0px; line-height: 1.3em; }
	.submenue_format a:link {text-decoration: none; color: #666666;}
	.submenue_format a:visited {text-decoration:none; color: #666666;}
	.submenue_format a:hover{text-decoration:underline; color:#666666;}
	.submenue_format a:active {text-decoration:underline; color: #666666;}
	.submenue_format a:focus {text-decoration:none; color: #666666;}
	
	
						

							

					
#inhalt_breit p { width: auto;
					margin-left: 7px;
					text-align:justify;} 
					
/****************UEBER UNS**********************/					

#about			{	text-align: left;
			        	overflow: hidden;	
			        	margin:3px 0px 0px 230px;
						padding: 0px 0px 0px 0px;  
						width: 300px;
						height: auto; 
						background-image:url(../img/logo_gross.gif); background-repeat:no-repeat; background-position:top left;} 
	#about	h1 		{		font-style:italic; 
							width: 300px; 
							letter-spacing:0.01em; 
							margin: 15px 0px 0px 0px; 
							padding: 0px 0px 0px 230px; 
							line-height: 1.4em; 
							border: 0px; 
							width: auto;}	
#withe-space {	float: left; width: 60px; height: 280px;}

#inhalt_about	{   	    overflow: hidden;	
			         		margin: 10px 10px 0px 0px;
							padding: 0px 0px 0px 0px;  
							width: 390px;
							height: 260px;
							float: left;
	}	

#inhalt_about	ul {height: 260px;}


	
#credits  {	width: auto; position: relative;	top: 0px;}

#termine     {height: 160px; overflow: auto;}
#screenings     {height: 230px; overflow: auto;}

#liste01	{   font-size:0.8em; 	font-weight:normal;	margin-top: 0px ;	padding-top: 0px;}
#liste01 ul	{  	line-height: 1.5em;  width: 780px;  margin: 0px ;	padding: 0px; overflow: hidden; }				
#liste01 li { }

#liste02	{   font-size:0.8em;
				margin: 2px 0px 6px 0px;
				padding: 0px 0px 0px 0px;
				font-weight:normal;
				line-height: 1.5em; 
				position: relative;  
				float: left; 
				left: 25px; 
				top: 0px; 
				list-style-type: disc; 
				width: 580px;  
				z-index: 10;}
				
#liste02 ul	{ 	list-style-type: disc; }				
#liste02 li {  	padding: 0px 0px 5px 0px; margin: 0px; list-style-type: disc; }
	 
#inhalt_breit_e	/*externe projekte*/{  	float: right;
			        				text-align: left;
			        				overflow: auto;	
			         				margin: 8px 0px 0px 0px;
									padding: 0px 0px 0px 0px;  
									width: 840px;
									height: 255px;
									overflow:auto;}	 
									
#inhalt_breit_e	ul { 	margin: 0px 0px 0px 10px;
							padding: 0px; 
							color: #660000; 
							list-style:none;
							font-size:0.8em; 
							line-height: 1.1em;	
							height: auto;
						}
					
	#inhalt_breit_e 	li {
							font-size:0.85em;
							margin: 0px 0px 2px 30px;
							padding: 0px 0px 0px 0px;
							font-weight:normal;
							line-height: 1.3em;
							color: #000000;	
						}
									
#inhalt_breit_i	/*impressum*/{  	float: right;
			        				text-align: left;
			        				overflow: auto;	
			         				margin: 8px 0px 0px 0px;
									padding: 0px 0px 0px 0px;  
									width: 840px;
									height: 320px;}
					


#inhalt_breit_i	h1 {margin-left: 10px; margin-top:6px}					
#inhalt_breit_i	p {margin-left: 25px;} 
#inhalt_breit_i h1 { font-size: 1.3em; margin:10px 0px 10px 0px}				
#inhalt	{  	float: right;
			text-align: left;
			overflow: auto;	
			margin: 0px 15px 10px 0px;
			padding: 0px 0px 0px 0px;  
			width: 485px;
			height: 190px;}
			
/*#inhalt_breit li { 
			color: #616160; 
			padding: 0px 0px 0px 0px;
			font-size: 1.1em}*/
			
#inhalt a  { height: auto;
			font-size: 1.0em;
			font-weight:500;
			text-decoration: none; 
			}
			
			
			
#inhalt_breit  a:link { 	text-decoration: none; 
}
#inhalt_breit a:visited { color: #4D4DB0;
					text-decoration: none; 
}
#inhalt_breit  a:hover { 	color: #4D4DB0; 
					text-decoration: underline; 
}
#inhalt_breit  a:active { color: #4D4DB0; 
					text-decoration: underline; 
}
#inhalt_breit  a:focus { 	color: #48729E; 
					text-decoration: underline; 
}
			
				
.link { clear:right; list-style-type: none;	margin: 0px; padding: 0px;  }
.link_format {  } 
.link_format a { padding: 0px; margin: 0px; color: #000000}
.link_format a:link {text-decoration: none; color: #000000;}
.link_format a:visited {text-decoration:none; color: #000000;}
.link_format a:hover{text-decoration: underline; color:#C1C2C2;}
.link_format a:active {text-decoration: underline; color: #C1C2C2;}
.link_format a:focus {text-decoration: none; color: #000000;}

/*.link_format_klein { font-size:1.2em; font-weight: 500; color: #6A6A6A; word-spacing: normal; margin: 0px;} 
.link_format_klein a { padding: 0px 5px 1px 0px; margin-top: 0px; padding-top:0px;}
.link_format_klein a:link {text-decoration: none;}
.link_format_klein a:visited {text-decoration:none;}
.link_format_klein a:hover{text-decoration: underline; color:#C1C2C2;}
.link_format_klein a:active {text-decoration: none; color: #C1C2C2;}
.link_format_klein a:focus {text-decoration: underline;}*/




.daten {
	font-size: 0.8em; font-weight:600;
	background-color:#000000;
	padding: 1px;
	color: #FFFFFF;
	margin-left: 4px;
}


.bildpos	{ float: left;
	margin: 0px 8px 0px 0px;
	padding: 0px;

}