@charset "UTF-8";
/* CSS Document */

/* Habbofun CSS */

/* Hilfestellung f�r die Kompabilit�t */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,table { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
.header-menu-first ul, .header-menu-first ol { list-style: none; /*list-style: square; margin-left:20px;*/} .menu ol { list-style: none; /*list-style: square; margin-left:20px;*/}
.menu ul, .menu ol { list-style: none;}
ol {
    list-style: inside;
    list-style-type: decimal;
}
ul {
    list-style: inside;
    list-style-type: disc;
}

table,fieldset,img { border: none; }
caption,th { text-align: center; }


body {
  border: 0px;
  margin: 0px;
  /*background-image:url(../img/background_day.png);
  background-repeat: repeat-x;*/
  background-color: #021D2E;
  font-family: Verdana;
  font-size: 11px;
}
.bodybox {
  width: 100%;
  background-image:url(../img/background_day.png);
  background-repeat: repeat-x;
  background-color: #021D2E;
}
a:link, .internal-link {
  font-family: Verdana;
  font-size: 11px;
  text-decoration: none;
  color: #FFFFFF;
}
#news_article a:link {
  color: darkblue;
}
.newsnav a{
color:#000;
}
a:hover {
  text-decoration: none;
}
a:visited {
    color: #FFFFFF;
    text-decoration:none;
}
.rounded {
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  overflow: visible;
  outline: 0 none;
}
.header {
  background-image: url(../img/header_neu_old.png);
  width: 956px;
  height: 232px;
  margin: auto;
  position: relative;
}
.header-login {
  position:absolute;
  top: 7px;
  right: 40px;
  font-family: Verdana;
  font-size: 10px;
  color: #FFFFFF;
}
.header-login-form  {
  font-family: Verdana;
  font-size: 10px;
}

