@import url(jquery.jscrollpane.css);
@import url(jquery.dd.css);
@import url(gldatepicker.css);

/****** Webfonts ******/
/*
@font-face { font-family: 'BundesSans';
    src: url('./webfonts/BundesSansWeb-Regular.eot');
    src: url('./webfonts/BundesSansWeb-Regular.eot?#iefix') format('embedded-opentype'),
         url('./webfonts/BundesSansWeb-Regular.woff') format('woff'),
         url('./webfonts/BundesSansWeb-Regular.ttf') format('truetype');
}

@font-face { font-family: 'BundesSans';
    font-weight:bold;
    src: url('./webfonts/BundesSansWeb-Bold.eot');
    src: url('./webfonts/BundesSansWeb-Bold.eot?#iefix') format('embedded-opentype'),
         url('./webfonts/BundesSansWeb-Bold.woff') format('woff'),
         url('./webfonts/BundesSansWeb-Bold.ttf') format('truetype');
} 

@font-face { font-family: 'BundesSerif';
    src: url('./webfonts/BundesSerifWeb-Regular.eot');
    src: url('./webfonts/BundesSerifWeb-Regular.eot?#iefix') format('embedded-opentype'),
         url('./webfonts/BundesSerifWeb-Regular.woff') format('woff'),
         url('./webfonts/BundesSerifWeb-Regular.ttf') format('truetype');
}

@font-face { font-family: 'BundesSerif';
    font-weight:bold;
    src: url('./webfonts/BundesSerifWeb-Bold.eot');
    src: url('./webfonts/BundesSerifWeb-Bold.eot?#iefix') format('embedded-opentype'),
         url('./webfonts/BundesSerifWeb-Bold.woff') format('woff'),
         url('./webfonts/BundesSerifWeb-Bold.ttf') format('truetype');
}
*/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:white;
  margin:0;
  padding:0;
}

body * {
  margin:0;
  padding:0;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:160%;
  font-weight:normal;
  margin-bottom:14px;  
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:120%;
  margin-bottom:7px;  
}

h3 span.date {
  font-weight:normal;
}

.dnone {
  display:none;
}

#mediathek {
  margin-bottom:30px;  
}



#mediathek .options .first-row .searchterm, #mediathek .options .first-row .categories {
  float:left;
  width:45%;
  margin-right:5%;

}

#mediathek .options .first-row, #mediathek .options .second-row {
  margin-bottom:10px;
}

#mediathek .options label {
  font-size:90%;
}

#mediathek .options .second-row .dateFrom, #mediathek .options .second-row .dateTo, #mediathek .options .second-row .searchButton {
  float:left;
  width:20%;
  margin-right:5%;
}

#mediathek .options input, #mediathek .options select {
  width:98%;
  padding-left:4px;
  padding-right:4px;
  border:3px solid #EDEDED;
  height:30px;
  line-height:30px;
  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  margin-top:6px;
  
  behavior: url(/_mediathek/css/PIE.htc);
}

#mediathek .options select {
  height:34px;
  line-height:34px;
}

