/* Version 1.1 */

/* fonts */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* FancyBox */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(../layout/fancybox/fancybox.png)}
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}
#fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0}
#fancybox-wrap{position:absolute;top:0;left:0;z-index:1101;outline:none;display:none;padding:20px}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}
#fancybox-content{width:0;height:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff;padding:0}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url(../layout/fancybox/fancybox.png) -40px 0;cursor:pointer;z-index:1103;display:none}
#fancybox-error{color:#444;font:normal 12px/20px Arial;margin:0;padding:14px}
#fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0;padding:0}
#fancybox-frame{width:100%;height:100%;border:none;display:block}
#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url(../layout/fancybox/blank.gif);z-index:1102;display:none}
#fancybox-left{left:0}
#fancybox-right{right:0}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}
#fancybox-left-ico{background-image:url(../layout/fancybox/fancybox.png);background-position:-40px -30px}
#fancybox-right-ico{background-image:url(../layout/fancybox/fancybox.png);background-position:-40px -60px}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible}
#fancybox-left:hover span{left:20px}
#fancybox-right:hover span{left:auto;right:20px}
.fancybox-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;margin:0;padding:0}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url(../layout/fancybox/fancybox-x.png)}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url(../layout/fancybox/fancybox.png);background-position:-40px -162px}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url(../layout/fancybox/fancybox-y.png);background-position:-20px 0}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url(../layout/fancybox/fancybox.png);background-position:-40px -182px}
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url(../layout/fancybox/fancybox-x.png);background-position:0 -20px}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url(../layout/fancybox/fancybox.png);background-position:-40px -142px}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url(../layout/fancybox/fancybox-y.png)}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url(../layout/fancybox/fancybox.png);background-position:-40px -122px}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative}
.fancybox-title-outside{padding-top:10px;color:#fff}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}
#fancybox-title-over{background-image:url(../layout/fancybox/fancy_title_over.png);display:block;padding:10px}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto}
#fancybox-title-float-wrap td{border:none;white-space:nowrap}
#fancybox-title-float-left{background:url(../layout/fancybox/fancybox.png) -40px -90px no-repeat;padding:0 0 0 15px}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:700;background:url(../layout/fancybox/fancybox-x.png) 0 -40px;padding:0 0 3px}
#fancybox-title-float-right{background:url(../layout/fancybox/fancybox.png) -55px -90px no-repeat;padding:0 0 0 15px}
.fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_close.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_nav_left.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_nav_right.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1}
.fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_title_left.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_title_main.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_title_right.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")}
#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression((-20+(document.documentElement.clientHeight?document.documentElement.clientHeight/2:document.body.clientHeight/2) 0 (ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)) 0 px)}
#fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_loading.png',sizingMethod='scale')}
.fancybox-ie .fancybox-bg{background:transparent!important}
.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_shadow_n.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_shadow_ne.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_shadow_e.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_shadow_se.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_shadow_s.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_shadow_sw.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_shadow_w.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/fancybox/fancy_shadow_nw.png',sizingMethod='scale')}


/**
 * DBS-Sportlerwahl
 **/
 .dbs { z-index: 0; }
.dbs img {
	height: 420px;
	left: 0;
	position: absolute;
	float:left;
	top: 0;
	width: 550px;
}

