/* CSS Document */
/* ====================================== 
   1. Browserstyles zurücksetzen
   ====================================== */

/* Abstände zurücksetzen */
*  { padding: 0; margin: 0; }
/*h2, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } */

/* ====================================== 
   2. Allgemeine Selektoren
   ====================================== */

html { hight: 101%; } /* erzwingt Scrollbar im Firefox */
body { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
  	font-weight: normal;
   	background-color: #5F717C;  /* #B4880B #617D89 farbe der aktuellen site: #cc9933 */ 
    background-image: url(/09/images/a/bg.jpg);
	background-repeat: repeat-x;
	border: 0 0 0 0;
	margin-top: 10px;
}

/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}


/* ====================================== 
   2. Rahmen
   ====================================== */

#wrapper {
	position:relative; 								/* positioniert den wrapper, aber im Fluss */
	margin: 10px auto 30px auto; 
	color: #000000;
	width: 718px;
	/* border: 2px solid red; /* Hilfsrahmen */
	/* background-color: yellow;/* Hilfsfarbe */
	}
#wrapper2 {	background-color: #FFFFFF; padding: 11px; border-right: 1px solid #ccc; width: 695px; }

/* Einstellungen der Basisbereiche  */

#navi { padding-top: 18px; }
#keyvisual { padding-top: 34px; }
#content { padding: 18px 0 11px 0; border: 0; }
#bottom { padding-top: 120px; }
/* Abstände und Positionierungen <Head> */

#head img.bildmarke { position:absolute; position:absolute; top: 9px; right: 30px; }			/* Positionierung der Bildmarke */
#head a:hover, a:focus { border-bottom: none; }

/* Abstände und Positionierungen <nav> */

#navi ul 				{ position:absolute; top: 80px; }	/* Abstand zum wrapper */
#navi ul.nav1 			{ right: 12px; }	   				/* schiebt die navi nach rechts */
#subnavi ul 			{ position:absolute; top: 354px; }	/* Abstand zum wrapper */
#subnavi ul.subnavi1 	{ right: 12px; }	   				/* schiebt die subnavi nach rechts */

/* Abstände und Positionierungen <subnav> */

/* ====================================== 
   Schriftarten, - farben und -größen
   ====================================== */
