* {
  margin: 0;
  padding: 0;
}

body, td, th, input, select, option, textarea {
  color: #303133;
  font-family: Georgia, Times New Roman, serif;
  font-size: 14px;
  line-height: 18px;
}

a, a:link, a:active, a:visited, .link {
  color: #5890cd;
  text-decoration: underline;
}

.link {
  cursor: pointer;
}

img {
  border: 0;
}

.prvAnimationPlayStreamButtonImg {
  position: absolute;
  bottom: 0;
  left: 0;
}

hr {
  border: 0;
  border-bottom: 1px solid #ccc;
  height: 0;
  margin: 2px 0 6px;
}

p, ul, ol {
  margin: 0;
  padding: 0 0 12px;
}

ul li {
  margin: 0 0 5px 15px;
  padding: 0;
  list-style-type: square;
}

ul li ul li {
  margin: 3px 0 0;
}

ol li {
  margin: 0 0 0 30px;
  list-style: decimal;
}

ol.alpha li {
  margin: 0 0 0 30px;
  list-style-type: lower-alpha;
}

h1, h2, h3, h4, h5, h6 {
  text-align: left;
  color: #303133;
  padding: 0;
}

h1, h2 {
  margin: 4px 0 10px;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
}

h3 {
  margin: 4px 0 10px;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
}

h4, h5, h6 {
  margin: 2px 0 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
}

h1 .small, h2 .small, h3 .small {
  font-size: 14px;
}

h4 .small, h5 .small, h6 .small {
  font-size: 12px;
}

table {
  margin: 0 0 12px;
}

td, th {
  vertical-align: top;
}

.sm {
  font-size: 11px;
  line-height: 15px;
}

.nowrap {
  white-space: nowrap;
}

dt {
  font-weight: bold;
}

.clr {
  clear: both;
}

.clr-le {
  clear: left;
}

.clr-ri {
  clear: right;
}

.zero {
  font-size: 0;
  line-height: 0;
}

.center {
  text-align: center;
}

.code {
  color: #006;
  font-family: courier new;
}

.em {
  color: #ff660e;
  font-weight: bold;
}

.inactive {
  color: silver !important;
}

.relative {
  position: relative;
  top: 0;
  left: 0;
}

iframe {
  border: none;
  margin-top: 0;
  margin-bottom: 10px;
  overflow: hidden;
}

form {
  margin: 0;
  padding: 0;
}

fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

input.input, select, option, textarea {
  background-color: #f6f6f6;
  border: 1px solid #888;
  margin: 0 0 10px;
  padding: 2px 5px;
  font-weight: bold;
}

form input.input {
  width: 220px;
  height: 18px;
}

input.input, textarea.input {
  border: 1px solid #888;
}

form textarea {
  width: 320px;
  height: 150px;
}

.bt-1 {
  color: #303133;
  background: url("/pics/bg_bt.gif");
  border: 1px solid #888;
  width: 100px;
  height: 25px;
  font-weight: bold;
}

.bt-6 {
  color: #303133;
  text-align: center;
  background: url("/pics/bg_bt.gif");
  border: 1px solid #888;
  width: 170px;
  height: 19px;
  margin: 0 auto;
  padding: 3px 0 0;
  font-weight: bold;
}

.bt-6 a, .bt-6 a:link, .bt-6 a:active, .bt-6 a:visited {
  color: #303133;
  text-decoration: none;
}

.bt-6 a:hover {
  color: #303133;
  text-decoration: underline;
}

.msg {
  font-weight: bold;
  color: #c00 !important;
}

input.image, input.radio, input.checkbox, input.button {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border-width: 0;
  padding: 0;
}

input.button {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px solid #888;
  border-color: #d0d0d0 #888 #888 #d0d0d0;
  padding: 2px 8px;
}

body {
  text-align: center;
  margin: 0 0 40px;
}

body#demo, body#demo-ol {
  margin: 0;
  padding: 0;
}

.body {
  text-align: left;
  width: 950px;
  margin: 0 auto;
}

#top1 {
  background: #ff660e url("/images/top1-bg.gif") 50% 100% repeat-x;
  height: 10px;
}

#top2 {
  padding: 5px 0 8px;
}

#top2-sm {
  flex-direction: row;
  justify-content: flex-start;
  display: inline-flex;
}

#hPremiumTv {
  cursor: pointer;
  margin-top: 5px;
  font-size: 1.8em;
}

#demo-ol #top2 {
  padding: 5px 0;
}

#safersurf {
  float: left;
}

#logo {
  margin-left: -20px;
}

#language {
  float: right;
  color: #858688;
  margin: 80px 55px 0;
}

