/*
	1. GLOBAL RESET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               /* Margin und Padding werden auf 0 gesetzt*/
               * {
               	margin: 0;
               	padding: 0;
               }
			   
			   
			  a,img {
			   margin:0;
			   padding:0;
			   border:none;
			   }
			   
			   
			 
     
/*	-------------------------------------------------------------
	2. STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               /* Layout fester Breite wird zentriert */
               body
               {
	width: 900px;
	margin:auto;
	padding: 0;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	z-index:-20;
	
			}
			
			
			
			
			
			
	body#popup
               {
	width: 340px;
	height:275px;
	margin:9px;
	padding: 0;
	color:#000000;

	
            
               }
		
     
			
	/* ----- BACKGROIUNDS ---- */			
			#biography {background-image:url(picture/bg/biography_bg.jpg);
			background-position: center center;
			}
			
			#filmography {background-image: url(picture/bg/filmography_flower2.jpg);
			background-position: left 40px;

			}
		
			#science {background-image: url(picture/bg/Science_bg1.jpg);
			background-position: left 40px;
			}
			
			#shortfilms {background-image: url(picture/bg/shortfilms_bg.jpg);
			background-position: center top;
			}
			
			
			#gallery {background-image: url(picture/bg/gallery_bg.jpg);
			background-position: right 480px ;
			}
			
			
			#acting {background-image: url(picture/bg/otto_bg.jpg);
			background-position: left center;
			}
			
			  
			#television /*div#container*/{background-image: url(picture/bg/bgtele.jpg);
			background-repeat:no-repeat;
			background-position: right bottom;
			}
			
			
			#art /*div#container*/{background-image: url(picture/bg/Video_Art1.jpg);
			background-repeat:no-repeat;
			background-position: 150px 140px;
			}
			
			 
						
        
		
		  #begin
               {
                    /* Abschliessung des Layouts im oberen Seitenbereich */
               	margin-right: auto;
               	margin-left: auto;
               	width: 900px;
				height: 60px;
            
               }
			   
			
			 
			  
	 #header {
	width:100%;
	height: 130px;
	display: block;	 
}
			 
			   
			   
		#logo {
		width:320px;
		height:70px;
		margin:0;
		padding:0;
	 }
	 
	
#linie {
				width:450px;
				height:1px;
				margin:-1px;
				padding:0;
				background-color:#939496;
				}
 

#container
 {
 
                    /* Vertikale Wiederholung des Hintergrundbildes zur Abschliessung des Layouts */
          
               	margin-right: auto;
               	margin-left: auto;
               	width: 900px;
				height:670px;
			 	 padding:0;
				 }
				 

				 
				 
body#filmography div#container {
background:url(picture/bg/filmography_flower1.png); 
background-position:bottom right; 
background-repeat:no-repeat;
}			



body#shortfilms div#container {
background: url(picture/bg/shortfilms_bg2.jpg);
background-position:bottom right; 
background-repeat:no-repeat;
}			
/*

body#gallery div#container{
background: url(picture/bg/gallery_bg.jpg);
background-position:left 30px; 
background-repeat:no-repeat;
}			
*/


#content {
			display: block; 
			}



#content-main
               {
                    /* Inhaltsbereich der Seite */
               	float: left;
               	width:300px;
               	padding:  0 0 10px 0;
				margin:0 15px 0 0;
               } 
			   
			   
			   
	.content-main-3colums
               {
                    /* Inhaltsbereich der Seite */
               	float: left;
				height:350px;
               	width:160px;
               	padding:  0 0 10px 0;
				margin:0 10px 0 0;
               } 
			   

.content-main-short

               {
                    /* Inhaltsbereich der Seite */
				width:auto;
				height:auto;
               	padding:  0;
				margin: 0 0 20px 0;
               } 
			   
			   
			   
			   .content-main-short h2, #content-related-film h2


               {
                    /* Inhaltsbereich der Seite */
				
				text-align:left;
				 	margin-bottom: 5px;
		
				}
				
				
	
#content-related
               {
					/* Rechtes Navigationsmenue der Seite */
				float: right;
				width: 570px;
				margin:0;
				padding:0;
			   }
			   
			   
	#rechts-unten {
	position: absolute;
	right: 0;
	bottom:0;
	z-index:-10;
	
	
		}	
	
#links-oben{
	position: absolute;
	margin: -20px 0 0 -60px;
	top: 10px;
	z-index:-10;
	}	   
			   
			

/*	SPEZIFKIATIONEN	-------------------------- */

												
#content-main-science
               {
                    /* Inhaltsbereich der Seite */
               	float: left;
               	width:500px;
               	padding:  0 0 10px 0;
				margin:0 15px 0 0;
               } 
			   

			  
#content-related-science
               {
					/* Rechtes Navigationsmenue der Seite */
				float: right;
				width: 370px;
				margin:0;
				padding:0;
				z-index:20;
			   }
			   
			   
			   
			   #content-related-science img#floatright
               {
					/* Rechtes Navigationsmenue der Seite */
		
				z-index:30;
			   }
			   

