/*//////////////////////////////////////////////////////////////////////////////
// 
// author:  Christoph Schuessler (cs@hirnstrom.de)
//
// Content:
// 
// 1    browser reset
// 2    typography
// 3.1  layout - container
// 3.2  layout - boxes
// 3.3  layout - headings
// 3.4  layout - lists
// 3.5  layout - tables
// 3.6  layout - flash overlay
// 3.7  layout - buttons
// 3.8  layout - elements & classes
// 3.9  layout - forms
// 4    navigation
//  
//////////////////////////////////////////////////////////////////////////////*/



/* 1   browser reset
------------------------------------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, cite, code, del, em, img, strong, sub, sup, dl, dt, dd, ol, ul,
li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
    margin:         0;
    padding:        0;
    border:         0;
    outline:        0;
    font-weight:    normal;
    font-style:     normal;
    font-size:      100%;
    font-family:    inherit;
    vertical-align: baseline;
}
ol, ul {
    list-style:     none;
}
table {
    border-collapse:separate;
    border-spacing: 0;
}
th, td {
    text-align:     left;
    font-weight:    normal;
}


/* 2    typography
------------------------------------------------------------------------------*/
body {
    font:           normal 0.7em/1.6em Arial, Helvetica, sans-serif;
}
textarea,
select,
input {
    font:           normal 1em/1.2em Arial, Helvetica, sans-serif;
}
#nav-formate a {
    font-size:      1.4em;
    font-weight:    bold;
    text-transform: uppercase;
    color:          #99cc33;
    text-decoration:none;
}
a {
    color:          #990000;
    text-decoration:  underline;
}
#footer a {
    color:          #7c7c7c;
}
a:hover {
    text-decoration:  none;
}
em {
    color:          #990000;
    font-style:     normal;
}
.center {
    text-align:     center;
}
.q {
    font-style:     italic;
}
p {
    color:          #444;
}
#content-oul .overlay-heading,
#content-oul .overlay-heading p,
.home-box p {
    color:          #000;
}
#content-pop10live .overlay-heading,
#content-pop10live .overlay-heading p {
    color:          #fff;
}

/* 3.1    layout - container
------------------------------------------------------------------------------*/
html,body {
    height:         100%; /* Force scrollbars in ff */
    margin-bottom:  1px;
}
body {
    background:     #3d3d3d url(../gfx/bg-body.png) repeat-x center top;
}
#container {
    width:          960px;
    margin:         0 auto;
    position:       relative;
}
#wrapper {
    overflow:       hidden;
    width:          100%;
}
#header {
    background:     url(../gfx/bg-header-ex.png) no-repeat;
    height:         61px;
    position:       relative;
}
#columns {
    margin:         30px 10px;
}
#footer {
    background:     url(../gfx/bg-footer.png) no-repeat;
    height:         49px;
    line-height:    49px;
    text-align:     right; 
    color:          #7c7c7c;
    margin:         20px 0;
    padding:        0 20px;
    clear:          both;  
}
#footer img,
#intro img,
.info img {
    vertical-align: middle;
}
#site-logo {
    width:          150px;
    padding:        34px 0 0 0;
    position:       absolute;
    top:            13px;
    left:           50px;
}
.main,
.single  {
    width:          710px;
    background:     #fff;
    overflow:       hidden;
    float:          left;
    margin:         0 0 0 10px;
}
.single {
    width:          940px;
}
.home {
    width:          710px;
    overflow:       hidden;
    float:          left;
    margin:         0 0 0 10px;
}
#content-oul {
    background:     #fff url(../gfx/bg-content-oul.png) repeat-y;
}
#content-pop10charts {
    background:     #fff url(../gfx/bg-content-pop10charts.png) repeat-y;
}
#content-pop10live {
    background:     #fff url(../gfx/bg-content-pop10live.png) repeat-y;
}
#content-team,
#content-base {
    background:     #fff url(../gfx/bg-content-team.png) repeat-y;
}
.content-small,
.content-home {
    width:          490px;
    float:          left;
}
.content-wide {
    width:          940px;
}
.content-bottom {
    clear:          both;
    height:         20px;
}
#content-oul .content-bottom {
    background:     url(../gfx/bg-bottom-oul.png) no-repeat left bottom;
}
#content-pop10charts .content-bottom {
    background:     url(../gfx/bg-bottom-pop10charts.png) no-repeat left bottom;
}
#content-pop10live .content-bottom {
    background:     url(../gfx/bg-bottom-pop10live.png) no-repeat left bottom;
}
#content-team .content-bottom,
#content-base .content-bottom {
    background:     url(../gfx/bg-bottom-team.png) no-repeat left bottom;
}
#content-videos .content-bottom {
    background:     url(../gfx/bg-bottom-videos.png) no-repeat left bottom;
}
.col2 {
    float:          left;
    width:          235px;
}
#sidebar {
    float:          left;
    width:          220px;
}
.home #sidebar {
    height:         590px;
    background:     url(../gfx/bg-sidebar-home.png) no-repeat;
}
#content-base #sidebar {
    background:     url(../gfx/bg-content-base.png) no-repeat right top;
}