#language-sm {
  float: right;
  color: #858688;
  margin: 20px 55px 0;
}

#safersurf h3 {
  color: #ff660e;
  margin: -14px 0 0 53px;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
}

#safersurf h4 {
  color: #6f7072;
  margin: 0 0 0 54px;
  font-size: 12px;
  line-height: normal;
}

#gfx {
  float: right;
}

#top3 {
  background: url("/images/bg-topbar.gif") no-repeat;
  padding: 0 0 6px;
}

#demo-ol #top3 {
  background: url("/images/line.gif");
  padding: 0 0 1px;
}

#tmenu1 {
  float: left;
}

#tmenu1 ul {
  margin: 0;
  padding: 0;
}

#tmenu1 li {
  float: left;
  background: url("/images/tmenu1-li-bg.gif") 100% no-repeat;
  margin: 0;
  padding: 0 1px 0 0;
  list-style-type: none;
}

#tmenu1 a, #tmenu1 a:link, #tmenu1 a:active, #tmenu1 a:visited {
  color: #fff;
  padding: 8px 14px;
  font-size: 17px;
  line-height: normal;
  text-decoration: none;
  display: block;
}

#tmenu1 a:hover, #tmenu1 a.a {
  background: url("/images/tmenu1-a.hover-bg.gif") 0% repeat-x;
}

#tmenu2, #bundesliga, .bt-freischalten {
  float: right;
}

.moreinfo-popup .bt-freischalten {
  float: left;
  margin-left: 20px;
}

#bundesliga, .bt-freischalten {
  margin-top: 5px;
  margin-right: 0;
}

#bundesliga a, .bt-freischalten a {
  text-align: center;
  width: 264px;
}

.activate {
  margin: -5px 0 0 -2px;
}

.activate a {
  text-align: center;
}

#tmenu2 ul, #bundesliga ul, .activate ul, .bt-freischalten ul {
  margin: 0;
  padding: 0;
}

#tmenu2 li, #bundesliga li, .activate li, .bt-freischalten li {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#tmenu2 a, #bundesliga a, .activate a, .bt-freischalten a, #tmenu2 a:link, #bundesliga a:link, .activate a:link, .bt-freischalten a:link, #tmenu2 a:active, #bundesliga a:active, .activate a:active, .bt-freischalten a:active, #tmenu2 a:visited, #bundesliga a:visited, .activate a:visited, .bt-freischalten a:visited {
  color: #fff;
  background-color: #ff660e;
  border: 1px solid #fff;
  margin: 2px;
  padding: 5px 18px;
  font-size: 17px;
  line-height: normal;
  text-decoration: none;
  display: block;
}

#middle {
  padding: 0 0 10px;
}

#sidebar1 {
  float: left;
  width: 177px;
}

.module {
  margin: 0 0 20px;
}

#lmenu {
  padding: 0 0 0 1px;
}

#lmenu ul {
  margin: 4px 0 0;
  padding: 0;
}

#lmenu li {
  background: url("/images/dots1_v.gif") 0 100% repeat-x;
  margin: 0;
  padding: 0 0 1px;
  list-style-type: none;
}

#lmenu a, #lmenu a:link, #lmenu a:active, #lmenu a:visited {
  color: #6f7072;
  margin: 0;
  padding: 10px 10px 2px 0;
  font-size: 16px;
  line-height: normal;
  text-decoration: none;
  display: block;
}

#lmenu a:hover, #lmenu a.active {
  color: #5890cd;
}

#lmenu a.active {
  background: url("/images/active.gif") no-repeat;
  padding-left: 11px;
  padding-right: 0;
  font-weight: bold;
}

#sidebar1 p, #sidebar2 p, #sidebar3 p, #sidebar4 p, #shop #sidebar p {
  padding: 0 0 4px;
}

#sidebar4 p {
  padding: 0 0 8px;
}

#sidebar1 p.image, #sidebar2 p.image, #sidebar3 p.image, #sidebar4 p.image, #shop #sidebar p.image {
  text-align: center;
}

.banner {
  text-align: center;
  margin: 20px 0 0;
}

.box1, .box2, .box3 {
  background-position: 0 0;
  background-repeat: repeat-y;
  margin: 20px 0 0;
}

.box1 .pre, .box2 .pre, .box3 .pre {
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 3px;
  font-size: 1px;
  line-height: 1px;
}

.box1 .header, .box2 .header, .box3 .header {
  text-align: center;
  margin: 0 3px;
  padding: 1px 1px 0;
  font-size: 17px;
  line-height: normal;
}

.box1 .header {
  background-color: #ff660e;
  border: 1px solid #f0632b;
}

