html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #232323;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}
/* general background and links settings */
#container {
   margin: 0px auto 0px auto;
   visibility: visible;
	display: block;
   width: 760px;
   position: relative;
   background-color: #232323;
   background-image: none;
}
/* view and color of links */
a  {
   text-decoration: none;
   color: #F0696B;
	}
a.download  {
   text-decoration: none;
   color: #ffffff;
	}
/* view of lists */
ul {
	list-style: none;
	padding: 0px 5px;
	margin: 10px;
}
li {
	padding: 3px;
}
#menubereich li {
	padding-left: 10px;
}
/* here the upper logo bar comes */

#logo  {
   background: url(logobar.gif) no-repeat;
	position: relative;
	float: left;
	width: 715px;
   height: 63px;
	margin: 46px 23px 0px 23px;
   
}

/* background of the cenral part */
#central {
   background: url(centr.gif);
   background-repeat: repeat-x;
	display: block;
	position: relative;
	float: left;
   width: 715px;
   height: auto;
	margin: 4px 0px 4px 23px;
}
/* content of the central part */

#strom, #schloss, #ubahn {
   margin-left: 25px;
	}
*html #strom, #schloss, #ubahn, {
   margin-left: 25px;
	}
#strom, #schloss, #ubahn
 {
   visibility: visible;
   position: relative;
	float: left;
   width: 201px;
   height: 126px;
	margin-top: 30px;
}

#strom a,
#schloss a,
#ubahn a {
   display: block;
	background-repeat: no-repeat;
	width: 201px;
	height: 126px;
	background-position: 0% 0%; 
	   	}

/* sources for big pictures */
#strom  a {
   background-image: url(strom.png);
}
#schloss  a {
   background-image: url(schloss.png);
	}
#ubahn  a {
   background-image: url(zug.png);
	}

#menumenu  {
   font: bold 12px/14px Tahoma;
   margin: 0px;
   height: 18px;
   padding: 0px;
   list-style: none;
   text-align: left;
   color: #ffffff;
   position: relative;
	float: left;
   margin:30px 0px 0px 20px;
}
/* that's the effect of the mouse on the picture */
#strom a:hover,
#schloss a:hover,
#ubahn a:hover{
   background-position: -202px 0%;}
#aktuell a:hover  {
background-position: -235px 0%; }


/* some text stuff */

p, #colspan ul {
	text-align: justify;
	padding-left: 10px;
}
*html p, #colspan ul {
	border-left-style: 1px thin;
	border-left-color: #BA1A1B;
}
p.download {
	border: none;
	color:#BA1A1B;
}
p.download:first-letter { font-size:150%; 
color: #BA1A1B;}

p.datum {
	border: solid;
	border-right-style: hidden;
	border-top-style: hidden;
	border-bottom-style: hidden;
	border-left-width: 1px;
	border-left-color: #ffffff;
	padding-left: 4px;
	font-weight:bold;
	color: #ffffff;
}
p.datum:first-letter { font-size:100%; 
color: #ffffff;}

p:first-line { 
font-weight:bold;
}
p:first-letter { font-size:150%; 
color: #BA1A1B;} 
/* headers */
h3 {
	font: bold 24px Arial, Helvetica, sans-serif;
	margin-left: -10px;
	height: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#colspan {
	position: relative;
	float: left;
	width: 685px;
	height: auto;
	padding-left: 10px;
padding-top: 10px;
	}
*html	#colspan {
	padding-bottom: 20px;
}

#menumenu li a  {
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   color: #ffffff;
   height: 100%;
}


/* the block of the footer */
#footer  {
   background: url(footer.gif);
   background-repeat: repeat-x;
	visibility: visible;
   position: relative;
	display: inline;
	float: left;
   width: 696px;
   height: 63px;
	margin-left: 23px;
	}
	* html #footer  {
   margin-left: 46px;
	}
#corner{
	background: url(corner.gif);
	visibility: visible;
	background-repeat: no-repeat;
	position: relative;
	float: left; 
	display: inline;
	width: 19px;
   height: 63px;
}
* html #corner{
	
	margin-left: -1px;
}
/* settings of the menu */
#menumenu li  {
   height: 100%;
   display: inline;
   margin: 0px;
}
/* "made by me" humble notion */
#copyright  {
   visibility: visible;
   position: absolute;
   left: 650px;
   top: 620px;
   z-index: 6;
   width: 160px;
   height: 8px;
color: #ffffff;
font-style: italic;
}

/* Scrollbar fuer die Konzerte */
#konzerte {
	position: relative;
	float: left;
	width: 685px;
	height: auto;
	padding-left: 10px;
	}
#konzerte #mycustomscroll
 {
	position: relative;
	float: left;
	width: 685px;
	height: 140px;
	overflow:auto;
	}

*html	#konzerte {
	padding-bottom: 20px;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #232323;
}
.vscrollerbar {
width: 10px;
background-color: #BA1A1B;
}
.hscrollerbase {
height: 10px;
background-color: #232323;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}