#mediathek .options input[type="submit"] {
  padding:3px 0;
  height:36px;
  line-height:26px;
  border:none;
  background-color:#5B5B5B;
  background:-moz-linear-gradient(top, #787878, #5B5B5B); /* Firefox */
  background:-webkit-linear-gradient(top, #787878, #5B5B5B); /* Safari, Chrome */
  background:-o-linear-gradient(top, #787878, #5B5B5B); /* Opera */
  background:-ms-linear-gradient(top, #787878, #5B5B5B); /* IE */
  background:linear-gradient(top, #787878, #5B5B5B); /* W3C Standard */
  font-weight:bold;
  color:white;
  behavior: url(/_mediathek/css/PIE.htc);
}

#mediathek .options input[type="submit"]:hover, #mediathek .options input[type="submit"]:focus, #mediathek .options input[type="submit"]:active {
  padding:3px 0;
  height:36px;
  line-height:26px;
  background-color:#F6F3F3;
  background:-moz-linear-gradient(top, #FFFFFF, #F6F3F3); /* Firefox */
  background:-webkit-linear-gradient(top, #FFFFFF, #F6F3F3); /* Safari, Chrome */
  background:-o-linear-gradient(top, #FFFFFF, #F6F3F3); /* Opera */
  background:-ms-linear-gradient(top, #FFFFFF, #F6F3F3); /* IE */
  background:linear-gradient(top, #FFFFFF, #F6F3F3); /* W3C Standard */
  border:3px solid #EDEDED;
  
  cursor:pointer;
  color:black;
  
  behavior: url(/_mediathek/css/PIE.htc);
}

#mediathek .options input:focus,
#mediathek .options input:active,
#mediathek .options select:focus,
#mediathek .options select:active,
#mediathek .options input[type="submit"]:focus,
#mediathek .options input[type="submit"]:active,
.focused
{
  border:3px solid #F79300;
}




.error a, .download-list li a {
color:#000;
}

#video-heading {
height:49px;
display:table-cell;
vertical-align:bottom;
}

#video-border {
  border:3px solid #EDEDED;
  border-left:0;
  border-right:0;
  padding-top:10px;
  padding-bottom:10px;
}   

#player-info {
  font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size:90%;
  margin:0;
  padding:0;
  background-color: #EDEDED;
}

#video {
  position:relative;
}

#player-info {
  position:absolute;
  top:0;
  left:0;
}

#video object {
  outline:none !important;
}

#player-info .panels {
  font-family: Arial, sans-serif;
}

#player-info .wrapper {
  padding:3px;
  border: 1px solid #C9C9C9;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}

#player-info .navbar {
  clear:both;
}

#player-info .navbar-tabs {
  height:36px;
}

#player-info .navbar-tabs, #player-info .panels, .clear {
  clear:both;
}

#player-info .navbar-tabs ul {
  list-style-type:none;  
}

#player-info .navbar-tabs ul li {
  display:block;
  float:left;
  height:36px;
  margin-right:7px;  
}

#player-info .navbar-tabs ul li a {
  display:block;
  padding:4px 14px;
  text-decoration:none;
  font-weight:bold;
  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  background-color:#F6F3F3;
  background:-moz-linear-gradient(top, #FFFFFF, #F6F3F3); /* Firefox */
  background:-webkit-linear-gradient(top, #FFFFFF, #F6F3F3); /* Safari, Chrome */
  background:-o-linear-gradient(top, #FFFFFF, #F6F3F3); /* Opera */
  background:-ms-linear-gradient(top, #FFFFFF, #F6F3F3); /* IE */
  background:linear-gradient(top, #FFFFFF, #F6F3F3); /* W3C Standard */

  border:1px solid #DFDFDF;

  color:black;
}

#player-info .navbar-tabs ul li a:hover, #player-info .navbar-tabs ul li.active a {
  
  background-color:#5B5B5B;
  background:-moz-linear-gradient(top, #787878, #5B5B5B); /* Firefox */
  background:-webkit-linear-gradient(top, #787878, #5B5B5B); /* Safari, Chrome */
  background:-o-linear-gradient(top, #787878, #5B5B5B); /* Opera */
  background:-ms-linear-gradient(top, #787878, #5B5B5B); /* IE */
  background:linear-gradient(top, #787878, #5B5B5B); /* W3C Standard */
  
  border:1px solid #5B5B5B;
  
  color:white;
}

#player-info .navbar-tabs ul li.active {
  background:url('../img/tabArrow.png') no-repeat bottom center;
}

#player-info a.close-button {
  display:block;
  padding: 4px 8px;
  text-decoration:none;
  font-weight:bold;
  float:right;
  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  background-color:#5B5B5B;
  background:-moz-linear-gradient(top, #787878, #5B5B5B); /* Firefox */
  background:-webkit-linear-gradient(top, #787878, #5B5B5B); /* Safari, Chrome */
  background:-o-linear-gradient(top, #787878, #5B5B5B); /* Opera */
  background:-ms-linear-gradient(top, #787878, #5B5B5B); /* IE */
  background:linear-gradient(top, #787878, #5B5B5B); /* W3C Standard */
  
  border:1px solid #5B5B5B;
  
  color:white;
}

#player-info a.close-button:hover {

  background-color:#F6F3F3;
  background:-moz-linear-gradient(top, #FFFFFF, #F6F3F3); /* Firefox */
  background:-webkit-linear-gradient(top, #FFFFFF, #F6F3F3); /* Safari, Chrome */
  background:-o-linear-gradient(top, #FFFFFF, #F6F3F3); /* Opera */
  background:-ms-linear-gradient(top, #FFFFFF, #F6F3F3); /* IE */
  background:linear-gradient(top, #FFFFFF, #F6F3F3); /* W3C Standard */

  border:1px solid #DFDFDF;

  color:black;

}

#player-info .table {
  display:table;
  /*table-layout:fixed;*/
  width: 100%;
}

#player-info .table .section {
  display:table-row;
}

#player-info .table .section .label, #player-info .table .section .content {
  display:table-cell;
  vertical-align:top;
}

#player-info .table .section .content a,
#player-info .table .section .content a:visited {
  color: #606060;
}

#player-info .panels {
  margin:10px;
  margin-right:0;

  overflow:auto;
}

#player-info .panel-wrapper {
 
  margin-right:10px;
}

#player-info .panel-info .content {
  padding-bottom:15px;
  word-wrap:break-word;
}

#player-info .panel-info .label {
  padding-right:10px;
  width:100px;
} 

#player-info .panel-info input {
  width:99%;
  border:1px solid #DFDFDF;
}

#player-info .panel-embed {

}

#player-info .panel-embed p {
  margin-bottom:7px;
  font-size:12px;
}

#player-info .panel-embed p {
  margin-bottom:7px;
  font-size:12px;
}

#copy-clipboard {
  font-size: 11px;
  color: black;
  text-decoration: none;
  display: block;
  margin-top:2px;
  margin-bottom:7px;
  text-align: right;
}

#copy-clipboard:hover {
  text-decoration:underline;
}

#player-info .panel-embed textarea {
  width:99%;
  height:40px;
  border:1px solid #DFDFDF;
}