/* 3.2    layout - boxes
------------------------------------------------------------------------------*/
.blank-box {
    margin:         20px 0 40px 0;
}
.clear-box {
    overflow:       hidden;
}
.home-box {
    width:          410px;
    height:         115px;
    margin:         0 10px 10px 0;
    padding:        25px 0 0 70px;
}
#home-box-oul {
    background:     url(../gfx/bg-home-oul.png) no-repeat;
}
#home-box-pop10charts {
    background:     url(../gfx/bg-home-pop10charts.png) no-repeat;
}
#home-box-pop10live {
    background:     url(../gfx/bg-home-pop10live.png) no-repeat;
}
#home-box-news {
    background:     url(../gfx/bg-home-news.png) no-repeat;
}
#home-box-news-text {
    background:     url(../gfx/bg-home-news-text.png) no-repeat;
    overflow:       hidden;
}
#home-box-news a {
    color:          #000;
}
#home-box-news-text p {
    margin:         0 20px 10px 0;
    line-height:    1.2em;
}
.postit-box {
    padding:        0 0 10px 0;
    background:     url(../gfx/bg-postit-box.png) no-repeat right bottom;
    margin:         10px;
    position:       relative;
}
.video-box {
    background:     url(../gfx/bg-video-box.png) no-repeat right bottom;
}
.full-box {
    width:          470px;
}
.half-box {
    width:          215px;
}
.news-wrap {
    min-height:     85px;
    padding:        150px 65px 0 0;
}
.news-wrap-bettina {
    background:     url(../gfx/bg-news-bettina.png) no-repeat;
}
.news-wrap-paul {
    background:     url(../gfx/bg-news-paul.png) no-repeat;
}
.news-wrap-florian {
    background:     url(../gfx/bg-news-florian.png) no-repeat;
}
.news-wrap-susi {
    background:     url(../gfx/bg-news-susi.png) no-repeat;
}
.musikwunsch-wrap {
    background: url(../gfx/bg-musikwunsch.png) no-repeat;
    height:     74px;
    padding:    22px 160px 0 0;    
}
.list-box,
.news-box,
.team-box,
.video-wrap-box {
    background-color: #f2f2f2;
}
.video-wrap-box {
    padding-bottom: 20px;
}
.is-box {
    display:        block;
    height:         0px;
    overflow:       hidden;
}
#intro {
    margin:         20px;
    font-size:      1.25em;
    line-height:    1.6em;    
}
.text-box p {
    margin:         0 20px 20px 20px !important;
}
.text-box h3 {
    margin:         0 20px 5px 20px !important;
}
.text-box blockquote p {
    font-size:      1.8em;
    font-style:     italic;
    padding:        30px 0 10px 30px !important;
    background:     url(../gfx/bg-blockquote.png) no-repeat;
    color:          #000;
}
#twitter_div {
    position:       absolute;
    width:          200px;
    height:         50px;
    right:          20px;
    top:            7px;
    line-height:    1.1em;
    font-size:      0.9em;
    color:          #999;
    overflow:       hidden;
}
#twitter_div li {
    height:         50px;
    overflow:       hidden;
    margin-bottom:  20px;
}
#twitter_div li span {
    word-wrap:      break-word;
    word-break:     break-all;
    text-transform: lowercase;
}
#twitter_div a {
    color:          #999 !important;
}
.info {
    border-top:     1px solid #d0d0d0;
    border-bottom:  1px solid #d0d0d0;
    padding:        15px;
    margin:         0 10px 0px 10px;
    background:     #f7f7f7 url(../gfx/bg-archiv.png) repeat-x;
    font-size:      1.2em;
}
.reply {
    border-top:     1px solid #d0d0d0;
    border-bottom:  1px solid #d0d0d0;
    padding:        10px;
    margin:         10px 0;
    background:     #f7f7f7 url(../gfx/bg-archiv.png) repeat-x;
}
.video-box {
    width:          290px;
    float:          left;
    margin:         10px;
}
.video-box-wrap {
    padding:        10px;
    background:     #adadad url(../gfx/bg-video-box-blank.png) repeat-x;
}
.flowplayer {
    display:        block;
    width:          270px;
    height:         220px;
}
.video-box:last-child {
    margin:         10px 5px;
}
#video-box-oul .video-box-wrap {
    background:     #7abafa url(../gfx/bg-video-box-oul.png) repeat-x;
}
#video-box-pop10live .video-box-wrap {
    background:     #99cc33 url(../gfx/bg-video-box-pop10live.png) repeat-x;}
