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:#D9E4F2;}
div.navigation2 div.lipunkt {background-color:#EDF2F9;}
div.navigation3 div.lipunkt {background-color:#FFFFFF;}
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:#004DA5; 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:#004DA5; 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:#004DA5; 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:#D9E4F2;}
div.navigation2           {background-color:#EDF2F9;}
div.navigation3           {background-color:#FFFFFF;}
div.navigation4           {background-color:#FFFFFF;}
div.navreiter             {background-color:#99B8DB;}
div.navreiteraktiv        {background-color:#004DA5;}

/* 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;}

/* fuer die Bildergalerie alt 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)*/
#picgallerycolumn {
    background-color:#DDDDDD;
}

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

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

div.picgallerythumbnail{
    background-color: #D9E4F2;
}
img.inactive {
	border: 2px solid #DDDDDD;
}
img.vertical {
	border: 2px solid #99D0E5;
}
img.active {
	border: 2px solid  #0089BF;
}

/* 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 �berschrieben 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.navlinkcardderhr      {background-color: #004DA5; height:21px;}
.headnavtrail             {background-color: #004DA5;}

td.frequenzenSonst {
    font-size:11px;
    line-height:1.3em;
    padding:4px 4px 4px 4px;
    background-color:#EDF2F9;
    border:1px solid #FFFFFF;
    border-spacing:1px;
}

td.frequenzenKopf {
    font-size:11px;
    line-height:1.3em;
    padding:4px 4px 4px 4px;
    background-color:#D9E4F2;
    border:1px solid #FFFFFF;
    border-spacing:1px;
}

td.frequenzen {
    border:1px solid #FFFFFF;
    border-spacing:1px;
}

/* Veranstaltungen */
ol.webdoev {
    margin:0px;
    padding:0px;
    text-indent:0px;

}
li.webdoev_item_normal, li.webdoev_item_odd {
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    position:relative;
    text-indent:0px;
}
.webdoev_date {
    font-weight:bold;
}

div.webdoev_item_normal{
  padding:5px;
  position:relative;
  background-color:#D9E4F2;
}

div.webdoev_item_odd {
  padding:5px;
  position:relative;
  background-color:#EDF2F9;
}

/* Presse  Top-Menu*/
/* mpiller 02.08.2010 */
/*--------------------------------------------------------*/
/*(upperLine)     hr Unternehmen      |    hr-Fernsehen   */
/*--------------------------------------------------------*/
/*(middleLine)  hr 1 | hr2 | hr3 | hr4 | hr-Info | YOU-FM */
/*--------------------------------------------------------*/
/*(lowerLine)     hr Orchester   |       Das Erste        */
/*--------------------------------------------------------*/

div#upperLine{
height: 32px;
}
div#middleLine{
height: 27px;
}
div#lowerLine{
height: 32px;
}
a.unternehmen, a.fernsehen, a.hr1, a.hr2, a.hr3, a.hr4, a.hrInfo, a.youFM, a.orchester, a.dasErste{
background-image:url(../images/centerNavPresseButtMap.png);
background-repeat:no-repeat;
text-decoration:none;
}
a.unternehmen:hover, a.fernsehen:hover, a.hr1:hover, a.hr2:hover, a.hr3:hover, a.hr4:hover, a.hrInfo:hover, a.youFM:hover, a.orchester:hover, a.dasErste:hover{
text-decoration:none;
}
a.unternehmen, a.fernsehen, a.hr1, a.hr2, a.hr3, a.hr4, a.hrInfo, a.youFM, a.orchester, a.dasErste{
padding-top: 8px;
padding-left: 8px;
padding-bottom: 8px;
padding-right: 8px;
}
a.unternehmen{
background-position: 0px -24px;
}
a.fernsehen{
background-position: -220px -24px;
padding-right: 0px;
}
a.hr1{
background-position: -423px -28px;
}
a.hr2{
background-position: -478px -28px;
}
a.hr3{
background-position: -533px -28px;
}
a.hr4{
background-position: -588px -28px;
}
a.hrInfo{
background-position: -644px -28px;
}
a.youFM{
background-position: -743px -28px;
padding-right: 0px;
}
a.orchester{
background-position: -846px -28px;
}
a.dasErste{
background-position: -1093px -28px;
padding-right: 0px;
}

a.unternehmen:hover{
background-position: 0px 2px;
}
a.fernsehen:hover{
background-position: -220px 2px;
padding-right: 0px;
}
a.hr1:hover{
background-position: -423px -1px;
}
a.hr2:hover{
background-position: -478px -1px;
}
a.hr3:hover{
background-position: -533px -1px;
}
a.hr4:hover{
background-position: -588px -1px;
}
a.hrInfo:hover{
background-position: -644px -1px;
}
a.youFM:hover{
background-position: -743px -1px;
padding-right: 0px;
}
a.orchester:hover{
background-position: -846px -1px;
}
a.dasErste:hover{
background-position: -1093px -1px;
padding-right: 0px;
}


/* rho: neue Styles für Veranstaltungsseite (Web-ViDa) */
/* Suchformular und Ergebnisse */
form.suchmaske {
	width: 100%;
	margin: 0px;
}

div.suchmaske {
	border: 1px solid #7fa6d2;
	background-color: #d9e4f2;
	margin: 0px;
	padding: 10px;
}
div#extendsearch div.suchmaske {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#extendsearch div.suchmaske div.formular {
	padding: 15px 5px 15px 5px;
}

div.suchmaske div.entry {
	margin: 12px 0px 0px 0px;
}
div.suchmaske div.entry.top {
	margin: 0px 0px 0px 0px;
}

div.suchmaske div.left {
    float: left;
    text-align: right;
}
div.suchmaske div.left.links {
    font-size: 0.9em;
}

div.suchmaske div.right {
    float: right;
    text-align: left;
}
div.suchmaske input.text {
    width: 325px;
	background-color: white;
	padding: 2px 0px;
    border: 1px solid black;
 }
div.suchmaske input.submit {
    float: left;
    height: 20px;
    font-weight: bold;
    margin: 0px;
	color: white;
	background-color: #7fa6d2;
    border: 1px solid black;
}
div.suchmaske a#buttonextendSearch {
	margin: 5px 10px 5px 0px;
}

div.suchmaske label {
    font-weight: bold;
    margin-right: 20px;
}

div#extendsearch div.suchmaske input.text {
    width: 225px;
	background-color: white;
	padding: 2px 0px;
    border: 1px solid black;
 }