.box2 .header {
  background-color: #a1de08;
  border: 1px solid #99d309;
}

.box3 .header {
  background-color: #acacac;
  border: 1px solid #a0a0a0;
}

.box1 .header, .box1 .header a, .box1 .header a:link, .box1 .header a:visited, .box1 .header a:hover, .box2 .header, .box2 .header a, .box2 .header a:link, .box2 .header a:visited, .box2 .header a:hover, .box3 .header, .box3 .header a, .box3 .header a:link, .box3 .header a:visited, .box3 .header a:hover {
  color: #fff;
  text-decoration: none;
}

.box1 .header a, .box2 .header a, .box3 .header a {
  display: block;
}

.box1 .gfx, .box2 .gfx, .box3 .gfx {
  position: relative;
}

.box1 .gfx img, .box2 .gfx img, .box3 .gfx img {
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 10px;
}

.box1 .content, .box2 .content, .box3 .content {
  background: url("/images/box1-content-bg.jpg") repeat-x;
  margin: 0 3px;
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
}

.box3 .content.cl {
  background: #fff;
}

.box3 .content {
  color: #858688;
}

.box1 .content .ri, .box2 .content .ri, .box3 .content .ri {
  text-align: right;
}

.box1 .post, .box2 .post, .box3 .post {
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 3px;
  font-size: 1px;
  line-height: 1px;
}

a.normal {
  color: #858688;
  text-decoration: none;
}

#sidebar1 .box1 {
  background-image: url("/images/sidebar1-box1-bg.gif");
}

#sidebar1 .box1 .pre {
  background-image: url("/images/sidebar1-box1-pre.gif");
}

#sidebar1 .box1 .post {
  background-image: url("/images/sidebar1-box1-post.gif");
}

#sidebar2 .box1, #sidebar2 .box2, #sidebar2 .box3 {
  background-image: url("/images/sidebar2-box1-bg.gif");
}

#sidebar2 .box1 .pre, #sidebar2 .box2 .pre, #sidebar2 .box3 .pre {
  background-image: url("/images/sidebar2-box1-pre.gif");
}

#sidebar2 .box1 .post, #sidebar2 .box2 .post, #sidebar2 .box3 .post {
  background-image: url("/images/sidebar2-box1-post.gif");
}

#sidebar3 .box3 {
  background-image: url("/images/sidebar3-box1-bg.gif");
  margin-top: 0;
  margin-bottom: 20px;
}

#sidebar3 .box3 .pre {
  background-image: url("/images/sidebar3-box1-pre.gif");
}

#sidebar3 .box3 .post {
  background-image: url("/images/sidebar3-box1-post.gif");
}

#sidebar .banner {
  text-align: center;
}

#sidebar2 {
  float: right;
  width: 213px;
}

#sidebar3 {
  float: right;
  width: 305px;
  margin: 20px 0;
}

#sidebar3 .scroll {
  width: 300px;
  height: 449px;
  margin-bottom: 12px;
  padding-right: 5px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#sidebar4 {
  float: right;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-color: silver;
  width: 85px;
  height: 546px;
  margin: 15px 0 20px;
  padding: 5px 11px 3px 10px;
  overflow: hidden;
}

#sidebar4 img {
  margin: -5px 0 0 -10px;
}

#descriptions {
  background: url("/images/descriptions-bg.gif") repeat-y;
  padding: 0 10px;
}

#descriptions dt {
  color: #858688;
  margin: 15px 0 2px;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
}

#descriptions dt em {
  font-size: 12px;
  font-weight: normal;
  line-height: 24px;
}

#descriptions dd {
  color: #858688;
  margin: 0 0 30px;
  font-size: 11px;
  line-height: 15px;
}

#descriptions dd img.topline {
  margin: 12px 0 0;
}

#descriptions dd img {
  margin: -1px 0 5px;
}

#content_out {
  margin: 0 242px 0 210px;
}

#content {
  width: 492px;
  padding: 15px 0 10px;
}

#demo #content_out {
  margin: 0 330px 0 0;
}

#demo #content {
  width: 620px;
  padding: 15px 0 0;
}

#demo-ol #content_out {
  margin: 0;
}

#demo-ol #content {
  width: 950px;
  padding: 25px 0 0;
}

#content p, #content td, #content th {
  color: #303133;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #6f7072;
}

#content table {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 100%;
}

#content table th, #content table td {
  text-align: left;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 4px 22px;
}

#content table.price {
  border: none;
  width: 100%;
  margin: 0;
}

#content table.price th, #content table.price td {
  text-align: left;
  border: none;
  padding: 4px 10px 4px 0;
}

