@charset "utf-8";
 
.ardplayer-viewport {
cursor: pointer;
display: block;
height: 100%;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
z-index: 500;
}

.ardplayer-posterframe {
cursor: pointer;
display: inline-block;
float: left;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
z-index: 2500;
}

.ardplayer-posterframe .ardplayer-posterframe-img {
float: left;
height: 100%;
width: 100%;
}

.ardplayer-playagain {
background-image: url(/resources/img/playagain.png);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
float: left;
height: 100%;
position: absolute;
width: 100%;
z-index: 2510;
}

.ardplayer-playagain:hover {
background-image: url(/resources/img/playagain_hover.png);
}

.ardplayer-buffering {
background-color: #000000;
height: 100%;
margin: auto !important;
text-align: center;
width: 100%;
z-index: 3500;
}

.ardplayer-buffering img {
height: 40px;
position: relative;
top: 42%;
width: 40px;
}

.ardplayer-equalize {
cursor: default !important;
float: left;
z-index: 2505;
}

.ardplayer-audioimage {
cursor: default !important;
float: left;
position: absolute;
width: 100%;
z-index: 2507 !important;
}

.ardplayer-audioimage img {
margin: 0 auto;
position: relative;
}

.ardplayer-untertitel {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
z-index: 2490;
}

.ardplayer-untertitel .ardplayer-inhalt {
z-index: 2492;
width: 100%;
line-height: 1.2em;
min-height: 3em;
padding: 2% 0 !important;
left: 0;
bottom: 0;
position: absolute;
}

.ardplayer-untertitel .ardplayer-hintergrund {
z-index: 2491;
width: 100%;
opacity: .8;
left: 0;
bottom: 0;
position: absolute;
}

.ardplayer-mediacanvas {
cursor: pointer;
height: 100%;
position: relative;
width: 100%;
z-index: 2001;
}

.ardplayer-controlbar03-buttons {
bottom: 0;
float: right;
padding-right: 6px !important;
position: relative;
top: 2px;
white-space: nowrap;
}

.ardplayer-controls {
bottom: 0;
opacity: 1;
position: absolute;
width: 100%;
z-index: 8000;
}

.ardplayer-player-untertitel {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -600px -200px;
cursor: pointer;
display: block;
float: left;
height: 46px;
width: 46px;
}

.ardplayer-player-untertitel:hover {
background-position: -700px -200px;
}

.ardplayer-player-untertitel-selected {
background-position: -600px -200px;
}

