@charset "utf-8";
/* CSS Document */

	*
	{
		margin: 0;
		padding: 0;	
		font-family: Arial, Helvetica, sans-serif;
		list-style-type: none;	
		font-size: 12px;
		
	}
	
	img
	{
		border: none;	
	}
	
	body
	{
		background: #b1bcba url(../img/bg2.gif) top center no-repeat; 
		text-align: center;
		
	}
	
	#wrapper
	{
		text-align: left;
		margin: 0 auto;
		width: 950px;
		position: relative;
		z-index:1;
		padding-bottom: 900px;
		
		clear: both;
	}
	
	
	
	
	
	#video, audio
	{
		text-align: left;
		margin: 0 auto;
	}
	
	audio
	{
		width: 600px;
		height:40px;
		
	}
	
	
	#video
	{	
		z-index:3;
		text-align: left;
		margin: 0 auto;
		display: none;
		width: 950px;
		position: relative;
		border: 0px solid red;	
	}
	

	
	#video ul
	{
		position: absolute;
		top: 30px;
		right: 30px;
	}
	
	
	#video a
	{
		color: #fff;
		font-weight: bold;
	}
	
	

	#video_overlay_bg
	{
		background: #000;
		position: absolute;
		width: 100%;
		height: 2190px;
		left:0px;
		top: 0px;
		z-index:2;
		opacity:.9;
		display: none;
	}

	#contactPopup
	{
		
		position: absolute;
		width: 100%;
		height: 2190px;
		left:0px;
		top: 0px;
		z-index:5;
		display: none;
		
	}

	.displayBlock
	{
		display: block;
	}



	#contactPopup p
	{
		position: absolute;
		top: 300px;
		z-index:6;
		margin: 0 auto;	
		width: 350px;
	
		
		padding: 60px;
		
		font-size: 14px;
		font-weight: bold;
		
		position: relative;	
		background: #fff;
	}



	h1
	{
		margin: 26px 0px 26px 20px;	
	}
	
	#claim
	{
		float: right;
		margin-top: 15px;
		margin-right: 20px;
	}
	
	#visual a.information
	{
		position:absolute;
		z-index:3;
		
		bottom: 25px;
		left: 45px;

	 	display: block;
		width: 26px;
	 	height: 26px;	
		background: url(../img/pfeil.gif) no-repeat; 
	}
	

	#visual a.welcome, #visual a.information
	{
		text-decoration: none;
	}
	
	#visual img
	{	
		z-index:1;
	}	
	
	/*--------------------------- */
	#visual
	{
		position: relative;
	}
	
	h2#showreel_tim_heinrich
	{
		position: absolute;
		bottom: 30px;
		left: 25px;
		width: 940px;
	}
	
	#btn_showreel1
	{
		position:absolute;
		left:100px;
		top: 3px;
	}
	
	#btn_showreel2
	{
		position:absolute;
		left:200px;
		top: 3px;
	}
	
    #btn_information
	{
		position:absolute;
		right:30px;
		top:6px;
	}
	
	#audio
	{
		height: 250px;
		
		width: 660px;	
		margin-right: 40px;
		position: relative;
		
	}
	
	#contact
	{
		width: 230px;
		border: dashed 0px green;
		
	}
	
	#audio, #contact
	{
		float: left;
	
		margin-top: 40px;
	}
	
	#audio img, #contactform
	{
		margin: 10px;
	}
	

	
	#audio div, #contact div
	{
		
	}	
	
	#contact h3, #audio h3, #foot h3
	{
		height: 22px;
		margin-left: 10px;
		border-bottom: 1px solid #8b9797;
	}
	
	
	
	#contact h3
	{
		background: url(../img/contact_t.png) no-repeat;
		
		margin-bottom:0;
	}

	#audio h3
	{
		background: url(../img/hoerproben.png) no-repeat;	
		
	}
	
	#foot h3
	{
		background: url(../img/referenzen.png) no-repeat;	
	}
	
	#foot
	{
		clear: both;
		border: 0px solid green;
		margin-top: 40px;
	}
	
	#impressum
	{
	
		padding: 20px 0px;
		
		width: 700px;	
		float: left;
		margin-left: 20px;
	}
	
	.impressum_link
	{
		color: #000;
	}	

	video
	{
		width: 960px;	
		height: 540px; 
	}
	
	video:hover
	{
		cursor: pointer;
	}
	
	span
	{
		display: none;
	}

	/* -------------------------- */
	
	.border_red
	{
		border: 1px solid red;	
	}
	
	.border_blue
	{
		border: 1px dotted blue;	
	}
	
	.border_green
	{
		border: 1px dashed green;	
	}
	
	
	/* Formular  */		
	
	input
	{	
		margin:0;
		display: block;	
		margin: 3px auto;
		text-align: left;
	}
	
	input, textarea
	{
		padding: 7px 0px 7px 6px;
		width: 200px;
		border: 1px solid #5f6a6a;
		background: #abb8b7;
		font-size: 12px;
	}

	textarea
	{
		height: 100px;
		overflow: auto; 
	}
	
	.defstyle 
	{
		color: #666;
		font-style:italic;	
	}
	
	
	.border_wrongInput
	{
		border: 1px solid #961518;
		color: #961518;
		font-weight: bold;
		font-style: normal;
	}
	
	#contactform
	{
		position: relative;
		
	}
	
	.errorLabel
	{
		position: absolute;
		right:0px;
		top: -35px;
		background: url(../img/error.png) no-repeat; 
		height: 30px;
		width: 90px;
		display: none;
	}
	
	form
	{
		text-align: center;	
	}
	
	/* Button Kontakt */


	#IRbutton 
	{
  		background: none;
  		border: none;
  		float: left;
  		display: block;
		width: 105px;
		height:22px;
		background: url(../img/button_contact_noactive.png) no-repeat; 
		cursor: default;
	}

	
	#IRbutton.active
	{
		background: url(../img/button_contact.png) no-repeat; 
		cursor: pointer;
	}

	.v2
	{
		display: none;	
	}
	
	
	#mobile 
	{
		
		display: none;	
	}
	
	
	.jp-jplayer
	{
		
		clear: left;
	}

	#musikinfo
	{
		/*background: url(../img/player.png) 40px 200px;*/
		height: 30px;		
		position: absolute;
		top: 36px;
		left:122px;
		z-index: 20;
		font-family:Verdana, Arial, sans-serif;
		color: #666;
		font-size: 12px;
		
	}
	
	.videoliste 
	{	
		
		margin-top: 12px;
	
		font-size: 12px;
		font-weight: bold;
	
		margin-left: 10px;
		color:#333;
	}
	
	.videoliste li.border
	{
		border-right: 1px solid #8b9797;	
	}
	
	.videoliste li
	{
		margin-right: 35px;
		float: left;
		width: 290px;	
	}
	
	.videoliste li  span
	{
		padding-left: 10px;
		display: block;
		
	}	
				
		
	.jp-single-player
	{
		position: relative;
		top:0px;	
		overflow:hidden;
	}

	#video li
	{	
		border: 0px solid green;
		float: right;
	}
	
	#foot
	{	
		margin-top:50px;
		
	}
	
	#foot ol 
	{
		width: 130px;
		float:left;
		margin-left: 20px;		
	}



	#foot ol li, #foot p
	{
			
		font-size:12px;	
		color: #333;
	}
	
	#foot p
	{
		clear: left;
		font-size: 9px;
		margin-left: 20px;	
		padding-top: 20px;
	}



	address
	{
		clear: left;
		margin-top: 50px;
		margin-left: 10px;
		color: #333;
		font-size: 12px;
	}