html { height: 100% } 

body { 
		font-family: Arial, Helvetica, sans-serif;

		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgr��en im Opera sowie Standardformatierungen */
		font-size: 90%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr��e des Browser 
			Fensters ge�ndert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		text-align: left; 
		background: #FFF;
		padding: 10px; 
	} 
	
/* #page_margins {border: 1px #ff00ff solid; min-width: 756px; max-width: 100em; margin:auto;}  */
/* #page{ border: 4px #ffcc00 solid; background: #fff; } */


h3 {
	margin-top: 20px;
	margin-bottom: 1px;
}

.bildtext {
	font-size: 70%;
	font-style:italic;
	}

.aktuell {
	color:#FF0000;
	font-weight:bold;
}

.five {
	/*color:#002F6B; */
	font-weight:bold;
	letter-spacing:0.25em;
	text-transform:uppercase;
}	

a { 		
/*display:block;*/
text-decoration:none; 
font-weight:bold;
color: #000080;
}

a:hover { 	
text-decoration:underline; 
background-color: transparent;
font-weight:bold;
}

a.ver { 		
font:italic 120% georgia,serif;
background:#CCCCFF;
text-decoration:none; 
font-weight:bold;
color: #000080;
}

a:hover.ver { 		
background:#FF6666;
text-decoration:none; 
font-weight:bold;
color: #000080;
}

a.ver2 { 		
font-size:1.4em;
/*background:#CCCCFF; */
text-decoration:none; 
font-weight:bold;
color: #000080;
}

a:hover.ver2 { 		
background:#FF6666;
text-decoration:none; 
font-weight:bold;
color: #000080;
}


#header_vrmde {
width: 960px;
text-align: right; 
}

#header { 	
position:relative; 
/*height: 134px; */
height: 150px;
color: #fff;  
/*background: #FF00FF;  #1f1e2e url(../../img/yaml_bg.gif) repeat-x top; */ 
background: #ff24cc; /*Farbe 2018/19
background: #49FF8E;    Farbe 2017/18
background: #D75014;    Farbe 2016/17
background: #14969A;    Farbe 2015/16
background: #ffff99;    Farbe 2014/15
background: #C8E7FA;    Farbe 2013/14
background: #F8CCAA;    Farbe 2012/13
background: #d2e3c3;    Farbe 2011/12
background: #E0D2E6;    Farbe 2010/11   
Dunkel: #C2A2C6
Mittel: #E0D2E6
Hell:   #EFE8F3
		#DCCADC - laut Programmheft
 */
width: 960px;
}

.img160
{
float: left;
width: 160px;
}

.img191
{
float: left;
width: 191px;
}


.img200
{
float: left;
width: 200px;
}

.img271
{
float: left;
width: 271px;
}

.img338
{
float: left;
width: 338px;
}

.img400
{
float: left;
width: 400px;
}


.ueber
{
	color:#000;
}


#topnav {
		position:absolute;
		top: 10px;
		right: 10px;
		color: #fff;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
		width: 960px;
	}
	
#topnav a { color: #000; background:transparent; text-decoration:none; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

/************************** Hauptnavi ANFANG *****************************************************************************/ 
	
#nav { /*clear:both;*/ 
	float:left;
	width: 160px; 
	}

#nav_main {
    width: 100%;		/* Einfassen der Floats im IE */
    float:left;         /* Einfassen der Floats in allen anderen Browsern */
	
	
	
	/*background: #ff24cc url("gfx/shiny_buttons/background.gif") repeat-x center right;  /* Farbe 2018/19
	background: #49FF8E url("gfx/shiny_buttons/background.gif") repeat-x center right;   Farbe 2017/18
	background: #D75014 url("gfx/shiny_buttons/background.gif") repeat-x center right;   Farbe 2016/17
	background: #14969A url("gfx/shiny_buttons/background.gif") repeat-x center right;   Farbe 2015/16
	background: #f2b42f url("gfx/shiny_buttons/background.gif") repeat-x center right;   Farbe 2014/15
	background: #0093d5 url("gfx/shiny_buttons/background.gif") repeat-x center right;   Farbe 2013/14
	background: #DF5013 url("gfx/shiny_buttons/background.gif") repeat-x center right;   Farbe 2012/13
    background: #3da434 url("gfx/shiny_buttons/background.gif") repeat-x center right;   Farbe 2011/12
	background: #b8b8b8 url("gfx/shiny_buttons/background.gif") repeat-x center right;     Farbe 2010/11 */
    /*border-top: 1px #333 solid; 
    border-bottom: 1px #333 solid; 
    line-height: 0px; */
}

#nav_main ul {
    float:left; 
    display:inline;		/* Fix f�r IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zur�cksetzen */
    padding: 0;
    margin-left: 5px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel f�r 3D-Schatten) �ber basemod.css anpassen */

    /*border-left: 1px #aaa solid; 
    border-right: 1px #fff solid; */
}

#nav_main ul li {
    /*float: left; */
    display:inline;     /* Fix f�r IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    /*border-left: 1px #fff solid;
    border-right: 1px #aaa solid; */
}