#video-box-pop10charts .video-box-wrap {
    background:     #ffd900 url(../gfx/bg-video-box-pop10charts.png) repeat-x;
}
#mod-marcel {
    background:     url(../gfx/mod-marcel.png) no-repeat;
}
#mod-maurice {
    background:     url(../gfx/mod-maurice.png) no-repeat;
}
#mod-paul {
    background:     url(../gfx/mod-paul.png) no-repeat;
}
#mod-florian {
    background:     url(../gfx/mod-florian.png) no-repeat;
}
#mod-bettina {
    background:     url(../gfx/mod-bettina.png) no-repeat;
}
#mod-bruno {
    background:     url(../gfx/mod-bruno.png) no-repeat;
}
#mod-susi {
    background:     url(../gfx/mod-susan.png) no-repeat;
}
.scroll {
    overflow:       auto;
    height:         180px;
}
#content-oul .scroll {
    border-bottom:  1px solid #5992cb;
}
#content-pop10charts .scroll {
    border-bottom:  1px solid #e1c10b;
}
#content-pop10live .scroll {
    border-bottom:  1px solid #8db242;
}



/* 3.3    layout - headings
------------------------------------------------------------------------------*/
.content-small h1 {
    width:          490px;
    padding-top:    45px;
    height:         0px !important;
    overflow:       hidden;
    margin:         0 0 20px 0;
}
.content-wide h1 {
    width:          940px;
    padding-top:    45px;
    height:         0px !important;
    overflow:       hidden;
    margin:         0 0 20px 0;
}
#h1-oul-1 {
    background:     url(../gfx/h1-oul-1.png) no-repeat;
}
#h1-oul-2 {
    background:     url(../gfx/h1-oul-2.png) no-repeat;
}
#h1-pop10charts-1 {
    background:     url(../gfx/h1-pop10charts-1.png) no-repeat;
}
#h1-pop10charts-2 {
    background:     url(../gfx/h1-pop10charts-2.png) no-repeat;
}
#h1-pop10charts-3 {
    background:     url(../gfx/h1-pop10charts-3.png) no-repeat;
}
#h1-pop10live-1 {
    background:     url(../gfx/h1-pop10live-1.png) no-repeat;
}
#h1-pop10live-2 {
    background:     url(../gfx/h1-pop10live-2.png) no-repeat;
}
#h1-pop10live-3 {
    background:     url(../gfx/h1-pop10live-3.png) no-repeat;
}
#h1-videos {
    background:     url(../gfx/h1-videos.png) no-repeat;
}
#h1-team-1 {
    background:     url(../gfx/h1-team-1.png) no-repeat;
}
#h1-team-2 {
    background:     url(../gfx/h1-team-2.png) no-repeat;
}
#h1-kontakt {
    background:     url(../gfx/h1-kontakt.png) no-repeat;
}
#h1-datenschutz {
    background:     url(../gfx/h1-datenschutz.png) no-repeat;
}
#h1-sendereichweiten {
    background:     url(../gfx/h1-sendereichweiten.png) no-repeat;
}
#h1-sidebar-moderatoren {
    background:     url(../gfx/h1-sidebar-moderatoren.png) no-repeat;
    width:          220px;
    padding-top:    45px;
    height:         0px !important;
    overflow:       hidden;
}
h2 {
    font-size:      1.6em;
    font-weight:    bold;
}
h2.name {
    font-size:      2.2em;
    font-weight:    bold;
    margin:         5px 10px;
    padding:        15px 0 0 0;
    width:          270px !important;
}
.content-home h2 {
    margin:         0 0 10px 0;
}
.list-box h2 {
    padding-top:    25px;
    height:         0px !important;
    overflow:       hidden;
    margin:         0 0 10px 0;
}
#content-videos h2 {
    font-size:      2.2em;
    font-weight:    bold;
    margin:         0 10px;
    padding:        20px 0 5px 0;
    clear:          both;
    border-bottom:  1px solid #ddd;
    margin:         0 10px 20px 10px;
}
.half-box h2 {
    width:          215px;
}
.full-box h2 {
    width:          470px;
}
#h2-oul-1-1 {
    background:     url(../gfx/h2-oul-1-1.png) no-repeat;
}
#h2-pop10charts-1-1 {
    background:     url(../gfx/h2-pop10charts-1-1.png) no-repeat;
}
#h2-pop10charts-2-1 {
    background:     url(../gfx/h2-pop10charts-2-1.png) no-repeat;
}
#h2-pop10charts-3-1 {
    background:     url(../gfx/h2-pop10charts-3-1.png) no-repeat;
}
#h2-pop10live-1-1 {
    background:     url(../gfx/h2-pop10live-1-1.png) no-repeat;
}
#h2-pop10live-1-2 {
    background:     url(../gfx/h2-pop10live-1-2.png) no-repeat;
}
#h2-pop10live-1-3 {
    background:     url(../gfx/h2-pop10live-1-3.png) no-repeat;
}
#h2-pop10live-2-1 {
    background:     url(../gfx/h2-pop10live-2-1.png) no-repeat;
}
#h2-sendereichweiten-1 {
    background:     url(../gfx/h2-sendereichweiten-1.png) no-repeat;
}
h3 {
    font-size:      1.1em;
    font-weight:    bold;
}
h3.big {
    font-size:      1.3em;
}
.video-box h3 {
    margin:         10px 0 0 0;
    font-size:      1.2em;
}
h3 .mute {
    color:          #666;
    font-size:      0.8em;
}
h4 {
    margin:         20px 0 10px 10px;
}
#h4-1 {
    width:          107px;
    padding-top:    29px;
}
#h4-2 {
    width:          81px;
    padding-top:    28px;
}
#h4-3 {
    width:          120px;
    padding-top:    28px;
}