#content table th, #content table tr.odd td {
  background-color: #f9f9f9;
}

#content table tr.even td {
  background-color: #fff;
}

#content table th.high, #content table tr.odd td.high {
  background-color: #c0e3f1;
}

#content table tr.even td.high {
  background-color: #cdf1fd;
}

#content table.compare th, #content table.compare td {
  text-align: center;
  vertical-align: middle;
}

#content table th .sub {
  font-weight: normal;
}

#content .le {
  float: left;
  margin-right: 20px;
}

#content .lang img {
  float: left;
  margin: 0 0 0 6px;
}

.ri {
  float: right;
  margin-left: 20px;
}

.ri-v {
  float: right;
  text-align: right;
  margin-top: 5px;
  margin-left: 20px;
}

.ri-v1 {
  float: right;
  margin-top: 10px;
  margin-left: 10px;
}

.l10 {
  float: left;
  width: 10%;
  display: block;
}

.l15 {
  float: left;
  width: 15%;
  display: block;
}

.l20 {
  float: left;
  width: 20%;
  display: block;
}

.l25 {
  float: left;
  width: 25%;
  display: block;
}

.l30 {
  float: left;
  width: 30%;
  display: block;
}

.l33 {
  float: left;
  width: 33%;
  display: block;
}

.l40 {
  float: left;
  width: 40%;
  display: block;
}

.l45 {
  float: left;
  width: 45%;
  display: block;
}

.l50 {
  float: left;
  width: 50%;
  display: block;
}

.l55 {
  float: left;
  width: 55%;
  display: block;
}

.l60 {
  float: left;
  width: 60%;
  display: block;
}

.l70 {
  float: left;
  width: 70%;
  display: block;
}

.l75 {
  float: left;
  width: 75%;
  display: block;
}

.l80 {
  float: left;
  width: 80%;
  display: block;
}

.l85 {
  float: left;
  width: 85%;
  display: block;
}

.l90 {
  float: left;
  width: 90%;
  display: block;
}

.l100 {
  float: left;
  width: 100%;
  display: block;
}

.abst {
  margin: 0 0 0 20px;
}

.abstand {
  margin: 0 0 10px;
}

.abstand-20 {
  margin: 0 0 20px;
}

.abstand-40 {
  margin: 0 0 40px;
}

.abstand-60 {
  margin: 0 0 60px;
}

img.goextern {
  margin: 0 2px -1px;
}

#bottom1 {
  background: url("/images/dots2_v.gif") 50% 0 repeat-x;
  padding: 1px 0 0;
}

#bmenu {
  text-align: center;
  padding: 10px 0 0;
}

#bmenu p {
  color: #6f7072;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

#bmenu a, #bmenu a:link, #bmenu a:active, #bmenu a:visited {
  color: #858688;
  line-height: normal;
  text-decoration: none;
}

p#info_1 {
  background: url("/images/ico_info_32.gif") no-repeat;
  padding: 6px 0 10px 40px;
}

p#info_2 {
  background: url("/images/ico_info_32.gif") no-repeat;
  padding: 0 0 10px 40px;
}

p#info_0, p#warning_0 {
  padding: 0 0 10px 40px;
}

p#warning_1 {
  background: url("/images/ico_warning_32.gif") no-repeat;
  padding: 6px 0 10px 40px;
}

p#warning_2 {
  background: url("/images/ico_warning_32.gif") no-repeat;
  padding: 0 0 10px 40px;
}

.world p {
  text-align: justify;
  font-size: 10px;
  line-height: 12px;
  color: #858688 !important;
}

.faq {
  color: #303133;
  margin: 0 0 0 23px;
}

.faq dt {
  text-indent: -23px;
  font-weight: normal;
}

.faq dt img {
  margin: 0 12px -2px 0;
}

.faq dd {
  margin: 3px 0 10px;
  padding: 0 0 0 10px;
}

.faq dd.next-visible {
  margin: -4px 0 10px;
  padding: 0 0 0 10px;
}

.faq dd.next-hidden {
  margin: 0;
  padding: 0 0 0 10px;
}

#external .body {
  width: 644px;
}

#external #content p, #external #content h2, #external #content h4, #external #content th, #external #content td, #external #content li {
  color: #6f7072;
}

#external #top1, #shop #top1 {
  background-color: #5890cd;
  background-image: url("/images/external-top1-bg.gif");
  height: 0;
  padding: 4px 0 6px;
}

#external #top2 {
  padding: 10px 0;
}

#navmenu {
  float: right;
  padding: 5px 10px;
}

#navmenu a, #navmenu a:link, #navmenu a:active, #navmenu a:visited {
  color: #6f7072;
}

