@charset "utf-8";

/* GENERAL */
html { height: 100%; }
body { font-family: Verdana; font-size: 11px; color: #535352; margin: 0px; padding: 0px; }
a { color: #535352; text-decoration: none; }

/* LAYOUT */

#webplayer_bg {
width: 509px;
height: 291px;
background: url(images/webplayer_bg2.png);
}

#webplayer_logo {
width: 509px;
height: 84px;
background: url(images/webplayer_logo.png);
}

#webplayer_kbits {
margin-top: 28px;
margin-right: 48px;
float: right;
font-weight: bold;
font-size: 12px;
color: #5490B3;
}

#webplayer_left {
width: 270px;
float: left;
margin-left: 40px;
}

#stream_1 {
width: 266px;
height: 127px;
float: left;
background: url(images/stream_1.png);
}

#stream_1 #sendung {
width: 225px;
height: 30px;
margin-top: 28px;
margin-left: 20px;
font-size: 13px;
font-weight: bold;
text-align: center;
}

#stream_1 #stream {
width: 210px;
height: 35px;
margin-top: 15px;
margin-left: 35px;
}

#PlayButton {
width: 15px;
height: 15px;
float: left;
cursor: pointer;
background: url(images/playbutton.png);
}

#PlayButton:hover {
opacity: 0.5;
background: url(images/playbutton.png);
}

#StopButton {
width: 13px;
height: 14px;
float: left;
margin-top: 1px;
margin-left: 5px;
cursor: pointer;
background: url(images/stopbutton.png);
}

#StopButton:hover {
opacity: 0.5;
background: url(images/stopbutton.png);
}

#volumeicon {
width: 12px;
height: 15px;
float: left;
margin-top: 1px;
margin-left: 8px;
background: url(images/volumeicon.png);
}

#SliderVolume {
width: 143px;
height: 10px;
float: left;
margin-top: 3px;
margin-left: 4px;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
background: url(images/slidervolume.png) no-repeat;
}

#SliderImage {
width: 14px;
height: 14px;
top: 0px;
position: relative;
}

#stream_2 {
width: 256px;
height: 21px;
float: left;
margin-top: 5px;
padding-top: 7px;
padding-left: 10px;
font-weight: bold;
background: url(images/stream_2.png);
}

#webplayer_right {
width: 160px;
float: left;
margin-left: 3px;
}

#stream_3 {
width: 156px;
height: 72px;
background: url(images/stream_3.png);
}

#stream_3 #dj {
width: 82px;
height: 32px;
float: left;
margin-top: 17px;
margin-left: 10px;
font-size: 12px;
font-weight: bold;
}

#stream_3 #hoerer {
width: 28px;
height: 15px;
margin-top: 2px;
margin-left: 31px;
font-size: 10px;
font-weight: bold;
}

#stream_3 #habbo {
width: 64px;
height: 75px;
margin-top: -5px;
float: right;
}

#stream_4 {
width: 123px;
height: 22px;
margin-top: 5px;
padding-top: 6px;
padding-left: 33px;
font-size: 13px;
font-weight: bold;
background: url(images/stream_4.png);
}

#stream_5_post {
width: 49px;
height: 28px;
float: left;
margin-top: 5px;
background: url(images/stream_5_post.png);
}

#stream_5_tracklist {
width: 67px;
height: 21px;
float: left;
margin-top: 5px;
margin-left: 9px;
padding-top: 7px;
padding-left: 32px;
font-weight: bold;
background: url(images/stream_5_tracklist.png);
}

.clear {
clear: both;
}