@charset "UTF-8";
@import url(include_css/userplaylist.css);
@import url(include_css/additional_sites.css);
@import url(include_css/max_fixed_video.css);
/* line 74, udo-style.scss */
html, body, div, span, applet, object, iframe,
h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 95, udo-style.scss */
html {
  line-height: 1;
}

/* line 99, udo-style.scss */
ol, ul {
  list-style: none;
}

/* line 103, udo-style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 108, udo-style.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 114, udo-style.scss */
q, blockquote {
  quotes: none;
}

/* line 118, udo-style.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 123, udo-style.scss */
a img {
  border: none;
}

/* line 127, udo-style.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*
#wrapper,
footer {
  display:none;
}
*/
/* line 157, udo-style.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 162, udo-style.scss */
html, body {
  height: 100%;
}

/* line 166, udo-style.scss */
body {
  overflow-y: scroll;
  background-attachment: fixed;
}

/* line 171, udo-style.scss */
#head_options li div,
header,
footer {
  background: #151515 url("img/black.png");
}

/* line 176, udo-style.scss */
body,
#sortlist {
  background: #f7f7f7 url("img/white.png");
  background-attachment: fixed;
}

/* line 182, udo-style.scss */
a,
input {
  outline: 0;
}

/* line 186, udo-style.scss */
input[type="checkbox"] {
  cursor: pointer;
}

/* line 190, udo-style.scss */
a {
  text-decoration: none;
  color: #555;
}

/* line 194, udo-style.scss */
a:focus {
  color: #FFF;
}

/* line 197, udo-style.scss */
em {
  font-style: normal;
}

/* line 201, udo-style.scss */
ul {
  list-style: none;
}

/* line 204, udo-style.scss */
input[type="submit"],
button {
  cursor: pointer;
}

/* line 208, udo-style.scss */
small {
  font-size: .85em;
}

/* line 211, udo-style.scss */
h1,
h2,
h3,
h4,
h5,
strong {
  font-weight: bold;
}

/**
 * Standard-Styles
 */
/* line 222, udo-style.scss */
.red {
  color: #F00 !important;
}

/* line 226, udo-style.scss */
.active {
  color: red;
}

/**
 * Table-Layout
 */
/* line 234, udo-style.scss */
body {
  display: table;
  width: 100%;
  min-width: 900px;
}

/* line 239, udo-style.scss */
header,
#wrapper,
footer {
  display: table-row;
  width: 100%;
}

/* line 246, udo-style.scss */
#wrapper {
  height: 100%;
}

/* line 250, udo-style.scss */
footer p {
  padding: 3px 0 3px;
}

/**
 * Special-Settings
 */
/* line 261, udo-style.scss */
#list_of_symbols,
header p,
#faq_for_mscpls > pre,
#impressum pre,
#video_setting_container,
#sortlist,
#autoplay_info,
#iframe_settings,
.click_away_x,
.get_for_my_playlist,
#repeat_youtube_video,
#prev_next_buttoncontainer {
  -o-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

/* line 280, udo-style.scss */
#sortlist input[type='checkbox'],
#jumptotrack,
#sort_alpha,
#sort_random,
#sort_default,
#autoplaybutton label,
#autoscrollbutton label,
#stopautoplay,
#click_away_button label,
#iframe_settings span {
  cursor: pointer;
}

/* line 305, udo-style.scss */
.showheaderalways *:target {
  color: #FFF !important;
}

/**
 *
 *
        .##.....##.########....###....########..########.########.
        .##.....##.##.........##.##...##.....##.##.......##.....##
        .##.....##.##........##...##..##.....##.##.......##.....##
        .#########.######...##.....##.##.....##.######...########.
        .##.....##.##.......#########.##.....##.##.......##...##..
        .##.....##.##.......##.....##.##.....##.##.......##....##.
        .##.....##.########.##.....##.########..########.##.....##
 *
 *
 */
/* line 326, udo-style.scss */
#topborder {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 600;
  height: 3px;
  width: 100%;
  background: #BBB;
}

/**
 * Header
 */