#h4-newsletter {
    width:          97px;
    padding-top:    30px;
    background:     url(../gfx/h4-home-1.png) no-repeat;
}
#h4-facebook {
    width:          97px;
    padding-top:    30px;
    background:     url(../gfx/h4-home-2.png) no-repeat;
}
#content-oul #h4-1 {
    background:     url(../gfx/h4-oul-1.png) no-repeat;
}
#content-pop10charts #h4-1 {
    background:     url(../gfx/h4-pop10charts-1.png) no-repeat;
}
#content-pop10live #h4-1 {
    background:     url(../gfx/h4-pop10live-1.png) no-repeat;
}
#content-oul #h4-2 {
    background:     url(../gfx/h4-oul-2.png) no-repeat;
}
#content-pop10charts #h4-2 {
    background:     url(../gfx/h4-pop10charts-2.png) no-repeat;
}
#content-pop10live #h4-2 {
    background:     url(../gfx/h4-pop10live-2.png) no-repeat;
}
#content-pop10charts #h4-3 {
    background:     url(../gfx/h4-home-2.png) no-repeat;
}
#content-pop10live #h4-3 {
    background:     url(../gfx/h4-home-2.png) no-repeat;
}
h5 {
    font-weight:    bold;
    color:          #000;
}
.fit {
    margin-bottom:  1px !important;
}

