body {
 body margin: 0px;
  
  margin: 0;
  padding: 0;
  text-align: center;
  background-color:#000000;  
  font-size: 12px;
  font-family: Verdana, sans-serif;
  color:#FFFFFF;
}


/* allgemein */

td 
{
  font-family: Verdana; 
  font-size: 12px;
}



td.topnews
{
     color: #000000; 
}

a.menu /*CSS Klasse die die Menuepunkte der Menues definiert*/
{
	display:block;
	color:#FFFFFF;
	font-size: 10px;
	background-image:url(bilder/s4u_26.png);
	width: 158px;
	height: 19px;
	text-indent: 12px;
	text-decoration: none;
	font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
	line-height: 16px; 
}
a.menu:hover /*CSS Klasse die die Mousover-Menuepunkte der Menues definiert*/
{
	display:block;
	color: #FFFFFF;
	font-size: 10px;
	background-image:url(bilder/s4u_32.png);
	width: 158px;
	height: 19px;
	text-indent: 15px;
	text-decoration: none;
	font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
	line-height: 16px;
}

a
{
     color: #000000;  
	font-size: 10px; 
	text-decoration: none;
}

a:hover
{
     color: #000000; 
	text-decoration:none;
}
    

    
 

a.box 
{ 
     color: #000000; 
	font-size: 10px; 
	text-decoration: none;  
}

a.box:hover 
{   
  text-decoration: none; 
     color: #000000; 
}

.Chead
{
       color: #ffffff;  
	font-size: 10px; 
	text-decoration: none;
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
       color: #ffffff;  
	font-size: 10px; 
	text-decoration: none;
}

.Callg
{
  background-color: #EFEFEF;
	color: #000000;
}

.Callg td
{
  color: #000000;
}

.Cnorm 
{
  background-color:#333333;
  
}
.Cmite
{
  background-color: #333333;
}
.Cdark
{
  background-color: #333333;
  color:#000000;
}

.rand
{
  border: solid #000000 1px;
}

.smalfont 
{ 
    color: #000000;  
	font-size: 10px; 
	text-decoration: none;
}

.border 
{ 
   background-color: #000000; 
}
hr 
{ 
    height: 0px; 
		border: solid #000000 0px; 
		border-top-width: 1px; 
}

input, textarea, select
{ 
    color:#000000;  
    font: 10px Verdana;  
    border-color: #000000;
  	border-width: 1px;
    border-style: solid;  
    font-weight: none;  
    text-decoration: none;  
    background-color: #EFEFEF;  
}

span.stil1
{
     color: #000000;  
	font-size: 10px; 
	text-decoration: none;
}


/* ADDONS */

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(http://s4u-radio.de/incl/img/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:500px;
	height:400px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(http://s4u-radio.de/incl/img/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(http://s4u-radio.de/incl/img/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(http://s4u-radio.de/incl/img/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}

a img { border: 0; } 

.content td
{
      color: #ffffff;  
} 

.content a
{
      color: #ffffff;  
	font-size: 10px; 
	text-decoration: none;
}  

.content a:hover
{
       color: #ff0000; 
	text-decoration:none;
}