/*@charset "UTF-8";*/
/* Steffen C Juergens */
/* Copyright Roman Fischer romancfischer@gmx.de */



@font-face {
    font-family: 'NevisBold';
    src: url('../fonts/nevis.eot');
    src: url('../fonts/nevis.eot') format('embedded-opentype'),
         url('../fonts/nevis.woff') format('woff'),
         url('../fonts/nevis.ttf') format('truetype'),
         url('../fonts/nevis.svg#NevisBold') format('svg');
}



@font-face {
    font-family: 'AHDN';
    src: url('../fonts/AHDN.eot');
    src: url('../fonts/AHDN.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AHDN.woff') format('woff'),
         url('../fonts/AHDN.ttf') format('truetype'),
         url('../fonts/AHDN.svg#AHDN') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'UbuntuRegular';
    src: url('../fonts/Ubuntu-R-webfont.eot');
    src: url('../fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('../fonts/Ubuntu-B-webfont.eot');
    src: url('../fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-B-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body{

    background:#000;
    padding:0;
    margin:0;
    color:#fff;
    font-family:Arial, Verdana; font-weight:normal;
    font-size:14px;

}

img {
    border:none;
}	


#panel{
    display:block;
    width:265px;
    position:absolute;
    top:200px;
    left:80px;
    z-index:4;
    display:none;
}


#panel #menu{
    margin-top:10px;

}



a:focus{
    outline: 0;
}



.cblue{
    color:#5796bf !important;

}

.cbluedark{
    color:#0f5e84 !important;
}

#panel .btn{
    background:#3786b8;
    display:block;
    width:86px;
    cursor:pointer;
    font-size:14px;
    font-family:Arial,Verdana;
    letter-spacing:-1px;
    padding:2px;
    margin-bottom:3px;
    margin-top:3px;
    color:rgba(255,255,255,0.9);
    text-shadow: 1px 1px 0px #000;
    filter: dropshadow(color=#000, offx=1, offy=1);
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    text-align: center;
    text-transform:uppercase;
    opacity: 0.8;
}



#logo{
    background:url('../img/logo-bright.png');
    background-repeat:no-repeat;
    width:84px;
    height:66px;
    display:block;  
    opacity:1;
    position:absolute;
    top:32px;
    left:84px;   
    z-index:4;
    display:none;
}

#nav{
    position:absolute;
    left:96px;
    top:120px;
    width:60px;
    height:60px;
    display:block;
    z-index:10;
    opacity:0.8;
    display:none;
}

#navinfo{
    position:absolute;
    left:145px;
    top:160px;

    width:319px;
    height:121px;

    background:url(../img/navinfo.png);
    background-repeat:no-repeat;

    z-index:11;
    opacity:0.9;

    display:none;

}

#navinfo p{
    color:#000;
    font-size:14px;
    text-align:center;
    line-height:24px;
    margin:45px 0 0 14px;
    font-family:'UbuntuRegular',Arial,Verdana;

    cursor:default;


}

#navinfo p bold{
    font-family:'UbuntuBold',Arial,Verdana;
    color:#2f6d95;
}


#btn-kurzfilm{

    background-image:url('../img/kurzfilm.png') !important;
    background-repeat:no-repeat;
    margin-top:25px !important;

    text-align:left !important;
    padding: 3px 0px 3px 5px !important;
    width:85px !important;

}



.nav-btn{
    background-repeat:no-repeat;
    width:24px;
    height:24px;
    cursor:pointer;
    opacity:0.8;

}

#nav #btn-up{
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-12px;
    background:url('../img/up-bright2.png');

}

#nav #btn-right{
    position:absolute;
    top:50%;
    margin-top:-12px;
    right:0px;
    background:url('../img/right-bright2.png');
}

#nav #btn-bottom{
    position:absolute;
    bottom:0px;
    left:50%;
    margin-left:-12px;
    background:url('../img/down-bright2.png');
}

#nav #btn-left{
    position:absolute;
    left:0px;
    top:50%;
    margin-top:-12px;
    background:url('../img/left-bright2.png');
}


#panel #btn-left{
	
}



#info a, #info a:hover, a, a:link, #info span{
    color:#eee;
    text-decoration:none;
    font-family: Arial, Verdana;
    font-size:15px;
    text-transform: uppercase;
    font-weight:bold;
    text-shadow: 1px 1px 0px #000;



}


#content {
    width:660px;
    width:720px;
    position:absolute;
    top:0px;
    left:310px;
    left:290px;
    left:244px;
    z-index:13;
    color:#fff;	
    background:rgba(0,0,0,0.6);
    padding-bottom:16px;
    min-height:100px;

    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px; 

    display:none;

}


#closecontent{
    background:url('../img/close.png');
    background-repeat:no-repeat;
    display:block;
    position:absolute;
    right:20px;
    top:0px;
    width:102px;
    height:33px;
    cursor:pointer;
    opacity:0.8;

}

#container{
    margin:35px 0px 15px 0px;
}