#external #middle, #shop #middle {
  background: url("/images/external-middle-bg.gif") repeat-x;
}

#external #content_out {
  margin-left: 0;
  margin-right: 0;
}

#external #content {
  width: auto;
}

#external #content, #shop #content {
  padding: 20px 0;
}

#external #content p {
  text-align: justify;
}

#external #bottom1 {
  background-image: url("/images/dots1_v.gif");
}

.img-patent {
  background: url("/pics/patent-01.gif") no-repeat;
  padding: 89px 0 10px 180px;
}

#popup .body {
  width: 420px;
}

#popup .body-01 {
  width: 540px;
  margin: 0 auto;
}

#popup #content p, #popup #content h2, #popup #content h4, #popup #content th, #popup #content td, #popup #content li {
  color: #6f7072;
}

#popup #top1 {
  background-color: #5890cd;
  background-image: url("/images/external-top1-bg.gif");
  height: 0;
  padding: 4px 0 6px;
}

#popup #top2 {
  padding: 10px 0;
}

#popup #middle {
  background: url("/images/external-middle-bg.gif") repeat-x;
}

#popup #content_out {
  margin-left: 0;
  margin-right: 0;
}

#popup #content {
  width: auto;
  padding: 20px 0;
}

#popup #content p {
  text-align: justify;
}

#popup #bottom1 {
  background-image: url("/images/dots1_v.gif");
}

.body-popup {
  text-align: left;
  width: 420px;
  margin: 0 auto;
}

.body-popup-01 {
  text-align: left;
  width: 540px;
  margin: 0 auto;
}

#aktion h2 {
  float: left;
  margin: 70px 0 0 20px;
}

#aktion h2.v {
  float: left;
  margin: 60px 0 0 20px;
}

#aktion #logo {
  float: left;
  margin-left: 0;
}

body#popup {
  text-align: center;
  margin: 0;
}

#popup li {
  text-align: left;
}

.bt {
  float: left;
  border: 1px solid #ccc;
  width: 220px;
  margin: 0 20px 20px 0;
  padding: 0;
}

.bt .inner {
  color: #fff;
  text-align: center;
  background-color: #ff660e;
  margin: 1px;
  padding: 2px;
  font-size: 17px;
  font-weight: normal;
}

.bt .inner a {
  color: #fff;
  text-decoration: none;
}

.details table {
  margin-top: 10px;
  margin-right: 0;
  padding: 0;
  border: none !important;
  width: 230px !important;
}

.details * td {
  vertical-align: top;
  text-align: left;
  margin: 0;
  border: none !important;
  padding: 3px !important;
}

#help img {
  margin: 10px 0;
}

.sendlink {
  margin: 20px 0 0;
}

.sendlink p, .sendlink h4 {
  margin: 0 0 8px;
  padding: 0;
}

.sendlink td, .sendlink table {
  margin: 0;
  border: none !important;
  padding: 0 !important;
}

.sendlink input.input {
  background-color: #fff;
}

.captcha {
  border: 1px solid #888;
  margin: 0 0 10px;
  padding: 0;
}

.sendlink * .le {
  float: left;
  margin-right: 0;
}

.sendlink input.bt-1 {
  color: #fff;
  background: url("/images/clear.gif");
  border: none;
  width: 180px;
  height: 20px;
  margin-top: 0;
  font-size: 17px;
  font-weight: normal;
}

.overlay, .overlay-1, #overlay {
  z-index: 90;
  -webkit-filter: alpha(opacity= 70);
  filter: alpha(opacity= 70);
  -moz-opacity: .7;
  opacity: .7;
  background-color: #000;
  width: 100%;
  height: 720px;
  position: absolute;
  top: 56px;
  left: 0;
}

.overlay-v.customer {
  height: 576px;
}

.overlay-v {
  z-index: 102;
  -webkit-filter: alpha(opacity= 70);
  filter: alpha(opacity= 70);
  -moz-opacity: .7;
  opacity: .7;
  background-color: #000;
  width: 990px;
  height: 670px;
  margin-left: -20px;
  position: absolute;
  top: -7px;
  left: 0;
  overflow: hidden;
}

.overlay-v1 {
  z-index: 102;
  -webkit-filter: alpha(opacity= 70);
  filter: alpha(opacity= 70);
  -moz-opacity: .7;
  opacity: .7;
  background-color: #000;
  width: 990px;
  height: 644px;
  margin-left: -20px;
  position: absolute;
  top: -7px;
  left: 0;
  overflow: hidden;
}

.overlay-1 {
  height: 750px;
}

