h1                        {color:#000000;}
h1.kolumnenrubrik         {color:#004DA5;}
h1.kolumnenrubriklinks    {color:#ffffff;}
h1.teaserrubrik           {color:#004DA5;}

.mediathek                {background-color:#ff0099; color:#ffffff;}
body                      {background-color:#ffffff;}


div.suchekurzerweg        {background-color: #004DA5;}
div.suchekurzerwegrandabstand {border-color: #004DA5;}

a.navigation              {color:#003466;}
a.navigationaktiv         {color:#003466;}
a.navigation:hover        {color:#003466;}
a.navigationaktiv:hover   {color:#003466;}
a.navheader               {color:#ffffff;}
a.navheader:hover         {color:#ffffff;}

/* Angaben f?r neue Listennavigation von Sven */
a.navigation div.lipunkt {position:relative; float:left;width:6px; height:6px; margin: 6px 4px 0px 0px; background-color:#C0C0C0; line-height:5px; font-size:5px; cursor:hand; visibility:visible;}

div.navigation1 div.lipunkt {background-color:#002A4B !important;}
div.navigation2 div.lipunkt {background-color:#B6BFC9 !important;}
div.navigation3 div.lipunkt {background-color:#DBDFE4 !important;}
div.navigation4 div.lipunkt {background-color:#FFFFFF;}

a.navigation:hover div.lipunkt {position:relative;float:left; width:6px; height:6px; margin: 6px 4px 0px 0px; background-color:#017DC5 !important; line-height:5px; font-size:5px; cursor:hand; visibility:visible;}
a.navigationaktiv div.lipunkt {position:relative;float:left; width:6px; height:6px; margin: 6px 4px 0px 0px; background-color:#017DC5 !important; line-height:5px; font-size:5px; cursor:hand; visibility:visible;}
a.navigationaktiv:hover div.lipunkt {position:relative;float:left; width:6px; height:6px; margin: 6px 4px 0px 0px; background-color:#017DC5 !important; line-height:5px; font-size:5px; cursor:hand; visibility:visible;}

li.navi, ul.navi {list-style-type:none;list-style-position:outside;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

/* color:inherit funktioniert mit dem Mozilla nicht */

.teaser                   {background-color:#ffffff;}
.teaserLarge              {background-color:#ffffff;}

div.navigationhead        {background-color:#004DA5;}
div.navigation1           {background-color:#002A4B !important;}
div.navigation2           {background-color:#B6BFC9 !important;}
div.navigation3           {background-color:#DBDFE4 !important;}
div.navigation4           {background-color:#FFFFFF;}
div.navreiter             {background-color:#99B8DB;}
div.navreiteraktiv        {background-color:#004DA5;}

div.navigation1 a.navigation {color:#FFFFFF !important;}
div.navigation1 a.navigationaktiv {color:#FFFFFF !important;}
div.navigation1 a.navigationaktiv:hover {color:#FFFFFF !important;}

/* Zitatkasten */
div.kasten                {border: 1px solid #004DA5; background-color:#D9E4F2;}
div.kastenkopf            {background-color:#004DA5;}
div.kastenreiter          {background-color:#003466;}

div.slang_box, div.slang_box_large             {border: 1px solid #99B8DB; background-color:#D9E4F2;}
.freeBorder 			{border: 1px solid #004DA5;}
.freefreeBackground		{background-color:#D9E4F2;}
hr.freeHr				{size:1px; color:#004DA5; border:1px solid #004DA5;}

/* Kolumnen */
div.kolumne               {background-color:#99B8DB;}
div.teaserkopf, div.kolumnenkopf          {background-color:#E0E0E0; color:#004DA5;}
div.teaserreiter, div.kolumnenreiter      {background-color:#004DA5;}

/* Farbklassen f?r frei w?hlbare Hintergrundfarben */
#Hell                     {background-color:#EDF2F9;}
#Mittel                   {background-color:#D9E4F2;}
#Dunkel                   {background-color:#99B8DB;}
#Weiss                    {background-color:#FFFFFF;}
.Hell                     {background-color:#EDF2F9;}
.Mittel                   {background-color:#D9E4F2;}
.Dunkel                   {background-color:#99B8DB;}
.Weiss                    {background-color:#FFFFFF;}

#Spezial2 {background:transparent;}

/* fuer die Bildergalerie kann weg wenn neue online */
div.picgallery {background-color:#99B8DB;} /* Hintergrund der Hochkantbilder, wie Rand der Slangbox */
.activeBorder {border: 2px solid #004DA5;} /* gleich wie kolumnenreiter */
.inactiveBorder {border: 2px solid #D9E4F2;} /* gleich wie slangboxinhalt */
.aBhoch {border: 2px solid #99B8DB;}   /* gleich wie slangbox rand */
.aBquer {border: 2px solid #D9E4F2;}   /* gleich wie slangbox */

/* neue Bildergalerie (mit grossen Bildern)*/
#picgallery {
    background-color:#E8F2F3;
}

#picgallerycolumn {
    background-color:#E8F2F3;
    color: #00676C;
}

div.picgallerybutton {
	background-image: url('/website/radio/hr-info/images/pic_gallery_button.gif');
}

div.picgalleryheadnavi {
	background-image : url('/website/radio/hr-info/images/pic_gallery_back.gif');
    color:#000000;
}

div.picgallerythumbnail{
    background-color: #D9E4F2;
}
img.inactive {
	border: 2px solid #E8F2F3;
}
img.vertical {
	border: 2px solid #8EC0C1;
}
img.active {
	border: 2px solid  #00676C;
}


/* Angaben f?r neue Listennavigation von Sven */
div.navigation1 a.navigation li    {color:#D9E4F2;} /* inaktive Listenpunkte bekommen Farbe wie Hintergrund */
div.navigation2 a.navigation li    {color:#EDF2F9;} /* ein Ausblenden ist wegen der Browserkompatibilitaet */
div.navigation3 a.navigation li    {color:#FFFFFF;} /* nicht moeglich */
div.navigation4 a.navigation li    {color:#FFFFFF;} 

div.listnavi 			  {color:#003466;} /* Farbe des Textes muss in jeder Rubrik ueberschrieben werden */
a.navigation ul li 		  {}	/* s.u. */
a.navigation:hover ul li  {color:#004DA5;} /* Farbe des aktiven Listenpunktes */
a.navigationaktiv ul li	  {color: #004DA5;} /* Farbe des aktiven Listenpunktes */
a.navigationaktiv:hover ul li {color: #004DA5;} /* Farbe des aktiven Listenpunktes */

/* Fuss */
div.footertop             {color: #004DA5;}
div.footertop a, div.footertop a:active, div.footertop a:focus, div.footertop a:hover, div.footertop a:link, div.footertop a:visited {color:#004DA5;}

/* Farben fuer Kopf */
div.navlinkcardradio      {background-color: #004DA5; height:21px;}
.headnavtrail             {background-color: #004DA5;}

div.hrinfoticker {
	height:60px;
	background-image: url(/website/radio/hr-info/images/hrinfo-ticker-bg.png);
	background-repeat:no-repeat;
}
div.hrinfoticker div.top {
	width:376px;
	margin-left:22px;
	height:24px;
	font-family:verdana;
	font-weight:bold;
	color:#002d4e;
	font-size:10px;
}
div.hrinfoticker div.top div.label {
	float:left;
	margin-top:5px;
}
div.hrinfoticker div#TICKER {
	margin-left:22px;
}