/* line 338, udo-style.scss */
header {
  position: relative;
  font-size: 1.3em;
  color: #BBB;
  height: 143px;
  max-height: 143px;
  /**
   * Autoplay-Info anzeige
   */
  /**
   * Filterinput
   */
}
/* line 346, udo-style.scss */
header h1 {
  display: none;
}
/* line 349, udo-style.scss */
header pre {
  margin: -6px 0 -7px;
  padding: 1px 0px 0 38px;
  display: block;
  letter-spacing: 1px;
  font-size: 2em;
  font-weight: bold;
  line-height: 115%;
}
/* line 357, udo-style.scss */
header pre small {
  margin-left: 10px;
  font-size: .55em;
}
/* line 363, udo-style.scss */
header p {
  padding-left: 38px;
  white-space: pre;
  cursor: default;
}
/* line 368, udo-style.scss */
header a {
  color: #BBB;
}
/* line 371, udo-style.scss */
header a:hover {
  color: #FFF;
}
/* line 377, udo-style.scss */
header #autoplay_info {
  position: absolute;
  top: -9998px;
  left: -9898px;
  display: none;
  font-size: .7em;
}
/* line 387, udo-style.scss */
header #filterlistelem {
  padding: 0;
  position: absolute;
  top: 31px;
  left: 0;
  z-index: 500;
  line-height: 100%;
}
/* line 394, udo-style.scss */
header #filterlistelem #filterlist {
  padding: 3px 2px 3px 7px;
  width: 20px;
  border: 2px solid #666;
  border-width: 1px 1px 1px 0;
  opacity: .7;
  border-radius: 0 9px 10px 0;
  font-size: 1.3em;
  background: transparent;
  color: #f5f5f5;
}
/* line 404, udo-style.scss */
header #filterlistelem #filterlist:focus, header #filterlistelem #filterlist:hover, header #filterlistelem #filterlist:active {
  padding: 8px 15px !important;
  width: 350px;
  opacity: 1;
  background: #1A1A1A;
  border-color: #bbb;
  border-width: 2px 2px 2px 0;
}
/* line 414, udo-style.scss */
header #filterlistelem #filterlist[placeholder] {
  font-size: .7em;
  letter-spacing: 2px;
}
/* line 418, udo-style.scss */
header #filterlistelem #filterlist[placeholder]:focus, header #filterlistelem #filterlist[placeholder]:hover, header #filterlistelem #filterlist[placeholder]:active {
  padding-left: 5px;
  font-size: 1.2em;
}
/* line 426, udo-style.scss */
header #speedtab,
header #gotonews {
  padding: 0;
  position: absolute;
  top: 56px;
  left: 0;
  z-index: 490;
  line-height: 100%;
}
/* line 435, udo-style.scss */
header #speedtab a,
header #gotonews a {
  padding: 3px 2px 0px 7px;
  width: 20px;
  overflow: hidden;
  display: block;
  border: 2px solid #666;
  border-width: 1px 1px 1px 0;
  opacity: .7;
  border-radius: 0 9px 10px 0;
  background: transparent;
  color: #f5f5f5;
  white-space: nowrap;
  overflow: hidden;
}
/* line 452, udo-style.scss */
header #speedtab a:focus, header #speedtab a:hover, header #speedtab a:active,
header #gotonews a:focus,
header #gotonews a:hover,
header #gotonews a:active {
  padding: 8px 15px !important;
  width: 165px;
  opacity: 1;
  font-size: 1.3em;
  background: #1A1A1A;
  border-color: #bbb;
  border-width: 2px 2px 2px 0;
}

/* line 468, udo-style.scss */
.maxvideobody #filterlistelem {
  z-index: 1;
}

/* line 471, udo-style.scss */
.body_show_on_full_size #filterlistelem {
  z-index: 500 !important;
}

/**
 * Header ends
 */
/**
 * Header immer anzeigen
 */
/* line 484, udo-style.scss */
.showheaderalways header {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1500;
  min-width: 700px;
}
/* line 491, udo-style.scss */
.showheaderalways main {
  margin-top: 188px;
}
/* line 494, udo-style.scss */
.showheaderalways #sortlist {
  padding: 15px 0 7px 10px;
  position: fixed !important;
  top: 128px;
  left: -10px;
  z-index: 1550;
  border-radius: 0 0 10px 0;
}

/**
 * Top-Optionen
 */
/* line 512, udo-style.scss */
#head_options {
  position: absolute;
  top: 0;
  left: 470px;
  min-width: 250px;
  font-size: 1.2em;
}
/* line 519, udo-style.scss */
#head_options li {
  display: inline-block;
}
/* line 522, udo-style.scss */
#head_options a,
#head_options span {
  display: block;
  padding: 5px 15px;
  width: 28px;
  max-width: 28px;
  cursor: pointer;
  border-right: 1px solid #bbb;
  text-align: center;
}
/* line 532, udo-style.scss */
#head_options span {
  cursor: default;
  min-height: 28px;
  color: #99CCFF !important;
}
/* line 537, udo-style.scss */
#head_options li:last-child a,
#head_options li:last-child span {
  border-right: 0 none;
}
/* line 541, udo-style.scss */
#head_options li div {
  padding: 5px 5px;
  display: none;
  position: absolute;
  top: 35px !important;
  left: 0;
  min-width: 240px;
  font-size: .6em;
  z-index: 50;
  white-space: pre;
}
/* line 552, udo-style.scss */
#head_options #eigene_playlist:hover {
  color: #FFF !important;
}
/* line 555, udo-style.scss */
#head_options #eigene_playlist.active {
  color: #99CCFF !important;
}
/* line 558, udo-style.scss */
#head_options a.active {
  color: #99CCFF !important;
}
/* line 561, udo-style.scss */
#head_options #autoplay_mix_info {
  padding-left: 10px;
  font-size: .75em;
  cursor: default;
}

