@charset "ISO-8859-1";
  body {
    background-color: #7e7e7e; background-image:url(images/background.jpg);   /* color: #303030; background-color: #7e7e7e; oder white; */        
    font-size: 100.01%;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0; padding: 2px;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }
  div#seite {
    text-align: left;
    width: 976px; padding: 0.2em; border: 0px ridge silver; margin: 0 auto;
    background-color: white;                       /* #cdcdc9 grau wie Selektion */
  }
  div#seite a {
    padding: 0;
    font-weight: normal; text-decoration:underline;
  }
  div#seite a:link {
    color: blue; 
  }
  div#seite a:visited {
    color: #800000;
  }
  div#seite a:focus {
    color: red;
  }
  div#seite a:hover {
    color: green;
  }
  div#seite a:active {
    color: red;
  }
  form { padding:2px; border:0px solid #ddd; color:#ffffff; }
    input, select { font-size:11px; font-family:Verdana,sans-serif; font-weight:bold; }
    input, select { color:#00c; }
  div#header {
    font-size: 1.5em; font-weight:bold;
    padding: 0.4em; border: 1px solid silver; margin: 0 0 0.1em 0;    /* oben, rechts, unten, links */ 
    text-align: center;
    background-color: #ffffff;
  }
  div#header2 {                                                   /* topx */    
    font-size: 1.5em; font-weight:bold;
    padding: 0.4em; border: 1px solid silver; margin: 0 0 0.1em 0; 
    text-align: center;
    background-color: #ffffff;
  }
 div#menue {
    font-size: 1.0em;
    width: 37.0em; height: 1.5em; padding: 0.5em 0 0 1em; border: 0px; margin: 0 0 0 0.25em;
    text-align: left; background-color: #5a6a81; color:white;
  }
  div#menue a {
     font-weight: normal; text-decoration:underline;
  }
  div#menue a:link {
    color: #ffffff; 
  }
  div#menue a:visited {
    color: #ffffff;
  }
  div#menue a:focus {
    color: green;
  }
  div#menue a:hover {
    color: yellow;
  }
  div#menue a:active {
    color: red;
  }
 div#left {
    font-size: 0.7em;
    float: left;
    width: 18.6em; padding: 3px; border: 1px solid #83addc; margin: 0 0 0 0;
    background-color: white;
  }
  div#right {
    font-size:0.7em;
    color:#808080;
    float: right;
    width: 0em; padding: 0; border: 2px solid #83addc; margin: 0;
    text-align: center;
    background-color: #eee; 
  }
  div#mid {
    padding: 0 0 0.25em 0.25em; border: 0px solid #83addc; margin: 0;
    font-size: 0.7em;
    background-color: #ffffff;
    overflow:hidden; /* muss unbedingt!!! */            
  }
  * html div#mid {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  div#selection {
    float: left;
    width: 58em; padding: 2px; border: 1px solid #83addc; margin: 0 0 0.1em 0;
    background-color: #296a81;
  }
  div#description {
  	color:white;  /* #303030 */
    float: left;
    width: 56.9em; padding: 8px; border: 1px solid #83addc; margin: 0 0 0 0;
    background-color: #296a81;
  }
  div#buttons {
    float: left;
    width: 10em; padding: 2px; border: 0px solid white; margin: 0 0 0 0;
    background-color: white;
  }
  div#inleft {
    color:#808080;
    float: left;    
    width: 32em; padding: 10px; border: 2px solid #83addc; margin: 0.1em 0 0 0;
    background-color: white;
  }
  div#inleft1 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inleft2 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inleft3 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inleft4 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inleft5 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inleft6 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inleft7 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inleft8 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inleft9 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inleft10 {
    color:#303030;
    float: left;    
    width: 55em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  div#inright {
    color:#808080;
    float: left; 
    width: 30em; padding: 10px; border: 2px solid #83addc; margin: 0.1em 0 0 0.1em;
    background-color: white;
  }
  div#text_01 {
    color:#303030;
    float: left;
    width: 23em; padding: 0.5em; border: 2px solid #83addc; margin: 0.1em 0 0 0.1em;
    background-color: white;
  }
  div#text_02 {
    color:#303030;
    float: left;
    width: 37em; padding: 0.5em; border: 2px solid #83addc; margin: 0.1em 0 0 0.1em;
    background-color: white;
  }
  div#text_03 {
    color:#303030;
    float: left;
    width: 37em; padding: 0.5em; border: 2px solid #83addc; margin: 0.1em 0 0 0.1em;
    background-color: white;
  }
  div#text_04 {
    color:#303030;
    float: left;
    width: 23em; padding: 0.5em; border: 2px solid #83addc; margin: 0.1em 0 0 0.1em;
    background-color: white;
  }    
  div#text_05 {                       																								 /* 3 alben */ 	
    color:#303030;
    float: left;
    width: 55em; padding: 0.5em; border: 2px solid #83addc; margin: 0.1em 0 0 0;
    background-color: white;
  }
  div#text_06 {                       																								 /* 3 alben */ 	
    color:#303030;
    float: left;
    width: 55em; padding: 0.5em; border: 2px solid #83addc; margin: 0.1em 0 0 0;
    background-color: white;
  }
  div#topx {
    color:#303030;
    float: left;    
    width: 56.5em; padding: 10px; border: 2px solid #83addc; margin: 0 0 0.1em 0;
    background-color: white;
  }
  p#foot {
    clear: both;
    font-size: 0.7em;
    margin: 0; padding: 0.75em;
    text-align: center;
    background-color: #ffffff; border: 1px solid silver;
	}
  hr {
  	background-color:#83addc; height:2px; border:0px;
  }
  .black {
  	background-color:#000000;
  	color:#ffffff;
  	padding: 0em;
  }
  .blue {
  	background-color:#296a81;
  	color:#ffffff;
  	font-weight:bold;
  }
	/* gelber Hintergrund info */
	.yellow {
		background-color:#ffff00; padding:2px;
	}
  .gelbbox { 
  	background-color:#FFFF66; padding:6px; margin:0px;
  }
  pre {
  	font-size:1.2em;
  }
/* hellerer blauer Hintergrund index.html */
.blue_1 { background-color:#c0d9f5; }

ul#liste {                                      /* Liste id / performer oder id / title */
	font-size: 0.91em;
	font-weight:bold;
  width: 45em;
  margin: 0; padding: 0;
  border: 1px dashed silver;
  background-color:#c0d9f5;
}
ul#liste li {
  list-style: none;
  margin: 0; padding: 0.5em;
}
/* Schrift */
font.gray_1 { color:#6b6868; }

font.gray_2 { color:#4e4c4c; }

font.gray_3 { font-size:0.7em; color:#646464; }

font.gray_4 { font-size:0.8em; color:#808080; }                          /* Anzeige Kritikernamen oder "Anzahl Nennungen:", etc. */

font.gray_5 { font-size:2.6em; color:#646464; font-weight:bold;}         /* Grau groß */

font.gray_6 { font-size:1.8em; color:#646464; font-weight:bold;}

font.black_1 { font-size:1.0em; color:#000000; font-weight:bold; }       /* Anzeige Rang/Position/Platzierung (fett) */

font.white_1 { color:#ffffff;}       /* In index.html */

font.h1 { font-size:2.6em; color:#646464; font-weight:bold;}             /* Grau groß */

/* Schrift grün jpc */
font.green { color:#007500; font-weight:bold; }

/* Schrift jpc */
font.small { color:#007500; font-weight:bold; font-size: 0.72em; }

font.red { color:red; font-weight:bold; font-size:10em; }