body{
margin:0; padding:0; background:#000 url(../images/layout/bg4.png) repeat-x 0 0;
font:1em verdana,sans-serif; color:green; border-top:1px solid #000;
}
#all{
background:url(../images/layout/tgSchrift2BETA.png) no-repeat 0 14px;
width:50em; margin:0 auto 0 auto;
}
#left{
float:left; margin-top:56px;
}
#right{
float:right; width:230px; margin-top:56px;
}
#right #tt{
background:url(../images/layout/bgLayer4.png) repeat 0 0;
margin-top:2px; height:226px; border:1px solid #ccc;
}
#right .tgSchrift img{
margin-top:20px;
}
#right .zitat,#right .tip{
margin-top:2px; font:italic 80%/1.5 sans-serif; border:1px solid #ccc;
color:#f6f6f6; padding:10px; background-color:#5b7100;
}
#right .tip{
font-size:90%; font-style:normal; background-color:#262613;
}
#right .tipbadge{
position:relative; float:right; margin-right:-20px; margin-top:-30px;
}
#right .tip p{
margin:0; margin-bottom:1px; font-size:90%; border:1px dotted #ccc;
border-left:0; border-right:0; padding:5px 0;
}
#right .tip span{
display:block; font-style:italic;
}
#right .tip a, #news a,#lps a,#singles a,#live a,#videos a,#dokus a{
display:block; font-size:90%; color:#ff6600; text-decoration:none;
}
#right .tip a:hover{
text-decoration:underline;
}

