/* 
    Document   : kfapp.css
    Created on : 20.12.2013
    Author     : thorsten
*/



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

html, body 
{
    margin:0px; 
    padding:0px;
    width:100%;
    height:100%;
}
body
{
    background-color: #222222;
    font-family: arial;
    font-size: 12px;
}

#kfbackground
{
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color: #F0E9DF;
    background-image: url('../images/fullbackground.jpg');
    background-repeat: no-repeat;
    background-position: center 0px;
    /* background-position: center -76px; */
}

#kfmainframe
{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width:960px;
    bottom: 0px;
}

#kfinnerframe
{
    position: absolute;
    left:0px;
    top:155px;
    width:100%;
    bottom: 0px;
}

#kftoparea
{
    position: absolute;
    left:0px;
    top:3px;
    width:100%;
    height:50px;
    z-index:10;
}

#kfsceneshadow
{
    position:absolute;
    left:-7px;
    top:53px;
}

#kfstage, #kfstageinfo, #kfzeitraffer
{
    position:absolute;
    left:0px;
    top:56px;
    width:960px;
    height:440px;
    overflow: hidden;
}
#kfstageinfo
{
    overflow: visible;
}
#kfzeitraffer
{
    display: none;
    z-index: 1000;
}
.zeitraffervideo
{
    position:absolute;
    left:0px;
    top:0px;
    width:960px;
    height: 440px;
}

#kfholz
{
    position:absolute;
    left:-47px;
    top:-13px;
    width:1063px;
    height:610px;
}

#kfkubikfotowrapper
{
    position:absolute;
    left:0px;
    top:0px;
    width:960px;
    height:440px;
    overflow: hidden;
    /*
    -webkit-box-shadow: 0px 0px 50px 0px #333;
    -moz-box-shadow: 0px 0px 50px 0px #333;
    -ms-box-shadow: 0px 0px 50px 0px #33;
    -o-box-shadow: 0px 0px 50px 0px #333;
    box-shadow: 0px 0px 50px 0px #000;
    */
}

#kfinfoarea
{
    position:absolute;
    left:-1px;
    top:5px;
    cursor:pointer;
    z-index:100;
    display: none;
}
#kfinfoarealivecam
{
    position:absolute;
    left:-1px;
    top:5px;
    cursor:pointer;
    z-index:100;
    display: none;
}
#kfinfobut, #kfinfobutlivecam
{
    position:absolute;
    left:406px;
    top:0px;
    cursor:pointer;
}

