/*  global.css: Global Stylesheet fuer hr-online. Hier nur ganz allgemeine Styles definieren,
	keine rubrikspezifischen, wie Farben, etc.
    global.css wird auf jeder JSP-Seite von hr-online als erstes Stylesheet eingebunden.
    Als zweites wird die jeweilige rubrik.css eingebunden und bietet damit die Moeglichkeit, Styles uebersichtlich zu ueberschreiben. */

/*Tag-Beschreibungen*/
/*body*/
body                    {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; padding: 0 0 0 0; margin: 0 0 0 0; font-size:101%;}

/*Form-Elemente*/
form                    {display:inline;}
input                   {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; background-color:#e2e1df; border:0 hidden #000000;}
textarea                {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; background-color:#e2e1df; border:0 hidden #000000;}
button                  {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; background-color:#e2e1df; border:0 hidden #d0d0d0; cursor:pointer;}
.download               {color:#003466; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:1em; font-weight:bold; background-color:#FFFFFF; border:0 hidden #d0d0d0; padding:2px 0 2px 0; cursor:pointer; width:auto; height:auto; text-align:left;}
.downloadpodcast        {color:#003466; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:1em; font-weight:bold; background-color:#FFFFFF; border:1px solid #d0d0d0; padding:2px 0 2px 0; cursor:pointer; width:100px; height:auto;}
.downloadpodcastyoufm   {color:#003466; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:1em; font-weight:bold; background-color:#FFFFFF; padding:2px 0 2px 0; cursor:pointer; width:110px; height:auto;}
/* (Beschriftung eines Form-Elements) */
label                   {}
fieldset                {margin:10px; border:0 hidden black;}
/* (Beschriftung eines Fieldsets)*/
legend                  {}
/* form (IE-hack f. Zitatkasten-Votings) */
form div input          {position: relative;}

embed, object {display:block;}

/*img*/
img                     {margin:0; border:0 hidden black;}
img.fernsehnaviimage    {border-left: 1px dashed #D9E4F2; border-top: 1px dashed #D9E4F2; border-right: 1px dashed #D9E4F2;}

/*table*/
table                   {padding:0; margin:0; border:0 hidden black; border-collapse:collapse;}
td                      {vertical-align:top; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; margin:0; padding:0 0 0 0;}
table artikel           {padding:3px;}
table.artikel td        {padding:3px 3px 3px 3px;}
/* Lotto */
td.lotto                {font-size:11px;line-height:1.3em;}
/* Archiv */
table.archiv            {padding:1px; border :1px solid #808080; }
td.archiv               {font-size:14px; line-height:1.3em; border:1px solid #808080; padding:7px 7px 7px 7px;}
td span.archivweekendinactive {font-size:14px; line-height:1.3em; color:#B35F5F;}
td a.archivweekend      {font-size:14px; line-height:1.3em; color:#CC0000;}
td.archivselect 		{font-size:14px; line-height:1.3em; background-color:#E0E0E0; border:1px solid #808080; padding:7px 7px 7px 7px;}
td span.archivinactive 	{font-size:14px; line-height:1.3em; color:#808080;}
/* Videotexttabellen */
.vtxTableClass 			{border: 1px solid #FFFFFF; padding: 0; border-collapse: collapse; border-spacing: 0; empty-cells:show;}
.vtxTdClass 			{font-size: 11px; text-decoration: none; padding: 0 0 0 0; border: 1px solid #FFFFFF;}
.vtxTdClass50 			{font-size: 11px; text-decoration: none; padding: 0 0 0 0; border: 1px solid #FFFFFF; width:50%;}
.vtxTdClass33 			{font-size: 11px; text-decoration: none; padding: 0 0 0 0; border: 1px solid #FFFFFF; width:33%;}
.vtxTdClassWetter   	{font-size: 11px; text-decoration: none; padding: 0 0 0 0; border: 1px solid #FFFFFF; width:140px;}

/* Header h1, h2, h3 */
h1 						{font-size:1.0em; font-weight:bold; color:#000000; margin:0 0 0 0;}
h2						{font-size:1.0em; font-weight:bold; color:#000000; margin:0 0 0.8em 0;}
h3 						{font-size:1.0em; font-weight:bold; margin:0 0 0.5em 0;}
h3.uebersicht			{font-size:11px; font-weight:bold; margin:0 0 0.5em 0;}
h1.haupttitel 			{font-size:1.3em; line-height:120%; margin-bottom: 0.8em;}
h1.dachzeile 			{font-weight:normal; font-size:1.10em; letter-spacing:0.1em; margin-bottom: 0.2em;}
h1.dachzeilegross		{font-weight:normal; font-size:1.0em; margin-bottom: 0.2em;}
h1.dachzeileklein		{font-weight:normal; font-size:0.9em; margin-bottom: 0.2em;}
h3.kastenkopf			{margin-bottom: 0; color:#FFFFFF;}
h1.kastenkopf			{margin-bottom: 0; color:#FFFFFF;}
h1.kolumnentitel		{margin-bottom: 5px; font-size:11px;}
h1.kolumnenrubrik 		{font-size:1em; line-height:140%; color:#707070;}
h1.teaserrubrik 		{font-size:11px; line-height:140%; color:#707070;}
h1.teasertitel 			{font-size:1.25em; line-height:120%; margin-bottom: 0;}
h1.teasertitelklein		{margin-bottom: 0; font-size:1.0em;}
h1.teasertitelkleinstart {margin-bottom: 0; font-size:0.9em;}
h1.teasertitelganzklein	{font-weight:normal; margin-bottom: 0; font-size:0.9em;}

/* a + pseudoStyles */
a						{color:#003466; text-decoration:none;}
a:hover					{color:#003466; text-decoration:underline;}
	/* visited beisst sich mit hover: a:visited	{	color:inherit;	text-decoration:none;	} */
h1 a					{color:#003466;}
	/* color:inherit funktioniert mit dem Mozilla nicht */

.hideme {
    position: absolute;
    top: -32768px;
    left: -32768px;
}

/* Kopf */
/* Box um den gesamten Kopf */
.headnavigationbox		{position:relative; left:0; top:0; width:780px; height:107px;}
.headnavigationbox td   {width: 780px;}
.headnavigationboxprint {position:relative; left:0; top:0; height:80px;}
/* Abstandhalter am unteren Ende des Kopfes */
.headnavemptybox		{width:780px; height:15px; margin-right:0; margin-left:0;}
/* Box fuer hr-Logo und hr-Claim (Bilder) */
.headclaimbox			{width:780px; height:50px; background-color:#FFFFFF;}
/* Box fuer das Hintergundbild innerhalb der Claim-Box */
.headinnerclaimbox		{float: right; width: 540px; height: 50px; background-image: url(/website/images/kopfnavigation/nav_head_verlauf.gif);}
/* Claim-Bilder */
.headinnerclaimboximage	{float: left;}
/* Box fuer die Navigationsreiter */
.headnavcardbox	        {width:780px; height:22px; background-image:url(/website/images/kopfnavigation/nav_head_backround_cards.gif); background-repeat:repeat;}
.headnavcardborder	    {width:1px; height:22px; background-color:#CCCCCC; float:left;}
/* Box fuer Pfadverfolgung und Icons */
.headnavtrail			{width:780px; height:21px; background-color:#004DA5; clear:both;}
/* Box fuer Icons */
.headinnertrailimagebox	{width:250px; float:right; padding-bottom:0; height:21px;}
/* Navigationsicons */
.headinnertrailimage	{float: right; height: 21px;}
/* Abstandhalter und Schrift zwischen Navigationsicons */
.navlinkinnertrail 		{float: right; color: #FFFFFF; text-decoration: none; font-size: 12px; margin-top: 3px; height: 18px;}

/* Linktext fuer BreadCrumpTrail */
.navlinktrail 			{color:#FFFFFF; text-decoration:none; font-size:11px; margin-left:10px; margin-top:3px; float:left; display:inline;}
.navlinktrail a			{color: #FFFFFF; text-decoration: none;}
.navlinktrail a:hover	{color: #FFFFFF; text-decoration: underline;}
/* Linktext fuer Reiter */
.navlink 				{color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:12px; margin-top:10px;}
a.navlink				{color:#FFFFFF; text-decoration:none;}
a.navlink:hover			{color:#FFFFFF; text-decoration:underline;}
/* allgemeine Reiter-Defintion */
div.navlinkcardhome     {height:20px; width:78px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardnachrichten {height:20px; width:98px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardsport    {height:20px; width:60px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardkultur   {height:20px; width:60px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardratgeber {height:20px; width:80px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardfreizeit {height:20px; width:75px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardwetter   {height:20px; width:75px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardfernsehen {height:20px; width:90px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardradio    {height:20px; width:60px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardderhr    {height:20px; width:60px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardarchiv    {height:20px; width:65px; overflow:hidden; margin-top:1px; background-color:#003466; float:left; text-align:center;}
div.navlinkcardleftside {float:left; width:540px;}
div.navlinkcardrightside {float:right; width:213px;}

div.navlinkcardleft {float:left; width:474px;}	/* neu rho für neue Köpfe, damit Wahlen und alte Specials nicht crashen */
div.navlinkcardright {float:right; width:279px;}	/* neu rho für neue Köpfe, damit Wahlen und alte Specials nicht crashen */
.headnavpadder 			{padding-top:2px;}

/* Abstandhalter fuer Schrift bei Reitern */
/*.spacer3                  {margin-top: 3px;} weg, weil Netscape bei margin-top=3 einen weissen Rand macht */
/* Abstandhalter fuer leeren Reiter in Navigation */
.navspacer				{height: 16px; width: 121px; float: left;}
/* height nur noch 16 statt 19 weil spacer3 weg ist und sonst Explorer weissem Rand macht*/

/*Links in der Navigation*/
a.navigation			{color:#505050;}
a.navigation:hover		{color:inherit;}
a.navigationaktiv		{color:#505050;}
a.navigationaktiv:hover	{color:inherit;}
a.navheader				{color:#707070;}
a.navheader:hover		{color:inherit;}

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

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

/* die beiden wieder aus wenn kultur fertig */
div.navreiter           {position:relative; float:left; width:6px; height:6px; margin: 6px 4px 0 0; background-color:#C0C0C0; line-height:5px; font-size:5px; cursor:pointer; visibility:hidden;}
div.navreiteraktiv 	    {position:relative; float:left; width:6px; height:6px; margin: 6px 4px 0 0; background-color:#707070; line-height:5px; font-size:5px; cursor:pointer; visibility:visible;}

/*	ul	(unsorted list)	*/
ul						{list-style-image:none; list-style-type:none; margin:0 0 0 6px; padding:0 0 0 0;}
#regiolisting ul		{list-style-type: square;background:none;}
#regiolisting ul li		{
	list-style-type: none;
	background:url(/website/static/listenpunkt.gif) left 4.5pt no-repeat;
	padding-left:10px;
}
#startRechtsLinks ul, #startRechtsLinks ul li {	list-style-type:none;list-style-image:none;	background: none;}

ol						{margin:2px 2px 2px 2px; padding:2px 2px 2px 40px;}
ol li {background:none;}
/* fuer Auflistungen im Content */
.teasercontent ul		{position:relative; left:-5px;}
/* fuer Auflistungen in Linkkaesten etc. */
.kasten ul				{list-style-position: outside;}
.kasten li				{margin-left:5px;}
/* list item */
/*li						{margin-left:20px;}  old*/
li	{	background:url(/website/static/listenpunkt.gif) left 4.5pt no-repeat;
		padding-left:10px;}
#nav li, li.quernavi {background:none;}
/* weil ul.list-style-position outside ist (wegen Darstellung von mehrzeiligen Listenpunkten) */

/*divs */
div						{margin:0 0 0 0; padding:0 0 0 0;}
/*Bereich fuer den linken Content auf der Seite. Schliesst z.B. Navigation ein*/
div.leftcontent         {position:relative; float:left; top:0; left:10px; width:160px; height:auto; overflow:hidden; font-size:11px; z-index:8;}
div.surround			{position:relative; width:780px;}   /*hier kein  overflow:hidden; wegen Problemen mit Netscape 7 / Mozilla */
/* Abstandhalter am unteren Ende des Banners aus standard_config */
div.banneremptybox		{position:relative; top:0; left:10px; width:780px; height:15px; font-size:1px; float:left;}
/* Banner aus standard_config */
div.banner				{position:relative; float:left; top:0; left:10px; height:auto;}
div.fernsehdropdown		{height: auto; background-color: #D9E4F2;}
div.fernsehdropdownrandabstand {position:relative; border-top:5px solid #D9E4F2; border-left:5px solid #D9E4F2; border-bottom:5px solid #D9E4F2; border-right: 1px hidden #D9E4F2; background-color: #D9E4F2;}

/*Bereich fuer den mittleren Content auf der Seite. Schliesst z.B. Teaseruebersichten ein*/
div.centercontent       {position:relative; float:left; top:0; left:25px; width:420px; height:auto; overflow:hidden; font-size:0.75em; line-height:1.35em;}
/*Bereich fuer den rechten Content auf der Seite. */
div.rightcontent        {position:relative; float:left; top:0; left:40px; width:160px; overflow:hidden; font-size:11px;}

/* Suche und Kurzer Weg */
div.suchwegposition		{position:relative; float:left; top:0; left:25px; width: 160px; font-size: 1px;}
div.suchekurzerweg 		{height: 60px; background-color: #004DA5; font-size:11px; color:#ffffff; overflow:hidden; position:relative; padding:0;}
div.suchekurzerwegrandabstand {margin:3px;}
div.suchekurzerweg a    {font-size:11px; color:#ffffff;}
div.suchekurzerwegabstand a {font-size:11px; color:#ffffff; text-decoration:none;}
div.suchekurzerwegabstand a:hover {font-size:11px; color:#ffffff; text-decoration:underline;}

/* Navigation-Klassen geaendert rho 19.10.04: laut neuen Vorgaben Veit */
div.navigationhead      {position:relative; width:160px; min-height:20px; background-color:#E0E0E0; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; cursor:pointer;}
/* IE Workaround fuer die Hoehe des DIVs */
* html body div.navigationhead  {height:20px;}
div.navigation1         {position:relative; width:160px; min-height:20px; background-color:#808080; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; line-height:14pt; font-weight:bold; cursor:pointer;}
/* IE Workaround fuer die Hoehe des DIVs */
* html body div.navigation1  {height:20px;}
div.navigation2         {position:relative; width:160px; min-height:20px; background-color:#909090; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; line-height:14pt; cursor:pointer;}
/* IE Workaround fuer die Hoehe des DIVs */
* html body div.navigation2  {height:20px;}
div.navigation3         {position:relative; width:160px; min-height:20px; background-color:#A0A0A0; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; line-height:14pt; cursor:pointer;}
/* IE Workaround fuer die Hoehe des DIVs */
* html body div.navigation3  {height:20px;}
div.navigation4         {position:relative; width:160px; min-height:20px; background-color:#B0B0B0; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; line-height:14pt; cursor:pointer;}
/* IE Workaround fuer die Hoehe des DIVs */
* html body div.navigation4  {height:20px;}
/* Wrapper-Div, damit border-bottom beim IE nicht von height subtrahiert wird */
div.navbox				{border-bottom: 1px solid #EFEFEF;}

/*div fuer floating Images, die links oben floaten sollen. Bei Einsatz dieses Divs sollte nicht vergessen werden,
ein div style="clear:left" einzusetzen, wenn der Absatz beendet ist */
div.floatTopLeft		{margin-right:10px; float:left;}
div.floatTopLeftStart	{margin:0 0 0 0; float:left;}
/*div fuer floating Images, die oben rechts floaten sollen.*/
div.floatTopRight		{margin-left:10px; float:right;}
/*div fuer floating Images, die nicht floaten sollen.*/
div.floatNot			{}
/* rho neu fuer Pano-Bild in Folgeabsaetzen */
div.imagePanorama       {margin:0 auto 0 auto; text-align: center;}
div.imagePanorama div   {text-align:left; }
* html div.imagePanorama {margin:0 15px 0 15px;}

/* Fuss */
div.footerlineleft		{width:10px; min-width:10px; border-top: 1px solid #939089; font-size:1px; line-height:3px; float:left; margin-top:7px;}
div.footerlineright		{width:565px; min-width:565px; border-top: 1px solid #939089; font-size:1px; line-height:3px; float:left; margin-top:7px;}
div.footerall			{width:780px; float:left;}
div.footer 				{width:780px; height:15px; position:relative; text-align:right; clear:left;}
div.footercopyrighttext	{color:#939089; font-size:10px; text-decoration:none;}
div.footercopyrighttext a {color:#004DA5; text-decoration:none;}
div.footercopyrighttext a:hover {color:#004DA5; text-decoration:underline;}
div.footerlinktext 		{color: #939089; font-size:10px; line-height:1.3em; text-align:right; padding-top: 3px;}
div.footerhrtext		{float:left; width:205px; overflow:hidden;}
div.footertop           {white-space:nowrap; overflow:hidden; color:#004DA5; font-size:10px; font-weight:bolder; line-height:1.3em; padding-top:3px;}
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;}

/* Spacer */
div.teaserabstand		{margin-top: 10px;}
div.youfmstartseiteteaserabstand {margin-top: 16px;}
div.absatzabstand		{margin-top: 10px;}
div.suchekurzerwegabstand {padding:0;margin:0;margin-top: 3px;font-size:1px;line-height:11px;color:#ffffff;}
div.fernsehdropdownabstand {margin-top: 3px;}
div.fernsehnavinabstand	{margin-top: 23px; border: 1px solid #FFFFFF;}
div.kastenabstand		{margin-top: 2px;}
div.kastenabsatzabstand	{margin-top: 2px;}
div.rubrikkopfabstand	{margin-top: 1px;}
div.teaserkopfabstand	{margin-top: 1px;}
div.homepagerechtsabstand {padding-top: 5px;}

div.bildunter			{margin-top:2px; margin-bottom:10px; font-size:0.8em; line-height:1.3em;}
div.teaserunter			{margin-top:0px; margin-bottom:0; font-size:0.9em; line-height:1.3em;}
div.zitatlink			{margin-top:2px; line-height:1.5em;}
div.sendedatum			{margin-bottom:10px; font-size:0.9em; font-weight:bold; }
div.datumoben           {font-size:0.9em; font-weight:bold;margin-bottom:2px;float:right;color:#808080;}
div.teaserdatum			{margin-bottom:2px; font-size:0.9em; font-weight:bold; }
div.nachrichtendatum	{font-size:0.9em; font-weight:bold; text-align:right;}
div.seitenzahl			{margin-bottom:10px; font-size:1.0em; font-weight:bold; text-align:right;}
div.pagecontentfooter   {padding:0 0 0 0; text-align:left;color:#808080;}

/* Kaesten / Boxen */
div.kasten              {position:relative; background-color:#A0A0A0; padding: 5px; border: 1px solid #000000; font-size:0.8em; line-height:1.3em;}
div.kastenkopf          {position:relative; width:100%; height:16px; font-size:0.9em; font-weight:bold; background-color:#A0A0A0;}
div.kastenreiter        {position:relative; float:left; width:20px; height:100%; background-color:#707070;}
div.kolumne             {position:relative; background-color:#C0C0C0; padding: 5px; font-size:11px; line-height:1.3em;}
div.teaserkopf, div.kolumnenkopf {position:relative; width:100%; height:15px; overflow: hidden; background-color:#D8D8D8; color:#707070;}
div.teaserreiter, div.kolumnenreiter {position:relative; float:left; width:15px; height:100%; background-color:#707070;}

/* Sendebezug-Kasten: IMG als Blockelement, wg Whitespace-Padding Bug IE */
div.kasten.sendebezug img {display: block;}

/* alte Bildergalerie -> kann weg, wenn neue online */
#picgallerytop {display:none;}
div.picgallery          {position:relative; background-color:#00FFFF;}
div.picgalleryhead      {position:relative; width:100%; font-weight:bold; text-transform:none;}
.activeBorder           {border: 2px solid #707070;}
.inactiveBorder         {border: 2px solid #FF0000;}
.aBhoch                 {border: 2px solid #0000FF;}
.aBquer                 {border: 2px solid #00FF00;}

/* Bewertungen */
div.bewertungskasten    {margin-top:0.4em; padding:1px; font-weight:normal; float:left;}
div.bewertung           {float:left; margin:0.2em 0.5em 0 0; font-size:0.8em; line-height:1.1em;}
div.bewertungsmehr      {font-size:0.8em; margin:0.2em 0.5em 0 0.3em; padding:0.3em 0.3em 0.3em 0.3em; line-height:0.5em; float:left; cursor:pointer; border:1px solid #9A1031;}
div.bewertungstext      {display:none; margin-top:0.2em; padding:3px; float:left}

/* neue Bildergalerie (mit grossen Bildern)*/
#picgallery             {background-color:#DDDDDD;}
#picgallerycolumn       {background-color:#DDDDDD; color:#000000;}
div.picgallerybutton    {height:20px; width:80px; line-height:20px; background-image: url('/website/images/pic_gallery_button.gif'); background-position:left; background-repeat:no-repeat; cursor:pointer; float:left; text-align:left;}
div.picgalleryheadnavi  {height:20px; line-height:20px; background-image:url('/website/images/pic_gallery_back.gif'); background-position:left; background-repeat:repeat-x; font-weight:bold; color:#000000;}
div.picgallerythumbnail {position:relative; float:left; margin:2px; background-color:#808080;}

img.inactive            {border: 2px solid #DDDDDD;}
img.vertical            {border: 2px solid #99D0E5;}
img.active              {border: 2px solid #0089BF;}

.freeBorder 			{border: 1px solid #707070;}
.freefreeBackground		{background-color:#D0D0D0;}
hr.freeHr				{size:1px; color:#707070; border:1px solid #707070;}
/* Fuer S[lang-Tag box */
div.slang_box, div.slang_box_large {height:auto !important; height:1%; background-color:#D0D0D0; padding:5px 5px 5px 5px; border:1px solid #000000;}
div.slang_box           {font-size:0.8em; line-height:1.3em;}

/* Float-Clearer fuer Teaser */
/* div.floatclearer    	{font-size:1px; clear:both; margin-top:-16em;} f�hrt bei Moz zu Problemen*/
div.floatclearer    	{font-size:1px; clear:both; line-height:1px;}

/* wird nur von Mozilla erkannt: Patch fuer Darstellung der Slang Box */
div.absatzcontent > div.slang_box {position:static;}
div.absatzcontent > div.slang_box_large {position:static;}
div.teaserabsatzcontent > div.slang_box	{position:static;}
div.teaserabsatzcontent > div.slang_box_large {position:static;}

/* Farbklassen fur frei waehlbare Hintergrundfarben */
#Hell					{background-color:#909090;}
#Mittel					{background-color:#808080;}
#Dunkel					{background-color:#707070;}
#Weiss					{background-color:#FFFFFF;}
#Grau					{background-color:#E8E8E8;}
.Hell					{background-color:#909090;}
.Mittel					{background-color:#808080;}
.Dunkel					{background-color:#707070;}
.Weiss					{background-color:#FFFFFF;}
.Grau					{background-color:#E8E8E8;}
/* Spezial-Farbe unanbhaengig von der Rubrik! */
/* 'Begreife die Wert-Historie als antichronologisch, AA. */
#Spezial1 				{background-color:#cfdbee;}
/*#Spezial2 				{background-color:#f8d7ad;}*/
#Spezial2 				{background-color:#b3d5e8;};
#Spezial3 				{background-color:#808080;}
#Spezial4 				{background-color:#707070;}
.Spezial1 				{background-color:#cfdbee;}
/*.Spezial2 				{background-color:#daf0f8;}*/
.Spezial2 				{background-color:#b3d5e8;}
.Spezial3 				{background-color:#808080;}
.Spezial4 				{background-color:#707070;}

#Tagesschau				{background-color:#DEE7F8; font-size:11px;}
#Tagesschaukopf			{background-color:#295BBE; color: #FFFFFF}
#Tagesschaukopf a		{color: #FFFFFF}
#Tagesschaureiter		{background-color:#003265; color: #FFFFFF}
#SportARD				{background-color:#FFE6CD; font-size:11px;}
#SportARDkopf			{background-color:#FF8D37; color: #FFFFFF}
#SportARDkopf a			{color: #FFFFFF}
#SportARDreiter			{background-color:#D93901; color: #FFFFFF}
.Tagesschau				{background-color:#DEE7F8; font-size:11px;}
.Tagesschaukopf			{background-color:#295BBE; color: #FFFFFF}
.Tagesschaukopf a		{color: #FFFFFF}
.Tagesschaureiter		{background-color:#003265; color: #FFFFFF}
.SportARD				{background-color:#FFE6CD; font-size:11px;}
.SportARDkopf			{background-color:#FF8D37; color: #FFFFFF}
.SportARDkopf a			{color: #FFFFFF}
.SportARDreiter			{background-color:#D93901; color: #FFFFFF}

#verkehrscambox {background-color:#efefef;}

/* Pull- und Dropdowns */
.dropdown				{font-size:9px; display:inline; margin:0 0 0 0;}
.dropdownkolumne 		{background-color:#FFFFFF; width:150px; font-size:9px; display:inline; margin:0 0 0 0;}
/* Suche Formularfeld */
form.suche              {margin:0; padding:0; height:auto;}
/* Suche Formularfeld */
input.search			{background-color:#FFFFFF; font-size:9px; width:100px;}
/* Suche Grafik */
input.searchgrafik		{background-color:transparent; padding-left:1px;margin:0;}
button.searchbutton     {border:0 hidden #ffffff; background-color:#004DA5; color:#ffffff; font-size:11px; width:40px; line-height:11px; margin:0; padding:0; display:inline;}

/* Textformatierungen ohne Absatzformate */
span.teaserlink			{font-size:0.9em;}
span.teaserlink a img	{vertical-align: -18%;}
span.teasertext			{font-weight:bold;}
/* span.absatztext		{font-weight:normal;} ist Standardschrift mittlerer Content */
/* Fuer S[lang-Tags small, normal, large */
span.slang_small		{font-size:0.8em;}
span.slang_large		{font-size:1.25em;}
span.alert				{color: #FF0000;}

/*Content-Bereich eines Teasers. uebliche Verwendung:
        teaserbox(Large)
            teaser(Large)
                [teaserbild]
                teasercontent
                [teaserbild:clearFloat] */
/* top right bottom left */
.teasercontent			{padding:5px 10px 5px 10px; text-align:left;}
.teasercontentzeile		{padding:0 0 1px 5px; text-align:left;}
.teasercontentstart		{padding:0 0 0 3px; text-align:left; font-size:10px; line-height:1.2em;}
.absatzcontent			{padding:0 0 0 0; text-align:left;}
.teaserabsatzcontent	{padding:0 0 0 0; text-align:left; font-weight:bold;}

/*Content-Bereich eines Teasers, der Kind eines Content-Bereichs ist. (Soll keinen oberen Rand haben)
    teasercontent
        |_teasercontent */
.teasercontent .teasercontent {padding-top:0;}
.absatzcontent .absatzcontent {padding-top:0;}

/* Teaserbox: Umramendes Element von Teasern in Rubrik�bersichten. �bliche Verwendung:
        teaserbox
            |_teaser
                |_teasercontent */
.teaserbox				{text-align:left; position:relative; width:100%;}
.teaserboxstart			{text-align:left; position:relative; width:100%; height:60px;overflow:hidden;}
.teaser					{position:relative; width:100%; background-color:#D8D8D8;}
.mediathek				{background-color:blue; color:#ffffff; padding:0;}
.content				{padding:5px;}
.mediathek h1			{color:#ffffff;margin-bottom:0;}
.mediathek hr			{color:#ffffff; height:1px;line-height:1px; margin-top:-10px;}
.mediathek a			{color:#ffffff;}
.mediathek a:hover		{color:#000000;}
.mediathek ul			{color:#ffffff;}
.mediathek li			{color:#ffffff; list-style-type:square;}
.error					{background-color:#ff0000; color:#ffffff; font-weight:bold;}

/* Teaserbox ohne Abstand */
.teasercontent .nomargin {margin-left:-10px;}
/* ie float bug fix to get Layout Property set*/
.teasercontent          {height:auto !important;height:1%;}

/* Multimedia-Links in Teasern */
.mm_link_icon	        {float: left;}
.mm_link_text	        {margin-left: 25px; padding-bottom: 2px;}
.mm_separator 	        {border:0 none; height:0; display: none;}
/* taste and flavour of the original ...*/
.mm_separator_original	{border:0 none; border-top: 1px dashed #E8E8E8; height: 1px;}

/* forka-formmail Elemente sollen mit einem 1px breiten Rand versehen werden */
input.forka, input.voting {border:1px solid #A9A9A9; background-color:#EFEFEF; width:100%;}
input.forka_checkbox    {border:1px solid #A9A9A9; background-color:#EFEFEF;}
select.forka            {border:1px solid #A9A9A9; background-color:#EFEFEF; width:100%;}
textarea.forka,textarea.voting {border:1px solid #A9A9A9; background-color:#EFEFEF; width:100%;}
button.forka, button.voting {border:1px solid #A9A9A9;}
input.errorforka, select.errorforka, textarea.errorforka, label.errorforka   {background-color:#ff0000; color:#ffffff; font-weight:bold; border:1px solid #000000;width:100%;}
.forka_focus, .voting_focus {border:1px solid #000000; background-color:#ffffff;width:100%;}

/* hronline klasse fuer formularfelder -> machen eine linie um das eingabefeld */
input.hronline          {border:1px solid #000000; width:100%;}
input.hronlinecheck, input.hronlineradio {border:1px solid #000000;}
select.hronline         {border:1px solid #000000;width:100%;}
textarea.hronline       {border:1px solid #000000;width:100%;}
button.hronline         {border:1px solid #000000;}
/*Flugplandaten*/
table.flugplandaten-ankunft, table.flugplandaten-abflug {width:420px;}
table.flugplandaten-ankunft thead tr, table.flugplandaten-abflug thead tr,
table.flugplandaten-ankunft thead tr th, table.flugplandaten-abflug thead tr th {text-align:left;}
table.flugplandaten-ankunft thead tr th, table.flugplandaten-abflug thead tr th {font-size:0.8em;}

/* Audio/Video-Player */
.mediaviewbox           {text-align:left; position:relative; width:100%; background-color:#dddddd;}
.mediaviewbox .upperbox {padding:0; text-align:left; padding-top:5px; width:400px; margin-left:10px;}
.mediaviewboxLargeVideo .upperbox {width:580px;}
.mediaviewbox .upperbox span {float:right;}
.mediaviewbox .centerbox {padding-top:10px; padding-bottom:15px;}

div.avbackgroundsurround {width:420px; float:left; font-size:1em; background-color:#D8D8D8; font-weight:normal; position:relative; border-top:1px solid #ffffff;}

.mediaviewboxLargeVideo div.avbackgroundsurround {width:595px;}
div.avbackground        {width:414px; font-size: 1em; background-color:#D8D8D8; font-weight:normal; margin:3px 3px 3px 3px;}
.mediaviewboxLargeVideo div.avbackground {width:589px;}
.smallflashtextwrapper  {margin:0 0 0 180px;}
.smallflashtextwrapper .mediumtitle, .smallflashtextwrapper .mediumdescription, .smallflashtextwrapper .mediumsource, .smallflashtextwrapper .mediumduration {margin-left:10px;}
.smallflashwrapper      {margin-left:10px; float:left;}
.mediatextwrapper .mediumtitle {padding-top:10px; margin-left:17px;}
.mediatextwrapper .mediumdescription, .mediatextwrapper .mediumsource {margin-left:17px;}
.mediumtitle, .mediumdescription, .mediumsource, .mediumduration {text-align:left;}
.mediumtitle            {font-weight:bold;}
.mediumsource           {font-size:0.9em; padding-top:5px;}
.mediumduration         {font-size:0.9em; padding-bottom:5px;}

div.avbandwidth         {width:188px; float:left; font-size:0.8em; background-color:#E8E8E8; text-align:center; margin:0 0 1px 1px; line-height:2em;}
div.avchangemedia       {width:225px; float:left; font-size:0.8em; background-color:#E8E8E8; text-align:center; clear:both; line-height:2em;}
div.avnewwindow         {width:225px; float:left; font-size:0.8em; background-color:#E8E8E8; text-align:center; margin-bottom:1px; line-height:2em;}
div.avsendafriend       {width:188px; float:left; font-size:0.8em; background-color:#E8E8E8; text-align:center; margin:0 0 0 1px; line-height:2em;}
div.avsendafriend       {background-image:url(../images/icon_versenden2.gif);background-position:95% 0.25em;background-repeat:no-repeat;}
div.avmsplayer          {width:414px; float:left; font-size:0.8em; background-color:#E8E8E8; text-align:center; margin:0 0 1px 0; line-height:2em;}
div.avmoreavlight       {width:418px; border:1px solid #E8E8E8;}
div.avmoreavdark        {width:418px; border:1px solid #E8E8E8; background-color:#E8E8E8;}
div.medialistitemimage  {float:left; margin:13px 0 0 10px;}
div.medialistitemtitle  {margin:10px 0 0 50px; font-size:0.9em;}
div.medialistitemsource {width:350px; font-size:0.8em; margin:0 0 10px 50px;}

.mediaviewboxLargeVideo div.avbandwidth   {width:294px;}
.mediaviewboxLargeVideo div.avchangemedia {width:294px;}
.mediaviewboxLargeVideo div.avnewwindow   {width:294px;}
.mediaviewboxLargeVideo div.avsendafriend {width:294px;}
.mediaviewboxLargeVideo div.avmoreavlight {width:593px;}
.mediaviewboxLargeVideo div.avmoreavdark  {width:593px;}

.medialistbox           {position:relative; width:100%; text-align:left;}
.medialistbox h1.haupttitel {background-color:#ffffff; margin-bottom:1px;}
.hidden                 {display:none;}
.quizForm .avPlayerCnt, .votingForm .avPlayerCnt {float:left;}

/*quick and dirty avplayer ie hinweis*/
.avplayermessage        {margin-left:18px; margin-right:18px;}
.avplayermesssageaudio  {width:160px; text-align:left;}
.avplayermessageaudio .kastenkopf {width:160px; text-align:left;}
.avplayermessageaudio .kasten {width:160px;}
/*play/pause/mute link for flash-avplayer (see includes/xslt/functions.html.xsl)*/
.access-control         {position:absolute; margin-left:-2000px;}
/*avplayer inside single-document Kasten*/
.kasten .player         {font-size:1.2em;}
.avplayer-noscript-note {margin-left:5px; font-size:0.8em;}
.avplayer-noscript-note:before {content:"? ";}
.avplayer-noscript-note *{position:absolute; margin-left:-2000px;}
/*.avplayer-noscript-note:hover:before, .avplayer-noscript-note:focus:before{
   content:'';
}*/
.avplayer-noscript-note:hover *, .avplayer-noscript-note:focus *{position:relative; margin-left:5px;}
.videolist .current, .audiolist .current {}
.videolist .separate, ul.audiolist .separate {border-top-width:1px; border-top-style:dashed;}
ul.videolist, ul.audiolist {list-style-type:none; margin-left:-15px; padding:0;}
ul.videolist li, ul.audiolist li {background-repeat:no-repeat; background-position:left top; width:auto; padding-left:20px;}
ul.videolist li         {background-image:url(/website/images/video_ohne.gif);}
ul.audiolist li         {background-image:url(/website/images/audio_ohne.gif);}
ul.videolist li a, ul.audiolist li a {display:block;}

a.flashAlt              {display:block; position:relative; background:transparent url(/website/images/icon-flash.gif) 0 2px no-repeat; padding-left:25px;}

/* Mediathek - Textnavigation */
#picgallerynavigation   {list-style:none; border:1px solid #fff; padding:8px 10px 10px;}
#picgallerynavigation li {display:inline; margin:0;}
#picgallerynavigation li a {line-height: 1.9em;}

/*verwendete Farben:*/
#orangeBg               {background-color:#ff9900;}
#beigeBg                {background-color:#ffcc99;}
#violetBg               {background-color:#cb99cc;}
#darkBlueBg             {background-color:#000066;}
#magentaBg              {background-color:#ff0099;}
#redBg                  {background-color:#cc0000;}
#lightBlueBg            {background-color:#3399ff;}
#lightGreenBg           {background-color:#99cc33;}
#darkGreenBg            {background-color:#009900;}
#blackBg                {background-color:#000000;}
#whiteBg                {background-color:#ffffff;}
#black                  {color:#000000;}

#errormessage           {display:block;border:2px solid #dd0000;background-color:#ffffff;color:#dd0000;margin-bottom:1em;margin-top:1em;}
.av_errormessage        {background-color:#ffffff;color:#000000;border:2px solid #ff0000;}
.singledocvideodescription {font-size:0.8em; line-height:1.6em; padding-left:20px; padding-top:0.5em; background-image:url(/website/images/video_ohne.gif); background-repeat:no-repeat; background-position:left 0.5em; padding-bottom:0.7em;}
.singledocaudiodescription {font-size:0.8em; line-height:1.6em; padding-left:20px; padding-top:0.5em; background-image:url(/website/images/audio_ohne.gif); background-repeat:no-repeat; background-position:left 0.5em; padding-bottom:0.7em;}
.singledocaudiodescription a, .singledocvideodescription a {display:block;}
/* xred-voting */
.voteOptionLayoutB      {background-color:transparent;float:right;}
.voteOptionSeparatorLayoutB {display:block; width:100%; border-bottom:1px dotted #aaaaaa;}
.rangequal              {background-image:url(/website/images/voting/punkt_grau_gleichbleibend.gif); background-repeat:no-repeat; background-position: center 1px;}
.rangup                 {background-image:url(/website/images/voting/pfeil_gruen_aufsteigend.gif); background-repeat:no-repeat; background-position: center 1px;}
.rangdown               {background-image:url(/website/images/voting/pfeil_rot_absteigend.gif); background-repeat:no-repeat; background-position: center 1px;}
/* Klick-Pano-Teaser */
.panoimagesurround      {width:420px; height:200px;}
.panoimagesurroundeinzel {width:420px; height:185px;}
.panoimagesurround .pics {height:185px; width:420px; padding:0; margin:0; overflow:hidden}
.panoimagesurround .pics img {position:absolute; height:185px; width:420px; top:0; left:0;}
#panoimages .show       {visibility: visible}
#panoimages .hide       {visibility: hidden}
#panoimages a           {width:420px; height:185px; display:block; top:0; left:0;}
div.controlsurround     {float: right;}
span.controls1          {width:18px; height:15px; float:left;}
div.controls2           {background:transparent url(/website/images/klickpanocontrol_center.png) no-repeat 0 0; width:59px; height:15px; text-align:center; font-size:0.8em; vertical-align:top; float:left;}
span.controls3          {width:18px; height:15px; float:left;}
/* *************************************** */
/* Spezialklassen fuer Sport-Ticker */
/* *************************************** */
.sportNavcardbox        {width:420px; padding:0; margin:0;}
.sportNavcardborder     {width:2px; height:5px; background-color:#FFFFFF; float:left;}
.sportNavcard        	{position:relative; background-color:#679966; overflow:hidden; float:left; text-align:center; font-size:0.8em; background-image:url("http://www.hr-online.de/website/images/navcard_background.gif"); background-repeat:no-repeat; z-index:1; padding-left:5px; padding-right:5px;}
.sportNavcard a, .sportNavcard a:active, .sportNavcard a:focus, .sportNavcard a:hover, .sportNavcard a:link, .sportNavcard a:visited {color:#FFFFFF;}
.navCard1 				{background-color:#407B00;}
.navCard2 				{background-color:#679966;}
.navCard3 				{background-color:#93CE94;}
.navCard4 				{background-color:#B2CBB6;}
.navCard5				{background-color:#B2CBB6;}
.navCardMore, .navCardLess {display:none; background-color:#FFFFFF; width:93px; height:16px; float:right; margin-top:-1px; position:relative; z-index:5;}
.sportNavcard_active 	{position:relative; background-color:#FFFFFF; float:left; text-align:center; font-size:0.8em; font-weight:bold; border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; border-top-width:1px; border-top-style:solid; margin-bottom:-1px; z-index:3;  padding-left:5px; padding-right:5px;}
.sportNavcard_active a, .sportNavcard_active a:active, .sportNavcard_active a:focus, .sportNavcard_active a:hover, .sportNavcard_active a:link, .sportNavcard_active a:visited {color:#407A02;}
.sportNavcardteaserboxBorder  {width:418px; border-top:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; padding:0; margin:0; position:relative; z-index:2;}
.sportNavcardteaserbox  {width:418px; text-align:left; position:relative; padding:0; margin:0; z-index:2;}
.sportNavcardBordercolor {border-color: #407B00;}
.sportNavcardBalken		{height:15px; background:#FFFFFF url(/website/images/sport/sport_ticker_balken_bg.gif) no-repeat scroll left top; color:#FFFFFF; font-size:smaller; margin-top:5px;}
.sportNavcardBalken a, .sportNavcardBalken a:active, .sportNavcardBalken a:focus, .sportNavcardBalken a:hover, .sportNavcardBalken a:link, .sportNavcardBalken a:visited {color:#FFFFFF;}
.sportNavcardReload		{float:right; margin-top:-5px; margin-right:5px;}
.sportNavcardTab		{float:left; font-size:smaller; overflow:hidden; background-color:#F5F5F5; margin-right:1px; margin-bottom:1px;}
.sportNavcard_tag		{width:65px;}
.sportNavcard_mannschaft {width:112px;}
.sportNavcard_stand 	{padding-left:3px;padding-right:3px; text-align:center;}
.live                   {color:#BF05CB;}
.live a, .live a:active, .live a:focus, .live a:hover, .live a:link, .live a:visited {color:#BF05CB;}
.sportNavcard_trenner	{width:8px; text-align:center;}
.sportNavcard_icon 		{margin-right:2px; margin-top:2px; text-align:center;}
/* *************************************** */
/* Spezialklassen fuer Regionalisierung */
/* *************************************** */
.dropdownkolumne_ohnerand {background-color:#FFFFFF; width:160px; font-size:9px; display:inline; margin:0 0 0 0;}
/* Box fuer die Navigationsreiter */
.regionavcardbox	    {width:420px; height:19px; padding:0 0 0 0; margin:0 0 0 0;}
.regioteaserbox         {text-align:left; position:relative; width:418px;  border-left:1px solid #0089BF; border-bottom:1px solid #0089BF; border-right:1px solid #0089BF; padding:0 0 0 0; margin:0 0 0 0;}
.regiowetterteaserbox   {text-align:left; position:relative; width:418px; border:1px solid #0089BF; padding:0 0 0 0; margin:0 0 0 0;}
.regionavcardborder	    {width:2px; height:18px; background-color:#FFFFFF; float:left; border-bottom:1px solid #0089BF;}
/* allgemeine Reiter-Defintion */
div.regionavcardrhein_active {height:18px; width:77px; overflow:hidden; background-color:#FFFFFF; float:left; text-align:center; font-size:0.8em; font-weight:bold; border-left:1px solid #0089BF; border-top:1px solid #0089BF; border-right:1px solid #0089BF;}
/* allgemeine Reiter-Defintion */
div.regionavcardrhein   {height:18px; width:79px; overflow:hidden; background-color:#7FC5DE; float:left; text-align:center; font-size:0.8em; background-image:url("../images/navcard_background.gif"); background-repeat:no-repeat; border-bottom:1px solid #0089BF;}
div.regionavcardnordhessen_active {height:18px; width:82px; overflow:hidden; background-color:#FFFFFF; float:left; text-align:center; font-size:0.8em; font-weight:bold; border-left:1px solid #0089BF; border-top:1px solid #0089BF; border-right:1px solid #0089BF;}
div.regionavcardnordhessen {height:18px; width:84px; overflow:hidden; background-color:#7EC6DF; float:left; text-align:center; font-size:0.8em; background-image:url("../images/navcard_background.gif"); background-repeat:no-repeat; border-bottom:1px solid #0089BF;}
div.regionavcardmittelhessen_active {height:18px; width:90px; overflow:hidden; background-color:#FFFFFF; float:left; text-align:center; font-size:0.8em; font-weight:bold; border-left:1px solid #0089BF; border-top:1px solid #0089BF; border-right:1px solid #0089BF;}
div.regionavcardmittelhessen {height:18px; width:92px; overflow:hidden; background-color:#7EC6DF; float:left; text-align:center; font-size:0.8em; background-image:url("../images/navcard_background.gif"); background-repeat:no-repeat; border-bottom:1px solid #0089BF;}
div.regionavcardosthessen_active {height:18px; width:78px; overflow:hidden; background-color:#FFFFFF; float:left; text-align:center; font-size:0.8em; font-weight:bold; border-left:1px solid #0089BF; border-top:1px solid #0089BF; border-right:1px solid #0089BF;}
div.regionavcardosthessen {height:18px; width:80px; overflow:hidden; background-color:#7EC6DF; float:left; text-align:center; font-size:0.8em; background-image:url("../images/navcard_background.gif"); background-repeat:no-repeat; border-bottom:1px solid #0089BF;}
div.regionavcardsuedhessen_active {height:18px; width:75px; overflow:hidden; background-color:#FFFFFF; float:left; text-align:center; font-size:0.8em; font-weight:bold; border-left:1px solid #0089BF; border-top:1px solid #0089BF; border-right:1px solid #0089BF;}
div.regionavcardsuedhessen {height:18px; width:77px; overflow:hidden; background-color:#7EC6DF; float:left; text-align:center; font-size:0.8em; background-image:url("../images/navcard_background.gif"); background-repeat:no-repeat; border-bottom:1px solid #0089BF;}
div.wetterheute_active  {height:18px; width:90px; overflow:hidden; background-color:#FFFFFF; float:left; text-align:center; font-size:0.8em; font-weight:bold; border-left:1px solid #0089BF; border-top:1px solid #0089BF; border-right:1px solid #0089BF;}
div.wetterheute         {height:18px; width:92px; overflow:hidden; background-color:#7EC6DF; float:left; text-align:center; font-size:0.8em; background-image:url("../images/navcard_background.gif"); background-repeat:no-repeat; border-bottom:1px solid #0089BF;}
div.wettervorschau_active {height:18px; width:77px; overflow:hidden; background-color:#FFFFFF; float:left; text-align:center; font-size:0.8em; font-weight:bold; border-left:1px solid #0089BF; border-top:1px solid #0089BF; border-right:1px solid #0089BF;}
div.wettervorschau      {height:18px; width:79px; overflow:hidden; background-color:#7EC6DF; float:left; text-align:center; font-size:0.8em; background-image:url("../images/navcard_background.gif"); background-repeat:no-repeat; border-bottom:1px solid #0089BF;}
.wetterempty	        {width:247px; height:18px; background-color:#FFFFFF; float:left; border-bottom:1px solid #0089BF;}

div.navigationhead.regional {cursor:auto;}
ul.regiolist            {margin-top:10px; font-size:0.9em; color:#0089BF;}
.regiosave              {width:120px; margin-right:2px; font-size:0.8em; text-align:right; float:right;}
.regiomarke             {position:relative; float:right; margin-right:5px; font-size:0.8em;}
.regiomarkefont         {margin-left:-5px; color:#9D0104; font-weight:bold;}

div.havariemsg          {visibility:hidden; padding:5px 10px 10px 10px; border:1px outset; font-weight:bold;}

/* Multi AV Player */
div.mv-player,
div.mv-player-rechts {
    background: transparent 0 0 url(../images/multi-av-player-bg.gif) no-repeat;
    height: 30px;
}

div.mv-player-rechts {
    background-image: url(../images/multi-av-player-rechts-bg.gif);
}


div.mv-player h1,
div.mv-player-rechts h1 {
    margin: 0;
    text-align: right;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height: 11px;
    font-weight:bold;
    color: #004DA5;
    padding: 9px 25px 9px 0;
}

div.gez_banner {
    padding:3px;
    font-size:0.9em;
    text-align:center;
    border-top:1px solid #E0E0E0;
    border-bottom:1px solid #E0E0E0;
}

/* Verkehrskameras */

a.verkehrscamreiter {
	font-weight:bold;
	padding:5px;
	background-color:#E2E2E2;
	color:#575757;
}

a.verkehrscamreiteraktiv {
	font-weight:bold;
	padding:5px;
	background-color:#E9F1F3;
	color:#575757;
}

a.verkehrscamreiteraktiv:hover, a.verkehrscamreiter:hover {
	color:#575757;
}


/*maps css*/
.MSVE_PoweredByLogo {DISPLAY: none !important}

.map {
   position: relative;
   top: 0;
   left: 0;
   width: 420px;
   height: 420px;
}
.pinIcoNumber {
	color:white;
	font-weight:bold;
	font-size:7.5pt;
	font-family:verdana,arial,sans-serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	position:absolute;
}
.ero .ero-body {width: 300px;}
.VE_Pushpin_Popup_Title { float:left; width:284px; display:block;}
.VE_Pushpin_Popup_Body { float:right; width:100%; }
.VE_Pushpin_Popup_Body p { margin: 0px 0 0 0px; }

div.map-preview-pic-body {
	float:right;
	width: 120px;
}
img.map-preview-pic-lupe {
	height: 16px;
	width: 16px;
	top: -16px;
	position: relative;
}
img.map-preview-pic {
	width: 120px;
	height: auto;
}
/* Styles that apply to the info box's containing element whether it has no beak, a rightBeak, or a leftBeak */

.customInfoBox-noBeak,
.customInfoBox-with-rightBeak,
.customInfoBox-with-leftBeak
{
    position: absolute;
}

/* Offset the body for the drop-shadow and set the body background and border just for starters (developers can change this easily)*/
.customInfoBox-body
{
	float:left;
	width:300px;
}

/* Apply a nice default drop-shadow after the default Bing Maps info box styles are cleared */

.customInfoBox-shadow
{
            position: relative;
            background-color: #ccc;
}

/* Sections of the info box that a developer could style if desired, but have no style when the default Bing Maps info box styles are cleared */

.customInfoBox-previewArea,
.customInfoBox-actionsBackground
{
}

/* Sections of the info box that should not be visible when the default Bing Maps info box styles are cleared */
.customInfoBox-actions,
.customInfoBox-paddingHack
{
            display: none;
}

.customInfoBox-beak,
.customInfoBox-progressAnimation
{
            visibility: hidden;
}
/*  vu: experimentelles Spielfeld fuer Browser-Druckvorschau. Sieht jetzt einigermassen tragbar aus */
@media print {
    div.surround {overflow:visible;}
}
@media print {
    div.centercontent {float:none; font-size:10pt; line-height:inherit; overflow:visible;}
}
@media print {
	div.banner {float:none;}
}
@media print {
	div.footercopyrighttext {float:none; text-align:left;}
}
@media print {
	div.footerlinktext {float:none; text-align:left;}
}
@media print {
	div.footerhrtext {float:none; text-align:left;}
}
@media print {
	div.leftcontent {overflow:visible;}
}
@media print {
	div.rightcontent {display:none; visibility:hidden;}
}
@media print {
	div.footerall {clear:both; overflow:visible;}
}
@media print {
	div.navlinkcardleftside {display:none; visibility:hidden;}
}
@media print {
	div.navlinkcardrightside {display:none; visibility:hidden;}
}
@media print {
	div.suchekurzerweg {display:none; visibility:hidden;}
}
@media print {
	div.headinnertrailimagebox {display:none; visibility:hidden;}
}
@media print {
	div.fernsehdropdown {display:none; visibility:hidden;}
}
@media print {
	div.footerlineleft {display:none; visibility:hidden;}
}
@media print {
	div.footerlineright {display:none; visibility:hidden;}
}