div.suchmaske .dropdownkolumne {
	float: left;
	width: 250px;
}

div.suchmaske div.error { background-color: transparent; margin-top: 20px; display: none; }
div.suchmaske input.error { border: 1px dotted red !important; color: black !important; font-weight: normal !important; }
div.suchmaske label.error { display: block; background-color: transparent; color: red; font-weight: normal; font-style: italic; }

div.suchmaske input.radio {
    vertical-align:middle;
    margin: 0px 10px 0px 0px;
}
div#extendsearch div.suchmaske input.submit {
	float: none;
    font-weight: bold;
    margin: 5px auto;
}
div.suchmaske div.navi {
	background: #7fa6d2 url('/website/derhr/home/images/extend.png') no-repeat right center;
    padding: 2px 0px 5px 10px;
	color: white;
	font-weight: bold;
	border-bottom: 1px solid white;
	cursor: pointer;
}
div.suchmaske div.navi a {
	float: right;
	width: 27px;
	text-align: center;
}
div.suchmaske div.navi h2 {
	float: left;
	color: white;
	margin: 0px;
	padding: 0px;
}
div.suchmaske a.caltrigger {
	background: url('/website/derhr/home/images/kalender_icon.png') no-repeat;
	float: right;
	display: block; 
	width: 10px;
	height: 12px;
	margin: 2px 2px;
}

div.suchmaske div.navi:after { content: "."; display: block; height: 1px; clear: both; visibility: hidden; }
* html  div.suchmaske div.navi { zoom: 1; display: block; }

/* Ergebnisse */
h1.webvida { font-size: 1.2em; }
h2.webvida { font-size: 1.1em; font-weight: normal; }

div.ergebnis {}
div.ergebnis  div.left { float: left; width: 51px;}
div.ergebnis  div.teasercontent { margin-left: 51px;}
div.ergebnis.einzel  div.left { float: left; width: 100px; font-weight: bold; }
div.ergebnis.einzel  div.top { font-weight: bold; }
div.ergebnis.einzel  div.teasercontent { margin-left: 100px;}
div.ergebnis.teaserbox.abo { background: url('/website/derhr/home/images/abo_klein.png') no-repeat right bottom; }

div.ergebnis.header {
    background-color: #7fa6d2;
    padding: 2px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
	color: white;
	font-weight: bold;
	text-align: center;
}
div.treffer {
    border-left: 1px solid #7fa6d2;
    border-right: 1px solid #7fa6d2;
    border-bottom: 1px solid #7fa6d2;
    padding:10px;
}


div.ergebnis div.teasercontent {
	margin-top: 0px;
	padding-top: 0px;
}
div.ergebnis div.icon {
	background-image: url('/website/derhr/home/images/kalender.png');
	width: 51px;
	height: 56px;
	border: 0px;
	font-weight: bold;
	
}
div.ergebnis div.icon.leer {
	background-image: url('/website/derhr/home/images/kalender_bereich.png');
}
div.ergebnis div.icon.leer div.tag {
	visibility: hidden;
}

div.ergebnis div.icon  div.tag { color: black; text-align: center; padding-top: 15px; }
div.ergebnis div.icon  div.monat { color: white; text-align: center; padding-top: 2px; }

div.ergebnis h1 {
	margin-top: 5px;
	font-size: 1em;
}
div.ergebnis div.teasertext {
	margin-top: 5px;
}
div.ergebnis div.left a, div.ergebnis div.left a:hover {
	text-decoration: none;
}

/* Topnavi der Suche */
div.reiternavi {
  background-color: white;
  padding-top: 15px;
  border-bottom: 5px solid #7fa6d2;
}

ul#tabnavi {
  list-style-type: none;
  width: 100%;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 0 0;
  background-color: transparent;
}
ul#tabnavi li {
  display: block;
  float:left;
  background: none;
  margin: 0 4px 0 0px;
  padding: 0 0px 0 0px;
}
ul#tabnavi li.right {
  margin: 0px 0px 0px 0px;
  float: right;
}

ul#tabnavi li a, ul#tabnavi li button {
  display: block;
  width: 81px; /* width: 136px; */
  height: 20px;
  text-align: center;
  padding: 6px 0px 0px 0px;
  color: #003464;
  font-weight: bold;
  background-color: white;
  text-decoration: none;
  border: 1px solid #7fa6d2;
  border-bottom: 0px none;
  -moz-border-radius: 10px 10px 0px 0px;
}

ul#tabnavi li.right a, ul#tabnavi li.right button {
	width: 155px;
}
.reiternavi.einzel ul#tabnavi li  a, .reiternavi.einzel ul#tabnavi li button { width: 110px; }
.reiternavi.einzel ul#tabnavi li.right  a, .reiternavi.einzel ul#tabnavi li.right button { width: 70px; }

ul#tabnavi li.active a, ul#tabnavi li.active button,
ul#tabnavi li a:hover, ul#tabnavi li button:hover {
  background-color: #7fa6d2;
  color: white;
}