* {
  margin:0;
  padding:0;
}

html, body {
  text-align: center;
  margin:0;
  font: 90.01% Verdana, Arial, Verdana, Helvetica, sans-serif;
  background-color:fff;
  color: #000;
}

html {
  height: 100%;
  margin-bottom: 1px;
}

#logo {
  background:url(../bilder/kopf.png) no-repeat left top;
  width:979px;
  height:148px;
}

.holyhack {
  width:979px;
  margin:0px auto;
  text-align:left;
}

#inhalt {
  float:right;
  width:670px;
}

#inhalt h1 {
  font-family:"Comic Sans MS",verdana, sans-serif;
  color:#FF7800;
}

#inhalt p {
  padding-bottom: 20px;
  padding-right:15px;
}

#inhalt li {
  margin-left:20px;
  margin-bottom:1em;
}

.rechts {
  float:right;
  margin-left:20px;
  padding-left:1em;
  padding-right:0em;
  background-color:white;
  border:none;
}

.keine {
  border:12px red sold;
  float:right;
  padding-left:1em;
  padding-right:1em;
  background-color:white;
  border:none;
}

.links {
  float:left;
  margin-right:20px;
  margin-left:0px;
  padding-left:0em;
  padding-right:1em;
  background-color:white;
  border:none;
}


.filmstreifen {
  padding:16px 6px;
}


#fuss {
  padding: 3px 0px;
  margin-left:30px;
  text-align: center;
  clear:both;
  border-bottom: 1px silver solid;
  width:949px;
  background-color:#FF7800;
  color:white;
}

#steuerung a:link {
  color:black;
  text-decoration:none;
  display: block;
}

#steuerung a:visited {
  color:blue;
  text-decoration:none;
  display: block;
}

#steuerung a:hover {
  color:red;
  text-decoration:underline;
  background:url(../bilder/aktiv.gif) no-repeat left top;
  display: block;
}
#steuerung a:active {
  color:orange;
  text-decoration:none;
  display: block;
}


#steuerung {
  float:left;
  width:230px;
  margin-left:30px;
}

#steuerung ul li {
  font-weight:bold;
  list-style:none;
  margin:10px 0px;	/* Abstand zwischen Hauptpunkten */
}


#steuerung ul li ul li {
  font-size: 1.0em ;
  font-weight:normal;
  margin:0px 0px;
  list-style:none;
}

#steuerung li ul li ul li {
  font-size:.8em ;
  margin-left:20px;
  list-style:none;
}

.dsteu1 { background:url(../bilder/rundungen_or.gif) no-repeat right top #57FF00;}
.dsteu2 { background:#81FF00; }
.dsteu3 { background:#A2FF00; }
.dsteu4 { background:#C3FF00; }
.dsteu5 { background:#E5FF00; }
.dsteu6 { background:#FFF900; }
.dsteu7 { background:#FFE000; }
.dsteu8 { background:#FFC700; }
.dsteu9 { background:#FFAE00;}
.dsteu10 { background:#FF9500; }
.dsteu11 { background:url(../bilder/rundungen_ur.gif) no-repeat right bottom #FF7800; }

#steuerung li a {
 padding:0px 25px 0px 18px;
 line-height:150%;
}

img.ohne {
  padding-top: 18px;
}

.fotostreifen {
  overflow: auto;
  width: 650px;
  height: 254px;
  background: black;
  background:url(../bilder/filmstreifen.gif) repeat-x left top;
  white-space: nowrap;
  scrollbar-3dlight-color: #FF7800;
  scrollbar-arrow-color: white;
  scrollbar-darkshadow-color: #FF7800;
  scrollbar-face-color: #FF7800;
  scrollbar-highlight-color: #FF7800;
  scrollbar-shadow-color: #CCCCCC;
  scrollbar-track-color: black;
  margin:13px 0px;
}

#fuss img {
  border:0px solid black;
  vertical-align:text-bottom;
}

#fuss a {
  color:white;
  text-decoration:none;
}

#vorzurueck {
  clear:both;
  text-align:right;
}