#content-related-film
               {
					/* Rechtes Navigationsmenue der Seite */
				float: right;
				width: 320px;
				height:255px;
				margin:0;
				padding:0;
			   }
			   
			   
			   

			   	

			   	


#otto {
float:left;
width:430px;
height:346px;
}

            

	 
/*	-------------------------------------------------------------
	4. NAVIGATIONSMENue
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
              
			  #navbar {
              height:75px;
			  width:100%;
			 float:right;
			  margin:0;
			  padding:0;
	 }
              
			  
  #navbar ul {
				list-style: none;
				float: right;
				margin: 0 0 0 0 ;
				padding:0;
	
			   }
               
			   
	#navbar li {
				float: left;
				width: auto;
				margin:0;
				padding:0;
				
               }
			   
			   
#navbar a {
			display: block;
			padding: 0;
			margin-left: 1px;
			text-decoration: none;
			}
			   
			   
			         #navbar a.hover {
                    display: block;
                    padding: 0;
                    margin-left: 1px;
					text-decoration: none;
		
               }
			   
		
			   




/*	-------------------------------------------------------------
	4. LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



				a {
				text-decoration:none;
				font-size:11px;
				font-style:normal;
				}
				
				
			
              
			   /* Verweise in Inhaltsbereich und Footer werden mit einem Icon versehen */
               #content-main a:link, #content-main-science a:link, a
               {
               	text-decoration: none;
               	color: #333333;
     			padding: 2px 2px 2px 1px;
               	margin: 0;
               }
			    
	

               /* Hover-Zustand soll fuer besuchte wie noch nicht besuchte Seiten gleich sein */
               #content-main a:hover, #footer a:hover, #content-main-science a:hover {
               color: #e1001e;
               }
        
              #footer a.aktiv {
			  color:#e1001e;
			  
			  }


/*	-------------------------------------------------------------
	5. Allgemein
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
	.floatright {
	float:	right;
	}
	
	
	.floatleft {
	float:	left;
	}
	
	
	.clearboth{
	clear:both;
	}
	
	.rot {
	color:#e1001e;
	}
	

.bold {
font-weight:bold;
}


hr {
color:#939496;
}



/*	-------------------------------------------------------------
	6. TYPOGRAFIE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               h1
               {
		
               font-size: 15px;
               	margin: 20px 0 3px 0;
               	color: #939496;
				font-weight: bold;
               }
			   
			   
			   #first
			   {
			   margin:0 0 3px 0;
			   }
               
               h2
               {
     	 		font-size: 11px;
               	margin: 0 0 2px 0;
               	color: #333333;
				font-weight: bold;
               }
            
			
			
			   h3
               {
               	font-size: 11px;
               	margin: 0px;
               	color: #e1001e;
				font-weight: normal;
               }
            
			   
			   p {
			   text-align: justify;
			 
			   
			 	font-size: 11px;
               	margin-bottom: 15px;
               	color: #000;
				font-weight: normal;
				line-height:16px;			   
			   }
	
	
			.bildunterschrift {
			float:right;
			margin: 5px 0 0 0;
			font-style:italic;
			color:#555555;
			padding:0;
	}
	
	
	
	
/*	-------------------------------------------------------------
	8. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
/*	#footer {
	margin-top:30px;
	margin-bottom:0;
	}*/
	
	
	
	#footer {
	width: 900px;
	margin:auto;
	padding: 0 0 20px 0;
	color:#000000;
	position: absolute;
	top:750px;	
	}
	
	body#gallery #footer {
		top:840px;
	}
	
	
	#filmography #footer {
		top:830px;
	}
	
	
	#art #footer {
		top:1450px;
	}
	
	#press #footer {
		top:1350px;
	}
	
	
	#news #footer {
		top:900px;
	}
	
	
	
	
	#footer a, #footer p {
	font-size:10px;
	color:#555555;
	padding:0;
	margin:0 6px 0 0;
text-decoration:none;
	}
	
	#footer hr {
	margin: 0 0 3px 0;
	}




/*imagegallery */

.galleria {list-style:none;width:921px}
.galleria li{display:block;width:45px;height:45px;overflow:hidden;float:left;margin:0 11px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:20px;}
* html .galleria li div span{width:400px; height:400px;} /* MSIE bug */





#main_image{margin:100px auto 20px 0;height:400px;width:900px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#dddddd; line-height:16px; background-color:#8e8f91}
#main_image img{margin: 0 20px 10px 0 ; float:left;}
#main_image .caption {display:block;padding-top:20px;}ffoo









/* press */

div.presseartikel, div.newsteaser {
height:200px;
display:block;
}

.presseartikel img, .newsteaser img{
float:left;
margin:0;
padding:15px 0 0 0 ;
}

.secondimage {
foat:left;
padding-bottom:20px;
}

.textbox {
float:left;
	width: 600px;
	padding: 10px 0 0 15px;
}


.readmore {
float:right;
text-align: right;
padding-top: 10px;
height:auto;
}


.readmore a {
text-decoration:underline;
color: #000000;
}



.readmore a hover {
color:#FF0000;
}



div.presseartikel  hr, div.newsteaser hr {
color:#999999;
}