/* #######################################################
   # KEMPER  CSS                                         #
   # Copyright (c) 2008 Dotcore. All rights reserved.    #
   # Don't copy without permission.                      #
   # Updated: 04.06.2008                                 #
   # Author: David Bauer <db@dotcore.de>                 #
   ####################################################### */



* {margin: 0;}
html, body {
	height: 100%;
}
body {
    color:#fff;
    font-family:Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-size: 62.5%;
    background:#000;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.push{height:20px;}
img{border:0;}

p,a { text-decoration:none; color:#fff; }
.active { color:#5bb8cf !important; }
h1 { float:left; width:100px; height:100px; margin:20px;}
li,p{font: 1.2em/1.8em Helvetica, Arial, Verdana, Tahoma, sans-serif;}
h1 { height: 0px; }
h2 { margin-bottom: 10px; }
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    -moz-user-select:none;
    -khtml-user-select:none;
    margin: 0 auto -20px;
    padding-left:20px;
    width:1120px;
}


#kloop_wrap { background:black; margin: 0 auto -20px; width:1120px; overflow:hidden;}
#kloop {
    position:absolute;
    z-index:-100;
    margin:30px 0 0 180px;
    width:940px;
    overflow:hidden;
}
#header {
    margin:0 auto;
    width:1120px;
    height:67px;
    text-align: left;
}
#header h1 {
    display:block;
    margin:30px 0 0 0;
    height:68px;
    width:524px;
    background: url(/assets/images/sprite/sprite.png) no-repeat 0 -353px;
    z-index:99999;
    overflow:hidden;
}
#header h1 span,#newslist h2 span,#closelink,#unmuteplayer { display:none;}
:focus{outline:0;}
#navigation {
    -moz-user-select:none;
    -khtml-user-select:none;
    
    position:absolute;
    z-index:2;
    top:30px;
    margin-left:926px;
    cursor:pointer !important;
    width: 150px;
    text-transform:uppercase;
}
#navigation ul li {list-style:none;}
#navigation ul li {
    font-size: 19px;
    line-height:17px;
    white-space:nowrap;
    text-align:right;
}
#navigation ul li a { display: block; width: 150px; }
#footer {
    width:100%;
    -moz-user-select:none;
    -khtml-user-select:none;
    height:20px;
    text-align: center;
    color: white;
}
#footer_inner {margin: 0 auto -20px;
   min-height: 100%;
   padding-left: 20px;
   width: 1120px; } 
#footer a, #footer img { float:right; padding-left:10px;}
#unmuteplayer,#muteplayer { margin-top:-3px;}
#audiobranding { padding:106px 40px 0 63px; }
#inside { height:385px; }


#newslist {
    margin:100px 0 0 30px;
    width:301px;
    opacity:.9;filter: alpha(opacity=90); -moz-opacity: 0.90;
}
#newslist h2 {
    width:301px;
    height:18px;
    background:url(/assets/images/News.jpg) top left no-repeat;
    margin:0;
}
span.date {
    color:#63c3d8;
    font-weight:bold;
    font-size:12px;
    display:block;
    float:left;
    width:85px;
    margin:6px 0 0 12px;
}
span.title {
    color:#fff;
    font-weight:bold;
    font-size:11px;
    display:block;
    line-height:13px;
    padding:6px 0 6px 0;
    margin:2px 0 0 97px;
}
div.news h3 {
    width:301px;
    background: url(/assets/images/sprite/sprite.png) no-repeat 0 -1092px;
    margin-top:3px;
}
#imprint { width:347px; margin-top:100px }
#imprint h2 {
    width:348px;
    height:19px;
    margin:0 0 2px 0;
    color:#01FFFF;
    padding:5px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
    background:#111;
    opacity:.7;filter: alpha(opacity=70); -moz-opacity: 0.70; 
}
#imprint .description {
    width:347px;
    padding:16px 6px 9px 5px;
    opacity:.7;filter: alpha(opacity=70); -moz-opacity: 0.70;
    background:#111;
}

