* {
   border: 0;
   margin: 0;
   padding: 0;
   }

body {
   background-color: #333;
   font-family: Arial,Geneva,Helvetica,sans-serif;
   margin-top: 1%;
   margin-bottom: 2%;
   }

span.code  {
   font-weight:bold;
   color:#BE421C;
   }

a:link { font-weight: bold; text-decoration:none; color:#C7CBBE; }
a:visited { font-weight: bold; text-decoration:none; color:#C7CBBE; }
a:hover { font-weight: bold; text-decoration:underline; color:#FD901B; }
a:active { font-weight: bold; text-decoration:none; color:#ffffff; }

a.active { font-weight: bold; text-decoration:none; color:#FD901B; }

table.bilder {
   background-color: #000;
   border: 2px solid #000;
   }

table.bilder td {
   text-align: center;
   font-size: 0;
   }

table.bilder td img {
   border: 3px solid #000;
}

p {
   color: #fff;
   font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
   text-align: left;
   letter-spacing: 0.1em;
   font-size: 11px;
   line-height: 1.2em;
   margin-bottom: 1em;
   text-align: center;
   }

p#topnav {
   color: #fff;
   font-family: "Courier New",Courier;
   letter-spacing: 0;
   font-size: 11px;
   margin-bottom: 8px;
   text-align: center;
   }

img.noshow {
   display: none;
   }

table.bildrand {
   float:left;
   display: inline;
   border: 1px solid #72756C;
   margin-right: 16px;
   margin-bottom: 16px;
   }

table.bildrand td {
   background-color: #000;
   width: 162px;
   height: 162px;
   text-align: center;
   vertical-align: middle;
   }

.scrollbereich {
   margin-top: 30px;
   overflow: auto;
   width: 752px;
   height: 368px;
}