#sidebar2 .overlay, #sidebar2 .overlay-1 {
  z-index: 119;
}

#paybox, #paymentbox {
  z-index: 110;
  text-align: left;
  background-color: #fff;
  border: 1px solid #000;
  width: 400px;
  height: 620px;
  margin-left: 32px;
  padding: 15px 20px 20px;
  font-size: 12px;
  position: absolute;
  top: 94px;
  left: 50%;
  overflow: hidden;
}

#paybox-v, #paymentbox-v {
  z-index: 110;
  text-align: left;
  background-color: #fff;
  border: 1px solid #000;
  width: 400px;
  height: 620px;
  margin-left: 32px;
  padding: 15px 20px 20px;
  font-size: 12px;
  position: absolute;
  top: -3px;
  left: 50%;
  overflow: hidden;
}

#paybox-m, #paymentbox-m {
  z-index: 110;
  text-align: left;
  background-color: #fff;
  border: 1px solid #000;
  width: 906px;
  height: 480px;
  margin-left: 0;
  padding: 15px 20px 20px;
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 1px;
  overflow: hidden;
}

#messagebox {
  z-index: 110;
  text-align: left;
  background-color: #fff;
  border: 1px solid #000;
  width: 350px;
  margin-left: -195px;
  padding: 15px 20px 20px;
  position: absolute;
  top: 200px;
  left: 50%;
}

#messagebox img, #paybox img, #paybox-v img, #paybox-m img, #infobox img, .infobox img, #paymentbox img, #paymentbox-v img, #paymentbox-m img {
  float: right;
  margin-bottom: 10px;
}

#info {
  visibility: hidden;
}

#infobox, .infobox {
  text-align: left;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #9b9b9b;
  border-top: none;
  width: 908px;
  padding: 15px 20px 20px;
  display: inline-block;
}

.li.v3.preview {
  text-align: left;
  flex-direction: row;
  width: 100%;
  margin-top: 10px;
  display: inline-flex;
}

.li.v3.preview.flex {
  text-align: left;
  box-sizing: border-box;
  flex-direction: column;
  width: 50%;
  margin-top: 0;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-flex;
  min-height: 180px !important;
}

.channelPreviewImagesContainer {
  direction: rtl;
  flex-flow: row;
  flex: auto;
  align-content: flex-end;
  justify-content: space-between;
  height: 100%;
  display: inline-flex;
  position: relative;
}

.li.v3.preview.flex img {
  margin: 0 !important;
}

.channelInfo.preview.bottom.wide.flex {
  aspect-ratio: 16 / 9;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
}

.li.v3.full.programoverview.preview {
  display: block;
}

.channelInfo.preview.bottom.wide {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.previewImgHolder img {
  height: 216px;
  margin-right: 10px;
}

.channelInfo.preview.bottom.wide.notselectable .previewImgHolder img {
  width: auto;
  height: 140px;
}

.previewChannel.logo {
  align-self: center;
  margin: 15px 15px 15px 0;
}

.channelInfo.preview.bottom.wide div {
  margin-right: 5px;
  display: inline-flex;
}

.infobox.half {
  float: left;
  width: 437px;
  min-height: 100px;
  padding: 15px;
  overflow-x: hidden;
  overflow-y: auto;
}

.infobox.halfTable {
  width: 427px;
}

#infobox p, .infobox p {
  padding-bottom: 12px;
  padding-right: 80px;
  font-size: 15px;
  line-height: 19px;
}

.tv-tip-v3 p {
  padding-bottom: 5px;
}

.infobox .zattoo-popup p, .infobox .bundesliga-popup p, .infobox .demoitem-popup p, .infobox .tv-popup p, .infobox .moreinfo-popup p, #messagebox p {
  padding-right: 0;
}

.infobox p img {
  margin: -30px 0 20px;
}

.infos {
  display: none;
  position: relative;
  top: -22px;
}

.infos.programoverview {
  top: 0;
}

.infos.programoverview.sportcalendar {
  width: 468px;
}

.infos.programoverview.halfTable {
  width: 479px;
}

.tv-tip-v3 hr {
  margin: 5px 0;
}

