html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
	text-decoration:none;
	font-style: inherit;
	vertical-align: baseline;
	list-style-type:none;
}
body {
  font-family: 'Montserrat', sans-serif;
	background: url(../images/bg.png);
	font-size:100%;
}

.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after
{
  clear: both;
}
* {
  box-sizing: border-box;
}
.no-js {

}

a {
	color:#ff0000;
}
a:hover {
  color:#fff;
}
#loader {
	width:100%;
	height:100%;
	position:absolute;
	z-index:10;
	background: url(../images/loader.gif) center center no-repeat;
}
#loading {
	width:640px;
	height:360px;
	position:absolute;
	z-index:10;
	background: url(../images/loader.gif) center center no-repeat;
}
.clearer {
	clear:both;
	display:block;
	height:0;
	text-indent:-2000000px;
	line-height:0;
	visibility:hidden;
}
#container {
	position:relative;
	z-index:1;
	overflow:hidden;
}
#content {
	width:960px;
	margin:0 auto;
	padding:20px 0 0 0;
	height:800px;
}
.no-js #content {
	height:auto;
}
#header {
	width:960px;
	height:170px;
	background: url(../images/header.png) no-repeat;	
}
#close-portfolio {
	text-indent:-20000px;
	background: url(../images/close.png) no-repeat;	
	display:block;
	width:22px;
	float:right;
	height:21px;
	}
#permalink {
	display:none;
	position:relative;
	z-index:0;
	border-top:1px solid #919191;	
	margin:-1px 0 0 -200px;
	padding:20px 0 0 0;
	text-shadow:1px 1px 0 #fff;
}
#permalink span {
	color:#333;
	font-size:11px;
	display:block;
}
#images h1, #video-link {
	color:#333;
	font-size:12px;
	font-weight:bold;
	display:block;
}
#permalink a {
	color:#333;
	word-wrap: break-word;	
	font-size:11px;
	text-decoration:none;
}
#title {
	text-align:right;
	padding:0 0 10px;
	border-bottom:1px solid #919191;
	margin:0 0 10px 0;
	color:#000;
	text-shadow:1px 1px #fff;
}
#title #title-wrapper {
	float:left;
	width:220px;
}
.single #title #title-wrapper {
	width:auto;
	float:none;
}
#title span {
	padding:2px 5px;
	display:block;
}
#title #client {
	text-transform:lowercase;
	font-size:11px;
}
#title #name {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}
#images {
	padding:0 0 10px;
	border-bottom:1px solid #919191;
}
#images h1 {
	color:#333;
	text-shadow:1px 1px #fff;
	font-size:12px;
	font-weight:bold;
	padding:0 0 10px 0;

}
#images a {
	display:block;
	float:left;
}
#images a img {
	display:block;
}
.tlac {
	height:0;
}
#video-link {
	color:#333;
	text-shadow:1px 1px #fff;
	font-size:11px;
	height:21px;
	font-weight:normal;
	display:block;
	padding:0 0 0 40px;
	line-height:19px;
	background: url(../images/play-trailer.png) no-repeat;		
}
#video-link:hover,#close-portfolio:hover  {
	color:#ff0000;
	background-position:0 -21px;
}	
#information {
	color:#333;
	text-shadow:1px 1px 0 #fff;
	font-size:14px;
	font-weight:bold;
	padding:12px 0;
}
#header-content {
	width:460px;
	float:left;
	height:169px;
	border-bottom:1px solid transparent;	
}
#navigation {
	float:right;
	/*background: url(../images/navigation.png) repeat;	*/
	margin:85px 0 0;
	height:31px;
	border-bottom:1px solid transparent;	
}
#navigation li {
	display:inline-block;
	height:31px;
	float:left;
}
#navigation li a {
	display:block;
  padding:0 10px;
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
	/*text-indent:-20000px;
	background: url(../images/navigation.png) no-repeat;
  height:31px;
  */
	text-decoration:none;
}
/*
#navigation li a#home  {
	width:55px;
	background-position:-10px -31px;	
}
#navigation li a#home:hover, .home #navigation li a#home {
	background-position:-10px -62px;	
}
#navigation li a#film {
	width:48px;
	background-position:-65px -31px;	
}
#navigation li a#film:hover, .film #navigation li a#film  {
	background-position:-65px -62px;	
}
#navigation li a#musik {
	width:56px;
	background-position:-113px -31px;	
}
#navigation li a#musik:hover, .musik #navigation li a#musik  {
	background-position:-113px -62px;	
}
#navigation li a#b2b {
	width:43px;
	background-position:-169px -31px;	
}
#navigation li a#b2b:hover, .b2b #navigation li a#b2b  {
	background-position:-169px -62px;	
}
*/
#navigation li a:hover, #navigation li a.active {
	color:#ff0000;
}
#left-wrapper,#loading, #slide-wrapper {
	margin:20px auto 0;
}
#gallery {
	width:960px;
	height:460px;
	/*padding:6px 6px 0 6px;*/
	background: url(../images/gallery-bg.jpg) no-repeat;		
	overflow:hidden;
}
.no-js #gallery {
	overflow:auto;
	height:auto;
	background:#f3f3f3;
}
.home #slide-wrapper {
 	width:912px;
	height:460px;
	overflow:hidden;  
}
#gallery-content {
	/*width:948px;*/
	height:460px;
	overflow:hidden;
}
.no-js #gallery-content, .no-js #slide-wrapper {
	overflow:auto;
	height:auto;
}