.header-login-links:link, .header-login-links   {
  font-family: Verdana;
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: left;
}
.contenttable, .csc-textpic-text, .bodytext {
  font-family: Verdana;
        font-size: 11px;
  text-align: left;
}
a.header-login-links:hover {
  text-decoration: underline;
}
.header-apollon {
  font-size: 10px;
  font-family: Verdana;
  position: absolute;
  left: 458px;
  top: 158px;
  width: 445px;

}
.header-logo {
  position: absolute;
  top:-5px;
  left: 25px;
  background-repeat: no-repeat;
  background-image:url(../img/hf_head2_old.png);
  width: 546px;
  height: 230px;
  left: -50px;
}
.header-habbos {
  position: absolute;
  left: 10px;
  top: -65px;
  width: 385px;
  height: 112px;
  /*overflow:hidden;*/
  /*background-image:url(../img/header_habbos.png);*/
  z-index: 4;
}
.header-habbos .habbo {
  width: 64px;
  height: 110px;
  position: absolute;
}
.header-habbos .habbo .shadow {
  background-color: rgba(0,0,0,0.15);
  width: 34px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 18px;
}
.header-habbos .habbo div {
  width: 64px;
  height: 110px;
  opacity: 1;
  position: absolute;
}
.header-habbos .message {
  width: 35px;
  height: 80px;
  position: absolute;
  z-index: 10;
}
@-webkit-keyframes dance1 {
  0%, 49.9%  {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
.header-habbos .habbo .dance_1 {
  -webkit-animation: dance1 0.8s infinite;
}
@-webkit-keyframes dance2 {
  0%, 49.9%  {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
.header-habbos .habbo .dance_2 {
  -webkit-animation: dance2 0.8s infinite;
}
.header-habbos .habbo.delay .dance_1 {
  -webkit-animation: dance1 0.8s 0.3s infinite;
}
.header-habbos .habbo.delay .dance_2 {
  -webkit-animation: dance2 0.8s 0.3s infinite;
}
.header-habbosbg {
  position: absolute;
  left: 100px;
  top: 165px;
  width: 258px;
  height: 67px;
  background-image:url(../img/header_habbosbg.png);
  z-index: 3;
}
.header-menu-first {
  position: absolute;
  left: 450px;
  top: 92px;
  width: 489px;
  height: 49px;
  padding: 0px;
  z-index: 9;

}
.menuitem {
  width: 111px;
  height: 49px;
  font-family: Verdana;
  font-size: 10px;
  text-align: center;
  color: #FFFFFF;
  font-weight:bold;
}

.header-menu-strich {
  background-image:url(../img/menu_strich.png);
  background-repeat:no-repeat;
  width: 3px;
  height: 49px;
  float: left;
  padding:0;
  margin:0;
  list-style: none;
}
/*schwarzes brett*/
.sbrett {
  background-image:url(../img/schwarzes_brett_old.png);
  width: 963px;
  height: 176px;
  margin: auto;
  margin-top:-4px;
  position: relative;
  z-index: 5;
}
.playerlink-hdsl {
  position: absolute;
  left: 781px;
  top: 67px;
  z-index: 30;
}
.playerlink-dsl {
  position: absolute;
  left: 781px;
  top: 88px;
  z-index: 20;
}
.playerlink-isdn {
  position: absolute;
  left: 781px;
  top: 111px;
  z-index: 10;
}
.playerlink-frank {
  position: absolute;
  left: 768px;
  top: 22px;
  z-index: 30;
}
.playernavi{
  font-size:16px;
  width: 22px;
  height: 17px;
  padding:0; /*margin-left:-43px; margin-top:-16px;*/ list-style: none;
  margin-left: -23px;
}
.playernavi:hover {
  z-index: 9;
}

.playersubmenu{
  display:none;
  z-index: 10;
  background:#282828;
  height:200px;
  width:500px;
  border:#d3d3d3 1px solid;
  text-align:left;
  font-size:15px;
}

.playernavi:hover .playersubmenu{
  display:inline;
  z-index:99;
}
.playernaviisdn:hover .playersubmenuisdn{
        display:inline;
        z-index:1;
        margin-left:10px;
}
.playernavi:hover .playersubmenu li{
  display:block;
  list-style-position:outside;
  width: 22px;
  height: 93px;
  margin-top:50px;
  z-index:177;
}

.sendeplan-s {
  width: 210px;
  margin: auto;
  margin-top: 3px;
  font-family: Verdana;
  font-size: 10px;
  height: 17px;
  color: #FFFFFF;
  font-weight:bold;
  text-align: center;
  padding-top: 1px;
}

.sendeplan-first {
  width: 210px;
  margin: auto;
  margin-top: 40px;
  font-family: Verdana;
  font-size: 10px;
  height: 17px;
  color: #FFFFFF;
  font-weight:bold;
  text-align: center;
  padding-top: 1px;
}
.sendeplan-second {
  width: 210px;
  margin: auto;
  margin-top: 4px;
  font-family: Verdana;
  font-size: 10px;
  height: 17px;
  color: #FFFFFF;
  font-weight:bold;
  text-align: center;
  padding-top: 1px;
}
.sendeplan-third {
  width: 210px;
  margin: auto;
  margin-top: 4px;
  font-family: Verdana;
  font-size: 10px;
  height: 17px;
  color: #FFFFFF;
  font-weight:bold;
  text-align: center;
  padding-top: 1px;
}
.aktdj {
  position:absolute;
  height:110px;
  width:64px;
  float:right;
  margin-left:290px;
  margin-top:240px;
  z-index:2000;
}
.aktdj:hover span.tt {
  display:block;
  position:absolute;
  background-color:#6BCB32;
  color:#ffffff;
  border:1px solid #282828;
  margin:0;
  top: -5px;
  left: -80px;
  height:auto;
  width:auto;
  min-height:15px;
  min-width:200px;
}
.aktdj span.tt {
  display:none;
  position:absolute;
}

/*content*/
.contentleiste {
  background-repeat:repeat-x;
  width: 963px; /*933*/
  max-width: 963px; /*955*/
  margin:auto;
  font-family: Verdana;
  font-size: 11px;
}

.footer {
  background-image:url(../img/background_footer.png);
  width:100%;
  height: 30px;
  text-align: center;
  font-family: Verdana;
  color: #648092;
  font-size: 10px;
  padding-top: 20px;
}
.footer-link:link, .footer-link:visited, .footer-link {
  font-family: Verdana;
  font-size: 10px;
  color: #648092;
  text-decoration: none;
}
.footer-link:hover {
  text-decoration: underline;
}
/*content boxen*/
.content-top {
  width: 637px;
  height: 23px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  background-image:url(../img/contentbox_top.png);
  background-repeat:no-repeat;
  color: #7F7F7F;
  font-weight:bold;
  font-size: 15px;
  font-family: verdana;
}
.content-middle {
  width: 615px;
  height: auto;
  padding-left: 15px;
  padding-right: 8px;
  padding-top: 1px;
  padding-bottom: 2px;
  margin-top: -5px;
  background-image:url(../img/contentbox_middle.png);
  background-repeat:repeat-y;
}
.content-middle a:link {
  font-family: Verdana;
  font-size: 11px;
  text-decoration: none;
  color: #5199c5;
}
.content-middle a:hover {
  text-decoration: none;
}
.content-middle a:visited {
  color: #5199c5;
  text-decoration:none;
}
.content-footer {
  width: 638px;
  height: 9px;
  margin-bottom: 5px;
  background-image:url(../img/contentbox_bottom_b2.png);
  background-repeat:no-repeat;
}
.content-top-s {
  width: 307px;
  height: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  background-image:url(../img/contentbox_top_s.png);
  background-repeat:no-repeat;
  color: #7F7F7F;
  font-weight:bold;
  font-size: 12px;
  font-family: verdana;
  margin-left: -5px;
}
.content-middle-s {
  width: 207px;
  height: auto;
  padding-left: 15px;
  padding-right: 100px;
  padding-top: 8px;
  padding-bottom: 2px;
  background-image:url(../img/contentbox_middle_s.png);
  background-repeat:repeat-y;
  margin-top: -5px;
  margin-left: -5px;
}
.content-middle-s a:link {
  font-family: Verdana;
  font-size: 11px;
  text-decoration: none;
  color: #5199c5;
}
.content-middle-s a:hover {
  text-decoration: underline;
}
.content-middle-s a:visited {
  color: #5199c5;
  text-decoration:none;
}
.content-footer-s {
  width: 307;
  height: 9px;
  margin-bottom: 5px;
  background-image:url(../img/contentbox_bottom_s2.png);
  background-repeat:no-repeat;
  margin-left: -5px;
}
.content-top-s-blank {
  width: 307px;
  height: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  background-image:url(../img/contentbox_top_s_blank.png);
  background-repeat:no-repeat;
  color: #7F7F7F;
  font-weight:bold;
  font-size: 12px;
  font-family: verdana;
  margin-left: -5px;
}
.content-middle-s-blank {
  width: 280px;
  padding-left: 15px;
  padding-right: 100px;
  padding-top: 8px;
  padding-bottom: 2px;
  background-image:url(../img/contentbox_middle_s_blank.png);
  background-repeat:repeat-y;
  margin-top: -5px;
  margin-left: -5px;
}
.content-middle-s-blank a:link {
  font-family: Verdana;
  font-size: 11px;
  text-decoration: none;
  color: #5199c5;
}
.content-middle-s-blank a:hover {
  text-decoration: underline;
}
.content-middle-s-blank a:visited {
  color: #5199c5;
  text-decoration:none;
}
.content-footer-s-blank {
  width: 307px;
  height: 9px;
  margin-bottom: 5px;
  background-image:url(../img/contentbox_bottom_s_blank.png);
  background-repeat:no-repeat;
  margin-left: -5px;
}
.content-clear {
  height: 10px;
  clear: left;
}
.content-linkespalte {
  font-family: Verdana;
  font-size: 11px;
  vertical-align: top;
  text-align: left;
}
.content-rechtespalte {
  font-family: Verdana;
  font-size: 11px;
  vertical-align: top;
  text-align: left;
}
.error {
  color: #990000;
  font-size: 12px;
  font-family: "Courier New", Courier, monospace;
  background-color: #FFF0F0;
  padding: 7px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px solid #990000;
  text-align: center;
}
.ok {
  color: #008B00;
  font-size: 12px;
  font-family: "Courier New", Courier, monospace;
  background-color:  #CCFFCC;
  padding: 7px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px solid #008B00;
  text-align: center;
}
input {
    border: 1px solid silver;
    color: #666666;
    margin: 2px;
    padding: 2px;
}
.header-login-form {
  margin: 1px;
  padding: 1px;
  border: 0px solid silver;
  height: 22px; /*22*/

  background-image: url(../img/input_bg.png);
  width: 132px;
  height: 20px;
  text-align:center;
  color: #FFFFFF;
  font-weight: bold;
  border: 0px solid silver;
}

.header-login-form-button {
  border: 0px solid silver;
  margin: 0px;
  padding: 0px;
}
.header-login-form:focus {
  border: 0px solid silver;
}
input:focus {
    border: 1px solid #CC6600;
}
select {
    border: 1px solid silver;
  color: #666666;
}
select:focus {
    border: 1px solid #CC6600;
}
.djpost_glow {
    filter:Glow(color=#000000, strength=12);
}

/* Crew */

.crew_box {
  background: url(../img/background_crew.png);
  background-repeat: no-repeat;
  height:62px;
  width:182px;
  float:left;
  margin:9px;
  z-index:177;
  border:none;
  text-decoration:none;
}
.crew_box:hover {
  background: url(../img/background_crew_hover.png);
  background-repeat: no-repeat;
  height:62px;
  width:182px;
  float:left;
  margin:9px;
  z-index:177;
  border:none;
  text-decoration:none;
}
.crew_name {
  font-size:10px;
  font-weight:bold;
  font-family:"Verdana";
  color:#7D7D7D;
  text-shadow:#FFFFFF 0px 1px 0px;
  padding: 10px 0px 0px 3px;
}
.crew_text {
  font-size:11px;
  font-family:"Verdana";
  color:#7D7D7D;
  text-shadow:#FFFFFF 0px 1px 0px;
  padding-left:10px;
  padding-right:5px;
  padding-bottom:5px;
  margin-top:1px;
  border:none;
  text-decoration:none;
}

.crew_text a {
  border:none;
  text-decoration:none;
}

/* Sendeplan */

#sendeplan {
  width:870px;
  height:auto;
  margin-left:30px;
  margin-bottom:20px;
  margin-top:20px;
}

#tag {
  background:-moz-linear-gradient(bottom,#ff6800,#ff8b00); /* Firefox */
  background:-webkit-gradient(linear,left top,left bottom,from(#ff8b00),to(#ff6800)); /* Chrome, Safari */
  background-image: -ms-linear-gradient(top left, #ff6800 25%, #ff8b00 75%);
  background-image: -o-linear-gradient(top left, #ff6800 25%, #ff8b00 75%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8b00',endColorstr='#ff6800'); /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff8b00, endColorstr=#ff6800);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff8b00, endColorstr=#ff6800)";
  height:35px;
  width:300px;
  margin-left: 84px;
  border-width: 1px 1px 0 1px;
  border-color: black;
  border-style: solid;
}

.tag_text {
  padding-top:5px;
  padding-left:20px;
  font-family:Verdana;
  font-size:17px;
  font-weight:bold;
  color:#FFFFFF;
  /*text-shadow:#000000 0px -1px 0px;*/
}

#sendung {
  background:url(../img/sendung.png);
  background-repeat:no-repeat;
  height:49px;
  width:700px;
  margin: auto;
  margin-top:-1px;
}

#sendung:hover {
  background:url(../img/sendung_hover.png);
  background-repeat:no-repeat;
  height:49px;
  width:700px;
  margin-top:-1px;
}

.name {
  float:left;
  padding:10px;
  padding-top:15px;
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  color:#7F7F7F;
  text-shadow:#3F3F3F 0px -1px 0px;
}

.zeit {
  float:left;
  position:absolute;
  padding:10px;
  padding-top:15px;
  padding-left:300px;
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  color:#7F7F7F;
  text-shadow:#3F3F3F 0px -1px 0px;
}

.titel {
  float:right;
  padding:10px;
  padding-top:15px;
  padding-right:20px;
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  color:#7F7F7F;
  text-shadow:#3F3F3F 0px -1px 0px;
}

.senbox {
  float: left; width: 30%; font-size: 15px; font-weight: bold; padding-top: 15px; color:#7F7F7F; text-shadow:#3F3F3F 0px -1px 0px;
}

#senbox_2 {
  width: 15%; 
}

#senbox_3 {
 width: 45%; 
  height: 20px;
  overflow: hidden;
}

#sendung {
background:-moz-linear-gradient(bottom,#f1f1f1,#b3b3b3); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#b3b3b3)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(start
Colorstr='#f1f1f1',endColorstr='#b3b3b3'); /* Internet Explorer */
  border: 1px black solid;
}

#sendung:hover {
background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(start
Colorstr='#b3b3b3',endColorstr='#f1f1f1'); /* Internet Explorer */
  border: 1px black solid;
}

.slide {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
    }
     
    #slide_1 {
      display: block;
    }
     
    .slide_kugel {
      width: 10px;
      height: 10px;
      background-color: white;
      border-radius: 5px;
      float: left;
      opacity: 0.5;
      margin: 5px;
      cursor: pointer;
    }
    
    #slide_kugel_1 {
      opacity: 0.9;
    }

