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

html[xmlns^="http"] 	{overflow-y:scroll;}

* 						{padding: 0; margin: 0; border:0;}
html, body				{min-height:100%; height:auto; height:100%; line-height:1.6em;}
body 					{font-size:70%; font-family:Verdana; color:#000; background: #e5e5e5 url(../img/bg-repeat.jpg) repeat-x;}
body#inline 			{font-size:70%; font-family:Verdana; color:#000; background: #e5e5e5}
ul 						{list-style-type:none}

a.grey						{color:#767676; text-decoration:underline;}
a.grey:visited				{color:#767676; text-decoration:underline;}
a.grey:hover				{color:#00a2d6; text-decoration:underline;}

a						{color:#00a2d6; text-decoration:underline;}
a:hover					{color:#000; text-decoration:underline;}
a:focus 				{outline: none;}

.floatright				{float:right;}
.floatleft 				{float:left;}
.nofloat 				{clear:both;}
.thumb-container		{float:left; padding: 10px 0 20px 0;}
.thumb-kunde			{float:none; font-size:1.2em; color:#00a2d6; font-weight:bold;}
.thumb-titel			{float:none; font-size:0.9em;}
.thumb-genre			{float:none; font-size:0.9em;}


br 						{margin:0; padding:0; line-height:0.0001em;}

table					{border-collapse:collapse;}
td, th 					{vertical-align:top;}
p						{padding:0 0 15px 0;}
p.nopadding				{padding:0 0 0 0;}
p.abstand				{font-size: 1em; width: 13em; float: left; font-weight:normal; padding: 0px;}

#credits				{font-size:1em;}
#details				{padding:10px 0 30px 35px; width:512px;}
#details-video			{padding:15px 0 10px 0;}
#twitterbutton			{position: absolute; padding: 19px 0 0 75px;}

body#impressum br, body#kontakt br, body#standorte br		{clear:both;}
body#impressum h6, body#kontakt h6, body#standorte h6		{font-size: 1em; width: 10em; float: left;}



#wrapper			{width:980px; min-height:500px; margin:0px auto;}

/* HEADER */
#header				{width:980px; height:471px; background:url(../img/bg-header.jpg) no-repeat center top;}
h1					    {width:294px; height:50px; padding:6px 0 0 29px; float:left; position:relative; z-index:4;}
h1 a				    {text-decoration:none;}
h1 a:hover			{text-decoration:none;}

#loginbereich		{width:303px; height:59px; position:absolute; padding:47px 0 0 605px; z-index:3;}

.pic-header			{position:absolute; padding:112px 0 0 53px; z-index:0;}
*html .pic-header	{position:relative; padding:71px 0 0 54px; z-index:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .pic-header {position:absolute; padding:113px 0 0 53px; z-index:0;}}


/* Content */
#content				{width:980px; min-height:275px; background:url(../img/bg-content.jpg) repeat-y; padding:0 0 35px 0;}
*html #content				{width:980px; min-height:275px; background:url(../img/bg-content.jpg) repeat-y; padding:0 0 35px 0; margin:-4px 0 0 0;}
*+html #content				{width:980px; min-height:275px; background:url(../img/bg-content.jpg) repeat-y; padding:0 0 35px 0; margin:-4px 0 0 0;}

#news				{width:300px; float:left; padding:0 15px 0 48px; color:#767676; font-size:1em;}
#text				{width:510px; float:right; padding:0 72px 0 0; font-size:1.1em; line-height:1.7em;}
*html #text			{width:509px; float:right; padding:0 72px 0 0; font-size:1.1em; line-height:1.7em;}
.pic				{float:left; padding:3px; border:1px solid #767676; margin:4px 18px 6px 0;}
.pic3				{float:left; padding:2px; border:1px solid #767676; margin:4px 11px 6px 0;}
.pic2				{float:left; padding:3px; margin:4px 18px 6px 0;}

a.play				{font-size:0.9em; color:#00a2d6; padding:0 0 0 35px; background:url(../img/icon-play.jpg) no-repeat left top; height:28px; float:right;}
a.play2				{font-size:0.9em; color:#00a2d6; padding:0 0 0 35px; background:url(../img/icon-play.jpg) no-repeat left top; height:28px; display:block}
a.pdf-download		{font-size:0.9em; color:#00a2d6; padding:0 0 0 35px; background:url(../img/icon-pdf.gif) no-repeat left top; height:28px;display:block;}

a.play:hover		{font-size:0.9em; color:#767676;}

h2							{text-indent:-9999px; height:48px; width:510px;}
*html h2					{text-indent:-9999px; height:48px; width:509px;}
h2.willkommen			{background:url(../img/h2-willkommen.gif) no-repeat;}
h2.service				{background:url(../img/h2-service.gif) no-repeat;}
h2.leistungen			{background:url(../img/h2-leistungen.gif) no-repeat;}
h2.service-post			{background:url(../img/h2-service-post.gif) no-repeat;}
h2.service-film			{background:url(../img/h2-service-film.gif) no-repeat;}
h2.profil				{background:url(../img/h2-profil.gif) no-repeat;}
h2.kunden				{background:url(../img/h2-kunden.gif) no-repeat;}
h2.kontakt				{background:url(../img/h2-kontakt.gif) no-repeat;}
h2.impressum			{background:url(../img/h2-impressum.gif) no-repeat;}
h2.agb2					{background:url(../img/h2-agb.gif) no-repeat;}
h2.referenzen			{background:url(../img/h2-referenzen.gif) no-repeat;}
h2.regisseure			{background:url(../img/h2-regisseure.gif) no-repeat;}


h3						{text-indent:-9999px; height:48px; width:336px;}
h3.news					{background:url(../img/h3-news.gif) no-repeat;}
h4						{color:#000; font-size:1.1em; font-weight:bold; padding:15px 0 4px 0;}
h5						{color:#00a2d6; padding:15px 0 8px 0; font-weight:normal; font-size:1.2em;}
*html h5				{color:#00a2d6; padding:15px 0 8px 0; font-weight:bold; font-size:1.2em;}
*+html h5				{color:#00a2d6; padding:15px 0 8px 0; font-weight:bold; font-size:1.2em;}


ul.list					{list-style-type:square; font-size:1em; padding:0 0 15px 25px;}

.left					{float:left;}
.right					{float:right; padding:0 75px 0 0;}
.right2					{float:right; padding:16px 0 0 0;}

/* LOGOS */
.logos					{float:left; padding:0 40px 10px 0;}
.logos_ref				{float:left; padding:2px; border:1px solid #767676; margin:4px 11px 6px 0;}
.team_photos			{float:left; padding:2px; border:1px solid #767676; margin:4px 20px 6px 0;}


/*.pic2					{float:left; padding:3px; margin:4px 18px 6px 0;} */



/* Navi 1 */
#navigation-1			{padding:7px 0 0 501px; position:absolute; margin:0 75px 0 0;}
ul#navi-1 li 			{float:left;}
ul#navi-1 a 			{text-decoration:none; color:#000;}
ul#navi-1 li a:hover 	{font-weight:bold; color:#000;}

ul#navi-1 li a.engl 	{padding:0 5px 0 0;}
ul#navi-1 li a.deu	 	{padding:0 85px 0 0;}

body#index ul#navi-1 li a.deu, body#service ul#navi-1 li a.deu, body#profil ul#navi-1 li a.deu, body#kunden ul#navi-1 li a.deu, body#kontakt ul#navi-1 li a.deu, body#impressum ul#navi-1 li a.deu,	body#agb ul#navi-1 li a.deu, body#referenzen ul#navi-1 li a.deu, body#regisseure ul#navi-1 li a.deu		{font-weight:bold; color:#000;}

body#index-en ul#navi-1 li a.engl, body#service-en ul#navi-1 li a.engl, body#projects-en ul#navi-1 li a.engl, body#customers-en ul#navi-1 li a.engl, body#contact-en ul#navi-1 li a.engl, body#imprint-en ul#navi-1 li a.engl,	body#agb-en ul#navi-1 li a.engl, body#references-en ul#navi-1 li a.engl, body#directors-en ul#navi-1 li a.engl		{font-weight:bold; color:#000;}

.black					{color:#000; font-weight:normal;}

/* Navi 1b */
#navigation-1b			{padding:7px 0 0 683px; position:relative; z-index:5;}
*html #navigation-1b			{padding:7px 0 0 683px; position:relative; display:block; z-index:5;}
ul#navi-1b 				{}
ul#navi-1b li 			{float:left; padding:0 25px 0 0;}
ul#navi-1b a 			{text-decoration:none; color:#000;}
ul#navi-1b li a:hover 	{color:#00a2d6;}

ul#navi-1b li a.kon	 	{height:50px;}
ul#navi-1b li a.imp	 	{}
ul#navi-1b li a.agb	 	{}

body#kontakt li a.kon, body#impressum li a.imp, body#agb li a.agb		{color:#00a2d6;}



/* Navi 2 */
#navigation-2			{width:510px; height:26px; padding:139px 0 0 398px; position:absolute; float:right; z-index:3;}
*html #navigation-2			{width:510px; height:26px; padding:139px 0 0 403px; position:absolute; float:right; z-index:0; margin:-11px 0 0 -365px; z-index:3;}
*+html #navigation-2			{width:510px; height:26px; padding:139px 0 0 403px; position:absolute; float:right; z-index:0; margin:-11px 0 0 -328px; z-index:3;}
ul#navi-2 			{width:510px; height:26px;}
ul#navi-2 li 			{float:left;}
ul#navi-2 a 			{display:block; text-decoration:none; background-position:top !important; text-indent:-9999em; border:none; padding-bottom:0;}
ul#navi-2 li a:hover 	{background-position:bottom !important;}

ul#navi-2 li a.home 	{width:128px; height:26px; background:url(../img/btn-home.jpg) no-repeat;}
ul#navi-2 li a.lei	 	{width:127px; height:26px; background:url(../img/btn-service.jpg) no-repeat;}
ul#navi-2 li a.pro	 	{width:128px; height:26px; background:url(../img/btn-profil.jpg) no-repeat;}
ul#navi-2 li a.kun	 	{width:127px; height:26px; background:url(../img/btn-kunden.jpg) no-repeat;}

/* SUBNAVI */

#subnavi-lei				{ margin:2px 44px 0 0px; height:25px; font-size:0.9em; visibility:hidden; position:absolute; width:150px;}
ul#navi-lei					{ padding:2px 0 0 0; width:127px; color:#FFF;}
ul#navi-lei	li				{ padding: 0 0 0 35px; border-bottom: 1px solid #fff; float:none; background:#00a2d6; height:20px; }
ul#navi-lei li:hover		{ background: #ccc; cursor:pointer; }


body#index li a.home, body#service li a.lei, body#profil li a.pro,	body#kunden li a.kun		{background-position:bottom !important;}


/* Navi 3 */
#navigation-3			{width:337px; height:89px; padding:220px 0 0 47px; position:absolute; float:right; z-index:2;}
*html #navigation-3		{width:337px; height:89px; padding:220px 0 0 52px; position:absolute; float:right; margin:-12px 0 0 -365px; z-index:2;}
*+html #navigation-3		{width:337px; height:89px; padding:220px 0 0 52px; position:absolute; float:right; margin:-14px 0 0 -328px; z-index:2;}
ul#navi-3 			{width:337px; height:89px;}
ul#navi-3 li 			{float:left; padding:0 15px 0 0;}
ul#navi-3 a 			{display:block; text-decoration:none; background-position:top !important; text-indent:-9999em; border:none; padding-bottom:0;}
ul#navi-3 img			{padding:10px 14px 0 0;}
ul#navi-3 li a:hover 	{background-position:bottom !important;}

ul#navi-3 li a.show 	{width:144px; height:46px; background:url(../img/btn-showreel.jpg) no-repeat;}
ul#navi-3 li a.info	 	{width:150px; height:46px; background:url(../img/btn-broschuere.jpg) no-repeat;}
ul#navi-3 li a.ref	 	{width:144px; height:44px; background:url(../img/btn-referenzen.jpg) no-repeat;}
ul#navi-3 li a.refFilm 	{width:144px; height:44px; background:url(../img/picture.ref-filmproduktion.jpg) no-repeat;}
ul#navi-3 li a.refPost 	{width:150px; height:44px; background:url(../img/picture.ref-postproduktion.jpg) no-repeat;}
ul#navi-3 li a.reg	 	{width:150px; height:44px; background:url(../img/btn-regisseure.jpg) no-repeat;}

body#referenzen li a.ref, body#regisseure li a.reg		{background-position:bottom !important;}


/* Navi 4 */
#navigation-4			{width:338px; height:41px; padding:380px 0 0 48px; position:absolute; float:right; z-index:1;}
*html #navigation-4			{width:338px; height:41px; padding:380px 0 0 53px; position:absolute; float:right; margin:-12px 0 0 -365px; z-index:1;}
*+html #navigation-4			{width:338px; height:41px; padding:380px 0 0 53px; position:absolute; float:right; margin:-14px 0 0 -328px; z-index:1;}
ul#navi-4 			{width:338px; height:41px;}
ul#navi-4 li 			{float:left;}
ul#navi-4 a 			{display:block; text-decoration:none; background-position:top !important; text-indent:-9999em; border:none; padding-bottom:0;}
ul#navi-4 li a:hover 	{background-position:bottom !important;}

ul#navi-4 li a.you 			{width:105px; height:41px; background:url(../img/btn-youtube.jpg) no-repeat;}
ul#navi-4 li a.xing	 		{width:83px; height:41px; background:url(../img/btn-xing.jpg) no-repeat;}
ul#navi-4 li a.crewunited	{width:126px; height:41px; background:url(../img/btn-crewunited.jpg) no-repeat;}



/* Footer */
#footer				{background:url(../img/bg-footer.jpg) bottom no-repeat; height:120px; width:980px; margin-bottom:0; position:relative; font-size:0.9em; color:#767676;}
*html #footer				{background:url(../img/bg-footer.jpg) bottom no-repeat; height:120px; width:980px; margin:-4px 0 -4px 0; position:absolute; font-size:0.9em; color:#767676;}
*+html #footer				{background:url(../img/bg-footer.jpg) bottom no-repeat; height:120px; width:980px; margin:-4px 0 -4px 0; position:absolute; font-size:0.9em; color:#767676;}

ul#footer-liste1				{float:left; padding:32px 149px 0 47px;}
*html ul#footer-liste1			{float:left; padding:32px 129px 0 47px;}
*+html ul#footer-liste1			{float:left; padding:32px 129px 0 47px;}
ul#footer-liste2				{float:left; padding:32px 111px 0 0;} 
ul#footer-liste3				{float:right; padding:32px 111px 0 0;}

.space						{padding:0 0 0 2.4em;}
.space2						{padding:0 0 0 1.1em;}
.space3						{padding:0 0 0 2.5em;}
.space4						{padding:0 0 0 0.7em;}