/******************** ******************** ******************** ********************

		Radio-Jade.de Stylesheet

		Entwicklung: Fabian Tapken
		Letzte Änderung: 19.01.2006

		Copyright Radio Jade 2006


		Hinweise:

		- Alle Pixelwert-Angaben berücksichtigen den 3-Pixel-Bug des Internet Explorers (IE)
	
******************** ******************** ******************** ********************/




/******************** ********************

HTML-Tag-Formatierung

******************** ********************/


body
		{
		padding:0;
		margin:0;
		background: #E6EAF2 url(Pattern_Kopfzeile.gif) repeat-x;
		border-style:none;
		text-align:center; /* Zentrierung für IE */
		}


a
		{
		padding:0;
		margin:0;
		border-style:none;
		}


img
		{
		padding:0;
		margin:0;
		border-style:none;
		}


select
		{
		font-family:'Arial', sans-serif;
		font-size:0.7em;
		font-weight:normal;
		color:#102040;
		}




/******************** ********************

Globale Klassen

******************** ********************/


.Dropdown_Menue
		{
		padding:0;
		margin:0;
		}


.Ueberschrift_1
		{
		font-family:'Arial', sans-serif;
		font-size:0.9em;
		font-weight:bold;
		color:#102040;
		}


.Zentrierung
		{
		text-align:center;
		}




/******************** ********************

Globale ID's

******************** ********************/


#Rechtsbuendig
		{
		text-align:right;
		}


.Rechts_Umfliessend  /* Vorher #Rechts_Umfliessend*/
		{
		float:right;
		}


#Abstand_Oben_1
		{
		margin:12px 0 0 0;
		}




/******************** ********************

Globales Layout

******************** ********************/


#Contentrahmen
		{
		padding:0;
		margin:0 auto; /* Zentrierung für Browser außer IE */
		width:230px; /*vorher 762px*/
		text-align:left; /* Aufhebung der Zentrierung für IE */
		}




/******************** ********************

Kopf- und Aktualitätszeile

******************** ********************/


#Kopfzeile_Links
		{
		padding:0;
		margin:0;
		/*width:522px;*/
		height:30px;
		display:none;
		visibility:hidden;
		}


#Kopfzeile_Rechts
		{
		
		padding:0;
		margin:0;
		/*width:237px;*/
		height:99px;
		

		
		}


#Kopfdatum
		{
		visibility:hidden;
		display:none;
		
		}

#Imagebild
		{
		margin:0 0 0 3px;
		width:498px;
		height:75px;
		display:none;
		visibility:hidden;
		}


#Logo
		{
		width:225px;
		height:75px;
		margin:0px;
		padding:0px;
		
		
		}


.Aktuelle_Daten
		{
		font-family:'Arial', sans-serif;
		font-size:0.75em;
		font-weight:bold;
		color:#FFF;
		/*display:none;*/
		/*visibility:hidden;*/

		
		}


#Laufende_Sendung
		{
		margin:0 0 0 3px;
		padding:0;
		
		
		}




/******************** ********************

Toplinkzeile

******************** ********************/


#Toplinks
		{
		padding:12px 0 0 0;
		width:762px;
		clear:both;
		visibility:hidden;
		display:none;
		}




/******************** ********************

Hauptnavigationsspalte

******************** ********************/


#Hauptnavigation
		{
		margin-left:5px;
		padding:21px 0 0 0;
		width:150px; /* Wert vorher 150px */		
		display:block;
		}


#Hauptnavigation_Home_Link
		{
		border-bottom:solid 6px #6178B2;
		}


.Navigation a
		{
		font-family:'Arial', sans-serif;
		font-size:0.9em;
		font-weight:bold;
		color:#6178B2;
		text-decoration:none;
		}


.Navigation a:hover,
.Navigation a:active,
.Navigation a:focus
		{
		color:#102040;
		}


.Navigation_Text
		{
		font-family:'Arial', sans-serif;
		font-size:0.9em;
		font-weight:bold;
		color:#102040;
		}


.Hauptnavigation_Unterpunkt
		{
		margin-left:18px;
		padding-left:18px;
		}


.Hauptnavigation_Block
		{
		padding:0.5em 0 0.25em 0;
		width:135px;
		border-bottom:solid 1px #BAC4DD;
		line-height:1.1em;
		}


#Hauptnavigation_Block_Unten
		{
		border-style:none;
		}




/******************** ********************

Inhaltsspalte

******************** ********************/


#Inhaltsspalte
		{
		margin: 2px 0 0 0;
		/*width:240px;*/
		text-align:left;
		clear:both;
		margin-left:5px;
		
		}


#Themenpfad
		{
		border-bottom:solid 6px #6178B2;
		}


.Inhalt_Block
		{
		padding:0 0 0 0;
		margin:0.5em 0 0 0;
		border-bottom:solid 1px #B0B7C5;
		}


#Inhalts_Ueberschrift
		{
		float:left;
		}


.Fliesstext, p
		{
		font-family:'Arial', sans-serif;
		font-size:0.9em;
		font-weight:normal;
		color:#102040;
		line-height:1.2em;
		}


.Fliesstext_Link, a
		{
		font-family:'Arial', sans-serif;
		font-size:0.9em;
		font-weight:normal;
		color:#9C0A0A;
		text-decoration:none;
		}


.Fliesstext_Link:hover,
.Fliesstext_Link:active,
.Fliesstext_Link:focus
		{
		text-decoration:underline;
		}