/* 3.4    layout - lists
------------------------------------------------------------------------------*/
.list-box li {
    border-bottom:  1px solid #fff;
    line-height:    1.2em;
    padding:        3px 0;
}
.news-box ul {
    padding-left:       15px;
    margin-bottom:      10px;
}
.news-box li {
    list-style-image:   url(../gfx/li-news.png);
    line-height:    1.2em;
    padding:        3px 0;
}
.icon {
    float:          left;
    margin:         0 3px 0 0;
}
#sidebar .item {
    margin:         0 10px 20px 10px;
    color:          #444;
}
#content-oul #sidebar li {
    border-bottom:  1px solid #5992cb;
    padding:        5px 0;
}
#content-pop10charts #sidebar li {
    border-bottom:  1px solid #e1c10b;
    padding:        5px 0;
}
#content-pop10live #sidebar li {
    border-bottom:  1px solid #8db242;
    padding:        5px 0;
}
#sender {
    font-size:      0.9em;
    line-height:    1.2em;
}
.list-image li {
    overflow:       hidden;
    width:          100%;
}
.list-image .image {
    float:          left;
    width:          120px;
}
.list-image .text {
    float:          left;
    width:          330px;
}
.list-image .image img {
    width:          120px;
    height:         100px;
    background:     #ddd;
}
#moderatoren {
    margin:         0 0 0 2px;
}
#moderatoren li {
    border-bottom:  1px solid #fff;
}
#moderatoren li a {
    display:        block;
    width:          100%;
    text-align:     center;
    height:         65px;
    line-height:    65px;
    text-decoration:    none;
    font-weight:    bold;
    background-repeat:  no-repeat;
    font-size:      1.1em;
}
#moderatoren li a:hover {
    background-color:   #e9e9e9;
}
#moderatoren li.even a {
    background-position:    90% bottom;
}
#moderatoren li.odd a {
    background-position:    10% bottom;
}
#moderatoren li a#team-marcel {
    background-image: url(../gfx/li-team-marcel.png);
}
#moderatoren li a#team-maurice {
    background-image: url(../gfx/li-team-maurice.png);
}
#moderatoren li a#team-paul {
    background-image: url(../gfx/li-team-paul.png);
}
#moderatoren li a#team-florian {
    background-image: url(../gfx/li-team-florian.png);
}
#moderatoren li a#team-bettina {
    background-image: url(../gfx/li-team-bettina.png);
}
#moderatoren li a#team-bruno {
    background-image: url(../gfx/li-team-bruno.png);
}

#moderatoren li a#team-susi {
    background-image: url(../gfx/li-team-susi.png);
}

/* 3.5    layout - tables
------------------------------------------------------------------------------*/
table.listing,
table.charts {
    width:          100%;
    position:       relative;
}
table.voting {
    margin:         0 0 10px 0;
}
.listing td {
    padding:        10px;
    background:     #f2f2f2;
    overflow:       hidden;
    clear:          both;
    vertical-align: middle;   
}
#content-pop10live .listing td,
#content-base .listing td,
#content-pop10charts .results td,
td.bordered {
    border-bottom:  1px solid #fff;
}
#content-pop10charts .listing .even td {
    background:     #f2f0e1;
}
#content-pop10live .listing .even td {
    background:     #edf2e1;
}
.tooltip {
    position:       absolute;
    left:           5%;
    margin-top:     -1px;
    width:          90%;
    z-index:        100;
    display:        none;
}
.tooltip td {
    border:         1px solid #fff;
    border-top:     0px;
    padding:        10px;
}
#content-pop10charts .over td {
    background:     #ffec82 !important;
}
#content-pop10live .over td {
    background:     #def9a7 !important;
}
.charts td {
    border-bottom:  1px solid #fff;
    background:     #f2f2f2;
    height:         100px !important;
    vertical-align: top;   
}
.charts td.position {
    width:          120px;
    text-align:     center;
}
.charts td.position .current {  
    display:        block;
    padding:        30px 0 0 0;
    font-size:      4em;
    font-weight:    bold; 
}
.charts td.position .change {
    font-size:      1.3em;
    color:          #96883b;
    text-transform: uppercase;
    font-weight:    bold; 
}
#pos1 {
    background:     #ffd900;
}
#pos2 {
    background:     #fedc1b;
}
#pos3 {
    background:     #fcdf36;
}
#pos4 {
    background:     #fbe151;
}
#pos5 {
    background:     #f9e46c;
}
#pos6 {
    background:     #f8e786;
}
#pos7 {
    background:     #f6eaa1;
}
#pos8 {
    background:     #f5ecbc;
}
#pos9 {
    background:     #f3efd7;
}
#pos10 {
    background:     #f2f2f2;
}
.charts td.image {
    width:          120px;
}
.charts td.image img {
    margin-bottom:  -5px;
}
.charts td h3 {
    margin-top:     10px;
}
.percentage-wrap {
    width:          300px;
    height:         22px;
    background:     #fff url(../gfx/bg-percentage-wrap.png) repeat-x;
    float:          left;
}
.percentage {
    height:         22px;
    background:     #ffd900 url(../gfx/bg-percentage.png) repeat-x;
}
.percentage-count {
    color:          #998b3d;
    font-weight:    bold;
    padding:        0 0 0 10px;
    line-height:    22px;
    font-size:      1.3em;
}