/**
 * Kategorie Auswahl
 */
/* line 576, udo-style.scss */
#categorie_menu {
  margin: 0 0  0 25px;
  list-style: none;
  position: absolute;
  bottom: 0;
  z-index: 500;
  min-width: 700px;
}
/* line 585, udo-style.scss */
#categorie_menu li {
  display: inline-block;
}
/* line 588, udo-style.scss */
#categorie_menu a,
#categorie_menu span {
  padding: 5px 20px;
  display: block;
  border-radius: 5px 5px 0 0;
}
/* line 594, udo-style.scss */
#categorie_menu span {
  background: #f7f7f7 url("img/white.png");
  background-attachment: fixed;
  color: #333;
  cursor: default;
}

/**
 * Global Settings
 */
/* line 604, udo-style.scss */
#global_settings {
  padding: 3px 5px 1px;
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1801;
  color: #BBB;
  line-height: 120%;
  cursor: default;
  background: #181818;
  border: 1px solid #555;
  border-width: 0 1px 1px;
  border-radius: 0 0 10px 0;
  opacity: .7;
  /**
   *        .show_global_options
   */
  /**
   * Mix-Block
   */
  /**
   * Iframe grösse ändern
   */
}
/* line 620, udo-style.scss */
#global_settings p span {
  padding-top: 1px;
  font-size: 1.4em;
  display: inline-block;
}
/* line 625, udo-style.scss */
#global_settings li {
  margin: 0 0 -5px 0;
  position: relative;
  z-index: 50;
  font-size: 1.05em;
}
/* line 631, udo-style.scss */
#global_settings hr {
  margin-top: 12px;
  color: transparent;
  border-bottom: 2px solid #BBB;
}
/* line 637, udo-style.scss */
#global_settings a:hover {
  color: #FFF;
  text-decoration: underline;
}
/* line 642, udo-style.scss */
#global_settings.show_global_options p span {
  position: relative;
  bottom: -3px;
}
/* line 646, udo-style.scss */
#global_settings:hover {
  opacity: 1;
  border: 2px solid #bbb;
  border-width: 0 2px 2px 0;
}
/* line 650, udo-style.scss */
#global_settings:hover p span {
  font-size: 1.5em;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
/* line 660, udo-style.scss */
#global_settings.show_global_options > p:first-child {
  padding: 0 0 10px 0;
  border-bottom: 2px solid #BBB;
}
/* line 664, udo-style.scss */
#global_settings.show_global_options {
  padding: 5px 15px 15px;
  min-width: 320px;
}
/* line 668, udo-style.scss */
#global_settings.show_global_options label {
  display: block;
  margin: 15px 0 0;
  cursor: pointer;
}
/* line 674, udo-style.scss */
#global_settings input[type="checkbox"] {
  margin-right: 5px;
}
/* line 679, udo-style.scss */
#global_settings > p small,
#global_settings > ul {
  position: absolute;
  top: -1000px;
  opacity: 0;
}
/* line 686, udo-style.scss */
#global_settings:hover ul {
  position: static;
  opacity: 1;
}
/* line 691, udo-style.scss */
#global_settings:hover p small {
  position: static;
  opacity: 1;
}
/* line 696, udo-style.scss */
#global_settings label:hover {
  color: #fff;
}
/* line 702, udo-style.scss */
#global_settings.show_global_options .fuckingfuckfuck {
  margin: 12px -14px 0 15px;
}
/* line 705, udo-style.scss */
#global_settings.show_global_options #global_mix_setting {
  display: inline-block;
}
/* line 709, udo-style.scss */
#global_settings.show_global_options #global_mix_setting label {
  display: inline-block;
}
/* line 715, udo-style.scss */
#global_settings #iframe_settings {
  margin: 15px 0 0;
  display: block;
}
/* line 719, udo-style.scss */
#global_settings #iframe_settings span {
  display: inline-block;
}
/* line 722, udo-style.scss */
#global_settings #iframe_settings {
  font-weight: bold;
}
/* line 725, udo-style.scss */
#global_settings #iframe_settings span {
  padding: 0 3px;
  min-width: 20px;
  border: 1px solid;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  color: #666;
  background: #f1f1f1;
  font-size: .8em;
  line-height: 100%;
}
/* line 739, udo-style.scss */
#global_settings #iframe_settings span:last-child {
  margin-right: 5px;
}
/* line 742, udo-style.scss */
#global_settings #iframe_settings span:active {
  color: #F00;
}
/* line 745, udo-style.scss */
#global_settings #play_mix_strt,
#global_settings #play_mix_drn {
  margin-left: 5px;
  padding: 1px 5px;
  width: 25px;
  background: #181818;
  color: #f9f9f9;
}
/* line 754, udo-style.scss */
#global_settings .helpcontainer {
  float: right;
  position: relative !important;
  z-index: 55;
  cursor: pointer;
}
/* line 760, udo-style.scss */
#global_settings .helpcontainer > span {
  padding: 1px 4px;
  display: block;
  position: relative !important;
}
/* line 766, udo-style.scss */
#global_settings .helpcontainer div {
  padding: 5px 15px;
  position: absolute !important;
  left: 20px;
  top: 0;
  z-index: 55;
  width: 400px;
  border: 1px solid #bbb;
  border-radius: 10px;
  background: #171717;
  display: none;
  cursor: default;
  line-height: 120%;
  font-size: .9em;
  opacity: 0;
}
/* line 782, udo-style.scss */
#global_settings .helpcontainer:hover div {
  display: block;
  opacity: 1;
}
/* line 786, udo-style.scss */
#global_settings .helpcontainer:hover p {
  margin: 15px 0;
}
/* line 789, udo-style.scss */
#global_settings .helpcontainer li {
  position: absolute;
  bottom: 0;
}