.infos.programoverview.sportcalendar .channelContainer {
  width: 430px;
  max-height: 1150px;
  margin-top: 45px;
  padding-right: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.infos.programoverview.eros .channelContainer {
  width: 100%;
  max-height: 100%;
  margin-top: 45px;
  padding-right: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.infos.programoverview.sportcalendar.wideTable .channelContainer {
  width: 910px;
}

#tvNowScroller.infobox.wide {
  width: 909px;
}

.infos.programoverview.sportchannels .channelContainer {
  max-height: 590px;
  margin-top: 17px;
  padding-right: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.infos.programoverview.sportchannels .channelContainer.autorefresh {
  max-height: 1150px;
  margin-top: 0;
}

.info-h {
  cursor: pointer;
  padding-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

#visibility, #payment {
  display: none;
}

#bottom2 {
  background-color: #444;
  margin-bottom: 10px;
  padding: 0 0 10px;
  display: inline-block;
}

#bottom2 .col, #bottom2 .col-v {
  float: left;
  width: 180px;
  margin: 10px 0 0 15px;
}

#bottom2 .col-v {
  width: 250px;
}

#bottom2 p, #bottom2 p a {
  color: #ccc;
  font-size: 12px;
  text-decoration: none;
}

#bottom2 p a:hover {
  text-decoration: underline;
}

#zattoo-links-top {
  z-index: 100;
  position: absolute;
  top: 10px;
  left: 0;
}

#zattoo-links-list {
  z-index: 100;
  position: absolute;
  top: 111px;
  left: 0;
}

#bundesliga-right {
  z-index: 100;
  position: absolute;
  top: 10px;
  left: 668px;
}

#bundesliga-bottom {
  z-index: 100;
  position: absolute;
  top: 580px;
  left: 0;
}

.player-bl {
  margin-bottom: 180px;
}

.zattoo-popup, .bundesliga-popup, .demoitem-popup, .tv-popup, .moreinfo-popup {
  text-align: left;
  z-index: 101;
  background: #fff;
  border: 1px solid #9b9b9b;
  width: 350px;
  padding: 15px 20px 10px;
  display: none;
}

.bundesliga-popup {
  margin-left: -175px;
  position: absolute;
  top: 250px;
  left: 50%;
}

.demoitem-popup {
  position: absolute;
  top: 54px;
}

.tv-popup {
  z-index: 105;
  position: absolute;
  bottom: -70px;
  left: 105px;
}

.moreinfo-popup {
  z-index: 105;
  margin-left: -178px;
  position: absolute;
  top: 100px;
  left: 50%;
}

.zattoo-popup img, .bundesliga-popup img, .demoitem-popup img, .tv-popup img, .moreinfo-popup img {
  float: right;
  margin-bottom: 20px;
}

.zattoo-popup img.channel-lg, .tv-popup img.channel-lg, #infobox img.channel-lg, .infobox img.channel-lg, .infobox img.event-lg {
  float: left;
  margin-top: -5px;
  margin-bottom: 10px;
  margin-right: 20px;
}

.tv-popup img.channel-lg {
  margin-right: 20px;
}

.infobox img.channel-lg {
  margin-right: 80px;
}

.infobox img.event-lg {
  margin-right: 10px;
}

.sender img {
  float: right;
  margin-bottom: 10px;
  margin-right: 20px;
}

.sender {
  display: none;
}

.sender-box {
  text-align: left;
  z-index: 200;
  background: #fff;
  border: 1px solid #9b9b9b;
  width: 930px;
  margin-top: -255px;
  margin-left: -465px;
  padding: 15px 0 2px;
  position: fixed;
  top: 50%;
  left: 50%;
}

.senderoverlay {
  z-index: 190;
  -webkit-filter: alpha(opacity= 70);
  filter: alpha(opacity= 70);
  -moz-opacity: .7;
  opacity: .7;
  background-color: #000;
  width: 100%;
  height: 3000px;
  position: fixed;
  top: 0;
  left: 0;
}

.channel-a {
  z-index: 101;
  display: none;
  position: absolute;
  left: 0;
}

.view {
  float: right;
  cursor: pointer;
  padding: 10px 0 0;
  text-decoration: underline;
  color: #5890cd !important;
}

.view-1 {
  float: left;
  cursor: pointer;
  padding: 22px 0 0;
  text-decoration: underline;
  color: #5890cd !important;
}

.view img {
  margin-bottom: 10px;
  margin-left: 5px;
}

.view-1 img {
  margin-top: 0;
  margin-left: 5px;
  display: inline;
}

.match {
  float: left;
  width: 460px;
}

.match h2 {
  margin: 0;
  font-size: 20px;
  color: #000 !important;
}

#event, #allinfos, #zattoodemo, #zattoostream {
  display: none;
}

#event, #allinfos {
  position: relative;
  top: -45px;
}

.zattoo-add {
  z-index: 100;
  position: relative;
  top: -79px;
  left: 0;
}

.more-less {
  clear: both;
  float: right;
  cursor: pointer;
  z-index: 200;
  margin: 10px 0 0;
  text-decoration: underline;
  color: #5890cd !important;
}

