body {
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}

a {
  text-decoration: underline;
  color: #c0c0c0;

}

a:hover {
  text-decoration: none;
  color: #808080;
}


#wrapper {
  width: 800px;
  text-align: left;
  margin: 0 auto 0 auto;
}

h1, h1 a {
  display: block;
  height: 100%;
  width: 100%;
-webkit-text-size-adjust: none;
}



h2 {
  background: #ffe002;
  font-size:10px;
  font-weight:200;
  letter-spacing:1px;
  text-align:center;
  text-transform: uppercase;
  height: 21px;
  border-bottom: 1px solid black;
  padding-top: 9px;
  position: relative;
  z-index: 10;
-webkit-text-size-adjust: none;
}

h3 {
             font-size: 12px;
             letter-spacing:0;
             font-weight: normal;
             margin: 0 0 10px;
-webkit-text-size-adjust: none;
}

h4 {
  font-weight:800;
  font-size: 11px;
  margin:0 0 0 0;
-webkit-text-size-adjust: none;
}


.rechts .inhalt {
  margin: 10px 10px 10px 10px;

}

.inhalt {
  margin: 10px 10px 10px 10px;

}



.inhalt ul {
  list-style-image: url(pfeil.jpg);
  margin-top: 10px;
}

.inhalt ul li {
   margin-left: 20px;
   margin-bottom: 10px;
}

.inhalt ul li span {
    display: block;
    text-indent: 20px;
    margin-left: -20px;
}

.inhalt ul li span a {
    text-align: left;
    display: inline;
    margin: 0;
}

.inhalt ul li a {
  text-align: right;
  display: block;
  margin-top: -1px;
}


#header {
  background: url(header.jpg) no-repeat;
  height: 146px;
  margin: 20px 0 0 0;
position: relative;
}

#homelink {
position: absolute; bottom:0; right: 0; width: 145px; height: 20px;
}

#main {
  margin-top: 20px;
}


.box {
   border: 1px solid black;
   float: left;


}

.box p {
   margin: 10px 0 0 0;
}


.links {
   width: 180px;
   margin-right: 17px;
      height: 355px;
}

.mitte {
   width: 400px;
   margin-right: 17px;
   height: 355px;
}


.rechts {
   width: 180px;
   height: 355px;

}

.big {
  width: 598px;
  min-height: 355px;
}

h2.zweizeilig {
  height: 28px;
  border-bottom: 1px solid black;
  padding-top: 2px;
  position: relative;
  background: url('/design/balken_CHAT.jpg') no-repeat;
}


#haupt {
  width: 798px;
  margin-top: 15px;
  position: relative;
  padding-bottom: 10px;
}

#haupt2 {
  width: 798px;
  margin-top: 10px;
  position: relative;
  padding-bottom: 10px;
}

.scrollbox {
  height: 230px;
  overflow: auto;
  margin:0;
  padding: 10px;
}

.transkript {
  height: 230px;
  margin:0;
  padding: 0;
}


.videodetails {
  width: 355px;
  float: left;
  margin: 10px 0 0 15px;
  padding:10px;
  position: relative;
  height: 125px;
  z-index: 10;
  cursor: pointer;
}

.videodetails img {
  border: 1px solid black;
  float: left;
}

.videodetails .details {
  float: left;
  width: 218px;
  height: 125px;
  margin-left: 7px;

}


.videodetails h3 {
  font-weight:800;
  text-transform: uppercase;
  font-size: 11px;
  margin:0;
}
.videodetails h4 {
  font-weight:800;
  font-size: 11px;
  margin:10px 0 0 0;
}

.videodetails h4.chatisover  {

}



.termin {
  white-space:nowrap;
}

#kommentarbox {
  width: 798px;
  margin-top: 10px;
  position: relative;
  padding-bottom: 10px;
}


#footer {
  background: #fff;
  height: 150px;
  width: 800px;
  position: relative;
  margin: 20px 0 0 0;

}


#footer1  {
  width: 520px;
position: absolute;
top: 25px; left: 60px;

}

#footer2  {

position: absolute;
top: 15px; right: 90px;

}

