* { padding: 0; margin: 0; }

html { height: 100%; }
body { height:100%; margin:0%; padding:0%; text-align: center; }

a.bro {
  color:#aaaaaa; text-decoration:none; font-size:10px; font-weight:bold;
  font-family:Verdana,Helvetica,Arial,sans-serif;
}
a.bro:hover {
  color:#000000;
}

a.footer {
  text-decoration:none; color:#777777;
}
a.footer:hover {
  text-decoration:underline;
}

a.kategorie {
  text-decoration:none; color:#000000;
}

img.kategorie {
  border-color:#000000;
  border:1px;
  margin-bottom:5px; margin-right:0px;
}

h1 {
  font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  font-size:20px;
  padding-bottom:20px;
}

#wrapper {
  width: 100%;
  background-image: url(header-bg.jpg); background-repeat: repeat-x;
  border: 0px solid green;
}

div {
  color:#000000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size:9px;
}

div.top {
  background-image: url(header-bg.jpg); background-repeat: repeat-x;
  width: 880px;
  height: 220px;
  border: 0px solid red;
}

div.galerie {
  width: 880px;
  min-height: 80%;
  background-image: url(bodybg.jpg); background-repeat: repeat-y;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 0px solid red;
}

div.navi {
  text-align:left;
  padding-left:28px;
}

div.footer {
  width: 880px;
  background-image:url(bodybg.jpg); background-repeat:repeat-y;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 0px solid red;
}

img.thumb {
  border-color:black;
  margin-right:20px;
}

span.kategorie {
  font-weight:bold; font-size:14px;
}

td.index {
  text-align:center; padding-right:5px; padding-left:5px;
}

a.navi {
  color:#777777; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:9px;
  text-decoration:underline;
}
a.navi:hover {
  text-decoration:none; color:#000000;
}