.ardplayer-meta-s {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -400px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-s:hover {
background-position: -400px -700px;
}

.ardplayer-meta-s-aktiv {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -400px -800px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-m {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -500px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-m:hover {
background-position: -500px -700px;
}

.ardplayer-meta-m-aktiv {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -500px -800px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-l {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -600px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-l:hover {
background-position: -600px -700px;
}

.ardplayer-meta-l-aktiv {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -600px -800px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-xl {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -700px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-xl:hover {
background-position: -700px -700px;
}

.ardplayer-meta-xl-aktiv {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -700px -800px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-minus {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -800px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-minus:hover {
background-position: -800px -700px;
}

.ardplayer-meta-plus {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -900px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-plus:hover {
background-position: -900px -700px;
}

.ardplayer-meta-minus, .ardplayer-meta-zoom-minus {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -800px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-minus:hover, .ardplayer-meta-zoom-minus:hover {
background-position: -800px -700px;
}

.ardplayer-meta-plus, .ardplayer-meta-zoom-plus {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -900px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 24px;
}

.ardplayer-meta-plus:hover, .ardplayer-meta-zoom-plus:hover {
background-position: -900px -700px;
}

.ardplayer-meta-podcast {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: 0px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 110px;
}

.ardplayer-meta-podcast:hover {
background-position: 0px -700px;
}

.ardplayer-meta-download {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -200px -600px;
cursor: pointer;
display: block;
float: left;
height: 20px;
margin: 3px !important;
width: 98px;
}

.ardplayer-meta-download:hover {
background-position: -200px -700px;
}

#ardplayer-simplemodal-container .simplemodal-wrap {
overflow: hidden;
}

#ardplayer-simplemodal-overlay.simplemodal-overlay {
top: 0;
left: 0 !important;
float: left;
margin: 0;
padding: 0;
z-index: 9999;
background: url(/resources/img/bg-modal.png) repeat !important;
opacity: 1 !important;
}

#ardplayer-simplemodal-container.simplemodal-container {
background: #002A4B;
border: 1px solid 275480 !important;
/*margin: 30px auto 0 !important;
z-index: 2002 !important;
position: relative !important;*/
}

.ardplayer-simplemodal-rahmen-960, .ardplayer-simplemodal-rahmen-1280 {
background-color: #142E57 !important;
background-size: cover;
border: 1px solid #22426D !important;
padding: 5px 16px 16px 16px !important;
}

.ardplayer-simplemodal-rahmen-960 {
width: 960px;
height: auto;
}

.ardplayer-simplemodal-rahmen-1280 {
width: 1280px;
height: auto;
}

.ardplayer-simplemodal-close {
margin-bottom: 10px !important;
}

.ardplayer-simplemodal-close a {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -200px -400px;
color: #ffffff;
cursor: pointer;
font-size: 12px;
padding-bottom: 5px;
padding-left: 25px;
position: relative;
text-decoration: none;
}

.ardplayer-simplemodal-close a:hover {
background-position: -100px -400px;
text-decoration: none;
}

.ardplayer-settings .ui-accordion, .ardplayer-settings .ui-accordion-content {
overflow:hidden !important;
}

.ardplayer-settings {
font-size: 17px;
z-index: 4;
}

.ardplayer-settings p {
color: #ffffff;
font-size: 12px;
padding: 4px 0;
}

.ardplayer-settings h3 {
color: #ffffff;
cursor: pointer;
display: inline;
font-size: 12px;
position: relative;
top: 2px;
}

.ardplayer-settings h3:focus {
border: 0;
outline: none;
}

.ardplayer-settings a, .ardplayer-settings a:hover {
color: #ffffff;
text-decoration: none;
}

.ardplayer-settings-icon {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -1000px -600px;
padding-left: 24px !important;
}

.ardplayer-settings-icon-inaktiv {
padding-left: 24px !important;
}

.ardplayer-collapse {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -1100px -700px;
display: block;
float: left;
height: 31px;
margin-left: 5px !important;
width: 24px;
}

.ardplayer-collapse-active {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -1000px -700px;
display: block;
float: left;
height: 36px;
margin-left: 5px !important;
width: 24px;
}

.ardplayer-audio .ardplayer-error-plugin h1, .ardplayer-audio .ardplayer-error h1, .ardplayer-video .ardplayer-error-plugin h1, .ardplayer-video .ardplayer-error h1 {
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 130%;
margin: 20px 0 0 0 !important;
padding: 0;
}

.ardplayer-audio .ardplayer-error-plugin p, .ardplayer-audio .ardplayer-error p, .ardplayer-video .ardplayer-error-plugin p, .ardplayer-video .ardplayer-error p {
font-size: 13px;
line-height: 140%;
margin: 0;
padding: 16px 16px 0 16px !important;
}

.ardplayer-audio .ardplayer-error-plugin p a, .ardplayer-audio .ardplayer-error p a, .ardplayer-video .ardplayer-error-plugin p a, .ardplayer-video .ardplayer-error p a {
color: #fff;
font-weight: bold;
text-decoration: underline;
}

.ardplayer-audio .ardplayer-error-plugin span, .ardplayer-audio .ardplayer-error span, .ardplayer-video .ardplayer-error-plugin span, .ardplayer-video .ardplayer-error span {
display: block;
font-size: 14px;
}

.ardplayer-audio .ardplayer-error-plugin, .ardplayer-audio .ardplayer-error {
background-color: #003B7A;
height: 100%;
}

.ardplayer-video .ardplayer-error-plugin, .ardplayer-video .ardplayer-error {
background-color: #003B7A;
height: 100%;
}

.ardplayer-hideclass {
display: none;
}

.ardplayer-fullscreen {
z-index: 20000;
}

.ardplayer-tabindex-focus {
height: 100%;
width: 100%;
display: inline-block;
z-index: 11800;
position: relative;
}

a.ardplayer-tabindex-focus:focus, a.ardplayer-handle:focus {
outline: #9c000d solid 2px !important;
outline-offset: -2px !important;
}

a.ardplayer-tabindex-focus:active, a.ardplayer-handle:active {
outline: 0px !important;
outline: none !important;
} 


/* RELAUNCH 
///////////////////////////////////////////*/  

.ardplayer-s, .ardplayer-m, .ardplayer-m.ardplayer-audio, .ardplayer-l, .ardplayer-xl, .ardplayer-xs-live {
height: auto;                                                                                      
width: 100%;
}


/* ausblenden der nicht benötigten Elemente */

.ardplayer-player-back, .ardplayer-player-rewind, ardplayer-player-playpause, .ardplayer-player-forward, .ardplayer-player-stop { display: none; }  

/* Größe anpassen
///////////////// Play und Pause ///////////*/

.ardplayer-player-playpause { 
	background: url(/resources/img/player_controls.png) no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	float: left;
	height: 46px;
	width: 46px;
	border-right: 1px solid #284e7e; 
} 

.ardplayer-player-playpause:hover {
background-position: -100px 0px;
}

.ardplayer-player-playpause-selected {
background-position: -200px 0px;
}

.ardplayer-player-playpause-selected:hover {
background-position: -300px -0px;
}


/* 
///////////////////////////////////////////*/   

.ardplayer-postercontrol {
background-image: url(/resources/img/postercontrol.png);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
height: 100%;
position: absolute;
width: 100%;
z-index: 3000;
}

.ardplayer-viewport .ardplayer-controlbar-box .ardplayer-time {
color: #ffffff;
cursor: text;
font-size: 0.8em !important;
left: 10px;
margin: 15px 0px 0px 50px !important;
position: absolute;
} 
  
.ardplayer-viewport .ardplayer-controlbar-box .ardplayer-time span {
/*display: block;*/  
} 


.ardplayer-controlbar-box {
background: url(/resources/img/player_steuerbar_bg2.png) repeat-x 0 bottom;
cursor: default;
display: block;
width: 100%;
z-index: 8000; 
height: 46px;
}

.ardplayer-controlbar01-live {
cursor: default;
display: block;
height: 30px;
padding-bottom: 0;
padding-top: 0;
white-space: nowrap;
width: 100%;
z-index: 8000;
}

.ardplayer-controlbar01-vod {
cursor: default;
display: block;
height: 21px;
padding-bottom: 0;
padding-top: 0;
white-space: nowrap;
width: 100%;
z-index: 8000;
}

.ardplayer-xs-live .ardplayer-controlbar01 {
height: 44px;
}

.ardplayer-xs-od .ardplayer-controlbar01 {
height: 65px;
}

.ardplayer-controlbar02 {
cursor: default;
display: block;
margin: -37px 0px 0px 0 !important;
padding: 0;
white-space: nowrap;
z-index: 8000;
}

.ardplayer-controlbar03 {
background: #11284e;
clear: both;
display: block;
float: left;
height: auto;
position: relative;
white-space: nowrap;
width: 100%;
} 

/* Sound 
/////////////////////////////////////////// */ 

.ardplayer-player-sound {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: 0px -100px;
cursor: pointer;
float: left;
margin: 0px !important;
width: 46px; 
height: 46px; 
border-right: 1px solid #284e7e;   
}

.ardplayer-player-sound:hover {
background-position: -300px -100px;
}

.ardplayer-player-sound-muted {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -200px -100px;
cursor: pointer;
float: left;
height: 46px;
width: 46px;
margin: 0px !important;
}

.ardplayer-player-sound-muted:hover {
background-position: -500px -100px;
}

.ardplayer-player-sound-container {
float: left;
position: relative;
z-index: 6500; 
border-left: 1px solid #284e7e; 
}

.ardplayer-player-sound-slider {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -0px -300px;
cursor: pointer;
display: none;
height: 75px;
left: 0px;
opacity: .9;
position: absolute;
top: -75px;
width: 46px;
z-index: 6500;
border: none !important;
border-radius:0px !important; 
}

.ardplayer-player-sound-slider .ui-slider-range {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -100px -300px;
cursor: pointer;
position: absolute; 
width: 100%;
z-index: 6500;
border: none !important;   
}


/* Slider
///////////////////////////////////////////// */  

.ardplayer-controlbar02 .ardplayer-slider {
background: transparent;
bottom: -4px !important;
cursor: pointer;
height: 8px;
position: relative;
width: 100%;
z-index: 1000;
}

.ardplayer-controlbar02 .ardplayer-handle {
background: url(/resources/img/player_controls.png) repeat-x -5px -400px;
box-shadow: 1px 1px 2px 2px #00264a;
cursor: move;
display: block;
height: 14px;
position: relative;
top: -9px !important;
width: 25px;
z-index: 1100;  
display: none; 
}

.ardplayer-controlbar02 .ardplayer-range {
display: none;
}

.ardplayer-progress {
height: 8px;
position: relative;
top: 0px;
}

.ardplayer-slider-background {
background-color: #ffffff;
height: 8px;
position: relative;
top: 0px !important;
width: 100%;
z-index: 100;
}

.ardplayer-slider-watched {
background: #9B9173; 
height: 8px;
left: 0%;
position: relative;
top: -8px !important;
width: 100%;
z-index: 200;
}

.ardplayer-slider-buffer {
background-color: #d2c6a4;
height: 8px;
left: 0%;
position: relative;
top: -16px !important;
width: 100%;
z-index: 150;
}

.ardplayer-slider-mouseover {
background: url(/resources/img/player_controls.png) no-repeat -200px -500px;
bottom: 45px !important;
display: inline;
float: left;
height: 11px;
left: 50%;
position: absolute;
width: 14px;
z-index: 900; 
}

.ardplayer-slider-mouseover-time {
display: inline;
clear: both; 
float: left;
position: absolute;
top: -32px;
z-index: 900;
}

.ardplayer-slider-mouseover-time span {
background-color: #001a2d;
color: #fff;
clear: both;
float: left; 
font-size: 0.75em;
line-height:15px;
padding: 4px;
position: relative;
z-index: 16666; 
height: 15px;  
}

/* Fullscreen
///////////////////////////////////////////*/  

.ardplayer-player-funktion {
display: inline;
float: right; 
border-left: 1px solid #284e7e;
}

.ardplayer-player-fullscreen {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -0px -200px;
cursor: pointer;
display: block;
float: left;
height: 46px;
width: 46px; 
}

.ardplayer-player-fullscreen:hover {
background-position: -100px -200px;
}

.ardplayer-fullscreenhinweis {
background-image: url(/resources/img/bg-fullscreenhinweis.png);
background-repeat: repeat;
bottom: 120px; 

color: #ffffff;
line-height: 17px;
padding: 30px;
position: absolute;
right: 0;
width: 250px;
z-index: 6000;  
border: 1px solid green;
}

.ardplayer-fullscreenhinweis p {
font-size: 11px;
white-space: normal;
}

.ardplayer-fullscreenclose {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -200px -400px;
cursor: pointer;
display: block;
float: right;
font-size: 16px;
height: 48px;
width: 24px;
}

.ardplayer-fullscreenclose:hover {
background-position: -100px -400px;
}

.ardplayer-fullscreenlinks a {
background-color: #000000;
color: #ffffff;
cursor: pointer;
font-size: 16px;
margin-right: 16px !important;
padding: 3px !important;
text-decoration: none;
}
  
/* Bildeinstellung
/////////////////////////////////////////// */

.ardplayer-player-equalize {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -400px -200px;
cursor: pointer;
float: left;
height: 46px;
width: 46px;
border-right: 1px solid #284e7e;     
}

.ardplayer-player-equalize:hover {
background-position: -500px -200px;
}



/* Videoeinstellung
/////////////////////////////////////////// */  

.ardplayer-colorcontrols-live, .ardplayer-colorcontrols-vod {
background-image: url(/resources/img/bg-controlbox.png);
background-repeat: repeat;
bottom: 25px;
height: 180px;
padding: 10px !important;
position: absolute;
right: 0;
width: 170px;
z-index: 8000;
}

.ardplayer-colorcontrols-live { bottom: 75px; }
.ardplayer-colorcontrols-vod { bottom: 80px; }

.ardplayer-colorcontrols-vod .ardplayer-slider, .ardplayer-colorcontrols-live .ardplayer-slider {
height: 5px;
}

.ardplayer-colorcontrols-vod .ardplayer-range, .ardplayer-colorcontrols-live .ardplayer-range {
display: none !important;
}

.ardplayer-colorcontrolsclose {
background: url(/resources/img/player_controls.png) no-repeat;
background-position: -200px -400px;
cursor: pointer;
display: block;
font-size: 16px;
height: 24px;
position: absolute;
right: 0px;
width: 24px;
}

.ardplayer-colorcontrollinks {
float: right;
font-size: 0.75em;
left: 8px;
}

.ardplayer-colorcontrollinks a {
background-color: #000000;
color: #ffffff;
cursor: pointer;
padding: 3px;
text-decoration: none;
}

.ardplayer-colorcontrollinks a:hover {
text-decoration: underline;
}

.ardplayer-colorcontrolsclose:hover {
background-position: -100px -400px;
}

.ardplayer-slide-saturation {
margin-top: 22px !important;
}

.ardplayer-slide-saturation, .ardplayer-slide-contrast, .ardplayer-slide-brightness {
margin-bottom: 10px !important;
}

.ardplayer-slide-saturation .ardplayer-handle, .ardplayer-slide-contrast .ardplayer-handle, .ardplayer-slide-brightness .ardplayer-handle {
background: url(/resources/img/player_controls.png) -300px -400px;
cursor: move;
display: block;
height: 15px;
position: relative;
top: -4px !important;
width: 12px;
}

.ardplayer-slide-saturation .ardplayer-slider, .ardplayer-slide-contrast .ardplayer-slider, .ardplayer-slide-brightness .ardplayer-slider {
background: url(/resources/img/player_controls.png) -300px -500px;
cursor: pointer;
height: 5px;
position: relative;
width: 100%;
z-index: 1000;
}

.ardplayer-slide-saturation .ardplayer-icon {
background: url(/resources/img/player_controls.png) -400px -400px no-repeat;
height: 18px;
position: relative;
width: 14px;
}

.ardplayer-slide-contrast .ardplayer-icon {
background: url(/resources/img/player_controls.png) -500px -400px no-repeat;
height: 18px;
position: relative;
width: 14px;
}

.ardplayer-slide-brightness .ardplayer-icon {
background: url(/resources/img/player_controls.png) -600px -400px no-repeat;
height: 18px;
position: relative;
width: 14px;
}

.ardplayer-slide-saturation .ardplayer-minus, .ardplayer-slide-contrast .ardplayer-minus, .ardplayer-slide-brightness .ardplayer-minus {
background: url(/resources/img/player_controls.png) -700px -400px no-repeat;
float: left;
height: 14px;
position: relative;
top: 5px !important;
width: 14px;
}

.ardplayer-slide-saturation .ardplayer-mitte, .ardplayer-slide-contrast .ardplayer-mitte, .ardplayer-slide-brightness .ardplayer-mitte {
background: url(/resources/img/player_controls.png) -900px -400px no-repeat;
float: left;
height: 14px;
left: 70px;
position: relative;
top: 5px !important;
width: 14px;
}

.ardplayer-slide-saturation .ardplayer-plus, .ardplayer-slide-contrast .ardplayer-plus, .ardplayer-slide-brightness .ardplayer-plus {
background: url(/resources/img/player_controls.png) -800px -400px no-repeat;
height: 14px;
left: 163px;
position: relative;
top: 2px !important;
width: 14px;
}

/* Controlbar
/////////////////////////////////////////// */
 
.ardplayer-controls-aktiv {
margin: 0;
opacity: 1;
padding: 0;
position: absolute;
width: 100%;
z-index: 8000;
}


/* creative commoms button */
.creativecommons {
  width: 6em;
  text-indent: -1000px;
  background: #214683 url(/resources/images/by-nc-nd.png) no-repeat center 0.25em;
  background-size: auto 75%; }
  
.creativecommons:hover {
  width: 6em;
  text-indent: -1000px;
  background: #214683 url(/resources/images/by-nc-nd.png) no-repeat center 0.25em;
  background-size: auto 75%; }