#player-info .panel-embed ul {
  font-size:70%;
}

#player-info .panel-embed ul {
  list-style-type:none;
  width:100%;
  height:70px;
}

#player-info .panel-embed ul li {
  float:left;
  margin-right:18px;
}

#player-info .panel-embed ul li a {
  display:block;
  background-color:black;
  height:100%;
  text-decoration:none;  
}

#player-info .panel-embed ul li.size1 a {
  height:26px;
  width:41px; 
} 

#player-info .panel-embed ul li.size2 a {
  height:29px;
  width:44px;  
} 

#player-info .panel-embed ul li.size3 a {
  height:32px;
  width:47px;  
} 

#player-info .panel-embed ul li.size4 a {
  height:35px;
  width:50px;  
}

#player-info .panel-embed ul li.size5 {
  width:70px; 
}

#player-info .panel-embed .user-size .label {
  vertical-align:middle;
  padding-right:7px;
}

#player-info .panel-embed .user-size .content {
  padding-bottom:7px;
}

#player-info .panel-embed .user-size .content input {
  width:33px;
  border:1px solid #DFDFDF;
}

#player-info .panel-share .table {
  width:100%;
}

#player-info .panel-share .table .section .content {
  vertical-align:middle;
  text-align:center;
}

#player-info .panel-share .table .section .content a, #player-info .panel-share .table .section .content img {
  border:0;
}



    /**
	* @section Accessibility Module
	*
	* (en) skip links and hidden content
	* (de) Skip-Links und versteckte Inhalte
	*/

	/* (en) classes for invisible elements in the base layout */
	/* (de) Klassen für unsichtbare Elemente im Basislayout */
	.ym-skip,
	.ym-hideme,
	.ym-print {
		position:absolute;
		top:-32768px;
		left:-32768px; /* LTR */
	}

	/* (en) make skip links visible when using tab navigation */
	/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
	.ym-skip:focus,
	.ym-skip:active {
		position:static;
		top:0;
		left:0;
	}

	/* skiplinks:technical setup */
	.ym-skiplinks {
		position:absolute;
		top:0px;
		left:-32768px;
		z-index:1000;
		width:100%;
		margin:0;
		padding:0;
		list-style-type:none;
	}

	.ym-skiplinks .ym-skip:focus,
	.ym-skiplinks .ym-skip:active {
		left:32768px;
		outline:0 none;
		position:absolute;
		width:100%;
		background-color: #333;
		color:white;
		text-align:center;
		padding:10px 0px;
		text-decoration:none;
    font: 85% 'BundesSansWeb',Arial,helvetica,sans-serif;
	}