#right .tip h2{
font-size:100%; margin:0; padding:0;
}
#right .zitat .artist{
margin-top:10px; font-size:80%; display:block; font-style:normal;
}
#right .tgLogo img{
position:relative; margin:10px 0px 10px 8px;
}
#right .spread{
border:3px double #c0c0c0; margin-top:2px; background-color:#fff;
}
#right .spread img{
border:0;
}
#right .spread a{
display:block; position:relative; font:800 100% serif; letter-spacing:2px;
color:#000; text-decoration:none; padding-left:10px;
}
#right .spread a span{
font:70% arial,sans-serif; font-weight:normal; display:block;
}
#right .mytubecharts{
margin-top:2px; border:3px double #c0c0c0; padding:10px; background-color:#fff;
font:70% verdana,sans-serif; color:#000;
}
#right .mytubecharts a{
display:block; color:#5B7100; text-decoration:none; font-weight:normal;
margin-top:5px;
}
#right .mytubecharts a:hover{
text-decoration:underline;
}
#right .mytubecharts p{
border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0; padding:8px 0 7px 0;
margin:-1px 0; clear:both; height:50px; font-weight:bold;
}
#right .mytubecharts .firstchart{
border-top:1px solid #c0c0c0;

}
#right .mytubecharts p img{
border:1px solid #ccc; padding:1px; width:60px;height:45px; float:left;
background:url(../images/layout/streamunavailableSmall.png) no-repeat 50% 50%;
}
#right .mytubecharts span{
vertical-align:top; width:135px; display:block; float:right;
}
#right .spezial{
background-color:#262613; text-align:center; border:1px solid #ccc; margin-top:2px;
padding:10px;
}
#right .spezial .spezialBadge{
position:relative;top:69px;margin-top:-79px;left:-10px;z-index:2;float:left;
}
#right .spezial .spezialImage{
border:1px solid #ccc;padding:1px;
}
#right .konzertCounter{
background-color:#262613; border:1px solid #ccc; margin-top:2px;
padding:10px; font: 80%/1.5 sans-serif; color:#fff;
}
#right .konzertCounter span{
display:block;
}
#right .konzertCounter h2{
font-size:100%; margin:0; padding:0;font-style:italic;text-decoration:underline;
}
#right .konzertCounter .countdown{
color:#A3BD53;font-size:80%;
}
#right .konzertCounter img{
float:left;margin-right:6px;
}
#content .streamAv{
width:140px; padding:1px; float:left; font-size:12px; text-align:center;
border:1px dotted #606030; height:128px;
background:url(../images/layout/streamunavailable.png) no-repeat 50% 1px;
}
#content .streamAv a{
color:#ccc; text-decoration:none;
}
#content .streamAv a:hover{
text-decoration:none;
}
#content .streamAv img{
height:97px;
width:130px;
border:0; margin-bottom:3px;
}
#data{
margin:10px 0;
}
#data .articleData{
margin-right:5px; padding:5px; float:left; font:12px/2 arial,sans-serif;
border:1px dotted #606030; height:120px;
}
#data .articleData .leftData{
float:left;width:50px;text-align:right;margin-right:3px;
}
#data .articleData .rightData{
display:block;float:left;
}
#content .streams .streamNavigation{
margin-top:5px; border:1px solid #606030; color:#606030; width:429px; padding:0;
height:28px;
}
#content .streams .streamNavigation a{
color:#ff6600; font-size:12px; padding:3px 10px; display:block;
float:left; border-right:1px solid #606030;

}
#content .streams .streamNavigation a:hover{
background-color:#262613; color:#ccc;
}
#content .streams .streamNavigation .middle{
border-top:0; border-bottom:0;
}
#content .streams{
margin-top:30px;
}
#left #content h1{
font:italic 100% sans-serif; text-transform: capitalize
}
#left #content h2{
margin:1.5em 0; font:italic 100% "Trebuchet MS",monospace;
}
#content .cover{
position:relative; left:-47px; float:left; margin:-3px -38px -13px 0px;
}
#content .impressum,#content .kontakt, #content .suche{
border:1px solid #606030; padding:10px;
}
#content .impressum p,#content .kontakt p, #content .suche p{
font-size:12px; text-align:left;
}
#content .kontakt .captcha{
display:inline;
}
#content .kontakt #captchatext{
width:60px;
}
#content .kontakt .unsichtbar{
display:none;
}
#content .kontakt .captcha span{
float:left; margin:-1px;
}
#content .impressum a{
color:#ff6600;
}
#content .kontakt fieldset,#content .suche fieldset{
border:0;
}
#content .kontakt .meldung,#content .suche .meldung{
color:#ff9900; margin-left:55px;
}
#content .kontakt legend,#content .suche legend{
display:none;
}
#content .kontakt span,#content .suche span{
display:block; margin-bottom:5px;
}
#content .kontakt label{
width:50px; display:block; float:left; text-align:right; padding-right:5px;
}
#content .kontakt input[type='text'],#content .kontakt textarea,#content .suche input[type='text']{
width:300px; font:90% arial,sans-serif; background-color:transparent;
color:#ccc; border:1px solid #606030; padding-left:2px;
}
#content .kontakt input[type='submit'],#content .suche input[type='submit']{
background-color:#5B7100; border:1px solid #ccc; color:#ccc;
margin-left:55px;
}
#content .suche a{
font-size:10px;
}
#content .suche input[type='submit']{
margin:0;
}
#content .kontakt textarea{
height:10em;
}
#content .suche .meldung{
margin-left:0;
}
#content .suche .getit{
display:inline; color:#ff6600
}
#content .suche a{
color:#A3BD53; font:12px verdana,sans-serif;
}
#content .suche p{
margin-left:10px;
}
#content .suche label{
display:inline;
}
#keyNo{
display:none;
}
#key{
font:12px monospace; white-space:pre; border:1px solid #606030; background-color:#000;
color:#fff; padding:10px; margin:0px;
}
#content .imagelist #zoomer{
color:#A3BD53; cursor:pointer;
}
#content .imagelist #zoomer span{
color:#e6e6e6;
}
#content .imagelist p{
margin:0;
}
#content .imagelist .nativ{
height:107px; width:137px; border:2px solid #e6e6e6; margin-bottom:9px; padding:1px;
}
#content .imagelist{
width:141px; float:left; margin:-8px 12px 0 0; background-color:#000;
font:bold 80% arial,sans-serif;
}
#content .playlist{
width:170px; float:left; text-align:left; font-size:100%;
margin:12px 8px 0px 0; border:1px solid #606030
}
#content .playlist h3 span{
display:inline; background-color:#000; padding:0 3px 0 3px
}
#content .playlist h3{
font-size:100%; margin:-13px 0 0px -3px; padding: 0px 5px; color:#98B146;
font-style:italic
}
#content .playlist img{
float:right;
margin:-14px -1px 0 0;
}
#content .playlist span{
padding:0 5px 0 5px;
}
#content .playlist .last{
margin:7px 3px; padding:9px 0 0 0px; font-size:9px; border-top:1px dotted #606030;
}
#content .playlist .last span{
display:inline;
}
#content .hit:after{
content:"!!!"; color:#ff6600; font:9px arial,sans-serif; position:relative;
top:-5px; margin-left:3px;
}
#content .playlist span{
display:block; cursor:pointer;
}
#news,#lps,#singles,#live,#videos,#dokus{
padding:10px 10px 0px 10px; margin-bottom:10px; margin-left:0px;
border:1px solid #606030; font-size:12px;
}
#news img,#lps img,#singles img,#live img,#videos img,#dokus img{
float:left; position:relative; margin-left:-56px;
}
#content #news h2,#content #lps h2,#content #singles h2,#content #live h2,#content #videos h2,#content #dokus h2{
margin:0;padding:0;
}
#left #content h1 span{
font-weight:800;
}
#left #content{
width:39em; clear:both; margin-top:20px; margin-bottom:40px; color:#c9c9c9;
font:90%/1.8 Arial,sans-serif; text-align:left; padding:10px 0 10px 0;
}
#left #content a{
text-decoration:none;
}
#left #content a:hover{
text-decoration:underline;
}
#left #content .comment,#left #content .footnote{
display:block; font-style:italic; margin:10px 0px;
}
#content .taglist{
padding:8px 5px 2px 5px; max-width:200px; display:block; float:left; font:12px/1.4 arial,sans-serif;
border:1px dotted #606030; margin-right:5px; height:120px;
}
#content .taglist a{
color:#ff6600;
}
#left #content .comment a{
color:#ff6600;
}
#left #content .comment{
font-size:12px; font-style:normal; font-style:italic; display:block; margin-right:20px
}
#left #content .footnote{
font-size:12px;
}
/* ## bottomnavigation ## */
#bottomnavigation{
clear:both; margin-bottom:20px; text-align:center; height:22px;
}
#bottomnavigation span{
position:relative; color:#000; display:block; font-size:smaller;
top:19px; font-weight:bold;
}
#bottomnavigation ul, #bottomnavigation li{
list-style:none; margin:0; padding:0; display:inline;
}
#bottomnavigation ul a{
font-size:80%; color:#ccc; display:block; float:left; background-color:#262613;
margin-right:5px; padding:2px 10px 2px 10px; text-decoration:none;
}
#bottomnavigation ul a:hover, #bottomnavigation ul .select{
background-color:#AB4400; color:#fff;
}
#bottomnavigation span{
background:url(../images/layout/hover4.png) repeat-x 0 0px;
border:1px solid #ccc; border-bottom:0; width:228px; float:right; margin-top:9px;
height:5px; padding-top:9px; color:#ccc; font-weight:normal; font-size:10px;
}
#bottomnavigation span a{
color:#ccc; text-decoration:none; padding:2px; font-style:italic;
}
#bottomnavigation img{
border:0;
}
/* Ende bottomnavigation */
#end{
background-color:#5B7100; height:20px; color:#ff6600; font-size:80%;
border-top:1px solid #ccc;
}
.goExtern {
background:url(../images/layout/goExtern.png) no-repeat 100% 0 ;
padding-right:27px; color:#ff6600;
}
.stayIntern{
color:#ff6600;
}
.through{
text-decoration:line-through;
}
.underline{
text-decoration:underline;
}
.bold{
font-weight:bold;
}
.italic{
font-style:italic;
}
.absatz{
display:block;
}
.songtext{
font:80% arial; white-space:pre;
}
/* ## ##*/
#everlast{
margin-left:-37px;
}
/* ## infos ## */
#infos{
font-size:80%; margin-top:10px; border-top:1px solid #606030; border-bottom:1px solid #606030;
padding:10px 0; clear:both;
}
#infos #service{
float:left; padding-right:10px; width:45%; border-right:1px dotted #606030;
}
#infos #commercial{
float:right;
}
#infos .clear,.clear{
clear:both;
}

#infos #service span{
display:block;
}
#infos #service span span{
display:inline;
font-weight:800;
margin-left:5px;
}
#infos a{
color:#ff6600;
text-decoration:none;
}
#infos img{
position:relative;
top:3px;
}
#content .start{
display:block;
margin-top:10px;
}
#content .intro{
font-style:italic;
color:#e6e6e6;
}