.Inhalt_Zusatzinfo
		{
		font-family:'Arial', sans-serif;
		font-size:0.7em;
		font-weight:normal;
		color:#102040;
		}


.Inhalt_Zusatzinfo_Link
		{
		font-family:'Arial', sans-serif;
		font-weight:normal;
		color:#9C0A0A;
		text-decoration:none;
		}


.Inhalt_Zusatzinfo_Link:hover,
.Inhalt_Zusatzinfo_Link:active,
.Inhalt_Zusatzinfo_Link:focus
		{
		text-decoration:underline;
		}
		
.Inhalt_Input
		{
		background-color:#FFF;
		border:solid 1px #102040;
		font-family:'Arial', sans-serif;
		font-weight:normal;
		color:#102040;
		}

.Inhalt_Button
		{
		background-color:#6278B2;
		border:solid 1px #102040;
		font-family:'Arial', sans-serif;
		font-weight:bold;
		color:#FFF;
		}
#Ausdrucken
		{
		display:none;
		visibility:hidden;
		}


/******************** ********************

Rechte Spalte

******************** ********************/


#Rechte_Spalte
		{
		width:150px;
		float:right;
		display:none;
		visibility:hidden;
		}


#Rechte_Spalte_Titel
		{
		border-bottom:solid 6px #102040;
		}


.Rechte_Spalte_Ueberschrift
		{
		font-family:'Arial', sans-serif;
		font-size:0.9em;
		font-weight:bold;
		color:#102040;
		}


#Shoutbox_Rahmen
		{
		width:148px; /* 3-Pixel-Bug vom IE nicht berücksichtigt, hat aber auch keine Auswirkungen */
		height:240px;
		border:solid 1px #102040;
		}


#Shoutbox_Formular
		{
		margin:12px 0 0 0;
		font-family:'Arial', sans-serif;
		font-size:0.75em;
		font-weight:normal;
		color:#102040;
		}


.Shoutbox_Eingabefeld
		{
		width:148px; /* 3-Pixel-Bug vom IE nicht berücksichtigt, hat aber auch keine Auswirkungen */
		background-color:#FFF;
		border:solid 1px #102040;
		font-family:'Arial', sans-serif;
		font-weight:normal;
		color:#102040;
		}


.Button_Absenden
		{
		background-color:#6278B2;
		border:solid 1px #102040;
		font-family:'Arial', sans-serif;
		font-weight:bold;
		color:#FFF;
		}




/******************** ********************

Fußzeile

******************** ********************/


#Fusszeile
		{
		padding:3em 0 1em 0;
		clear:both;
		text-align:center;
		}


#Fusszeile a
		{
		font-family:'Arial', sans-serif;
		font-size:0.9em;
		font-weight:normal;
		color:#9C0A0A;
		text-decoration:none;
		}


#Fusszeile a:hover,
#Fusszeile a:active,
#Fusszeile a:focus
		{
		text-decoration:underline;
		}




/******************** ********************

Shoutbox-Dokument

******************** ********************/


#Shoutbox_body
		{
		background-image:none;
		text-align:left;
	
		}


#Shoutbox
		{
		height:250px;
		font-family:'Arial', sans-serif;
		font-size:0.75em;
		font-weight:normal;
		color:#102040;
		overflow:auto;
		border-style:solid;
		border-width:1px;
		
		
		
		}


.Shoutbox_Eintrag
		{
		width:126px;
		border-bottom:solid 1px #B0B7C5;
		
		}


.Shoutbox_Username
		{
		padding:0 0 0 3px;
		}


.Shoutbox_Usertext
		{
		padding:6px 0 9px 3px;
		}

/******************** ********************

Tabellen

******************** ********************/


.Foto_Uebersicht
		{
		margin:0;
		padding:0;
		}


.Foto_Uebersicht_Zeile
		{
		margin:0;
		padding:0;
		}


.Foto_Uebersicht_Feld
		{
		margin:0;
		padding:0 0 12px 0;
		width:100px;
		vertical-align:top;
		font-family:'Arial', sans-serif;
		font-size:0.7em;
		font-weight:normal;
		color:#102040;
		}


.Foto_Uebersicht_Feld_2
		{
		margin:0;
		padding:0 24px 18px 0;
		width:100px;
		vertical-align:top;
		font-family:'Arial', sans-serif;
		font-size:0.7em;
		font-weight:normal;
		color:#102040;
		}


.Veranstaltungskalender
		{
		margin:0;
		padding:0;
		}


.Veranstaltungskalender_Zeile
		{
		margin:0;
		padding:0;
		text-align:center;
		vertical-align:center;
		}


.Veranstaltungskalender_Feld_1
		{
		width:60px;
  		height:18px;
		background-color:#8D9ECA;
		}
		

.Veranstaltungskalender_Feld_2
		{
		width:60px;
        height:18px;
		}


.Veranstaltungskalender_Feld_3
		{
		width:60px;
  		height:18px;
		background-color:#B7C3DE;
		}
		

.Veranstaltungskalender_Feld_4
		{
		width:60px;
        height:18px;
		background-color:#9C0A0A;
		}

.Veranstaltungskalender_Feld_5
		{
		width:60px;
        height:18px;
		background-color:#00FF78;
		}	

.Tabellen_Kopf
		{
		font-family:'Arial', sans-serif;
		font-size:0.9em;
		font-weight:bold;
		color:#E6EAF2;
		}
.Veranstaltungen_Heute
		{
		font-family:'Arial', sans-serif;
		font-size:0.9em;
		font-weight:bold;
		color:#E6EAF2;
		text-decoration:none;
		}