.csc-mailform {
  border: 0px;
}

.csc-mailform-field {
  clear: both;
}

.csc-mailform-field label {
  font-size: 11px; 
  font-family: Verdana, Arial, sans-serif;
  width: 150px;
  float: left;
  text-align: left;
  margin-right: 20px;
  display: block;
  padding: 3px;
}
 
.csc-mailform-submit {
  margin-left: 40%;
  margin-top: 20px;
}

.team a {
  text-decoration:none;
}

.team a:hover {
  text-decoration:none;
 
}

.team a:active {
  text-decoration:none;
}

a:hover { text-decoration: none; }

.indent { padding-left: 15px; }


.dance_bild{width:64px;height:110px;}

blockquote {
  border-width: 0 0 0 4px;
  border-color: #c5c5c5;
  border-style: solid;
  margin-left: 15px;
  padding: 10px;
  padding-left: 15px;
  
}

blockquote p {
  margin: 0;
}

/* Kalender Eventseite */

.calender {
    background:#fff;
    width:303px;
    border:1px solid #B2B2B2;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    margin-left:-4px;
}

* html .calender,
* + html .calender {
    width:392px;
}

.calender div.after,
.calender div.before{
    color:#DDDDDD;
}

.day {
    float:left;
    width:40.8px;
    height:38px;
    line-height: 40px;
    text-align: center;
    cursor:default;
    border:1px solid #fff;
}

.day:hover {
    background:#ccc;
}

.day.headline {
    background:#DDDDDD;
    font-weight:bold;
}

.day.current {
    font-weight:bold;
}
.day.current.eventday {
    background:#ff5016;
    color:#FFF;
    cursor:pointer;
}
.day.normal.eventday {
    background:#ff5016;
    color:#fff;
    cursor:pointer;
}
.clear {
    clear:left;
}

.pagination {
    text-align: center;
    height:auto;
    line-height:20px;
    font-family:verdana;
    font-size:15px;
    font-weight: bold;
    color:#7f7f7f;
}

.pagination_inner {
    padding:10px;
}

.pagination a {
    width:20px;
    height:20px;
    color:#7f7f7f;
}

.clearfix {
  overflow: auto;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}