.sendereichweiten-highlight td {
  background-color: #c9c9c9;
}

.sendereichweiten-hover td {
  background-color: #d5d5d5;
}

/* 3.6    layout - flash overlay
------------------------------------------------------------------------------*/
.overlay {
    position:       absolute;
    top:            0px;
    left:           0px;
    width:          470px;
}
#content-oul .overlay {
    height:         290px;
}
#content-pop10live .overlay {
    height:         80px;
}
.overlay-text {
    background:     #f2f2f2;
    opacity:        0.7;
    filter: alpha(opacity = 70);
    padding:        10px 0;
    position:       absolute;
    -moz-border-radius:     10px;
    -khtml-border-radius:   10px;
    -webkit-border-radius:  10px;
    border-radius:          10px;
}
#content-oul .overlay-text {
    left:           10px;
    bottom:         10px;
    width:          450px;
}
#content-pop10live .overlay-text {
    left:           10px;
    bottom:         -200px;
    width:          300px;
}
.overlay-heading {
    position:       absolute;
    left:           0;
    top:            40px;
}
#content-oul .overlay-heading {
    width:          300px;
}
#content-pop10live .overlay-heading {
    width:          300px;
}

#flv-player-overlay {
    position:       absolute;
    top:            0;
    left:           0;
    right:          0;
    background:     #fff;
    height:         100%;
    display:        none;
}
#flv-player-wrap {
    margin:         0 auto 30px auto;
    width:          1035px;
}
#play{
    width:          1035px;
    height:         700px;
    background:     url(../gfx/loading.gif) no-repeat center 20%;
    display:        block;
}
#player-close {
    width:          960px;
    height:         61px;
    background:     url(../gfx/bg-videoplayer-head.png) no-repeat;
    margin:         0 37px 30px 38px;
    position:       relative;
}
#player-close a {
    position:       absolute;
    right:          20px;
    top:            27px;
    color:          #fff;
    font-weight:    bold;
    font-size:      1.2em;        
}
#player-title {
    position:       absolute;
    left:           220px;
    top:            27px;
    color:          #666;
    font-weight:    bold;
    font-size:      1.6em;        
}


/* 3.7    layout - buttons
------------------------------------------------------------------------------*/
.button {
    height:         35px;
    line-height:    35px;
    padding:        0 45px 0 10px;
    font-weight:    bold;
    font-size:      1.2em;
    display:        block;
    text-decoration:    none;
    float:          right;
}
.button-ok {
    background:     #fff url(../gfx/button-ok.png) no-repeat right top;
}
.button-ok:hover {
    background:     #990000 url(../gfx/button-ok.png) no-repeat right top;
    color:          #fff;
}
.button-ok:active {
    background:     #990000 url(../gfx/button-ok.png) no-repeat right -35px;
    color:          #fff;
}
.button-vote {
    background:     #f2f2f2 url(../gfx/button-vote.png) no-repeat right top;
}
.button-vote:hover {
    background:     #990000 url(../gfx/button-vote.png) no-repeat right top;
    color:          #fff;
}
.button-vote:active {
    background:     #990000 url(../gfx/button-vote.png) no-repeat right -35px;
    color:          #fff;
}
.button-charts {
    background:     #f2f2f2 url(../gfx/button-charts.png) no-repeat right top;
}
.button-charts:hover {
    background:     #990000 url(../gfx/button-charts.png) no-repeat right top;
    color:          #fff;
}
.button-charts:active {
    background:     #990000 url(../gfx/button-charts.png) no-repeat right -35px;
    color:          #fff;
}
.button-t {
    margin:         0 0 20px 10px;
    float:          left;
    display:        block;
}


/* 3.8    layout - elements & classes
------------------------------------------------------------------------------*/
.overlay-heading h2,
.content-small h3,
.content-small p,
.content-small ul {
    margin:         0 10px 10px 10px;
}
strong {
    font-weight:    bold;
}
object {
    margin:         0 0 -5px 0;
}
.no-filter {
    filter:         none !important;
}
.caption {
    background:     #fff url(../gfx/bg-caption.png) repeat-y;
    text-align:     center;
    padding:        5px 0;
}
#content-oul .caption {
    color:          #297acc;
}
#content-pop10charts .caption {
    color:          #c3a708;
}
#content-pop10live .caption {
    color:          #5d801a;
}
.musikwunsch-wrap p {
    color:          #5d801a;
}
.mrg-bot {
    margin-bottom:     45px!important;
}
#placeholder {
    display:        block;
    float:          right;
    width:          180px;
    height:         340px;
}
.shouter {
    font-size:      0.9em;
    line-height:    1.2em;
    font-weight:    bold;
}
#content-pop10live .shouter,
#content-pop10live .date {
    color:          #5d801a;
}
.date {
    font-size:      0.9em;
    line-height:    1.2em;
    font-style:     italic;
}

