@charset "utf-8";
/*Seite global*/

body {
background-color:#eaeaea;
margin:0;
padding: 0;
}

#background {
background-image:url(img/background.jpg);
width:1000px;
margin: 0 auto;
overflow:hidden;
}

#box {
width:940px;
margin: 0 auto;
}

#fader { 
position: relative; 
height:170px;
margin-bottom:-60px;
}

#fader .headerimg_w, #fader .headerimg_s { 
position: absolute;  
}

#header {
position:relative;
background-image:url(img/logo.png);
height:100px;
}

/*Navigation*/
#navigation {
background-color:#FFFFFF;
width:940px;
text-align:center;
}

#navigation ul {
padding: 7px 0 8px 0;
margin:4px 0 6px 0;
border-bottom:solid #a0be00 1px; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#606060;
}

#navigation ul li {
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

#navigation ul a:link, 
#navigation ul a:visited,
#navigation ul a:focus,
#navigation ul a:active {
margin:0;
display:inline;
list-style-type:none;
text-decoration:none;
color:#606060;
font-size:12px;
padding: 7px 10px 8px 10px;
outline:0;
}

#navigation ul a:hover {
margin:0;
display:inline;
list-style-type:none;
text-decoration:none;
color:#a0be00;
font-size:12px;
padding: 7px 10px 8px 10px;
outline:0;
}

#play{
position:absolute;
margin:70px 0 0 125px;
}

#play img {
border:none;
}

/*Spalten links*/
#bar_links {
width:180px;
float:left;
}

/*Spalten rechts*/
#bar_rechts {
width:180px;
float:right;
color:#606060;
}

#bar_rechts h4, #bar_links h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:100;
letter-spacing:1px;
color:#FFFFFF;
background:url(img/balken_s.jpg) repeat-x;
padding:4px 0 4px 10px;
}

.box {
background-color:#eaeaea;
margin:0 0 10px 0;
padding-bottom:10px;

}

.box p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:100;
padding:0 4px 0 6px;
color:#606060;
}

.box h5{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:100;
letter-spacing:1px;
color:#606060;
padding:0 0 0 6px;
margin:0;
}

.box a:link, 
.box a:visited,
.box a:focus {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#606060;
font-weight:bold;
text-decoration:none;
}

.box a:hover {
text-decoration:underline;
}

.box img{
width:168px;
border:none;
margin-bottom:6px;
}

#wetter img{
width: 45px;
}

#wetter form{
margin:0 0 10px 5px;
}

/*Inhalte*/
#content {
width:550px;
margin:20px 195px 0 195px;
padding:0;
}

#content p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
color:#606060;
margin:5px 0 5px 0;
}

#content a:link,
#content a:visited {
font-size:10px;
line-height:12px;
color:#a0be00;
text-decoration:none;
font-weight:bold;
}

#content a:focus,
#content a:hover {
font-size:10px;
line-height:12px;
color:#a0be00;
text-decoration:underline;
font-weight:bold;
}

#content p.grossrot a:link,
#content p.grossrot a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
color:#BE0000;
text-decoration:none;
}

#content p.grossrot a:focus,
#content p.grossrot a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
color:#BE0000;
text-decoration:underline;
}

.podcast {
margin-bottom:20px;
}

.podcast img {
width:90px;
float:left;
}

.podcasttext {
margin:0 0 0 100px;
}

#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:100;
color:#606060;
margin:0 0 10px 0;
padding:0;
}

#content p.lead, #content h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:100;
line-height:18px;
color:#a0be00;
margin:0 0 20px 0;
padding:0;
}

.beitrag {
margin:0 0 20px 0;
}

#box_links {
width:265px;
margin:0;
float:left;
}

#box_rechts {
width:265px;
margin:0 0 0 285px;
}

#box_links img, #box_rechts img{
margin:0 0 6px 0;
}

#content #media {
width:265px;
margin:0;
float:left;
}

#content img{
border:none;
}

#content #text {
width:265px;
margin:0 0 0 285px;
}

#content input, #content textarea {
width:180px;
margin:0;
}

#content hr {
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px #a0be00;
border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
margin:2px 0 10px 0;
}

#content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:100;
color:#BE0000;
padding:0;
margin:0 0 6px 0;
}

#content #media h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:100;
letter-spacing:1px;
color:#FFFFFF;
background:url(img/balken_s.jpg) repeat-x;
padding:4px 0 4px 10px;
margin:0;
}

#content #media a, #content #media a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:100;
display:block;
outline:0;
border-bottom:1px solid #eaeaea;
text-decoration:none;
color:#606060;
background:#ffffff;
padding:3px 0 2px 10px;
}

#content #media a:hover, #content #media a:active, #content #media a:focus {
outline:0;
background:#eaeaea;
color:#606060;
}

.bild {
width:265px;
margin:0 0 10px 0;
}

.portrait {
width:65px;
float:left;
clear:left;
margin:0 6px 10px 0;
}

/*#text p.floatbox {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#606060;
border-bottom:1px solid #a0be00;
margin:0 0 10px 0;
}*/

#text span.name {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#606060;
font-weight:bold;
}

#content span.funktion, #content span.autor{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#a0be00;
}

.rot, .fehler {
color:#BE0000;
}

#playlist p {
	font-weight:bold;
}

#playlist .interpret {
	font-weight:normal;
}

#playlist .aktuell {
	font-weight:bold;
	color:#BE0000;
}

/*temporär Test Playlist Edi, Pius*/

#playlist_songs img {
width:30px;
padding: 0 3px 3px 0;
}

#playlist .ediimg {
float:left;
width:35px;
height:35px;
padding:0 3px 3px 0;
}

#playlist .songnow {
border:#a0be00 1px solid;
}

#playlist .songtitel {
font-weight:200;
}

/*TEEST ENDEEEE*/

/*Footer*/
#footer {
clear:both;
margin:80px 200px 20px 200px;
border-top:1px solid #a0be00;
}

#footer a img {
border:none;
}

#endschatten {
background-image:url(img/footer.jpg);
height:11px;
width:1000px;
margin: 0 auto;
}

/* IIIIIIIIIIICLEARFIXIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII */

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*---------------------------------------------------------*/
/* Workaround: Clearfix-Anpassung f�r alle IE-Versionen */
/*
** IE7 - x
*/
.clearfix { display: inline-block; }
/*
** IE5.x/Win - x
** IE6 - x
*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*--------------------------------------------------------*/


/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
.clearfix { display: block; }
/* Clearen per Overflow */
.floatbox { overflow:hidden; }
/* .floatbox-Anpassung f�r IE */
* html .floatbox {width:100%;}