/* CSS by mrks.ch */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;}


/* start general styles */
html { overflow-y: scroll; }

body {
	font-family:"Times New Roman", Times, serif;
	color:#FFF; font-size:16px; text-decoration:none; line-height:19px;
	background-color:#000;
	margin:0px; padding:0px;
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	height: auto;
	}

/* Image Overlay*/
.tintimg {
	display:block;
	}
.tint {
    position: relative;
    cursor: pointer;
    -webkit-shadow: rgba(0,0,0,.2) ;
    -moz-shadow: rgba(0,0,0,.2);
    box-shadow: rgba(0,0,0,.2) ;
  }
  .tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
  }
.tint:hover:before {
   background: rgba(227,113,64, 0.6);
  }

h1 {font-family: "gnuolane", Arial, sans-serif; font-weight: 400; font-size:18px; font-style:normal; margin-top:0px; margin-bottom:14px; letter-spacing:1px; margin-top:14px; color:#FFF; display:inline;}
h2 {font-family: "gnuolane", Arial, sans-serif; font-weight: 400; font-size:18px; font-style:normal; margin-top:0px; margin-bottom:14px; letter-spacing:1px; margin-top:0px; color:#FFF;}
h3 {font-family: "gnuolane", Arial, sans-serif; font-weight: 400; font-size:18px; letter-spacing:1px; font-style:normal; margin-top:0px; margin-bottom:0px; padding-top:5px;}

p {padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}


.font12 {
	font-size:13px;
	padding:0px;
	margin:0px;
	line-height:17px;
	}
	
/* end general styles */

/* start link styles */
a:link, a:visited {
	color:#FFF;
	text-decoration:none;
	}
a:hover {
	color:#E37140;
	text-decoration:underline;
	}
	
/* navigation */
a.navigation, a.navigation:visited {
	display:block; float:left; 
	font-family: "gnuolane", Arial, sans-serif;
	font-size:19px;
	letter-spacing:1px;
	font-weight:400;
	width:157px; 
	padding-left:3px;
	padding-top:2px; 
	padding-bottom:3px;
	text-decoration:none;
	color:#FFF;
	}
a.navigation:hover {
	color:#E37140;
	}
	
a.navigationA, a.navigationA:visited, a.navigationA:hover {
	display:block; float:left; 
	font-family: "gnuolane", Arial, sans-serif;
	font-size:19px;
	letter-spacing:1px;
	font-weight:400;
	width:157px;
	padding-left:3px; 
	padding-top:2px; 
	padding-bottom:3px;
	text-decoration:none;
	color:#E37140;
	}

/* Sub navigation */
a.subNavi, a.subNavi:visited {
	display:block; float:left; 
	font-family: "gnuolane", Arial, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	font-weight:300;
	width:153px;
	padding-left:7px;
	padding-top:2px; 
	padding-bottom:3px;
	text-decoration:none;
	color:#FFF;
	}
a.subNavi:hover {
	color:#E37140;
	}
	
a.subActive, a.subActive:visited, a.subActive:hover {
	display:block; float:left; 
	font-family: "gnuolane", Arial, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	font-weight:300;
	width:153px;
	padding-left:7px;
	padding-top:2px; 
	padding-bottom:3px;
	text-decoration:none;
	color:#E37140;
	}
	
/* Lang navigation */
a.langNavi, a.langNavi:visited { 
	font-family: "gnuolane", Arial, sans-serif;
	font-size:12px;
	font-weight:500;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
	color:#FFF;
	}
a.langNavi:hover {
	color:#E37140;
	}
	
a.langActive, a.langActive:visited, a.langActive:hover {
	font-family: "gnuolane", Arial, sans-serif;
	font-size:12px;
	font-weight:500;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
	color:#E37140;
	}
	
	
a.start:hover {
	color:#F00;
	}
/* end link styles */


/* start sitebuild styles */
#sitewrapper {margin:auto; max-width:970px; padding:5px 10px; padding-top:30px; margin-top:0px;}
#container {position:relative; max-width:970px; overflow:hidden; padding-bottom:50px;}
	
#leftWrapper {position:relative; width:160px; float:left;}
#rightWrapper {max-width:810px; margin-left:160px; min-height:500px; overflow:hidden;}

#logoWrapper {width:120px;height:72px;}
#logo {position:relative; width:120px; height:72px; z-index:5;}
#logoClaim {position:relative; width:120px; height:33px; z-index:4;}

#navi {position:relative; width:160px; margin-top:30px; z-index:1;}
	
#socialLeft {width:100px; height:18px; margin-top:20px; margin-left:3px; display:none; z-index:1;}
	
#fbLeft {width:17px; height:18px; background:url(../img/fb_button.png) bottom; float:left;}
#fbLeft:hover {background-position:0 0;}
	
#twitterLeft {width:17px; height:18px; background:url(../img/twitter_button.png) bottom; float:left; margin-left:3px;}
#twitterLeft:hover {background-position:0 0;}
	
#vimeoLeft {width:17px; height:18px; background:url(../img/vimeo_button.png) bottom; float:left; margin-left:3px;}
#vimeoLeft:hover {background-position:0 0;}
	
#rssLeft {width:17px; height:18px; background:url(../img/rss_button.png) bottom; float:left; margin-left:3px;}
#rssLeft:hover {background-position:0 0;}

#goglLeft {width:17px; height:18px; background:url(../img/gogl_button.png) bottom; float:left; margin-left:3px;}
#goglLeft:hover {background-position:0 0;}
	
#instaLeft {width:17px; height:18px; background:url(../img/insta_button.png) bottom; float:left; margin-left:3px;}
#instaLeft:hover {background-position:0 0;}
	

#contentHeader {position:relative; max-width:810px; height:73px; z-index:1;}
	
#langBox {position:absolute; width:200px; right:0px; top:0px; text-align:right; font-family: "gnuolane", Arial, sans-serif; font-size:12px; font-weight:400; color:#FFF; letter-spacing:1px;}
	
#fbTop {position:absolute; width:17px; height:18px; right:83px; top:20px; background:url(../img/fb_button.png) bottom;}
#fbTop:hover {background-position:0 0;}
	
#vimeoTop {position:absolute; width:17px; height:18px; right:23px; top:20px; background:url(../img/vimeo_button.png) bottom;}
#vimeoTop:hover {background-position:0 0;}
	
#twitterTop {position:absolute; width:17px; height:18px; right:63px; top:20px; background:url(../img/twitter_button.png) bottom;}
#twitterTop:hover {background-position:0 0;}
	
#rssTop {position:absolute; width:17px; height:18px; right:3px; top:20px; background:url(../img/rss_button.png) bottom;}
#rssTop:hover {background-position:0 0;}

#goglTop {position:absolute; width:17px; height:18px; right:43px; top:20px; background:url(../img/gogl_button.png) bottom;}
#goglTop:hover {background-position:0 0;}

#instaTop {position:absolute; width:17px; height:18px; right:43px; top:20px; background:url(../img/insta_button.png) bottom;}
#instaTop:hover {background-position:0 0;}


#searchtop {position:absolute; width:140px; height:18px; right:105px; top:18px;}

input.search {
	border:1px solid #000;
	width:136px;
	padding:2px 2px;
	margin:0;
	font-size:10px;
	color:#666;
	background-color:#F4F4F4;
	}
	
input.mobilesearch {
	border:1px solid #000;
	width:95%;
	padding:2px 2px;
	margin:14px 0;
	font-size:12px;
	color:#666;
	background-color:#F4F4F4;
	}
	
#contentWrapper {position:relative; z-index:5;}
.generalwrapper img {width:100%;}
	
/* Share Stuff */
a.fbshare {display:block; width:14px; height:15px; background:url(../img/fb_sharebutton.png) 0 -15px; float:right; text-decoration:none; margin-top:2px; margin-right:4px;}
a.fbshare:hover {background-position:0 0;}

a.mailshare {display:block; width:14px; height:15px; background:url(../img/mail_button.png) 0 -15px; float:right; text-decoration:none; margin-top:2px; margin-right:2px;}
a.mailshare:hover {background-position:0 0;}

a.twittershare {display:block; width:14px; height:15px; background:url(../img/twitter_sharebutton.png) 0 -15px; float:right; text-decoration:none; margin-top:2px; margin-right:4px;}
a.twittershare:hover {background-position:0 0;}

a.goglshare {display:block; width:14px; height:15px; background:url(../img/gogl_sharebutton.png) 0 -15px; float:right; text-decoration:none; margin-top:2px; margin-right:4px;}
a.goglshare:hover {background-position:0 0;}


	
/* Movie Script */
.movieOverview {max-width:810px;}
.movieOverviewLeft {width:200px; margin-bottom:15px; float:left;}
.movieOverviewLeft img {width:100%;}
.movieOverviewRight {max-width:590px; margin-left:220px;}
.movieOverviewRight p {margin:0px; padding:0px; padding-top:8px; padding-bottom:20px;}
	
.vodoverview {width:50px; padding:2px 3px 2px 4px; margin-left:5px; background:#E37140; border-radius:3px; display:inline; font-family: "gnuolane", Arial, sans-serif; font-weight:400; letter-spacing:1px; font-size:12px;}
.vodoverview:hover {background:#E37140; color:#000;}
	
#movieImgBox {max-width:810px; margin:20px 0 0 0;}
.movieImgWrapper {width:145px; height:102px; margin:0 15px 15px 0; overflow:hidden; float:left;}
	
.imgquer {height:102px;}
.imghoch {width:145px;}
	
.movieImgSpacer {width:10px; height:91px; float:left;}

#billingblog {margin:20px 0 10px;}
.billingfunction {font-weight:normal;}

#movieawards {margin:20px 0 0 0;}
#movieawards p {margin:0px;}

#moviefestivals {margin:20px 0 0 0;}
#moviefestivals p {margin:0px;}

.movieBottom {max-width:810px; font-size:12px; color:#999; padding-bottom:6px; margin-top:20px; margin-bottom:25px; border-bottom:1px solid #FFF;}
.movieBottom a {color:#999;}
.movieBottom a:hover {color:#DCDDDE;}

/* Home News Box */
#homeboxwrapper {margin:0;}
.homeboxdivwrapper {max-width:405px; width:50%; height:380px; margin:0 0 30px 0; float:left;}
.homebox {}
.homebox p {margin:0; padding:7px 0;}
.homeboximgwrapper {max-width:100%; padding-bottom:56.25%; margin-bottom:15px; position:relative; overflow:hidden;}
.homeboximgwrapper img {width:100%; position:absolute;}
.homebox a {color:#E37140;}
.homebox a:hover {color:#E37140; text-decoration:underline;}

.homeboxleft {margin-left:15px;}
.homeboxright {margin-right:15px;}

/* News Script */	
.newsBox {max-width:810px; border-bottom:1px solid #DCDDDE; margin-bottom:50px;}
.newsBox img {width:100%;}
	
.newstext a {color:#E37140;}
.newstext a:hover {color:#E37140; text-decoration:underline;}
	
.newsImgBox {margin:10px 0 10px 0;}
	
.newsImgWrapper {width:145px; height:102px; margin:0 15px 15px 0; overflow:hidden; float:left; }
	
.newsBottom {max-width:810px; font-size:12px; color:#999; margin-top:20px; margin-bottom:5px;}
.newsBottom a {color:#999;}
.newsBottom a:hover {color:#DCDDDE;}
	
.newsDate {font-size:13px; font-style:italic;}
	
/* Video Wrapper*/
.videowrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top:0px; margin:0; height:0;}
.videowrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	
	
/* Newsletter Form */
fieldset {margin-top:10px; font-family:"Times New Roman", Times, serif; font-size: 16px; line-height: 20px; font-weight:400; border:0; padding:0;}
label {display:block;}
input {border:0px solid #999; margin:1px 0 8px; padding:3px; width:240px;}
.btn {width:105px; display:block; border:0; color:#E37140; margin-top:10px;}
.btn:hover {background:#E37140; border:0; color:#000;}
#response {color:#f30; font-style:italic;}

/* Mobile Header */
.mobiletitle {display:none;}
#mobileheader {display:none; margin:0 0 20px 0;}
#mobileheader img {width:100%;}
#mobilelogo {width:115px; margin:10px auto 0;}

#mobilenavi {position:absolute; width:40px; left:10px; top:20px;}
#mobilesearch {position:absolute; width:40px; right:10px; top:20px;}

#mobilenaviwrapper {display:none; border-top:1px solid #5F5F5F; margin:18px 0 16px 0;}
#mobilesearchwrapper {display:none; border-top:1px solid #5F5F5F; border-bottom:1px solid #5F5F5F; margin:18px 0 16px 0;}

/* Mobile Navi */
#mobilenaviwrapper li {font-family: "gnuolane", Arial, sans-serif; font-size:40px; font-size:19px; letter-spacing:1px; font-weight:400; padding:8px 4px; border-bottom:1px solid #5F5F5F;}
#mobilenaviwrapper li a{color:#fff; text-decoration:none; display:block;}
#mobilenaviwrapper li a:hover, #mobilenaviwrapper li a.active {color:#E37140; text-decoration:none;}
#mobilenaviwrapper li a.active {cursor: default; }
#mobilenaviwrapper li a.subnavi {font-weight:300; padding-left:14px;}

#mobiletop {display:none; height:30px; border-bottom:1px solid #FFF;}
#langmobile {position:absolute; width:100px; left:10px; top:6px; text-align:left; font-family: "gnuolane", Arial, sans-serif; font-size:12px; font-weight:400; color:#FFF; letter-spacing:1px;}
#topnavimobile {position:absolute; width:140px; right:10px; top:6px; text-align:right; font-family: "gnuolane", Arial, sans-serif; font-size:12px; font-weight:400; color:#FFF; letter-spacing:1px;}

	
/* Footer */
#footerfix {width:100%; bottom:0px; padding-bottom:8px; background-color:#000; position:fixed; z-index:20;}
#footerbox {max-width:810px; margin:auto; padding:10px 0 0 160px;}
#footerbox p {color:#E37140; font-family: "gnuolane", Arial, sans-serif; font-weight:500; font-size:12px; letter-spacing:1px; margin:0; padding:0;}
	
#footerbox a, a:hover {color:#E37140; text-decoration:none;}
#footerbox a:hover {color:#E37140; text-decoration:underline;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

@media screen and (max-width: 990px) {
	#container {padding-bottom:80px;}
}

@media screen and (max-width: 650px) {
	#sitewrapper {padding-top:10px;}
	#container {padding-bottom:20px;}
	#leftWrapper { float:none; display:none;}
	#mobileheader {display:inherit;}
	#mobiletop {display:inherit;}
	#rightWrapper {margin-left:0px;}
	
	.mobiletitle {display:inherit;}
	
	#contentHeader {display:none;}
	
	#footerfix {width:100%; bottom:0px; padding-bottom:8px; background-color:#000; position:relative; z-index:20;}
	#footerbox {max-width:810px; margin:auto; padding:10px 10px 0 10px; text-align:center;}
	#mrks-signature {display:none;}
}

@media screen and (max-width: 425px) {
	.homeboxdivwrapper {width:100%; float:none;}
	.homeboxleft {margin-left:0px;}
	.homeboxright {margin-right:0px;}
	
	.movieOverviewLeft {width:100%; margin-bottom:15px; float:none;}
	.movieOverviewRight {max-width:590px; margin-left:0px; margin-bottom:10px;}
	
}

#mrks-signature {
	position:fixed;
	width:9px;
	height:39px;
	right:1px;
	bottom:3px;
	z-index:999;
	}