/** Allgemeine Elemente **/ 	

	body {
  		text-align:center;
  		display:block;
  		padding:30px;
  	}
  	
  	a img {
  		border:0;
  		border:1px solid #fff;
		-moz-outline-style: none;
		outline:none;
  	}
  	
  	a {
  		text-decoration:none;
  		color:#45597c;
		-moz-outline-style: none;
		outline:none;
  	}

	a:hover	{
		text-decoration:none;
		color:#000;
	}
	
	a:active 
	{
		outline:none;
	}
	
	.clear
	{
		clear:both;
	}

        .border
        {
                border:1px solid #ccc;
        }

        .hellgrau
        {
                color:#696969;
        }
 
/** Startseite **/

div#footer
{
	color:#ccc;
}

div#footer a
{
	font-family:Times,serif;
	padding-left:6px;
	padding-right:6px;
	font-size:12px;
	font-variant:small-caps;
}

/** Hauptcontainer **/
 	
  	#main-content {
  		width:800px;
		height: 536px;
  		border:1px solid #fff;
  		text-align:left;
  		overflow:hidden;
		position:relative;
 	}
	
  	#main-content ul,
  	#main-content li
  	{
  		list-style-type:none;
  		padding:0px;
  		margin:0px;
  	}

/** Navigation **/
  	
  	#main-content #left-navigation
  	{
  		font-family:Times,serif;
  		font-size:14px;
		font-variant:small-caps;
  		line-height:2em;
  		width:199px;
		height:481px;
  		float:left;
  		border-right:1px solid #45597c;
		text-align:right;
		padding-top:55px;
  	}

  	#main-content #left-navigation li.active a
  	{
  		text-decoration:none;
		color:#999;
  	}
  	
  	#main-content #left-navigation li a
  	{
  		padding-right:30px;
		color:#45597c;
		text-decoration:none;
  	}

	#main-content #left-navigation li a:hover,
	#main-content #left-navigation li:focus
  	{
		color:#000;
  	}

	#main-content #left-navigation li.abstandhalter
	{
		height:220px;
	}
 
/** Inhalt **/
 	
  	#main-content #content
  	{
  		font-family:Arial,Helvetica,sans-serif;
  		font-size:14px;
  		padding:0px;
  		margin:0px;
  		float:left;
		color:#4c4c4c;
		width:598px;
  	}
  	
  	#main-content #content h1,
	#main-content #content #main-quote
  	{
		padding:0 0 15px 0;  		
		text-decoration:none;
		float:right;
  	}
  	
	#main-content #content div.liste
  	{
  		padding-top:0px;
  		margin-top:0px;
		clear:right;
		padding-left:90px;
  		line-height:1.3em;
  		font-size:.8em;
  		width:320px;
  	}

	#main-content #content div.liste.breit
	{
		width:550px;
	}
	
	
	#main-content #content div.liste div.video
	{
		float:left;
		width:320px;
	}

	#main-content #content div.liste div.videolinks
	{
		float:right;
		width:180px;
		padding-top:30px;
	}

	#main-content #content div.liste.scroll
	{
		height:300px;
		width:510px;
		overflow:auto;
	}

	#main-content #content div.fotoliste
  	{
  		padding-top:0px;
  		margin-top:0px;
		clear:right;
		padding-left:30px;
  		line-height:1.4em;
  		font-size:.8em;
  	}

	#main-content #content div.fotoliste p
	{
		float:left;
		width:185px;
		padding:0;
		margin:0;
	}
        
        #main-content #content div.fotoliste span
	{
                display:block;
		margin-bottom:10px;
	}

  	
  	#main-content #content h1,
	#main-content #content #main-quote
  	{
  		margin:0px;
  		font-size:24px;
  		line-height:2em;
  		font-family:times, serif;
  		font-weight:normal;
		font-style:italic;
		color:#ccc;
  	}

  	#main-content #content label
  	{
  		color:#696969;
  	}


	div.linkliste p
	{
		clear:left;
		margin-top:14px;
	}

* html div.linkliste p
	{
		line-height:3em;
	}

	 #main-content #content div.bilder p
	{	padding:0px;
		margin:0px;
		float:none;
		clear:none;
		width:370px;
		padding:5px 0px;
	}

	#main-content #content div.bilder a img
	{
		border:1px solid #fff;
        }