/* line 795, udo-style.scss */
.showheaderalways #global_settings {
  position: fixed;
}

/**
*
* Global Ende
*
*/
/**
 *
 *
          .##.....##....###....####.##....##
          .###...###...##.##....##..###...##
          .####.####..##...##...##..####..##
          .##.###.##.##.....##..##..##.##.##
          .##.....##.#########..##..##..####
          .##.....##.##.....##..##..##...###
          .##.....##.##.....##.####.##....##
 *
 *
 */
/**
 * Sortieren
 */
/* line 834, udo-style.scss */
#sortlist {
  margin: 15px 0 -5px 15px;
  font-size: .8em;
  min-width: 460px;
  color: #555;
  text-shadow: 1px 2px 8px #bbb;
}
/* line 841, udo-style.scss */
#sortlist li {
  margin: 0 3px 0;
  display: inline-block;
  border-right: 0 solid #777;
}
/* line 846, udo-style.scss */
#sortlist li:last-child {
  border-right: 0 none;
}
/* line 849, udo-style.scss */
#sortlist > li:first-child {
  cursor: default;
}
/* line 852, udo-style.scss */
#sortlist li:after {
  content: '|';
  margin-left: 5px;
  position: relative;
  top: -2px;
}
/* line 858, udo-style.scss */
#sortlist li:last-child:after {
  /* Chrome */
  content: '\00a0';
}
/* line 861, udo-style.scss */
#sortlist input {
  margin-right: 4px;
  position: relative;
  bottom: -2px;
}
/* line 866, udo-style.scss */
#sortlist #stopautoplay {
  display: none;
  position: fixed;
  top: -999em;
  left: -999em;
}
/* line 872, udo-style.scss */
#sortlist li:hover {
  color: #000;
}

/**
 *          Sortable
 */
/* line 886, udo-style.scss */
.ui-state-highlight {
  min-height: 28px;
  width: 50px;
  background: #151515 !important;
}

/* line 891, udo-style.scss */
.move_the_list {
  margin: -1px 0 0 -1px;
  padding: 9px 5px 3px;
  height: 100%;
  float: left;
  position: relative;
  z-index: 60;
  border: 1px solid #4C99D0;
  border-radius: 5px;
  cursor: move;
  background: #F8F8F8;
}

/* line 903, udo-style.scss */
#this_is_playing .move_the_list {
  display: none;
}

/**
 * Time remaining
 */
/* line 915, udo-style.scss */
.timeremaining {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #CC0000;
}
/* line 922, udo-style.scss */
.timeremaining .timeremaining_inner {
  display: block;
  width: 100%;
  height: 100%;
  float: right;
  background: #000;
}

/* line 930, udo-style.scss */
#musiclist .timeremaining {
  top: 0;
}

/* line 935, udo-style.scss */
#site_track_info .timeremaining {
  bottom: 0;
  left: 0;
  background: #333 !important;
  z-index: -1;
}
/* line 941, udo-style.scss */
#site_track_info .timeremaining_inner {
  background: #e2e2e2;
}

/**
 * Tracklist
 */