img#bg1, img#bg2, img#bg3 {
    position:fixed;
    overflow:hidden;
    top:0px;
    left:0px;
    z-index:-2;
}


#gallery{
    background:#000;
}



#content h1{
    font-size:28px;
    font-family: Arial, Verdana;
    margin:0 0 30px 15px;
    padding:0;
    text-transform:uppercase;

}

.news_entry{
    margin-bottom:20px;
    padding-bottom:20px;
    width:550px;
    color:#eee;
}

.news_entry h2{
    font-size:15px;
    font-weight:bold;
    margin: 0 0 0 0;
    text-transform:uppercase;
    color:#fff;
    line-height:28px;
}

.news_entry h3{
    margin:6px 0px 16px 0;
    color:#fff;
}

.news_entry .box{
    background:#000;

    display:none;

    min-width:680px;
    width:680px;

}

.threadline{
    display:block;
    position:relative;
    top:38px;
    margin-bottom:20px;
}





#kontakt{
    font-size:11px;
    text-transform:uppercase;
}

#kontakt table td{
    padding-bottom:10px;
    line-height:14px;
}

#kontakt table td a{
    line-height:20px;
}

/*
.drehbuch_entry .box p, #kontakt table td{
    width:550px;
    color:#eee;
}

.drehbuch_entry .box a, .inhalt .nav a{
    color:#FC6;
    font-size:11px;
    text-transform:uppercase;
    color:#4f7ca0;
}*/

.drehbuch .box .cbluedark{
    margin-left:2px;
}


.news_entry .teaser{
    background:rgba(0,0,0,0.8);
    min-width:680px;
    width:680px;

}

.news_entry .teaser p{
    padding:20px 20px 20px 20px;

}

.news_entry .box p{
    /*line-height:20px;*/
    /*min-width:680px;*/
    margin-top:10px;
    padding-left:20px;
    padding-right:20px;
}

.news_entry .box img{
    padding-left:20px;
    padding-bottom:20px;
}

.news_entry .title{
    margin-left:20px;
}


.nav{
    margin-bottom:10px;
    margin-left:15px;
}

.inhalt .nav a{
    cursor:pointer;
}



.film_entry_title{
    width:500px;
    height:18px;
    cursor:pointer;
    background:url(../img/tabledown.png);
    background-repeat:no-repeat;
    background-position:top left;
    float:left;
    padding-left:22px;
}

.film_entry .box span{
    margin-bottom:15px;
}

.film_entry .box .info a{
    line-height:20px;
    font-weight:normal;
}


.film_entry .box .info span{

    color: #3d7da4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight:normal;

    line-height:20px;

}


.film_entry .box img{
    margin-bottom:10px;

}


.boxextra{
    margin-left:15px;
    width:620px;

}



.film_entry{
    width:100%;
    display:block;
    float:left;
    margin-top:5px;
    padding-top:10px;

}

.film_entry a{
    text-transform:uppercase;
    font-weight:bold;
    font-size:15px;
    margin-left:15px;
}

.film_entry .box, .drehbuch_entry .box{
    display:none;

    min-width:720px;
    width:720px;

}

.drehbuch .box p, #filmografie p, .news_entry p{
    padding-bottom:20px;
    line-height:24px;
    text-align:justify;
}

.hoerspiel .info{
    position:relative;
    top:5px;
    margin-bottom:20px;
}

.hoerspiel .box{

    margin-left:25px;
}



.fix1{
    padding-left:30px;
}


.fix2{
    padding-left:8px;
}

.hoerspielrest{

    color: #3d7da4;
    font-size: 11px;
    /*padding: 3px;*/
    text-transform: uppercase;
    font-weight:normal;

    line-height:20px;

}

.film_entry p{
    padding:0;
}


.drehbuch p{
    line-height:20px;
}

.drehbuch strong{
    font-weight:bold;
}

.vimeo{
    float:left;
}

.vimeo-trailer{
    position:absolute;
    top:50%; left:50%;
    margin-top:-140px;
    margin-left:-250px;
    width: 500px;
}

.extra .info{
    float:left;
    margin-left:10px;
    margin-top:21px;
}

.extra .infobild{
    float:left;
    margin-left:16px;
    margin-top:20px;
    min-width:100%;
    width:100%;
}

.extra .infobild img{
    
    min-width:686px;
    max-width:686px;
    width:686px;
    height:auto;
}


.inhalt .box iframe{
    margin-bottom:10px;
    margin-left:15px;
    margin-top:15px;
}


#gallery .inhalt{
    width:640px;
}

/*
.videoplayer{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:10;
}*/


.btn-listen{
    cursor:pointer;
    margin-right:2px !important;
    color:#FFCC66 !important; 

}

#background{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
    display:none;
}


#backgroundimg{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3;
    display:none;

}


#background, #backgroundimg{
    margin-left:0;
    margin-top:0;
}




#preloader{
    z-index:12;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    display:none;

}

#splash{
    position:absolute;
    right:10%;
    margin-left:8%;
    top:40%;
    width:370px;
    color:#000;
    padding:15px;

    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;

}