#gmap-sendereichweiten {
    position:       relative;
    width:          inherit - 10px;
    height:         540px;
    border:         1px solid #444444;
    margin-bottom:  12px;
}

/* 3.9    layout - forms
------------------------------------------------------------------------------*/
form#archiv {
    border-top:     1px solid #d0d0d0;
    border-bottom:  1px solid #d0d0d0;
    padding:        15px;
    margin:         0 10px 0px 10px;
    background:     #f7f7f7 url(../gfx/bg-archiv.png) repeat-x;
}
#archiv input,
#archiv select {
    margin:         0 6px 0 0;
}
#newsletter #email,
#musikwunsch input {
    width:          160px;
    height:         12px;
    border:         0px;
    color:          #848484;
    padding:        5px 10px;
    background:     #fff url(../gfx/input-newsletter.png) no-repeat;
}
#musikwunsch textarea {
    width:          160px;
    height:         72px;
    border:         0px;
    color:          #848484;
    padding:        5px 10px;
    background:     #fff url(../gfx/textarea-musikwunsch.png) no-repeat;
}
#newsletter div,
#musikwunsch div {
    margin:         0 0 10px 0;
}
#newsletter #submit,
#musikwunsch #submit,
#shoutbox #submit {
    color:          #696969;
    width:          105px;
    height:         24px;
    cursor:         pointer;
    background:     #fff url(../gfx/button-submit.png) no-repeat;
    border:         0px;
}
#newsletter #submit:hover,
#musikwunsch #submit:hover,
#shoutbox #submit:hover {
    background:     #fff url(../gfx/button-submit.png) no-repeat left bottom;
    color:          #8a8a8a;
}
#shoutbox {
    margin:         20px 0 0 0;
}
#shoutbox #name {
    width:          163px;
    height:         12px;
    border:         0px;
    color:          #848484;
    padding:        5px 10px;
}
#content-oul #shoutbox #name {
    background:     #fff url(../gfx/input-oul.png) no-repeat;
}
#content-pop10charts #shoutbox #name {
    background:     #fff url(../gfx/input-pop10charts.png) no-repeat;
}
#content-pop10live #shoutbox #name {
    background:     #fff url(../gfx/input-pop10live.png) no-repeat;
}
#shoutbox textarea {
    width:          163px;
    height:         72px;
    border:         0px;
    color:          #848484;
    padding:        5px 10px;
    margin:         4px 0 0 0;
}
#content-oul #shoutbox textarea {
    background:     #fff url(../gfx/textarea-oul.png) no-repeat;
}
#content-pop10charts #shoutbox textarea {
    background:     #fff url(../gfx/textarea-pop10charts.png) no-repeat;
}
#content-pop10live #shoutbox textarea {
    background:     #fff url(../gfx/textarea-pop10live.png) no-repeat;
}
#content-oul #shoutbox #submit {
    background:     #fff url(../gfx/button-submit-oul.png) no-repeat;
}
#content-oul #shoutbox #submit:hover {
    background:     #fff url(../gfx/button-submit-oul.png) no-repeat left bottom;
}
#content-pop10charts #shoutbox #submit {
    background:     #fff url(../gfx/button-submit-pop10charts.png) no-repeat;
}
#content-pop10charts #shoutbox #submit:hover {
    background:     #fff url(../gfx/button-submit-pop10charts.png) no-repeat left bottom;
}
#content-pop10live #shoutbox #submit {
    background:     #fff url(../gfx/button-submit-pop10live.png) no-repeat;
}
#content-pop10live #shoutbox #submit:hover {
    background:     #fff url(../gfx/button-submit-pop10live.png) no-repeat left bottom;
}