/** Kontaktformular **/

	#main-content #content div.formular
	{
		padding:10px;
  		margin-top:0px;
  		line-height:1.4em;
  		font-size:.8em;
  		width:500px;
		background:#ccc;
		float:right;
	}

        #main-content #content fieldset
        {
                border:0;
                padding:0;
                margin:0;
        }
	
	#main-content #content div.formular div.formular-left
	{
		float:left;
		width: 200px;
	}
	
	#main-content #content div.formular div.formular-right
	{
		float:right;
		width:300px;
	}
	
	#main-content #content div.formular input,
	#main-content #content div.formular textarea
	{
		padding:2px;
		font-family:Arial,Helvetica,sans-serif;
		color:#4c4c4c;
		font-size:12px;
	}
	
	#main-content #content div.formular div.formular-left input
	{
		float:left;
		width: 180px;
		clear:left;
		border:1px dotted #999;
                margin-bottom:10px;
	}

	#main-content #content div.formular div.formular-left label,
	#main-content #content div.formular div.formular-right label
	{
		float:left;
		clear:left;
		color:#fff;
		font-size:12px;
	}

	#main-content #content div.formular div.formular-right textarea
	{
		float:left;
		width: 292px;
		clear:left;
		border:1px dotted #999;
		height: 200px;
	}

	#main-content #content div.formular div.formular-left input:hover,
	#main-content #content div.formular div.formular-right textarea:hover,
	#main-content #content div.formular div.formular-left input:focus,
	#main-content #content div.formular div.formular-right textarea:focus
	{
		border:1px dotted #45597C;
	}

	#main-content #content div.formular div.formular-right button
	{
		clear:left;
		float: right;
		border:0;
		background:transparent;
		color:#45597c;
		padding:2px;
		margin-top:6px;
	}

	#main-content #content div.formular div.formular-right button:hover,
	#main-content #content div.formular div.formular-right button:focus
	{
		color:#000;
	}

        #main-content #content div.formular div.errors
        {
              float:left;
              width:180px;
              color:#8b0000;
              font-style:italic;
        }

/** Footer **/

  	#footer
  	{
  		font-family:tahoma, sans-serif;
  		font-size:.7em;
  		text-align:right;
  		width:800px;
  	}

/* border-top:1px solid #677b9f; */
  	
  	#footer span
  	{
  		float:left;
  		padding-left:10px;
  	}
  	
/** Typo im Hintergrund **/

div#main-content div#typo
{
	position:absolute;
	bottom:0;
	right:0;
	overflow:hidden;
}

div#main-content div#typo img
{
	position:absolute;
}

div#main-content div#typo.vita
{
	width:346px;
	height:276px;
	background:url(img/hintergrund/vita-hintergrund.jpg) 0 0 no-repeat;
}

div#main-content div#typo.vita img
{
	top:-131px;
	left:170px;
}

div#main-content div#typo.theater 
{
	width:507px;
	height:218px;
	background:url(img/hintergrund/theater-hintergrund.jpg) 0 0 no-repeat;
}

div#main-content div#typo.theater img
{
	top:-47px;
	left:60px;
}

div#main-content div#typo.filmografie
{
	width:524px;
	height:187px;
	background:url(img/hintergrund/filmografie-hintergrund.jpg) 0 0 no-repeat;
}

div#main-content div#typo.filmografie img
{
	top:-87px;
	left:90px;
}

div#main-content div#typo.fotos
{
	width:384px;
	height:248px;
	background:url(img/hintergrund/fotos-hintergrund.jpg) 0 0 no-repeat;
}

div#main-content div#typo.fotos img
{
	top:-60px;
	left:235px;
}

div#main-content div#typo.video
{
	width:463px;
	height:263px;
	background:url(img/hintergrund/video-hintergrund.jpg) 0 0 no-repeat;
}

div#main-content div#typo.video img
{
	top:0px;
	left:275px;
}

div#main-content div#typo.portfolio
{
	width:534px;
	height:219px;
	background:url(img/hintergrund/portfolio-hintergrund.jpg) 0 0 no-repeat;
}

div#main-content div#typo.portfolio img
{
	top:-65px;
	left:330px;
}

div#main-content div#typo.kontakt
{
	width:391px;
	height:193px;
	background:url(img/hintergrund/kontakt-hintergrund.jpg) 0 0 no-repeat;
}

div#main-content div#typo.kontakt img
{
	top:-70px;
	left:240px;
}

div#main-content div#typo.impressum
{
	width:532px;
	height:182px;
	background:url(img/hintergrund/impressum-hintergrund.jpg) 0 0 no-repeat;
}

div#main-content div#typo.impressum img
{
	top:-53px;
	left:398px;
}