/* line 952, udo-style.scss */
#musiclist {
  margin: 20px 0 0 15px;
  width: 400px;
  min-height: 90px;
  /**
   * Video-Frame
   */
  /**
   * Video verlinken
   */
  /**
   * Video gestoppt Button
   */
  /**
   * Tracks wegklicken
   * Buttons werden neben jedem Track eingeblendet
   */
}
/* line 958, udo-style.scss */
#musiclist li {
  margin: 10px 0;
  position: relative;
  z-index: 1;
  border: 1px solid #CCC;
  border-radius: 5px;
  background-color: #FFF;
  font-size: 1em;
  counter-increment: list;
}
/* line 968, udo-style.scss */
#musiclist li.active_vid,
#musiclist li:hover {
  border-color: #F90;
  background-color: #EEE;
}
/* line 973, udo-style.scss */
#musiclist li.active_vid {
  margin-left: 10px;
  padding-right: 15px;
  cursor: default;
  border-color: #000;
  width: 400px;
  background-color: #000;
}
/* line 981, udo-style.scss */
#musiclist li.active_vid .this_track {
  margin: -1px !important;
  color: #F5F5F5;
  background-color: #000 !important;
  border: 1px solid #000 !important;
}
/* line 987, udo-style.scss */
#musiclist li.active_vid,
#musiclist div {
  box-shadow: 5px 5px 5px #000;
  background-color: #000;
}
/* line 993, udo-style.scss */
#musiclist li#this_is_playing:before {
  padding: 1px 5px;
  content: counter(list);
  position: absolute;
  right: -1px;
  bottom: -8px;
  background: #000;
  color: #bbb;
  z-index: 100;
  border-radius: 0 0 5px 5px;
  font-size: .7em;
  box-shadow: 5px 5px 5px #000;
}
/* line 1006, udo-style.scss */
#musiclist span.this_track {
  padding: 6px 9px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 1014, udo-style.scss */
#musiclist span.isfrehtrack {
  position: absolute;
  top: 0;
  left: -8px;
  z-index: 50;
  cursor: default;
  color: #BBB;
}
/* line 1022, udo-style.scss */
#musiclist #this_is_playing span.isfrehtrack {
  display: none;
}
/* line 1025, udo-style.scss */
#musiclist li > span {
  border-radius: 5px;
}
/* line 1028, udo-style.scss */
#musiclist span.this_last_played {
  margin: -1px -1px;
  background-color: #EEE;
  border: 1px solid #333;
}
/* line 1033, udo-style.scss */
#musiclist div {
  padding: 0;
  width: 498px;
  height: 333px;
  min-width: 300px;
  min-height: 100px;
  position: absolute;
  top: -1px;
  left: 400px;
  z-index: 10;
  cursor: default;
  border: 1px solid #000;
  border-width: 4px 10px 3px;
  border-radius: 10px 0 10px 10px;
  color: #AAA;
  font-size: .9em;
}
/* line 1050, udo-style.scss */
#musiclist div p {
  padding: 11px 10px 0 10px;
  font-size: 1.05em;
}
/* line 1054, udo-style.scss */
#musiclist div a {
  color: #555;
}
/* line 1057, udo-style.scss */
#musiclist div a:hover {
  text-decoration: underline;
}
/* line 1060, udo-style.scss */
#musiclist div #load_data_from_youtube a {
  cursor: pointer;
}
/* line 1064, udo-style.scss */
#musiclist div.soundcloud_container {
  height: 135px !important;
}
/* line 1070, udo-style.scss */
#musiclist iframe {
  width: 100%;
  height: 100%;
  border: 0 none;
  position: relative;
  z-index: 5;
  border-radius: 10px;
  overflow: hidden;
  vertical-align: middle;
}
/* line 1080, udo-style.scss */
#musiclist iframe.soundcloud {
  height: 135px;
}
/* line 1088, udo-style.scss */
#musiclist #statistics,
#musiclist #link_to_video_start {
  display: inline-block;
  position: relative;
  color: #555;
  z-index: 1010;
}
/* line 1095, udo-style.scss */
#musiclist #link_to_video_start span {
  display: none;
  padding: 10px 5px;
  position: absolute;
  bottom: 17px;
  left: -240px;
  z-index: 1011;
  width: 600px;
  border: 1px solid #bbb;
  border-width: 2px 4px;
  background: #000;
  border-radius: 10px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 1111, udo-style.scss */