body {color: #314B57;}

/* Hyperlinks */
a 					{ text-decoration: underline; outline: none; white-space: nowrap; } 
a:link 				{ color: #314B57; } 
a:visited 			{ color: #436778; }
a:hover, a:focus 	{ color: #CC9933; }


/* Schriften */

#content h1 { font-size: 150%; } 
#content h2 { font-size: 100%; color: #CC9933; font-weight: bold; line-height: 100%; padding: 25px 0 15px 0; text-align: left; }
#content h3 { font-size:  80%; color: #314B57; font-weight: bold; line-height: 100%; padding: 15px 0 4px 40px; text-align: left; }

#content p  { font-size:  75%; color: #314B57; font-weight: normal; line-height: 130%; padding: 5px 60px 5px 70px; text-align: left; }
#ly p 		{ font-size: 65%; padding: 5px 0 5px 50px; }

#navi a 					{ font-size: 75%; /*color: #263A43;*/ font-weight: bold; line-height: 150%; text-decoration: none; padding: 0 0 0 2px;}
#navi a:hover, a:focus 		{                 color: #CC9933;  }

#subnavi a 					{ font-size: 75%; /*color: #263A43;*/ font-weight: bold; line-height: 150%; text-decoration: none; padding: 0 2px 0 0; }
#subnavi a:hover, a:focus 	{                 color: #CC9933;  }

#content dt  { font-size: 75%; color: #CC9933; font-weight: bold;   line-height: 120%; padding: 5px 80px 0px 70px; text-align: left; }
#content dd  { font-size: 75%; color: #314B57; font-weight: normal; line-height: 120%; padding: 0px 80px 0px 90px; text-align: left; }

#content blockquote { font-size: 75%; color: #314B57; font-weight: normal; line-height: 120%; padding: 5px 100px 0px 70px; text-align: left; }
#content cite  		{ font-size: 100%; color: #CC9933; font-weight: bold; line-height: 120%; padding: 0px 0px 20px 0px; text-align: right; display: block;}
#ly cite  			{ font-size: 70%; color: #314B57; font-weight: normal; line-height: 120%; padding: 0px 0px 0px 50px; font-style: italic; text-align: left; display: block;}


#content ul { font-size:  75%; color: #314B57; font-weight: normal; line-height: 130%; padding: 0 0 0 85px; text-align: left; }
#content li { margin-left: 1em; }

address 	 { font-size: 65%; color: #314B57; font-weight: normal; line-height: 90 %; text-align: right; letter-spacing: 2px; }


iframe { margin: 5px 0 5px -11px; border: 0; padding: 0 0 20px 0}

/* ====================================== 
   Navigation
   ====================================== */

#navi li {	   					/* entfernt Aufzählungszeichen, stellt Li nebeneinander dar */
	display: inline;
	list-style: none;
	margin: 0 0 0 3px;
	padding: 0;
}

#subnavi li {	   				/* entfernt Aufzählungszeichen, stellt Li nebeneinander dar */
	display: inline;
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0;
}


/* ===============================
   Tabellen
   =============================== */
   
/* Content - allgemein */

#content td { vertical-align: top}   

/* Concerts */

#c table { width: 90% ; margin: 0 30px 0 60px}
#c td.n1 { border-bottom: 1px dotted #CC9933; font-size: 70%; text-align:right; color:#667882; padding: 3px  0px 3px 5px; width: 18%; white-space: nowrap;}
#c td.n2 { border-bottom: 1px dotted #CC9933; font-size: 70%; text-align:right; color:#CC9933; padding: 3px  0px 3px 30px; width: 130px; font-weight: bold; }
#c td.n3 { border-bottom: 1px dotted #CC9933; font-size: 70%; text-align:left; color:#667882; padding: 3px 20px 3px 10px;}
#c td.n4 { border-bottom: 1px dotted #ccc; font-size: 70%; text-align:right; color:#999; padding: 3px  0px 3px 5px; width: 18%; white-space: nowrap;}
#c td.n5 { border-bottom: 1px dotted #ccc; font-size: 70%; text-align:right; color:#999; padding: 3px  0px 3px 30px; width: 130px; font-weight: bold; }
#c td.n6 { border-bottom: 1px dotted #ccc; font-size: 70%; text-align:left; color:#999; padding: 3px 20px 3px 10px;}

/* Radio und  TV */

#rt table { margin: 0 40px 0 68px; }
#rt td.n1 { border-bottom: 1px dotted #CC9933; font-size: 70%; text-align:left;	color:#667882; padding: 3px  0px 3px 10px; font-weight: bold; white-space: nowrap;}
#rt td.n2 { border-bottom: 1px dotted #CC9933; font-size: 70%; text-align:left; color:#CC9933; padding: 3px  0px 3px 10px; font-weight: bold; }
#rt td.n3 { border-bottom: 1px dotted #CC9933; font-size: 70%; text-align:left; color:#667882; padding: 3px 20px 3px 10px;}



/* news */

#n table { margin: 10px 0 0 30px; width: 90%; }
#n td    { } 
#n td.n1 { font-size: 70%; text-align:right; color:#667882; padding: 3px 20px 15px 20px;  }
#n td.n2 { font-size: 70%; text-align:right; color:#CC9933; padding: 3px 30px 15px 50px; font-weight: bold; vertical-align: top;  }

/* Musik */

#mu table  	{ margin: 50px 0 0 70px;  width: 75%; }
#mu td.mu1 	{ width: 190px } 
#mu td.mu2 	{ font-size: 80%; text-align:right; vertical-align: bottom; padding: 0 20px 2px 0; font-weight: normal; } 
#mu td.mu3 	{ font-size: 80%; text-align:left; 	vertical-align: bottom; padding: 0 0   2px 0;  font-weight: normal; color: #666} 

/* Radio */

#ra table  	{ margin: 50px 0 0 70px; width: 75%; }
#ra td.ra1 	{ font-size: 80%; text-align:left; vertical-align: top; padding: 10px 0 0 0; font-weight: normal; } 
#ra td.ra2 	{ font-size: 80%; text-align:left; vertical-align: top; padding: 0 0 0 20px; font-weight: normal; } 
#ra td.ra3 	{ font-size: 80%; text-align:left; 	vertical-align: top; padding: 0 0 0 0;  font-weight: normal; color: #666} 

/* Gallery */

#g table { margin: 15px 0 0 40px;  }
#g td.g1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; text-align:right; color:#CC9933; vertical-align: top; font-weight: bold;   padding: 25px 10px 0 0;  width: 125px; }
#g td.g2 { font-family: Arial, Helvetica, sans-serif;          font-size: 80%; text-align:left;  color:#667882; vertical-align: top; font-weight: normal; padding: 26px 0 0 0; }

/* ===============================
   Bilder
   =============================== */

#n img { 	float: right; margin: 0px 0px 0px 15px;  }
#pb { padding: 20px 0 0 0px }
#pb img { padding: 8px 8px 0 0; }
#g img { padding: 7px 0 0 0; }
#ly img { float: right; padding: 5px 15px 35px 0;}