.vertical {
	width:316px;
	height:448px;
	float:left;
}
.no-js .vertical {
	width:945px;
	height:149px;
	float:none;
	height:auto;
}
.cell {
	width:284px;
	height:117px;
	background:url(../images/diskhover.png) -900px 0 no-repeat;
	padding:16px;
}
.no-js .cell {
	float:left;
	width:283px;
}
.cell a {
	display:block;
	height:117px;
	width:284px;
}
.no-js .cell a {
	width:283px;
}
.cell a .holder {
	display:block;
	height:121px;
	width:250px;
	position:relative;
	z-index:1;
	padding:17px;
	background: url(../images/diskholder.png) no-repeat;		
}
.cell a .holder .cover {
	width:61px;
	display:block;
	height:87px;
	float:left;

}
.cell a .holder .texts {
	float:left;
	color:#000;
	text-shadow:1px 1px #fff;
	margin:0 0 0 15px;
	display:block;
	width:140px;
	height:87px;
}
.cell a .holder .texts .work {
	font-size:11px;
	padding:0 0 5px;
	display:block;
}
.cell a .holder .texts .title {
	font-size:15px;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}
.cell a:hover {
	background:#fff;
}
#home_player {
	width:640px;
	position:relative;
	z-index:1;
	height:360px;
	overflow:hidden;
}
#pager {
	background: url(../images/sublight.png) no-repeat;
	width:960px;
	padding:20px 0 0 0;
	height:210px;
	margin:0 0 0 -6px;
	text-indent:-200000px;
}
.left {
	position:absolute;
	left:50%;
	z-index:5;
	margin:207px 0 0 -494px;
}
.right {
	position:absolute;
	right:50%;
	z-index:5;		
	margin:207px -494px 0 0;
}
#bullets {
	height:35px;
	background:rgba(205,205,205,0.5);
	margin:10px 0 0 0;
	position:absolute;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}
#bullets ul li {
	display:block;
	float:left;
	width:15px;
	height:15px;
	text-indent:-200000px;
	margin:0 5px 0 0;
}
#bullets ul li#inactive {
	background: url(../images/bullets.png) 0 -15px no-repeat;	
}
#bullets ul li#active {
	background: url(../images/bullets.png) no-repeat;	
}
.left a, .right a {
	display:block;
	width:35px;
	height:36px;	
}
#prev {
	float:left;
	width:35px;
	display:none;
	height:36px;
	text-indent:-200000px;	
	background: url(../images/prevnext.png) no-repeat;
}
#next {
	float:right;
	width:35px;
	display:none;
	text-indent:-200000px;
	height:36px;
	background: url(../images/prevnext.png) -36px 0 no-repeat;
}
#prev:hover {
	background-position:0 -36px;
}
#next:hover {
	background-position:-36px -36px;
}
.active .left, .active .right, .active #bullets, .active .vertical {
	display:none;
}
.single-portfolio {
	float:left;
	padding:20px;
  width:960px;
	height:460px;
	display:none;	
}
.no-js .single-portfolio, .no-js #pager {
	display:none;
}
.single .single-portfolio {
	display:block;
	float:none;
	position:absolute;
}
.no-js .single .single-portfolio {
	position:inherit;
}
#left-holder {
	width:640px;
	height:403px;
	float:left;
}
#left-wrapper {
	width:640px;
	background:#000;
	height:360px;
	position:relative;
	z-index:1;
}
#right-holder {
	float:right;
	height:403px;
	width:248px;
}
#right-holder .odd {
	margin:0 10px 10px 0;
	clear:both;
}
#right-holder .even {
	margin:0 0 10px 10px;
}
#right-holder .last {
	margin-bottom:0;
}


/* IMPRESSUM */

.impressum {
  color:#fff;
}
.impressum #content {
  height:auto;
}
.impressum h1,.impressum h2,.impressum h3,.impressum h4, .impressum p {
  padding:0 0 20px;
}
.bold {
  font-weight:bold;
}
.small {
  font-size:12px;
}
.impressum #footer {
	margin:30px auto 0;
}

#footer {
	width:960px;
	font-size:13px;
	color:#fff;
	padding:0 0 50px;
	margin:0 auto;
	text-align:center;
}
.no-js #footer {
	margin:60px auto;
}
#footer a {
	color:#ff0000;
}
#footer a:hover, #permalink a:hover {
	text-decoration:underline;
}