#musiclist #link_to_video_start span span {
  display: block;
  margin: 2px 0;
}
/* line 1115, udo-style.scss */
#musiclist #link_to_video_start:hover > span {
  display: block;
}
/* line 1119, udo-style.scss */
#musiclist #link_to_video_start > span a {
  color: #EEE;
}
/* line 1122, udo-style.scss */
#musiclist #statistics {
  padding-left: 5px;
}
/* line 1125, udo-style.scss */
#musiclist #addeddate {
  color: #555;
}
/* line 1129, udo-style.scss */
#musiclist #divautoplayinfo {
  position: absolute;
  top: -23px;
  right: 85px;
  z-index: 60;
  font-weight: bold;
  font-size: .9em;
}
/* line 1137, udo-style.scss */
#musiclist #stopped_autoplay {
  position: absolute;
  top: -23px;
  right: 85px;
  z-index: 60;
  color: #F00;
  font-weight: bold;
  font-size: 1em;
  background: #F5F5F5;
}
/* line 1148, udo-style.scss */
#musiclist #video_setting_container {
  padding: 3px 5px 7px 8px;
  height: 18px;
  position: absolute;
  top: -28px;
  right: -10px;
  z-index: 0;
  line-height: 100%;
  background: #000;
  border-radius: 10px 10px 0 0;
  box-shadow: 5px 5px 5px #000;
}
/* line 1159, udo-style.scss */
#musiclist #video_setting_container span {
  margin-right: 5px;
  padding: 2px 3px;
  display: inline-block;
  cursor: pointer;
}
/* line 1165, udo-style.scss */
#musiclist #video_setting_container span:hover {
  opacity: 1;
  color: #F00 !important;
}
/* line 1169, udo-style.scss */
#musiclist #video_setting_container span#track_counter:hover {
  color: #BBB !important;
  cursor: default !important;
}
/* line 1173, udo-style.scss */
#musiclist #video_setting_container #track_counter {
  position: absolute;
  top: -9999em;
  left: -9999em;
  opacity: 0;
  z-index: -1;
}
/* line 1185, udo-style.scss */
#musiclist #playVideoAgainafterstop {
  margin: -20px 0 0 -30px;
  padding: 4px 0 10px;
  width: 60px;
  max-height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 60;
  display: inline-block;
  border: 1px solid #BBB;
  border-radius: 15px;
  text-align: center;
  font-size: 1.9em;
  background: #111;
  line-height: 100%;
  opacity: .4;
}
/* line 1203, udo-style.scss */
#musiclist #playVideoAgainafterstop:hover {
  color: #FFF;
  border-color: #FFF;
  cursor: pointer;
  background: #333;
  opacity: .8;
}
/* line 1210, udo-style.scss */
#musiclist #playVideoAgainafterstop:before {
  content: '◼';
}
/* line 1213, udo-style.scss */
#musiclist #playVideoAgainafterstop:hover:before {
  content: '►';
  bottom: -1px;
  position: relative;
  font-size: .9em;
}
/* line 1219, udo-style.scss */
#musiclist #videostoppedoverlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  font-size: 2.8em;
  font-weight: bold;
  opacity: .4;
  color: #bbb;
  border-radius: 8px;
}
/* line 1233, udo-style.scss */
#musiclist .stoppedbg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .4;
  background: #000 url("img/rauschen.gif");
}
/* line 1243, udo-style.scss */
#musiclist .soundcloud_container #videostoppedoverlay {
  font-size: 2em;
}
/* line 1246, udo-style.scss */
#musiclist #videostoppedoverlay span {
  display: block;
  position: absolute;
}
/* line 1250, udo-style.scss */
#musiclist #videostoppedoverlay span.this_is_stopped {
  top: 10px;
  left: 10px;
}
/* line 1254, udo-style.scss */
#musiclist #videostoppedoverlay span.mscplslogo {
  bottom: 5px;
  right: 25px;
  letter-spacing: -0px;
  line-height: 60%;
}
/* line 1265, udo-style.scss */
#musiclist .click_away_x,
#musiclist .get_for_my_playlist {
  margin: -25px -8px 0 0;
  padding: 3px 6px;
  float: right;
  position: relative;
  z-index: 35;
  border: 1px solid #999;
  border-radius: 5px;
  font-size: .7em;
  line-height: 100%;
  background: #EEE;
  cursor: pointer;
  opacity: .5;
}
/* line 1280, udo-style.scss */
#musiclist .click_away_x:hover,
#musiclist .get_for_my_playlist:hover {
  opacity: 1;
  color: #F00;
}
/* line 1285, udo-style.scss */
#musiclist .active_vid .click_away_x {
  display: none;
}
/* line 1289, udo-style.scss */
#musiclist .get_for_my_playlist {
  margin-left: 12px;
  float: right;
  z-index: 35;
  opacity: 1;
}

/* line 1296, udo-style.scss */
.userplaylistconfig #musiclist div {
  max-height: 180px !important;
}

/* line 1299, udo-style.scss */
#fullsize_show_music_list {
  margin: 0 10px 0 0;
  padding: 0 6px;
  float: left;
  position: relative;
  bottom: -2px;
  border: 1px solid #BBB;
  border-radius: 10px;
  background: #EEE;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  line-height: 100%;
  cursor: pointer;
  display: none;
}

/* line 1315, udo-style.scss */
.maxvideobody #fullsize_show_music_list {
  display: block;
}

/**
 * Musiclist ende
 */
/**
 * Kommentare
 *
 * .fb-comments = Kommentare beinhaltender Container
 */
