/*

CSS Screen-Styles für www.radio21.de

USED COLORS:

    Background
        Site (gray): #f5f5f5
        Content (red): #e2001a
        Font Standard (black): #000000
        Font Header (dark gray): #313131
        Link Header (dark gray): #313131
        Font Playlist (red):  #e2001a
        Font Main menu (medium gray): #b4b4b4
        Font Main menu active (white): #ffffff
        Sub Main Menu (medium gray): #525252


        Content-box title background (light gray): #f0f0f0
        Content-box background (medium gray): #d4d4d4

    Border
        Content Area (black): #000000
        Header (light gray): #d4d4d4

*/


/* GLOBAL SETTINGS */

@charset "utf-8";

*
    {
        font-family: Arial, Helvetica, sans-serif, Verdana;
        font-size: 1em;
        color: #000000;
    }

div
    {
        font-family: Arial, Helvetica, sans-serif, Verdana;
    }

body
    {
        background: #f5f5f5;
        margin: 0px;
    }

* html body
    {
        text-align:center;
    }


/* STRUCTURE SETTINGS */

#center_container
	{
		margin: 0px auto;
		width:987px;
	}

#site_container
    {
        float: left;
        width: 867px;
        margin: 0px;
        padding: 0px;
    }

#header
    {
        float: left;
        width: 860px;
        height: 127px;
        margin: 0px;
        padding: 0px;
    }

#content
    {
        float: left;
        width: 860px;
        margin: 0px;
        padding: 0px;
    }

#footer
    {
        float: left;
        width: 860px;
        margin: 15px 0px;
        padding: 0px;
    }

#top_ad_container
    {
        float:right;
        width: 867px;
        height: 90px;
        margin: 0px;
        margin-bottom: 5px;
        padding: 15px 0px 0px 0px;
        text-align:center;

       /* border: 1px solid blue;*/
    }


#right_ad_container
    {
        float:left;;
        width: 120px;
        height: 600px;
        margin: 110px 0px 0px 0px;
        padding: 0px;

       /* border: 1px solid blue;*/
    }


/* HEADER */

#header
    {
        border: 1px solid #000000;
        border-bottom:0px;
        background: #ffffff url(../layout/logo.jpg) 23px 0px no-repeat;
    }

#header #homelink
    {
        display:block;
        float:left;
        margin:7px 0px 0px 25px;
        width:215px;
        height:115px;
    }

#hd_subnavi
    {
        float:right;
        height: 20px;
        margin: 68px 35px 0px 0px;
        padding: 0px;
        border-bottom: 1px solid #d4d4d4;
    }

* html #hd_subnavi
    {
        margin: 68px 20px 0px 0px;
    }

#hd_subnavi a
    {
        display: block;
        float: left;
        margin: 0px 0px 0px 10px;
        text-decoration: none;
        font-size: 0.75em;
        font-weight: bold;
        color: #313131;
    }

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

#header #hd_subnavi a#livestream
    {
        margin-left: 0px;
        padding: 0px 0px 0px 16px;
        background: #ffffff url(../layout/ico_livestream.gif) 0px 0px no-repeat;
    }

#header #hd_subnavi a#playlist
    {
        padding: 0px 0px 0px 14px;
        background: #ffffff url(../layout/ico_playlist.gif) 0px 0px no-repeat;
    }

#header #hd_subnavi a#studiomail
    {
        padding: 0px 0px 0px 14px;
        background: #ffffff url(../layout/ico_studiomail.gif) 0px 0px no-repeat;
    }

#header #hd_subnavi a#podcast
    {
        padding: 0px 0px 0px 14px;
        background: #ffffff url(../layout/ico_podcast.gif) 0px 0px no-repeat;
    }

#header #hd_onair
    {
        /*display:none;*/
        clear:right;
        float:right;
        height: 22px;
        width:500px;
        margin: 8px 35px 0px 0px;
        padding: 0px;
        font-size: 0.75em;
        font-weight: bold;
        text-align: right;
        color: #313131;
    }

* html #header #hd_onair
    {
        margin: 8px 20px 0px 0px;
    }

#header #hd_onair #now_playing
{
	text-transform: uppercase;
    color: #e2001a;
	float: right;
	white-space: nowrap;
}

#now_playing_title, #now_playing_title span, #now_playing_show, #now_playing_show span {
	text-transform: uppercase;
	text-align: left;
    color: #e2001a;
	white-space: nowrap;
}

#hd_onair_text {
	display: inline;
	float: right;
}


/* CONTENT */

#content  a
	{
		text-decoration:none;
		color:#e2001a;
	}

#content a:hover
	{
		text-decoration:underline
	}

#breadcrumb
	{
		width: 720px;
		margin: 0px auto;
		margin-bottom:10px;
		color:#ffffff;
		text-align:left;
	}

#breadcrumb .bt
    {
        color:#ffffff;
		font-size:0.75em;
    }

#breadcrumb a
	{
		color:#ffffff;
		font-size:0.7em;
		text-decoration:none;
	}

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

#content
    {
        border: 1px solid #000000;
        border-top:2px;
        background: #e2001a;
    }

/* FOOTER */

#footer
    {
        text-align: center;
        font-size: 0.7em;
    }

#footer a
    {
        text-decoration:none;
    }

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

/* NOW PLAYING */


/* BU */

#bu
{
font-family: arial,sans-serif;
color: #665454;
text-decoration: none;
word-spacing: normal;
text-align: center;
letter-spacing: 0;
line-height: 1.2em;
font-size: 10px;
padding: 1px;
 }