/*

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

USED COLORS:

    Background
        Site (gray): #f5f5f5
        Content (red): #024952
        Font Standard (black): #000000
        Font Header (dark gray): #313131
        Link Header (dark gray): #313131
        Font Playlist (red):  #024952
        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: #CECFCA;
	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;*/
    }


#left_ad_container
{
	position: absolite;
	width: 336px;
	height: 280px;
	top: 110px;
	left: 10px;
	margin: 110px 0px 0px 0px;
	padding: 0px;

   /* 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) 0px 0px no-repeat;
}
#header span.hide {
	display:none;
}
    
#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: #024952;
	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: #024952;
	white-space: nowrap;
}

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


/* CONTENT */

#content  a
{
	text-decoration:none;
	color: #024952;
	font-weight: bold;
}

#content .box_title a {
	text-decoration:none;
	color: #ffffff;
	font-weight: bold;
}

#content  .bigbox a, #content .dataGrid a
{
	text-decoration:none;
	color:#014C52;
	font-weight: bold;
}

#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: #319ba8;
    }

/* FOOTER */

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

#footer a
    {
        text-decoration:none;
    }

#footer a:hover
    {
        text-decoration:underline;
    }
	
/* BOX RIGHT */


.box_right
    {
        float:right;
        width: 229px;
        margin: 0px 0px 8px 0px;
        padding: 0px;
		background-color:#ffffff;
    }
    
.box_right .box_title
    {
        width:229px;
        margin: 0px;
        padding: 0px;
    }

.box_right .box_title .box_title_left
    {
        float:left;
        width:10px;
        height:28px;
        margin: 0px;
        padding: 0px;
        background: #024952 url(../layout/box_title_left.png) 0px 0px no-repeat;
    }
    
.box_right .box_title .box_title_center {
	float:left;
	width:209px;
	height:27px;
	margin: 0px;
	padding: 0px;
	background: #f0f0f0 url(../layout/box_title_background.png) 0px 0px repeat-x;
	border-top:1px solid #ffffff;
	text-align:left;
}
    
.box_right .box_title .box_title_right
    {
        float:left;
        width:10px;
        height:28px;
        margin: 0px;
        padding: 0px;
        background: #024952 url(../layout/box_title_right.png) 0px 0px no-repeat;
    }

.box_right .box_pic
{
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	background-color: #ffffff;
}
    
.box_right .box_content
    {
        text-align:left;
		width:227px;
        border:1px solid #d4d4d4;
        border:0px;
        background-color: #ffffff;
		padding: 0px;
		margin:0px;
		text-align:left;
		/*height:180px;*/
}
    
* html .box_right .box_content
    {
		width:227px;
    }
	
.box_right .box_content div
	{
	    font-size: 0.7em;
        font-weight: normal;
        text-align: left;
        margin: 10px 10px 10px 10px; 
        text-align:left;
	}
    
.box_right .box_more {
	width: 227px;
	height: 17px;
	margin:0px;
	padding:0px;
	background: #d4d4d4 url(../layout/box_right_more.png) 0px 0px no-repeat;
	border:1px solid #ffffff;
}

.box_right .box_more a
    {
        display:block;
        width:227px;
        height: 17px;    
    }
    
.box_title_center span {
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	line-height:27px;
	margin: 0px 0px 0px 5px;
	color: white;
}

/* Partner */
h2.partner {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	text-align: left;
	display: none;
}

a.partner img {
	border: none;
	margin: 15px 9px 10px 9px;
}

#partner {
	clear: both;
    font-size: 0.7em;
	text-align: center;
	/*border-top: 1px solid black;
	background-color: #D3E7EA;*/
}

a img {
	border: none;
}

#cms_page_links {
	text-align: center;
}

.bigbox .box_more {
	height: 17px;
	margin:0px;
	padding:0px;
	background: #024952;
	border:1px solid #ffffff;
	text-align: right;
}
.bigbox .box_more a {
	float: right;
	background: url(../layout/box_right_more.png) no-repeat;
	display:block;
	width:227px;
	height: 17px;    
}

.navbox a {
	text-decoration: none;
}

.bigbox .box_content {
	font-size: 12px;
}

.badbox {
	float: left;
	width: 420px;
	float: left;
	margin: 0px 2px 6px 6px;
}

.badbox .box_title
{
	width: 420px;
	margin: 0px;
	padding: 0px;
}

.badbox .box_title .box_title_left
{
	float:left;
	width:10px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	background: #024952 url(../layout/box_title_left.png) 0px 0px no-repeat;
}
    
.badbox .box_title .box_title_center {
	width: 400px;
	float:left;
	height:27px;
	margin: 0px;
	padding: 0px;
	background: #f0f0f0 url(../layout/box_title_background.png) 0px 0px repeat-x;
	border-top:1px solid #ffffff;
	text-align:left;
}
    
.badbox .box_title .box_title_right
{
	float:left;
	width:10px;
	height:28px;
	margin: 0px;
	padding: 0px;
	background: #024952 url(../layout/box_title_right.png) 0px 0px no-repeat;
}

.badbox .box_content
{
	clear:left;
	width:418px;
	height:161px;
	padding:0px;
	border:1px solid #ffffff;
	background-color: #d3e7ea;
	text-align:left;
}

.badbox .box_more {
	height: 17px;
	margin:0px;
	padding:0px;
	background: #024952;
	border:1px solid #ffffff;
	text-align: right;
}

.badbox .box_more a {
	float: right;
	background: url(../layout/box_right_more.png) no-repeat;
	display:block;
	width: 227px;
	height: 17px;    
}

.badbox_r {
	clear: none;
}