.u1 { position: relative; margin-right: 25px; }
.u2 { position: relative; top: -8px; margin-right: 15px; }
.u3 { position: relative; top: 8px; }

.m1 { position: relative; top: 5px; }

#legal {
  margin: 0 0 20px 0;
  text-align: right;
}

#expertendetails {
  margin: 15px 0 0 0;
  width: 378px;
     height: 355px;

}

#expertendetails .inhalt {
       height: 325px;
       overflow: auto;
       margin:0;
}

#expertendetails .expertenbildfloat {
    float: left;
  margin: 15px;
}


#expertendetails .vita {
    float: left;
    width: 195px;
    margin: 15px 10px 10px 0;
     }

#expertendetails .vita h3 {
  display: none;
}





#einzelvideo {
  margin: 15px 17px 0 0;
  width: 400px;
     height: 355px;
}



/*effects*/

div.ahover {
    position: absolute;
    z-index: 9;
    background: #97A1A9;
}

.active {
  background: #D6D9DC;
}

.error {
  background-color: Red;
  color: white;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  padding: 4px;
  margin-top: 10px;
}

#flash {
  z-index: 1;
  position: relative;
}


#flash .alt {
  display: none;
}

#countdown {
  border: 1px solid black;
    background: #ffe002 url('/design/ticker.jpg') no-repeat;
height: 33px;
text-align: center;
font-size: 10px;
  font-weight:200;
  letter-spacing:1px;
  text-transform: uppercase;
margin:15px 0 0 0;
position: relative;
}

#countdown.counter #whento {
  position: absolute; left: 130px;  top: 10px;
}


#countdown .desc {

   margin: 4px 0 0 0;
}


#countdown.counter #defaultCountdown{
  position: absolute; left: 390px; top: -5px; width: auto;white-space:nowrap
}

#countdown.counter #defaultCountdown .countdown_section br {display: none;white-space:nowrap }

#countdown.counter #defaultCountdown .countdown_amount {font-weight: bold;white-space:nowrap }
#countdown.counter #defaultCountdown span {margin-right: 4px;white-space:nowrap }

#countdown a {
  color: black;
  text-decoration: none;
}

#countdown a:hover {
  text-decoration: underline;
}


#tohome {
  border: 1px solid black;
    background: #ffe002;
height: 33px;
text-align: center;
font-size: 10px;
  font-weight:200;
  letter-spacing:1px;
  text-transform: uppercase;
margin:15px 0 0 0;
position: relative;
}

#tohome.counter #whento {
  position: absolute; left: 130px;  top: 10px;
}


#tohome .desc {

   margin: 10px 0 0 0;
}

#tohome a {
  color: black;
  text-decoration: none;
}

#tohome a:hover {
  text-decoration: underline;
}



/*
#cnt_10, #cnt_9 {
  display: none;
}          */


.editbuttonposi {
  position: absolute; right: 0; top: 0;
}

/*Teaser*/

#introbox {
margin: 140px auto 0 auto;


width: 800px;
}

.mitte #introteaser {
  margin-top: 90px;
}

.mitte #introteaser { font-size: 24px; }

.mitte #introteaser .countdown_section { width: 68px  }

.mitte #introteaser #defaultCountdown .countdown_amount {  font-size: 32px;  }

.mitte #introteaser #defaultCountdown {width: 300px; font-size: 20px; padding-left: 15px;  }

.mitte #introteaser #defaultCountdown br { height: 50px;  }


#introbox #header { width: 800px;}

#introteaser {height: 146px; font-size: 14px; text-align: center; margin-top: 15px; line-height: 150%; }

#introteaser #defaultCountdown {background: transparent;width :200px; margin: 15px auto 0 auto; border: 0;}

#impressum { text-align: left; }

#defaultCountdown {background: transparent; width :200px; margin: 15px auto 0 auto; border: 0;}

/*Buttons*/

.btn {
  float: left;
  clear: both;
  background: url(/design/btn_left.png) no-repeat;
  padding: 0 0 0 10px;
  margin: 5px;
}