div.news p.article {
    margin-top:-3px;
    font-size:11px;
    line-height:16px;
    padding:10px;
    background:url(/assets/images/news-list-bg.png) top left repeat-y;
    display:block;
    width:281px;
}
div.news p.image { margin-top:3px;}
div.news p.image img { position:relative; border:0; padding:0; margin:0;}
div.news div.bottom {
    height:126px;
    width:301px;
    background: url(/assets/images/sprite/sprite.png) no-repeat 0 -936px;
}
#nnext {display:block; width:150px;float:right;}
#nprev {display:block; width:150px;float:left;}
#nnext a {display:block; width:150px; height:60px; float:right;}
#nprev a {display:block; width:150px; height:60px; float:left;}
div.bottom { display:none;}
div.bottom a:hover { opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; }
#contact { margin:100px 0 0 30px; width:410px; }
#contact form { margin-top: 40px; width:314px;}
#contact form div input,#contact form div textarea { width:312px;}
#contact form div label { display:block; margin:15px 0 8px 0;}
#contact form div.submit { height:177px; width:314px;
    background: url(/assets/images/sprite/sprite.png) no-repeat -98px -146px;
}
#contact form div.submit input { height:23px; }
#biopics { margin-top:120px; margin-left:30px;}
#biopanels { padding-top:17px;position:absolute;top:150px;width:500px; float:left; margin-left:252px; opacity:0.9; display:block; z-index:50000;}
#biopanels dt { font-size:12px; padding:8px 8px 8px 14px; background:#201F22; text-transform:uppercase;  margin-bottom:2px; cursor:pointer; display:block;}
#biopanels dt.selected { color:#5bb8cf;margin-bottom:0;}
#biopanels dd { background:#201F22;  margin-bottom:2px;display:block; }
#biopanels dd p { padding:8px 8px 8px 14px; line-height:15px;}
#video_player, #video_player embed, #video_player object {
    position:absolute;
    z-index:50000;
    margin:268px auto 0 auto;
    left:423px;
}
#video_player_container{position:absolute;width:1140px;z-index:49999;margin:0 auto}
#hide { position:absolute; top:30px; left:-190px; }
#count { display:block; float:right; margin:3px 5px 0 0; font-style:italic;}
#filmbox {    margin:100px 0 0 30px;width:900px;}
#filmbox h2 {
    width:887px;
    color:#01FFFF;
    padding:5px 5px 5px 10px;
    margin:0 2px 0 0;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
    background:#111;
    opacity:0.8;
}
#filmbox .left_box {width:430px;float:left;background:#111;opacity:0.8;padding:10px;}
#filmbox .right_box {width:430px;float:right;background:#111;opacity:0.8;padding:10px;}

#filmbox h3 { text-transform:uppercase; font-size:14px;color:#01FFFF;font-weight:bold; margin-bottom:17px; }
#filmbox h3 span.date { float:right; color:#fff; font-weight:10px;font-weight:normal; width:auto; margin:0; padding:0;}
#filmbox img { float:left; margin:0 10px 0 0; padding:0;}
#filmbox p { line-height:16px; padding:0; margin:0;text-align:justify;}
#galbox {margin:100px 0 0 30px;width:765px;height:400px;}
#galbox h2 { width:754px; color:#a9f5a0; padding:5px; margin:0; margin-bottom:2px; text-transform:uppercase; font-size:14px; font-weight:bold;background:#111; opacity:0.8;}
div.galbox h3 { width:280px; color:#a9f5a0; text-transform:uppercase; font-size:13px;margin-left:80px;}
div.galbox { width:370px; height:70px; background:#111; opacity:0.8; margin:1px; padding:5px; }
div.galbox p { line-height:14px; margin-bottom:0; padding:bottom:0; margin-left:80px;}
div.galbox img { float:left !important; padding:0; margin:0; padding-right:15px;}
.right { float:right }
.left { float:left }
#tprev{
    background: url(/assets/images/sprite/sprite.png) no-repeat 0 -1176px;
    cursor:pointer
}
#tnext{
    background: url(/assets/images/sprite/sprite.png) no-repeat -10px -1176px;
    cursor:pointer
}
#fcount {
    display:block;
    float:right;
    margin-right:5px;
    margin-top:3px;
    font-style:italic;
    font-size:10px;
    color:#fff;
    text-decoration:none;
}
#fprev{
    background: url(/assets/images/sprite/sprite.png) no-repeat 0 -105px;
    cursor:pointer;
}
#fnext{
    background: url(/assets/images/sprite/sprite.png) no-repeat -11px -105px;
    cursor:pointer;
}
#playerroot {
    margin:100px 0 0 30px;
    width:410px;
    height:105px;
    z-index:9999;
    background:#222 url(/assets/images/sprite/sprite.png) no-repeat 0 -801px;
    opacity:.9;filter: alpha(opacity=90); -moz-opacity: 0.90;
}
#music_disclaimer{
    position:absolute;
    margin-left:450px;
    margin-top:-80px;
    width:298px;
    height:80px;
    background:#000 url(/assets/images/sprite/sprite.png) no-repeat 0 -1556px;
}
#listroot {
    margin-left:30px;
    width:410px;
    z-index:2;
    background:#222 url(/assets/images/sprite/sprite.png) no-repeat 0 -451px;
    opacity:.9;filter: alpha(opacity=90); -moz-opacity: 0.90; }