/* line 1332, udo-style.scss */
#commentscontainer {
  margin: 60px 0 40px 15px;
  min-height: 110px;
  overflow: hidden;
  max-width: 410px;
}
/* line 1337, udo-style.scss */
#commentscontainer h1,
#commentscontainer h2 {
  margin: 0 0 15px 0;
  font-size: 1.2em;
}
/* line 1342, udo-style.scss */
#commentscontainer p {
  margin: 0 0 20px 0;
}
/* line 1346, udo-style.scss */
#commentscontainer #commentsresults {
  position: relative;
  margin-left: 0px;
  z-index: 500;
}
/* line 1351, udo-style.scss */
#commentscontainer .fb-comments iframe {
  background: #fff;
  border: 1px solid #bbb !important;
  border-radius: 8px;
}

/**
 *
 *
          .########..#######...#######..########.########.########.
          .##.......##.....##.##.....##....##....##.......##.....##
          .##.......##.....##.##.....##....##....##.......##.....##
          .######...##.....##.##.....##....##....######...########.
          .##.......##.....##.##.....##....##....##.......##...##..
          .##.......##.....##.##.....##....##....##.......##....##.
          .##........#######...#######.....##....########.##.....##
 *
 *
 */
/* line 1389, udo-style.scss */
footer {
  text-align: center;
  background-color: #333;
  color: #AAA;
  font-size: .8em;
  position: relative;
  z-index: 1000;
}
/* line 1397, udo-style.scss */
footer li {
  margin-right: -3px;
  padding: 4px 7px;
  display: inline-block;
  border-right: 1px solid #333;
}
/* line 1403, udo-style.scss */
footer li:first-child,
footer li:last-child {
  border-right: 0 none;
}
/* line 1407, udo-style.scss */
footer span {
  cursor: pointer;
}
/* line 1410, udo-style.scss */
footer a {
  color: #BBB;
}
/* line 1413, udo-style.scss */
footer a:hover {
  color: #EEE;
}
/* line 1416, udo-style.scss */
footer #backtotop {
  padding: 5px 6px;
  display: block;
  position: fixed;
  bottom: 4px;
  right: 13px;
  z-index: 11000;
  font-size: 1.2em;
  border: 1px solid;
  color: #AAA;
  background: #EEE;
  display: none;
  border-radius: 5px;
}
/* line 1430, udo-style.scss */
footer #backtotop:hover {
  color: #666;
}

/**
 * Sitetrackinfo
 */
/* line 1442, udo-style.scss */
#site_track_info {
  padding: 8px 185px 8px 13px;
  position: fixed;
  bottom: 35px;
  right: -1px;
  z-index: 40;
  width: 55%;
  min-width: 250px;
  font-size: 1.9em;
  font-style: italic;
  border: 1px solid #BBB;
  border-radius: 10px 0 0 10px;
  background: #f9f9f9;
  cursor: default;
  opacity: .7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 3px 3px 8px #999;
}
/* line 1462, udo-style.scss */
#site_track_info #prev_next_buttoncontainer {
  position: absolute;
  top: 4px;
  right: 10px;
  z-index: 200;
  font-style: normal;
  font-size: .9em;
}
/* line 1470, udo-style.scss */
#site_track_info #prev_next_buttoncontainer span {
  margin: 0 2px;
  padding: 2px 10px 7px;
  min-width: 18px;
  max-width: 24px;
  display: inline-block;
  border: 1px solid #AAA;
  border-radius: 5px;
  line-height: 100%;
  cursor: pointer;
  background: #FFF;
  text-align: center;
  vertical-align: top;
}
/* line 1484, udo-style.scss */
#site_track_info #prev_next_buttoncontainer span:hover,
#site_track_info #prev_next_buttoncontainer span:active {
  color: #C00;
  border-color: #C00;
}
/* line 1489, udo-style.scss */
#site_track_info #prev_next_buttoncontainer span:active {
  color: #000;
  border-color: #000;
}
/* line 1493, udo-style.scss */
#site_track_info #prev_next_buttoncontainer span.active {
  color: #C00;
  border-color: #C00;
}
/* line 1497, udo-style.scss */
#site_track_info span#pause_video_button {
  padding: 5px 10px 8px;
  position: relative;
  top: -1px;
  font-size: 0.9em;
  font-weight: bold;
}
/* line 1504, udo-style.scss */
#site_track_info span#play_video_button {
  padding: 5px 10px 4px;
}

/**
 * Ladeball
 */
/* line 1520, udo-style.scss */
.spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #444;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

/* line 1528, udo-style.scss */
#commentsresults .spinner {
  position: absolute;
  top: 0;
  left: 170px;
}

/* line 1533, udo-style.scss */
#formcontainer_ownplaylist .spinner {
  margin-left: -50px;
  position: fixed;
  top: 250px;
  left: 50%;
  width: 100px;
  height: 100px;
  z-index: 1000;
}

@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/**
 * Testumgebung
 */
