body{
background-color:#000000;
color:#FFFFFF;
}

.div {
position:absolute;
left:136px;
top:54px;
display:none;
width:347px;
height:347px;
}

.ausstellung {
width:990px;
height:540px;
position:absolute;
left:0px;
top:0px;
display:none;
cursor:pointer
}

.text {
color:white;
font-size: 12pt;
font-family: Verdana;
text-align: left;
}

a:link {
text-decoration:underline;
color:#FFFFFF;
}

a:visited {
text-decoration:underline;
color:#FFFFFF;
}

.menu {
font-family:'Calibri', 'Verdana';
height:30px;
position:fixed;
top:0px;
left:50%;
margin-left:-445px;
background-color:black;
font-size:x-small;
}

.menu a {
color:#FFFFFF;
}

.menu ul {
list-style-type:none;
text-align:center;
margin-top:0px;
padding-top:0px;
}

.menu ul li {
float:left;
border-left:1px solid black;
}

.menu ul li a {
width:15px;
height:30px;
float:left;
text-decoration:none;
line-height:30px;
overflow:hidden;
}

.menu ul li:hover a  {
background-color:#000000;
background-image:url();
}

.scroll {
  height: 375px;
  width: 500px; 
/*  background:url(pics/content.png);
  background-repeat:repeat-y; 
  background-position: top center;*/
/*  overflow-x: hidden;*/
  position: fixed; 
  top:50px;/* fix for IE to respect overflow */
  left:50%;
  margin-left:-250px;
  clear: left;
  overflow: auto;  
}

.scrollContainer div.panel {
  color: white;
  font-family:'Calibri', 'Verdana';
  font-size:x-large;
  height: 375px;
  width: 500px; /* change to 560px if not using JS to remove rh.scroll */
  position: relative;
  
}

.scrollButtons {
  position: absolute;
  top: 345px;
  cursor: pointer;
}

.scrollButtons.left {
  position:fixed;
  right:100px;
  top:150px;
}

.scrollButtons.right {
  position:fixed;
  right:100px;
  top:250px;
}

.impressum {
 width: 200px;
 height: 61px;
 position: fixed;
 right: 0px;
 bottom: 0px;
}
.hide {
    display: none;
}

#slider {
position: relative; 
margin: 0 auto;
}

a {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #FFFFFF;
}