#listroot th { padding-top:5px;color:#fff; text-align:left; font-size:12px; }
#listroot th { color:#fff; text-align:left; font-size:12px; }
#listroot td { cursor:pointer; padding:3px;}

.playinglo { font-size:11px;color:#fff;vertical-align:top;text-align:left}
.playinghi { font-size:11px;color:#fff;opacity:.5;filter: alpha(opacity=50); -moz-opacity: 0.50; }
.playlistlo {  font-size:11px; color:#fff;vertical-align:top; text-align:left;opacity:.5;filter: alpha(opacity=50); -moz-opacity: 0.50; }
.playlisthi {  font-size:11px; color:#fff; }

#plstDat { height:296px; overflow-y:scroll; overflow-x:hidden; }
.jScrollPaneContainer { position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #000;
    border:2px solid black;
    margin-right:3px;
    margin-bottom:3px;
}
.jScrollPaneDrag {position:absolute;background:#1b4552;cursor:pointer;overflow:hidden;}
.jScrollPaneDragTop {position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom {position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 9px;
}
a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 9px;
}
.tbla { margin:2px 0 3px 10px;}
.tblb { margin:2px 0 0 10px;}
.playerspacer { height:3px;}
.playertop { margin-left:10px; }
.playertop h2 { color: #86FAFD; font-size:14px; text-transform:uppercase;}
.playertop h3 { color: #fff; font-size:11px; font-weight:bold; padding:0; margin:0;padding-top:10px;padding-left:2px;padding-bottom:3px;}
.playertop p { color:#fff; font-size:11px; padding:0; margin:0px 0 2px 2px;}


.posts {
    clear:both;
    height:16px;
    width:1115px;
    background:#222;
    border-left:2px solid black;
    padding-top:4px;
    margin-top:150px;
}
.posts span.ht {
    font-size:13px;
    color:#abf5a2;
    font-weight:bold;
    padding-left:10px
}
.posts span.pg {float:right}
.post {
    cursor:pointer;
    display:block;
    width:254px;
    height:274px;
    border:3px solid black;
    float:left;
    opacity:0.8;
    padding-left:10px;
    padding-right:10px
}
.post div.title {
    margin-top:170px
}
.post div.title span
{
    font-size:13px;
    color:#abf5a2;
    font-weight:bold;
    line-height:25px;
    padding:3px;
    text-transform:uppercase;
    background:black
}
fieldset { border:0;}

#news_container{
    background:black; min-height:400px;width:700px;position:absolute;margin:40px 0 0 190px; z-index:999999;padding:15px;
    display:none;
}
#news_container h2 {
    color:#abf5a2;
    padding:5px 5px 5px 10px;
    margin:0 2px 0 0;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
}
.frontpic {
    float:left;margin-right:15px
}
.news_close {
    background:url(/assets/js/shadowbox-3.0.3/close.png);width:16px;height:16px;float:right
}


	.imageflow {
		visibility:hidden;
		position: relative; 
		text-align: left;
		width: 100%;		
	}
	.imageflow img {
		visibility:hidden;
		position: absolute; 
		top: 0px;
		border: none;
	}
	.imageflow p{
		text-align:center;
		margin:0 auto;
	}
	.imageflow .loading {
		position: relative;
		left: 50%;
		margin-left: -106px;
		width: 200px;
		height: 1px;
		padding:1px;
		visibility: visible;
		border: 1px solid #444;
	}
	.imageflow .loading_bar {
		height: 1px;
		width: 1%;
		background: #fff;
		visibility: visible;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10000;
		top:50px;
	}
	.imageflow .scrollbar {
		visibility:hidden;
		position:relative; 
		border-bottom:1px solid #b3b3b3;
		z-index:10001;
		top:50px;
	}
	.imageflow .slider {
		position:absolute;
		margin-top:-7px;
		margin-left:-7px;
		z-index:10002;
		background-image:url(/assets/images/slider.png);
		background-repeat:no-repeat;
		width:14px;
		height:14px;
	}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/assets/js/shadowbox-3.0.3/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/assets/js/shadowbox-3.0.3/close.png);}
#sb-nav-next{background-image:url(/assets/js/shadowbox-3.0.3/next.png);}
#sb-nav-previous{background-image:url(/assets/js/shadowbox-3.0.3/previous.png);}
#sb-nav-play{background-image:url(/assets/js/shadowbox-3.0.3/play.png);}
#sb-nav-pause{background-image:url(/assets/js/shadowbox-3.0.3/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}