/* Popow-Sound */
#sound{cursor:pointer;float:right;height:24px;margin:10px 10px 0 0;width:27px;z-index:100}
/* Countdown */
#countdown{border:0;color:#81B438;float:right;font-weight:normal;height:50px;margin:0 460px 0 0;text-transform:uppercase;width:350px}
#countdown p:first-child {font-size:22px;line-height:12px;margin:15px 0}
#countdown p:last-child{font-size:21px;line-height:5px;margin:25px 0 0}
.cd-time,.countdown-white{color:#fff;font-weight:bold}
.cd-time{font-size:9px}

/* custom styles */
article,aside,footer,header,nav,section{display:block}
html{bottom:0;font-family:'Open Sans';font-size:11px;left:0;overflow:hidden;position:absolute;right:0;top:0}
body{height:100%;overflow:hidden;width:100%;margin:0;padding:0;-webkit-text-size-adjust:none}
body{overflow:hidden;margin:0;padding:0;-webkit-text-size-adjust:none}
a{color:#81b438;text-decoration:none}
a img{border:none}
ul{list-style:none;margin:0;padding:0;float:left;}
header,footer{left:0;position:fixed;right:0;z-index:5}
header{bottom:25px}
header h1 img{width:auto;margin:29px 42px}
h1{position:absolute;top:0;bottom:0;background:url(../layout/nav_logo.png);background:rgba(0,0,0,.85);margin:0}
h1 a{display:block;height:100%;width:100%}
h3{border-bottom:1px solid #dededf;padding-top:0;padding-bottom:15px;margin:0}
nav{background:url(../layout/nav_logo.png);-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background:-moz-linear-gradient(left,rgba(0,0,0,.85),rgba(0,0,0,.6));background:-ms-linear-gradient(left,rgba(0,0,0,.85),rgba(0,0,0,.6));background:-o-linear-gradient(left,rgba(0,0,0,.85),rgba(0,0,0,.6));background:-webkit-linear-gradient(left,rgba(0,0,0,.85),rgba(0,0,0,.6));background:linear-gradient(left,rgba(0,0,0,.85),rgba(0,0,0,.6));min-height:80px;margin:0 0 0 337px;overflow:hidden;padding:10px 20px}
nav a{color:#ebebeb;font-weight:700;line-height:16px;text-transform:uppercase}
#poweredby {bottom:10px;display:block;left:551px;padding:0;position:absolute;}
header>a{display:none}
.contentWrap{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;width:100%;margin:0;padding:0;z-index:3}
.content a,nav a:hover,nav .selected{color:#81b438}
.content,.content article>*{-moz-transition:margin,padding .5s ease-in-out;-ms-transition:margin,padding .5s ease-in-out;-o-transition:margin,padding .5s ease-in-out;-webkit-transition:margin,padding .5s ease-in-out;transition:margin,padding .5s ease-in-out}
.content{background:white;background:rgba(255,255,255,.6);position:relative;max-width:400px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;z-index:3;margin:90px 60px 150px auto;padding:15px}
.content article:last-child{border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding-bottom:30px}
.content article:first-child{border-top-left-radius:15px;border-top-right-radius:15px;padding-top:30px}
article{background:rgba(255,255,255,.85);overflow:hidden;padding:15px 0}
article>*{color:#666;margin-left:30px;margin-right:30px}
article p,section img:not(.layout),section video{width:100%;margin:10px 0 0}
.list{margin-top:10px}
.list li{display:inline-block}
.list.files li{display:block}
.list li>a img{max-height:75px;width:auto;margin:5px}
.list li>p{padding:0 0 20px}
.list li>p img,article p img[alt=PDF],article p img[alt=ZIP]{float:left;margin:5px 5px 5px 0}
.options{left:66px;position:absolute}
aside{left:42px;position:fixed;top:34px;z-index:10}
aside img{margin-right:8px;width:32px}
footer{bottom:0;left:42px}
footer li{display:inline-block;font-size:10px;vertical-align:middle;height:15px;margin:5px 0;padding:0 3px}
footer img{margin-bottom:-1px}
footer li:not(:last-child){border-right:1px solid #111}
footer li:not(:last-child) img{margin-bottom:-4px;padding:1px}
footer a,footer p{color:#111;text-shadow:1px 1px 1px lightgray}
footer p{display:inline}
h2,.print,#bg_images,.gallery li:not(:first-child),#superbgimage{display:none}
@media only screen and (max-width:1400px) {
	#countdown{margin:0 40px 0 0}
}
@media only screen and (max-width:960px) {
	header{bottom:36px}
	header>h1,header>nav,#countdown,footer{background:url(../layout/nav.png) repeat-y;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background:-moz-linear-gradient(left,rgba(0,0,0,.85)50%,rgba(0,0,0,.6));background:-ms-linear-gradient(left,rgba(0,0,0,.85)50%,rgba(0,0,0,.6));background:-o-linear-gradient(left,rgba(0,0,0,.85)50%,rgba(0,0,0,.6));background:-webkit-linear-gradient(left,rgba(0,0,0,.85)50%,rgba(0,0,0,.6));background:linear-gradient(left,rgba(0,0,0,.85)50%,rgba(0,0,0,.6))}
	header>:not(a):not(:first-child){border-top:1px solid rgba(255,255,255,.3)}
	header>:not(a){ border-bottom:1px solid rgba(0,0,0,1)}
	header>h1{font-size:0;position:relative}
	header>h1 a{display:inline-block;width:auto}
	header>h1 img{margin:10px;height:30px}
	header>nav{height:0;margin:0;min-height:0;overflow-y:auto;padding:0;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
	header:not(.expanded)>nav{border:none}
	header.expanded>nav{height:140px}
	header>nav ul{padding:10px}
	header>nav a{display:inline-block;padding:2px 0}
	header>a{display:block;position:absolute;right:0;top:0}
	header>a img{padding:20px}
	#cision{bottom:auto;left:auto;right:50px;top:10px;}
	#cision img{padding:0;}
	#countdown{border-bottom:1px solid rgba(0,0,0,1);border-top:1px solid rgba(255,255,255,.3);position:fixed;bottom:36px;height:30px;width:100%}
	#countdown p:first-child{display:none}
	#countdown p:last-child{line-height:30px;margin:0;padding:0 10px}
	#sound{bottom:40px;position:fixed;right:10px}
	.content{margin:50px 60px 95px auto;padding:5px}
	.content article:last-child{border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding-bottom:15px}
	.content article:first-child{border-top-left-radius:15px;border-top-right-radius:15px;padding-top:15px}
	.content article>*{color:#666;margin-left:15px;margin-right:15px}
	.options{left: 41px}
	h3{padding-bottom:5px}
	h3 img{height:11px}
	aside{left:10px;top:10px}
	.appmode .content{margin-top:70px}
	.appmode aside{top:30px}
	.appmode aside a:first-child{display:none}
	footer{border-top:1px solid rgba(255,255,255,.3);left:0;margin:0;padding:5px 10px}
	footer a,footer p{color: #ededed;padding:5px 5px 5px 0;text-shadow:0}
	footer p{display:none}
	footer li:not(:last-child){border-right:1px solid #ededed}
}

@media only screen and (max-width:855px) {
	.dbs { display: none; }
}

@media only screen and (max-width:530px) {
	.contentWrap{ position: relative; }
	.content{margin: 50px auto 95px}
	aside { position: absolute; }
}
@media only screen and (max-width:430px) {
	#cision{top:24px}
	#cision img{height:auto;width:85px}
	.content{margin: 50px 5px 95px}
}
@media print {
	body{height:auto}
	#superbgimage,img,nav,aside,footer{display:none}
	header,h1,section{position:relative}
	header,.content{margin:0 auto;padding:0 .75cm;max-width:900px}
	header{bottom:0}
	header>*{background:none}
	.print{display:block; margin:1cm 0 0;position: relative;width:250px}
	.content{background:none}
	.content article{background:none;clear:both;position:relative}
	section img:not(.layout),section video{display:block;float:left;margin:5px;width:250px}
	h3 img{display:block}
}
