/*bilder-breite: max 360px*/
/*bilder-höhe: max 300px*/

   #eventliste li {
	position: relative;
	top:40px;
	left:0;
	display: inline;
	list-style-type: none;
   }
   
   #eventliste a { 
      background-color: #DDD;
	  font-size:11px;
	  color: black;
      padding: 7px 8px 7px 8px; 
	  border-top: solid 1px #eee;
	  border-right: solid 3px #eee;
	  border-bottom: solid 1px #eee;
	  border-left: solid 3px #eee;
	
	  }
   
   #eventliste a:hover,
   #eventliste a:focus,
   #eventliste a:active

   { 
   background-color:#F4F3E8;
   border-top: solid 1px #ccc;
   border-right: solid 3px #ccc;
   border-left: solid 3px #ccc;
   border-bottom: solid 1px #ccc;
   }  
   
/* - - - - - tabellendefinitionen - - - - - */

.table {
    position:relative;
	border: 0;
	padding: 0; /*ist als zellraum (abstand der zellen zueinander) zu verstehen ("0" für IE6)*/
	left: 0;
	top: 85px;
    }

.leftcell {
	width: 360px;
	text-align: center;
	}
	
.middlecell {
	width: 50px;
	text-align: center;
    }
	
.rightcell {
	padding: 0; /*ist als zellauffüllung (textabstand) zu verstehen*/
    }
/* - - - - - ende tabellendefinitionen - - - - - */	

#strich {
	position: relative;
	margin:auto;
	padding: 0;
	width: 2px;
	height: 300px;
	background-color: #DDD;	
    } 
   
#text {
	position: relative;
	padding: 10px;
	width: 430px;
	height: 278px;
	overflow: auto;
	font-size:11px;
	border:solid 1px #ccc;
	scrollbar-arrow-color: #666666;
    scrollbar-base-color: #F4F3E8;
    scrollbar-track-color: #F4F3E8;
    scrollbar-face-color: #F4F3E8;
    scrollbar-highlight-color: #999999;
    scrollbar-shadow-color: #F4F3E8;
	}
.unsichtbar { /*nur für mobilansicht*/
    display:none;
    }