#kfinfofield, #kfinfofieldlivecam
{
    position:absolute;
    background-image: url('../images/info_zuordnung_btn.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    top:-18px;
    left: 398px;
    width:164px;
    height:18px;
    color:white;
    text-align: center;
    font-size:11px;
    padding-top:2px;
    cursor:default;
}

#kfcardbut
{
    position:absolute;
    right:-1px;
    top:30px;
    cursor:pointer;
    z-index:100;
}

#kfbottomarea
{
    position: absolute;
    left:0px;
    top:498px;
    width:100%;
    height:130px;
    z-index:10;
}

#kfcaption
{
    position:absolute;
    cursor:default;
    left:207px;
    top:20px;
    display:inline;
    font-size: 16pt;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: 'league_gothicregular', Arial;
    /*text-transform: uppercase;*/
}
#kftitle
{
    position:absolute;
    cursor:default;
    left:184px;
    top:22px;
    display:inline;
    font-size: 20pt;
    letter-spacing: 1px;
    color: #EA963C;
    font-family: 'league_gothicregular',arial;
    /*text-transform: uppercase;*/
    z-index:10;
}

#kfnav_sound
{
    position:absolute;
    right:0px;
    bottom:3px;
    cursor:default;
    color:#888888;
}
#kfsoundon, #kfsoundoff
{
    color:#888888;
    cursor:pointer;
    font-weight: normal;
}
#kfsoundon:hover, #kfsoundoff:hover
{
    color:#EEEEEE;
}
#kfsoundon.active, #kfsoundoff.active
{
    font-weight: bold;
    cursor:default !important;
    color:#cdcdcd !important;
}

#kffblike
{
    position:absolute;
    top:8px;
}

#kfgoactive
{
    position:absolute;
    top:8px;
    left:108px;
    opacity: 1.0;
    border: none;
    cursor: pointer;
}
#kfgoactive:hover
{
    opacity: 1.0;
}
#kfnavigation
{
    position:absolute;
    top:5px;
    right:0px;
    width:600px;
    color: #f8f8f8;
    font-size:11px;
    text-align: right;
}

#kfnav_facts, #kfnav_recommend, #kfnav_news
{
    cursor:pointer;
    display:inline-block;
    margin-left:20px;
}
#kfnav_datenschutz
{
    position:absolute;
    right:185px;
    bottom:3px;
    color:#888888;
    cursor:pointer;    

}
#kfnav_datenschutz a
{
	text-decoration: none;
	color : #888888;
}
#kfnav_datenschutz a:hover
{
	text-decoration: none;
	color : #EEEEEE;
}
#kfnav_imprint
{
    position:absolute;
    right:95px;
    bottom:3px;
    color:#888888;
    cursor:pointer;    
}
#kfnav_imprint:hover
{
    color:#EEEEEE;
}

.kfinfopopup
{
    position: absolute;
    overflow: hidden;
    left:-1px;
    top:23px;
    width:440px;
    /*width:474px;*/
    height:364px;
    padding:0px;
    z-index:1000;
}

.kfinfopopup.kffullwidth
{
    width:714px !important;
}
.kfinfopopupcontent
{
    position: absolute;
    right:0px;
    left: 0px;
    width:376px;
    /*width:410px;*/
    height:290px;
    padding: 30px;
    border-top: solid 2px #EE840E;
    background-color: rgb(51,46,42);
    background-color: rgba(51,46,42,0.9);
}
.kfinfopopupcontent.kffullwidth
{
    width:650px !important;
}
img.kfinfopopupright
{
    position: absolute;
    right:-4px;
    top: 0px;
}

img.kfinfopopupbottom
{
    position: absolute;
    left:-36px;
    bottom: -1px;
}

.kfcardpopup
{
    position: absolute;
    overflow: hidden;
    left:961px;
    top:0px;
    width:744px;
    height:440px;
    padding:0px;
    z-index:1000;    
}

.kfinfoiframe
{
    left:0px;
    top:0px;
    width:690px;
    height:360px;
    overflow: hidden;
}

.kfclosebut
{
    position: absolute;
    right:15px;
    top:8px;
    font-size:12px;
    height:16px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 0px;
    cursor: pointer;
    color: #aaaaaa;
    z-index:100;
}
.kfclosebut:hover
{
    color: #eeeeee;
}


.kfmainnav
{
    position: absolute;
    display: none;
    top: 450px;
    width: 152px;
    height: 33px;
    color: white;
    text-shadow: 2px 2px 1px rgba(128, 128, 128, 0.5);
    letter-spacing: 1px;
    font-size:13px;
    z-index:100;
    cursor: pointer;
}
.kfabstopleft
{
    position: absolute; 
    left:0px;
    top:0px;
}

#kf_goleft
{
    left: -18px;
}
#kf_goright
{
    right: -18px;
}

#kf_goleft_title
{
    position: absolute; 
    left:37px;
    top:4px;
}
#kf_goright_title
{
    position: absolute; 
    right:37px;    
    top:4px;
    text-align: right;
}

#kfGPlogo
{
    position:absolute;
    top:34px;
    right:0px;
}

#kftimelimeframe
{
    position:absolute;
    top:100px;
    left:-10px;
    width:960px;
    height:90px;
}

#kfcounter
{
    position: absolute;
    left:327px;
    top:10px;
    width:305px;
    height:62px;
}

#xxxkfcounterinfo
{
    position: absolute;
    left:610px;
    top:55px;
    width:330px;
    height:80px;
    font-size:12px;
    color: #AEAEAE;
    display: none;
}

#kfcounterinfo
{
    position: absolute;
    left:566px;
    top:-90px;
    width:175px;
    height:63px;
    padding: 10px;
    font-size:12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    color: #c0c0c0;
    display: none;
}