/* CSS Document */

html, body
{
	height:100%;
}	body, html
	{
		margin:0px;
		padding:0px;
		background-color:#000000;
		font-family:Arial, Helvetica, sans-serif;
	}
		
	#abstandVertikal
	{
		width:1px;
		height:50%;
		margin-bottom:-276px; /* half of container's height */
		float:left;
	}	
	
	#vertikalAusrichten
	{
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:552px;
		width:820px;
		clear:left;
	}
		
	#vertikalAusrichten_2
	{
		float:right;
	}
	
	
	.clearer
	{
		clear:both;
		font-size:0px;
		line-height:0px;
		height:0px;
	}
	
	
	#container
	{
		width:820px;
		height:550px;
		padding:0px;
		margin:1px 0px;
		border:1px solid #FFFFFF;
		background-color:#590404;
	}	
	
		#container #header,
		#container #content
		{
			width:780px;
		}
		
		#container #header
		{
			height:135px;
			background-image:url(../images/header.jpg);
			background-position:right bottom;
			background-repeat:no-repeat;
		}

			#container #content #foto-oben-links,
			#container #content #foto-unten-links,
			#container #content #foto-unten-rechts
			{
				position:absolute;
				background-position:center;
				background-repeat:no-repeat;
				width:300px;
				height:350px;
				z-index:100;
			}
			#container #content #foto-oben-links
			{
				background-image:url(../images/foto_oben_links.png);
				background-position:top left;
				
				top:-20px;
				left:-40px;
			}
			#container #content #foto-unten-links
			{	
				background-image:url(../images/foto_unten_links.png);
				background-position:bottom left;
				
				top:220px;
				left:-80px;
			}
			#container #content #foto-unten-rechts
			{	
				background-image:url(../images/foto_unten_rechts.png);
				background-position:bottom right;
				top:220px;
				right:-90px;
			}
			
			
			#container #content #navigation,
			#container #content .textbox.outer
			{
				z-index:200;
				height:340px;
			}
			#container #content #navigation
			{
				float:left;
				position:relative;
				height:330px;
				margin-top:40px;
				margin-left:110px;
				margin:0px;
				padding-top:40px;
				padding-left:110px;
				width:100px;
/*				background-image:url(../images/navi.jpg);
				background-position:top right;
				background-repeat:no-repeat;*/
			}

				#container #content #navigation a
				{
					display:block;
					width:100px;
					height:30px;
					background-position:right;
					background-repeat:no-repeat;
					background-image:url(../images/navi_sprite.gif);
				}
					#container #content #navigation a.news { background-position: -5px -5px; }
					#container #content #navigation a.news:hover,
					#container #content #navigation a.newsaktiv {  background-position: -110px -5px; }
					
					#container #content #navigation a.vita {  background-position: -5px -40px; }
					#container #content #navigation a.vita:hover,
					#container #content #navigation a.vitaaktiv { background-position: -110px -40px; }
					
					#container #content #navigation a.showreel { background-position: -5px -75px; }
					#container #content #navigation a.showreel:hover,
					#container #content #navigation a.showreelaktiv { background-position: -110px -75px; }
					
					#container #content #navigation a.galerie { background-position: -5px -110px; }
					#container #content #navigation a.galerie:hover,
					#container #content #navigation a.galerieaktiv { background-position: -110px -110px; }
					
					#container #content #navigation a.daten { background-position: -5px -145px; }
					#container #content #navigation a.daten:hover,
					#container #content #navigation a.datenaktiv { background-position: -110px -145px; }
					
					#container #content #navigation a.kontakt { background-position: -5px -180px; }
					#container #content #navigation a.kontakt:hover,
					#container #content #navigation a.kontaktaktiv { background-position: -110px -180px; }
					
					#container #content #navigation a.links { background-position: -5px -215px; }
					#container #content #navigation a.links:hover,
					#container #content #navigation a.linksaktiv { background-position: -110px -215px; }



				
			#container #content .textbox.outer
			{
				float:right;
				position:relative;
				width:540px;
				padding:15px;
				background-image:url(../images/textbox.png);
				background-position:center;
				background-repeat:no-repeat;
			}
			#container #content .textbox.inner
			{
				position:relative;
				z-index:250;
				overflow:auto;
				width:500px;
				height:320px;
				padding:10px 20px;
				
				/*background-color:green;*/
				color:#590404;
				font-size:11px;
				line-height:20px;
				font-weight:normal;
				text-align:justify;
			}
			
				#container #content .textbox.inner h1
				{
					font-size:22px;
					margin:0px 0 16px 0;
					padding:16px 0 3px 0;
					border-bottom:1px solid #590404;
					letter-spacing:2px;
					font-variant: small-caps;
				}
				#container #content .textbox.inner h2
				{
					font-size:16px;
					margin:12px 0 12px 0;
				}
				#container #content .textbox.inner .trenner
				{
					height:10px;
				}
				#container #content .textbox.inner a.stern
				{
					
					background-image:url(../images/link.jpg);
					background-position:left bottom;
					background-repeat:no-repeat;
					padding:4px 5px 0px 25px;
					
					line-height:20px;
					color:#590404;
					text-decoration:none;
				}
				#container #content .textbox.inner a.stern:hover
				{
					background-image:url(../images/link_highlighte.jpg);
				}


		#container #content #footer a
		{
			position:relative;
			z-index:200;
			display:block;
			margin:5px 0 0 260px;
			width:412px;
			height:27px;
			background-image:url(../images/navi_sprite.gif);
			background-repeat:no-repeat;
			background-position: -5px -250px;
		}
		#container #content #footer a:hover
		{
			background-position: -5px -285px;
		}
		
	.rechtliches
	{
		float:right;
		position:relative;
		z-index:250;
		height:20px;
		width:70px;
		line-height:16px;
		text-align:center;
		color:#FFFFFF;
		font-size:10px;
		margin:-2px 50px 0 0;
		background-image:url(../images/rechtliches.jpg);
		background-position:bottom right;
		background-repeat:no-repeat;
	}
		.rechtliches a,
		.rechtliches a:hover
		{
			position:relative;
			z-index:250;
			color:#E4D6D6;
			font-weight:bold;
			margin:1px 0 0 0;
		}