/* line 1565, udo-style.scss */
.testenvironment #track_counter {
  position: absolute !important;
  top: 5px !important;
  left: -330px !important;
  opacity: 1 !important;
  z-index: 100 !important;
}

/**
 * Breite Monitore
 */
@media (min-width: 750px) {
  /* line 1581, udo-style.scss */
  footer a,
  #sortlist li,
  header h1 a,
  #categorie_menu a {
    transition: all .3s ease-in;
  }

  /* line 1587, udo-style.scss */
  #musiclist li {
    transition: background .3s ease;
  }

  /* line 1591, udo-style.scss */
  #filterlist {
    transition: all .4s ease;
  }

  /* line 1594, udo-style.scss */
  #global_settings {
    transition: opacity .5s ease-out;
  }
}
/**
 * Smartphone
 */
@media screen and (max-width: 480px) {
  /* line 1605, udo-style.scss */
  #downl_link,
  #link_to_video_start,
  #load_data_from_youtube,
  #eigene_playlist,
  .isfrehtrack,
  #site_track_info {
    display: none !important;
  }

  /* line 1614, udo-style.scss */
  body,
  header,
  #wrapper,
  footer {
    display: block !important;
    height: auto !important;
  }

  /* line 1621, udo-style.scss */
  body,
  header {
    min-width: 320px !important;
  }

  /* line 1627, udo-style.scss */
  #global_settings {
    position: absolute !important;
  }

  /* line 1630, udo-style.scss */
  header {
    max-height: 500px;
    height: auto;
  }
  /* line 1633, udo-style.scss */
  header pre,
  header p {
    padding: 0 0 0 20px;
  }
  /* line 1637, udo-style.scss */
  header pre {
    font-size: 1.5em;
  }
  /* line 1640, udo-style.scss */
  header p {
    font-size: .75em;
  }
  /* line 1643, udo-style.scss */
  header pre {
    padding-top: 30px;
    width: 370px;
  }
  /* line 1647, udo-style.scss */
  header #head_options {
    left: 70px;
  }
  /* line 1650, udo-style.scss */
  header #categorie_menu {
    margin: 20px 0 0;
    position: static;
  }
  /* line 1654, udo-style.scss */
  header #categorie_menu li {
    display: block;
  }
  /* line 1657, udo-style.scss */
  header #categorie_menu a,
  header #categorie_menu span {
    padding: 12px 15px;
    border-radius: 0;
  }
  /* line 1662, udo-style.scss */
  header #categorie_menu span {
    color: #C00;
  }
  /* line 1667, udo-style.scss */
  header #filterlistelem {
    top: 41px;
  }

  /* line 1673, udo-style.scss */
  #sortlist li {
    margin: 5px 0;
  }

  /* line 1677, udo-style.scss */
  #musiclist {
    margin-left: 0;
    width: 100%;
    max-width: 480px;
  }
  /* line 1682, udo-style.scss */
  #musiclist li {
    width: 100% !important;
  }
  /* line 1685, udo-style.scss */
  #musiclist div {
    top: 70px !important;
    left: 0 !important;
    height: 220px !important;
    width: 100% !important;
    border: 0 none !important;
    box-shadow: 0 0;
  }
  /* line 1693, udo-style.scss */
  #musiclist #this_is_playing {
    margin-bottom: 310px;
  }
  /* line 1696, udo-style.scss */
  #musiclist li.active_vid {
    margin-left: 0;
    box-shadow: 0 0;
  }
  /* line 1700, udo-style.scss */
  #musiclist #video_setting_container {
    right: 0 !important;
    box-shadow: 0 0;
  }
  /* line 1704, udo-style.scss */
  #musiclist .fixvideo {
    left: 0 !important;
    position: absolute !important;
    top: 70px !important;
  }

  /* line 1711, udo-style.scss */
  footer li {
    display: block;
    margin: 0;
    padding: 6px 0;
  }
  /* line 1715, udo-style.scss */
  footer li a {
    display: inline-block;
  }

  /* line 1722, udo-style.scss */
  .showheaderalways header,
  .showheaderalways #sortlist {
    position: static !important;
    padding: 0;
    min-width: 320px !important;
  }
  /* line 1728, udo-style.scss */
  .showheaderalways #sortlist {
    margin: 15px 0 15px 10px;
  }
  /* line 1731, udo-style.scss */
  .showheaderalways main {
    margin-top: 8px;
  }
}
/**
 * Firefox hack
 */
@-moz-document url-prefix() {
  /* line 1744, udo-style.scss */
  header #gotonews {
    top: 59px;
  }
}
/**
 * Firefox hack ends
 */
/**
 * Google-Chrome hack
 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 1760, udo-style.scss */
  #categorie_menu {
    top: 112px;
    bottom: auto;
  }
}
/**
 * Google-Chrome hack ends
 */
/**
 * IE 11 hack
 */
/**
 * IE 11 hack ends
 */