/*  global.css: Global Stylesheet fŸr 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 Mšglichkeit, Styles Ÿbersichtlich zu Ÿberschreiben. */

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

/*Form-Elemente*/
form					{display: inline;}
input					{font-family:verdana; font-size:12px; background-color:#e2e1df; border:0px hidden #000000;}
textarea				{font-family:verdana; font-size:12px; background-color:#e2e1df; border:0px hidden #000000;}
button 					{font-family:verdana; font-size:12px; background-color:#e2e1df; border:0px hidden #d0d0d0; cursor:hand;}
/* (Beschriftung eines Form-Elements) */
label					{}
/* (Semantische und optische Gruppierung von Form-Elementen)*/
fieldset				{padding:10px; margin:10px;}
/* (Beschriftung eines Fieldsets)*/
legend					{}

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

/*table*/
table 					{padding:0px; margin:0px; border:0px hidden black; border-collapse:collapse;}
td 						{vertical-align:top; font-family:verdana; font-size:12px; margin:0px; padding:0px 0px 0px 0px;}
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: 0px; border-collapse: collapse; border-spacing: 0px; empty-cells:show;}
.vtxTdClass 			{font-size: 11px; text-decoration: none; padding: 0px 0px 0px 0px; border: 1px solid #FFFFFF;}

/* Header h1, h2, h3 */
h1 						{font-size:1.0em; font-weight:bold; color:#000000; margin:0px 0px 0px 0px;}
h2						{font-size:1.0em; font-weight:bold; color:#000000; margin:0px 0px 0px 0px; margin-bottom: 0.8em;}
h3 						{font-size:1.0em; font-weight:bold; margin:0px 0px 0px 0px; margin-bottom: 0.5em;}
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; font-variant:small-caps;
						/*text-transform:uppercase;*/
						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: 0px; color:#FFFFFF;}
h1.kastenkopf			{margin-bottom: 0px; color:#FFFFFF;}
h1.kolumnentitel		{margin-bottom: 5px; font-size:11px;}
h1.kolumnenrubrik 		{font-weight:normal; margin-bottom: 0px; font-size:1.10em; color:#707070; font-variant:small-caps;
    					/*text-transform:uppercase;*/
    					}
h1.teaserrubrik 		{font-weight:normal; letter-spacing:0.1em; font-variant:small-caps;
						/*text-transform:uppercase;*/
						margin-bottom: 0px;
						/* font-size:1.05em; */
						font-size:12px; line-height:120%; color:#707070;}
h1.teasertitel 			{font-size:1.25em;
						/* war 1.3em und 120% */
						line-height:120%; margin-bottom: 0px;}
h1.teasertitelklein		{margin-bottom: 0px; font-size:1.0em;}
h1.teasertitelkleinstart {margin-bottom: 0px; font-size:0.9em;}
h1.teasertitelganzklein	{font-weight:normal; margin-bottom: 0px; 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 */

/* Kopf */
/* Box um den gesamten Kopf */
.headnavigationbox		{position:relative; left:0px; top:0px; width:780; height:107px;}
.headnavigationboxprint {position:relative; left:0px; top:0px; height:80px;}
/* Abstandhalter am unteren Ende des Kopfes */
.headnavemptybox		{width:780px; height:15px; margin-right:0px; margin-left:0px;}
/* 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: 0px; 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;}
/* .navlink a			{color:#FFFFFF; text-decoration:none;} */
/* .navlink a: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.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.navlinkcardleftside 	{float:left; width:470px;}
div.navlinkcardrightside 	{float:right; width:213px;}
.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 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;}
a.navigation:hover div.lipunkt {position:relative;float:left; width:6px; height:6px; margin: 6px 4px 0px 0px; background-color:#707070; 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:#707070; 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:#707070; 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;}

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


/*	ul	(unsorted list)	*/
ul						{list-style-type:square; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
/* fŸr Auflistungen im Content */
.teasercontent ul		{position:relative; left:-5px;}
/* fŸr Auflistungen in LinkkŠsten etc. */
.kasten ul				{list-style-position: outside;}
.kasten li				{margin-left:15px;}
/* list item */
li						{margin-left:20px;}
/* weil ul.list-style-position outside ist (wegen Darstellung von mehrzeiligen Listenpunkten) */

/*divs */
div						{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/*Bereich fŸr den linken Content auf der Seite. Schlie§t z.B. Navigation ein*/
div.leftcontent {
    position:relative;
    float:left;
    top:0px;
    left:10px;
    width:160px;
    height:auto;
    overflow:hidden;
    font-size:11px;
    z-index:8;
    /* border: 1px solid yellow; */
    /* background-color:#D0F0D0; */
}
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:0px; left:10px; width:780px; height:15px; font-size:1px; float:left;}
/* Banner aus standard_config */
div.banner				{position:relative; float:left; top:0px; 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 fŸr den mittleren Content auf der Seite. Schlie§t z.B. TeaserŸbersichten ein*/
div.centercontent {
	position:relative;
    float:left;
    top:0px;
    left:25px;
    width:420px;
    height:auto;
    overflow:hidden;
    font-size:0.75em;
    line-height:1.35em;
    /* border: 1px solid blue;
    background-color:#D0D0F0; */
}
/*Bereich fŸr den rechten Content auf der Seite. */
div.rightcontent {   
    position:relative;
    float:left;
    top:0px;
    left:40px;
    width:160px;
    overflow:hidden;
    font-size:11px;
    /* border: 1px solid red;
    background-color:#F0D0D0; */
}

/* Suche und Kurzer Weg */
div.suchwegposition		{position:relative; float:left; top:0px; left:25px; width: 160px; font-size: 1px;}
div.suchekurzerweg 		{height: 60px; background-color: #004DA5; font-size:11px; color:#ffffff; overflow:hidden; position:relative; padding:0px;}
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 geŠndert rho 19.10.04: laut neuen Vorgaben Veit */
div.navigationhead {
    position:relative;
    width:160px; 	/* war 145px, aber navreiteraktiv aus navigation.inc rausgenommen */
    min-height:20px;
    /* margin-bottom:1px; */
    background-color:#E0E0E0;
    font-family:verdana;
    font-size:12px;
    font-weight:bold;
    cursor:hand;
	text-transform:uppercase;
}
/* IE Workaround fuer die Hoehe des DIVs */
* html body div.navigationhead  {height:20px;}
div.navigation1 {
    position:relative;
    width:160px;
    min-height:20px;
    /* margin-bottom:1px; */
    background-color:#808080;
    font-family:verdana;
    font-size:12px;
	line-height:14pt; 
    font-weight:bold;
    cursor:hand;
	
}

/* IE Workaround fuer die Hoehe des DIVs */
* html body div.navigation1  {height:20px;}

div.navigation2 {
    position:relative;
    width:160px;
    min-height:20px;
    /* margin-bottom:1px; */
    background-color:#909090;
    font-family:verdana;
    font-size:12px;
	line-height:14pt;
    cursor:hand;
}
/* IE Workaround fuer die Hoehe des DIVs */
* html body div.navigation2  {height:20px;}

div.navigation3 {
    position:relative;
    width:160px;
    min-height:20px;
    /* margin-bottom:1px; */
    background-color:#A0A0A0;
    font-family:verdana;
    font-size:12px;
	line-height:14pt;
    cursor:hand;
}
/* IE Workaround fuer die Hoehe des DIVs */
* html body div.navigation3  {height:20px;}

div.navigation4 {
    position:relative;
    width:160px;
    min-height:20px;
    /* margin-bottom:1px; */
    background-color:#B0B0B0;
    font-family:verdana;
    font-size:12px;
	line-height:14pt;
    cursor:hand;
}
/* 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:0px 0px 0px 0px; float:left;}
/*div fŸr floating Images, die oben rechts floaten sollen.*/
div.floatTopRight		{margin-left:10px; float:right;}
/*div fŸr floating Images, die nicht floaten sollen.*/
div.floatNot			{}

/* 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:574px; min-width:574px; 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:196px; overflow:hidden;}
div.footertop {
	white-space:nowrap;
	overflow:hidden;
	color: #004DA5;
	font-size:10px;
	font-weight:bolder;
	line-height:1.3em;
	padding-top: 3px;
}

/* Spacer */
div.teaserabstand		{margin-top: 10px;}
div.absatzabstand		{margin-top: 10px;}
div.suchekurzerwegabstand {padding:0px;margin:0px;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.zitatlink			{margin-top:2px; line-height:1.5em;}
div.sendedatum			{margin-bottom:10px; font-size:0.9em; font-weight:bold; }
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;}

/* 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:15px;
    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;
    /* border: 1px solid #000000; */
    /* margin-bottom:1px; */
    font-size:11px;
    line-height:1.3em;
}
div.teaserkopf, div.kolumnenkopf {
    position:relative;
    width:100%;
    height:15px;
    overflow: hidden;
    background-color:#E0E0E0;
    color:#707070;
}
div.teaserreiter, div.kolumnenreiter {
    position:relative;
    float:left;
    width:15px;
    height:100%;
    background-color:#707070;
}
/* FŸr S[lang-Tag box */
div.slang_box, div.slang_box_large {
    position:static;
    background-color:#D0D0D0;
    padding: 5px 5px 5px 5px;
    border: 1px solid #000000;
}
div.slang_box {
    /* margin-bottom:1px; */
    font-size:0.8em;
    line-height:1.3em;
    /* clear: both; */
}

/* Float-Clearer fŸr 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 fŸr 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 fŸr frei wŠhlbare Hintergrundfarben */
#Hell					{background-color:#909090;}
#Mittel					{background-color:#808080;}
#Dunkel					{background-color:#707070;}
#Weiss					{background-color:#FFFFFF;}
#Grau					{background-color:#EFEFEF;}

#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}

/* Pull- und Dropdowns */
.dropdown				{font-size:9px; display:inline; margin: 0px 0px 0px 0px;}
.dropdownkolumne 		{background-color:#FFFFFF; width:150px; font-size:9px; display:inline; margin: 0px 0px 0px 0px;} 
/* Suche Formularfeld */
form.suche  {margin:0px; padding:0px; 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:0px;}
button.searchbutton {
    border:0px hidden #ffffff; 
    background-color:#004DA5;
    color:#ffffff;
    font-size:11px;
    width:40px;
    line-height:11px;
    margin:0px;
    padding:0px;
    display:inline;
}

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




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