#nav_main ul li a {
    display:block;
    width: auto;
    font-size: 0.8em;
    font-weight: bold;
    background: transparent;
    text-decoration: none;
    color: #000;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
}

#nav_main ul li a:hover {
    background: #eee;
    color: #333;
    text-decoration: none;
}

#nav_main ul li#current { 
    border-left: 1px #444 solid; 
    border-right: 1px #888 solid;
    background: transparent url("gfx/shiny_buttons/background_active.gif") repeat-x center right;	
}

#nav_main ul li#current a,
#nav_main ul li#current a:hover {
    color: #fff;
    background: transparent;
    text-decoration: none;
}
/************************** Hauptnavi ENDE *****************************************************************************/ 

/************************** NAVI g/index.php **************************************************************************/


#nav_g {
    width: 780px;		/* Einfassen der Floats im IE */
    float:left;         /* Einfassen der Floats in allen anderen Browsern */
    background: #999999;  /* Farbe 2011/12
	
}

#nav_g ul {
    float:left; 
    display:inline;		/* Fix f�r IE Doubled Float Margin Bug    */ 
    margin: 0px;			/* Standard-Listendefinition zur�cksetzen */
    padding: 0px;

}

#nav_g ul li {
    /*float: left; */
    display:inline;     /* Fix f�r IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
}

#nav_g ul li a {
    display:block;
    width: auto;
    font-size: 0.8em;
    font-weight: bold;
    background: transparent;
    text-decoration: none;
    color: #000;
    margin-right: 40px;
    padding: 0.5em 0.8em 0.5em 0.8em; 
}

#nav_g ul li a:hover {
    background: #eee;
    color: #333;
    text-decoration: none;
}



/************************** NAVI g/index.php ***************ENDE********************************************************/

#main {		/*clear:both; 
			width: 960px; */ 
			 /*background: #fff; fff=wei� */
			
			/*padding: 0.5em ; */  
			margin: 0 0 0 180px; 
}
 
 
/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	
	#col1_content {z-index: 4;}
	#col2_content {z-index: 6;}
	
	#col1_content, #col2_content { position:relative; }

#col1 {
		float:left; 
		width: 280px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		/*background: #FFF ; */
		
		
 
}

/*#col1_content {	margin: 0 1em 0 1em; 
				background: #ff66cc ; 				
} */

#col1_content {	margin: 0 1em 0 1em; 
				 				
}


#col2 { 	
			float:left;   
			background: #FFF ;
			width: 780px; 
			 
			
} 

#col2_content {	margin: 0 1em 0 1em;
				padding: 1em 0.5em 1em 0.5em; 
}

/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-L�sungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 

/********************* Tabellen ANFANG ******************************************************************************/	
	
table {
	margin:0; 
	border-collapse:collapse;
	width: 100%;
	
}

table.ohne {
	margin:0; 
	border-collapse:collapse;
	width: 70%;
	
}
	
tr.ald {
	background: #EEE;
}	

tr.konzert {
	background: #999;
}	
	
td {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding: 0.1em 0.5em 0.1em 0.5em;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

/****************** Bilder Five Live   **/

.b5 {
margin: 0px 20px 20px 0px;
float: left;
}

.b5clear { 
clear: both; 
padding-bottom: 20px;
}


/************************** Footer ANFANG *****************************************************************************/ 

#footer { 	clear:both; 
			color:#888; 
			
			background: #ff24cc; /* Farbe 2018/19  
			background: #49FF8E;    Farbe 2017/18
			background: #D75014;    Farbe 2016/17
			background: #14969A;    Farbe 2015/16
			background: #ffff99;    Farbe 2014/15
			background: #C8E7FA;    Farbe 2013/14
			background: #F8CCAA;    Farbe 2012/13
			background: #d2e3c3;    Farbe 2011/12
			background: #E0D2E6;    Farbe 2010/11
			/*margin: 0 ; */ 
			/*padding: 0.5em;  
			border-top: 1px #ddd solid; */ 
			line-height: 2em;
			text-align:center;
			width: 960px;
			font-size: 80%; 

}	/* Backup f�r IE-Clearing */

#footer a { 			text-decoration:none; }
#footer a:hover { 	text-decoration:underline; 
					font-weight:bold;
}


/************************** Footer ENDE *******************************************************************************/ 


/************* DREIERLEI *******/

.b3 {
	margin: 0px 20px 20px 0px;
	float: left;
	width: 150px;
}

.drei {
		/*color:#002F6B; */
		font-weight:bold;
		letter-spacing:0.25em;
		text-transform:uppercase;
		font-size: 16px;
}

.dreititel::after, .dreititel::before {
	content: "\A";
    white-space: pre;
	font-size: 14px;
	font-style: oblique;
	color: blue;
}

.dreititel {
	font-style: oblique;
	color: blue;
}

.platz1{
	color: gold;
}

.platz2{
	color: silver;
}

.platz3{
	color: burlywood;
}