#splash h2{
    font-family:'UbuntuBold', Arial, Verdana;
    margin:0 0 0 0px;
    padding:0;
    /*letter-spacing:0.16em;*/
    letter-spacing:2.3px;
    text-align:center;
    color:#000;
    color:#012830;  
    text-transform:uppercase;
    font-weight:normal;
    font-size:14px;

}

#splash h3{
    margin:10px 0 0 0;
    padding:0;
    color:#000;
    letter-spacing:0.1em;
    font-family:'UbuntuRegular';
    display:none;

}

.fancybox-thumbs{
    opacity:0.8;

}

#right{
    position:fixed;
    background:#000;
    background:rgba(0,0,0,0.8);
    max-width:224px;
    padding-left:4px;
    padding-right:10px;
    height:24px;
    top:0px;
    right:0px;
    z-index:12;

    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;


}

.fb-like{
    float:left;
    margin-right:10px;
    margin-top:1px;
    opacity:0.8;
}

#impressum{

    float:left;
    color:#fff;
    color:#0085ba;
    font-size:12px;
    margin-left:5px;
    margin-top:6px;
    cursor:pointer;
    text-transform: uppercase;



}

#speaker{
    float:left;
    margin-left:10px;
    margin-top:4px;
    width:14px;
    height:14px;
    background:url(../img/speaker_small_blue.png);
    cursor:pointer;
}

#kontakt a, .news_entry a, .drehbuch_entry .box a, .film_entry .box a {

    background: none repeat scroll 0 0 rgba(0,0,0,0.8);
    color: #FFCC66;
    font-size: 11px;
    margin: 0;
    padding: 3px;
    text-transform: uppercase;
    font-weight:normal;
}

.read_more{
    position:relative;
    top:15px;
    left:20px;

}

.hoerspiel a, .film_entry .box .info a{
    padding:3px 6px 3px 0 !important;
}

.inhalt .nav a{

    font-size:14px;
    font-weight:normal;
    font-family:Arial,Verdana;
    color:#3d7da4;
    letter-spacing:-1px;
    text-shadow: 1px 1px 0px #000;
    filter: dropshadow(color=#000, offx=1, offy=1);
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    text-align: center;
    text-transform:uppercase;
    margin-right:2px;

}

#btn-showreels{
    color:#73b0db;
}

#btn-trailer, #btn-kurzfilm, #btn-billyeb, #btn-regie, #btn-hoerspiel{
    display:none;
}


#kontakt .inhalt{
    padding-left:18px;

}

#kontakt .inhalt a{
    line-height:24px;
}

#header{
    position:absolute;
    left:70px;
    top:0px;
    width:110px;
    height:200px;
    z-index:3;
    background:rgba(0,0,0,0.6);

    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px; 

    display:none;
}

.Commercials, .Comedy{
    display:none;

}

.icon-movie{
    position:relative;
    top:3px;
    margin-right:7px;

}

.icon-script{
    position:relative;
    /*margin-top:5px;*/
    top:4px;
    margin-right:7px;

}

.icon-sound{
    position:relative;
    /*margin-top:5px;*/
    top:2px;
    margin-right:7px;

}

.icon-title{
    position:relative;
    top:6px;
    margin-right:10px;
    margin-left:10px;
}





#info{

    position:absolute;
    top:0;
    left:0;
    width:200px;
    height:20px;
    display:block;
    background:#222;
    color:#fff;
    z-index:999;

}


.icon-link{
    position:relative;
    top:10px;
    margin-right:7px;

}





#ipadplay{
    position:absolute;
    display:block;
    width:238px;
    height:238px;
    top:50%;
    left:50%;
    margin-left:-119px;
    margin-top:-119px;
    z-index:20;
    background:url(../img/ipadplay.png);
    background-repeat:no-repeat;
    cursor:pointer;
    display:none;

}


#loading{
    z-index:22;
    position:absolute;
    top:0;
    left:0;
    /*background:rgba(255,255,255,0.7);*/
    background:#d0d3d6;
    width:100%;
    height:100%;

    /*display:none;*/

}

#loading #loading-middle{
    position:absolute;
    width:100px;
    height:50px;
    top:50%;
    left:50%;
    margin-left:-50px;
    margin-top:-25px;
}

#loading #loading-middle img{
    margin:0 0 20px 2px;
}

#loading #loading-middle p{
    tex-align:center;
    color:#7f7f7f;
    font-family:'NevisBold';
    text-transform:uppercase;
}

#preload{

}

#preload #img1{
    background:url(../img/backgrounds/K_MI_Opener_4_EndFrame.jpg);
    display:none;
}

#preload #img2{
    background:url(../img/backgrounds/aergermacher.png);
    display:none;
}

#preload #img3{
    background:url(../img/backgrounds/billyeb.png);
    display:none;
}





/* RESPONSIVE ::: */

@media only screen and (max-width: 920px) {

#splash{
background:#fff;
right:0;
margin-left:0;

}


}