.btn a{
  float: left;
  height: 30px;
  background: url(/design/btn_stretch.png) repeat-x left top;
  line-height: 25px;
  padding: 0 10px;
  color: #000;
  font-size:10px;
  font-weight:200;
  letter-spacing:1px;
  text-transform: uppercase;
  text-decoration: none;
}

.btn a:hover {
  color: #9F9F9F;
}

.btn span {
  background: url(/design/btn_right.png) no-repeat;
  float: left;
  width: 10px;
  height: 30px;
}

/*comments*/



#comments .comments {
border-top: 1px dotted #ffe002;
background: #c0c0c0;
position: relative;
}

#comments .comments .info {
float: left;
padding: 10px;
width: 100px;
background-color: #c0c0c0;
position: relative;
}
#comments .comments.item0 .text {
background: white url('/design/pfeilcomments.gif') no-repeat -170px 0px;
}


#comments .comments.item1 .text {
padding-left: 50px;
background: white url('/design/pfeilcomments.gif') no-repeat -150px 0px; 
width: 608px;
}

#comments .comments.item2 .text {
padding-left: 70px;
background: white url('/design/pfeilcomments.gif') no-repeat -130px 0px; 
width: 588px;
}

#comments .comments.item3 .text {
padding-left: 90px;
background: white url('/design/pfeilcomments.gif') no-repeat -110px 0px; 
width: 568px;
}

#comments .comments.item4 .text {
padding-left: 110px;
background: white url('/design/pfeilcomments.gif') no-repeat -90px 0px; 
width: 548px;
}

#comments .comments.item5 .text {
padding-left: 130px;
background: white url('/design/pfeilcomments.gif') no-repeat -70px 0px; 
width: 528px;
}


#comments .comments .text {
float: left;
width: 628px;
border-left: 10px solid #ffe002;
padding: 10px 10px 15px 30px;
background: white url('/design/pfeilcomments.gif') no-repeat -170px 0px;
position: relative;
}

#comments .comments .text h3 {
  font-size:10px;
  font-weight:200;
  letter-spacing:1px;
    text-transform: uppercase;
margin: 0;
}

#comments .comments .text .actions {
position: absolute;
bottom: 0;
right: 15px;
}

#comments .newpost {
padding: 15px;
}

#comments .footer{
padding: 15px;
}

#comments .newpost .frm-label {
   font-weight: bold;
   display:block;
   width:150px;
   
}

#comments .newpost .frm-label-checkbox {
   font-weight: normal;
   display:inline;
   
}

#comments .newpost .frm-label-error {
   font-weight: bold;
   color:#CE0010;
   display:block;
   width:150px;
}

#comments .newpost .frm-name, #comments .newpost .frm-email, #comments .newpost .frm-subject {
   width: 400px;
   margin: 0 20px 6px 0;
}

#comments .newpost .frm-message{
  width: 400px;
  height: 100px;
  margin-bottom: 6px;
  overflow: auto;
}

#comments .newpost .frm-submit {
 /* nothing */
}

#comments .newpost .usermsg {
  padding: 4px 8px;
  margin: 8px 0 6px 0;
  font-size: .75em;
  font-weight: bold;;
  color: #CE0010;
  background-color: #FFE8EC;
  border: 1px solid #FFBBC9;
  display:block;
}


/*Ticker*/

.tickercontainer { /* the outer div with the black border */
width: 800px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
top: 10px;
width: 800px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
white-space: nowrap;
padding: 0;
font: bold 10px Verdana;
}


.yellowback {

background: url('/design/countdown_bg.jpg') no-repeat 0 30px;
}

.links h2 {background: url('/design/head_linke_spalte_bg.jpg') no-repeat 0 0; }

.mitte h2 {background: url('/design/head_mittlere_spalte_bg.jpg') no-repeat 0 0; }

.rechts h2 {background: url('/design/head_rechte_spalte_bg.jpg') no-repeat 0 0; }


#linkespalte {
font-size: 11px;
}

#linkespalte a {
  color: black;
  text-decoration: none;
}

#linkespalte a:hover {
  text-decoration: underline;
  color: #808080;
}

.kurzvita {color: black;}



#nuriphone {
  padding: 15px;
  text-align:center;
}

.videodetails.nolink {cursor: auto;}

.desc a {
  color: #000;
}