html, body {margin:-1px 0 0 0;padding:0;background:url('img/bg.png') repeat-x #585656;color:#b9b9b9;
	font:0.97em trebuchet ms, verdana, sans serif;border-top:1px solid #626260;}
#wrap {width:950px;margin:0 auto;position:relative;}
#header {height:102px;background:url('img/header-bg.gif') left no-repeat;} 
#intro {padding:0 25px;margin:15px 0 0 0;width:450px;}
#intro h1 {margin:3px 0;}
#intro p {margin:3px 0;}
#foto {position:absolute;top:102px;right:53px;width:400px;height:300px;overflow:hidden;}
#onder {position:absolute;top:404px;left:0;overflow:hidden;padding:0 25px;}
#onder h2 {margin:3px 0;font-size:1.3em;color:#666;}
#onder ul {margin:0;padding:0;list-style-type:none;font-size:13px;display:inline;}
#onder ul li {margin:0 0 1px 0;color:#777;}
#onder a:link, a:visited {color:#000;}
#onder a:hover {color:#666;}
#powered {position:absolute;top:3px;right:3px;font-size:11px;text-align:right;}
#menuu {position:absolute;top:71px;left:26px;height:30px;}
.rightdesign {color:#80bd26;}
.picura {color:#db771b;}
.validatorlink {color:#d1d1d1;}
.exhibit a:link, .exhibit a:visited {color:#fff;}
.exhibit a:hover {color:#c1c1c1;}
#tabsB {position:absolute;
	bottom:0;
	width:500px;
   float:left;
   font-size:11px;
   }
 #tabsB ul {
	  margin:0;
	  padding:0px;
	  list-style:none;
   }
 #tabsB li {
   display:inline;
   margin:0;
   padding:0;
   }
 #tabsB a {
   float:left;
   background:url("img/tableftB.gif") no-repeat left top;
   background-position:0% -42px;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
   }
 #tabsB a span {
   float:left;
   display:block;
   background:url("img/tabrightB.gif") no-repeat right top;
   background-position:100% -42px;
   padding:5px 15px 4px 6px;
   color:#666;
   }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 #tabsB a span {float:none;}
 /* End IE5-Mac hack */
 #tabsB a:hover span {
   color:#000;
   }
 #tabsB a:hover {
   background-position:0% -42px;
   }
 #tabsB a:hover span {
   background-position:100% -42px;
   }
.active {color:#000;}

.gallery {
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:99%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
.gallery img {}
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:13%;
            margin:0 10px 23px 1px; padding:3px 0;
            height:65px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
 
          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
            }

            a img{ border:none; } /* A small fix */

            .gallery a:link,
            .gallery a:visited,
            .gallery a:focus,
            .gallery a:hover,
            .gallery a:active{
              padding:3px;
              position:absolute; 
              top:0; left:0; /* position it so that image's top left corner is in the center of the list item */
              margin:3px 0 0 3px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
              border:1px solid #444;
              background:#555;
            }
            .gallery a:hover{
			border-color: #555;
  	filter:alpha(opacity=30);
				-moz-opacity:0.3;
				-khtml-opacity: 0.3;
				opacity: 0.3;
            }

            /* These are all optional, for decoration purpouses only */
            .gallery{
              padding-bottom:3px;
              margin-top:3px;
            }


.galleryklein {
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:99%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
.galleryklein img {}
          .galleryklein li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:13%;
            margin:0 10px 03px 1px; padding:3px 0;
            height:65px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
 
          }
            .galleryklein a,
            .galleryklein img{
              display:block;
              width:100%;
            }

            a img{ border:none; } /* A small fix */

            .galleryklein a:link,
            .galleryklein a:visited,
            .galleryklein a:focus,
            .galleryklein a:hover,
            .galleryklein a:active{
              padding:3px;
              position:absolute; 
              top:0; left:0; /* position it so that image's top left corner is in the center of the list item */
              margin:3px 0 0 3px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
              border:1px solid #444;
              background:#555;
            }
            .galleryklein a:hover{
			border-color: #555;
	  	filter:alpha(opacity=30);
				-moz-opacity:0.3;
				-khtml-opacity: 0.3;
				opacity: 0.3;
            }

            /* These are all optional, for decoration purpouses only */
            .galleryklein {
              padding-bottom:3px;
              margin-top:3px;
            }