.more-less img {
  margin-top: 5px;
  margin-left: 5px;
}

#tvdemo {
  background: url("/images/bg-tvdemo.png");
  height: 590px;
  margin: -20px 0 20px;
  padding: 30px 0 0 15px;
  font-family: Arial, Helvetica, sans-serif;
}

#tvdemo #canvas {
  float: left;
  width: 658px;
  padding: 0;
}

#tvdemo h2 {
  margin-bottom: 50px;
  font-size: 32px;
  position: relative;
  top: -15px;
}

#tvdemo h2 img {
  margin-right: 20px;
  position: relative;
  top: 15px;
}

#tvdemo #canvas #player {
  background: url("/pics/tv/bg-player.png");
  width: 658px;
}

#tvdemo #canvas #player .demo {
  width: 640px;
}

#tvdemo #canvas #player-bottom {
  background: url("/pics/tv/bg-player-bottom.png");
  width: 658px;
  height: 18px;
  margin: 0;
}

#tvdemo #canvas #player-controls {
  background: url("/pics/tv/bg-controls.png") no-repeat;
  width: 658px;
  height: 38px;
  margin-top: 6px;
  padding: 3px 0 0 10px;
}

#tvdemo #canvas #player-controls img {
  margin-right: 5px;
}

#tvdemo #canvas #player-controls #volume {
  background: url("/pics/tv/ctrl-bg-volume.png") no-repeat;
  width: 64px;
  height: 20px;
  display: inline-block;
}

#volume img {
  position: relative;
  left: 10px;
}

#tvdemo #canvas #player-controls p {
  float: right;
  color: #fff;
  margin: 3px 34px;
}

#tvdemo #sidebar {
  float: right;
  width: 274px;
  margin: 0;
  padding: 0;
}

#tvdemo .nav {
  background-color: #222;
  height: 32px;
  margin: 0 15px 0 0;
  padding: 0;
}

#tvdemo .nav ul {
  margin: 0;
  padding: 0;
}

#tvdemo .nav ul li {
  float: left;
  color: #fff;
  background-color: #000;
  margin: 6px 0 0 6px;
  padding: 1px 6px;
  font-size: 12px;
  list-style-type: none;
}

#tvdemo #channels, #tvdemo #channels-m {
  background-color: #222;
  width: 259px;
  height: 528px;
  margin: 15px 15px 0 201px;
  padding: 0;
  position: absolute;
  bottom: 15px;
  left: 50%;
  overflow-x: hidden;
  overflow-y: auto;
}

#tvdemo #channels {
  visibility: visible;
}

#tvdemo #channels-m {
  visibility: hidden;
}

#tvdemo #channels .li, #tvdemo #channels-m .li {
  color: #fff;
  white-space: nowrap;
  border-top: 1px solid #333;
  border-bottom: 1px solid #000;
  height: 36px;
  margin: 0;
  padding: 6px 0 0 56px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  position: relative;
  top: 0;
}

#tvdemo #channels .li {
  text-overflow: ellipsis;
  width: 185px;
  overflow: hidden;
}

#tvdemo #channels .li .next, #tvdemo #channels-m .li .next {
  color: #999;
  font-weight: normal;
}

#tvdemo #channels .li .nextitem, #tvdemo #channels-m .li .nextitem {
  color: #ccc;
}

#tvdemo #channels .li img, #tvdemo #channels-m .li img {
  position: absolute;
  top: 9px;
  left: 6px;
}

.fade {
  z-index: 1;
  background: url("/pics/tv/fade.png") no-repeat;
  width: 25px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}

.tv-channel {
  float: left;
  margin: 0;
  padding: 0;
  display: block;
}

.tv-channel img {
  float: left !important;
  margin: 10px 20px 25px 0 !important;
}

.tv-channel h2 {
  margin-bottom: 0;
  margin-top: 20px !important;
}

.tv-channel h3 {
  text-align: center;
  background-color: silver;
  width: 820px;
  margin-bottom: 20px;
  padding: 2px 10px 3px;
  color: #666 !important;
  margin-top: 30px !important;
}

#parameter {
  text-align: left;
  -webkit-filter: alpha(opacity= 80);
  filter: alpha(opacity= 80);
  -moz-opacity: .8;
  opacity: .8;
  background-color: #fee;
  border: 1px solid #900;
  margin-left: -400px;
  padding: 3px 5px;
  position: absolute;
  top: 330px;
  left: 50%;
}

#parameter table td {
  padding: 3px 5px;
}

#parameter a {
  color: #900;
}

.refreshNecessaryText {
  color: #ccc;
}

.refreshNecessaryTextActive {
  color: #fa0;
}