/* 4    navigation
------------------------------------------------------------------------------*/
.no-js {
    visibility:     hidden;
}
.js-alert {
    padding:        10px;
    background:     #ebe280;
    border-bottom:  1px solid #999;
    text-align:     center;
    font-size:      110%;
}
#nav-main {
    position:       absolute;
    top:            -10px;
    left:           240px;
}
#nav-main li {
    float:          left;
    background:     url(../gfx/bg-nav-main-ex.png) no-repeat;
    margin:         10px 10px 0 0;
    overflow:       hidden;
}
#nav-main li a {
    width:          115px;
    padding:        71px 0 0 0;
}
#nav-main li a#nav-shows {
    background:     transparent url(http://pop10live.de/assets/gfx/nav-main-shows-ex.png) no-repeat center 34px;
}
#nav-main li a#nav-videos {
    background:     transparent url(http://pop10live.de/assets/gfx/nav-main-videos-ex.png) no-repeat center 34px;
}
#nav-main li a#nav-team {
    background:     transparent url(http://pop10live.de/assets/gfx/nav-main-team-ex.png) no-repeat center 34px;
}
#nav-main li a#nav-blog {
    background:     transparent url(http://pop10live.de/assets/gfx/nav-main-blog-ex.png) no-repeat center 34px;
}
#nav-formate {
    float:          left;
}
#nav-formate li.nav-format,
#nav-formate li.nav-format ul {
    width:          220px;
    height:         140px;
    overflow:       hidden;
    display:        block;
}
.nav-format {
    margin:         0 0 10px 0;
}
#nav-box-oul {
    background:     url(../gfx/bg-nav-formate-oul.png) no-repeat;
    margin:         0 0 10px 0;
}
#nav-box-pop10charts {
    background:     url(../gfx/bg-nav-formate-pop10charts.png) no-repeat;
    margin:         0 0 10px 0;
}
#nav-box-pop10live {
    background:     url(../gfx/bg-nav-formate-pop10live.png) no-repeat;
    margin:         0 0 10px 0;
}
#nav-box-news {
    background:     url(../gfx/bg-nav-formate-news.png) no-repeat;
    margin:         0 0 10px 0;
}
#nav-oul {
    background:     url(../gfx/bg-nav-formate-oul-hover.png) no-repeat;
}
#nav-pop10charts {
    background:     url(../gfx/bg-nav-formate-pop10charts-hover.png) no-repeat;
}
#nav-pop10live {
    background:     url(../gfx/bg-nav-formate-pop10live-hover.png) no-repeat;
}
#nav-news {
    background:     url(../gfx/bg-nav-formate-news-hover.png) no-repeat;
}
#nav-box-oul.selected {
    background:     url(../gfx/bg-nav-formate-oul-selected.png) no-repeat;
}
#nav-box-pop10charts.selected {
    background:     url(../gfx/bg-nav-formate-pop10charts-selected.png) no-repeat;
}
#nav-box-pop10live.selected {
    background:     url(../gfx/bg-nav-formate-pop10live-selected.png) no-repeat;
}
#nav-box-news.selected{
    background:     url(../gfx/bg-nav-formate-news-selected.png) no-repeat;
}

.nav-format-items a {
    margin:         0 0 1px 0;
}
.nav-format-items.items-3 a {
    padding-top:    46px;
}
.nav-format-items.items-2 a {
    padding-top:    69px;
}
.nav-format-items.items-1 a {
    padding-top:    46px;
    margin-top:     46px;
}
#nav-oul .nav-1 a {
    background:     url(../gfx/bg-nav-formate-oul-1.png) no-repeat;
}
#nav-oul .nav-3 a {
    background:     url(../gfx/bg-nav-formate-oul-2.png) no-repeat;
}
#nav-pop10charts .nav-1 a {
    background:     url(../gfx/bg-nav-formate-pop10charts-1.png) no-repeat;
}
#nav-pop10charts .nav-2 a {
    background:     url(../gfx/bg-nav-formate-pop10charts-2.png) no-repeat;
}
#nav-pop10charts .nav-3 a {
    background:     url(../gfx/bg-nav-formate-pop10charts-3.png) no-repeat;
}
#nav-pop10live .nav-1 a {
    background:     url(../gfx/bg-nav-formate-pop10live-1.png) no-repeat;
}
#nav-pop10live .nav-2 a {
    background:     url(../gfx/bg-nav-formate-pop10live-2.png) no-repeat;
}
#nav-pop10live .nav-3 a {
    background:     url(../gfx/bg-nav-formate-pop10live-3.png) no-repeat;
}
#nav-news .nav-2 a {
    background:     url(../gfx/bg-nav-formate-news-1.png) no-repeat center;
}