body{
  text-align:center;
  font-family:Arial,sans-serif;
  margin:0;
}

#box{
  margin-right:auto;
  margin-left:auto;
  height:600px;
  width:600px;
}

#logo{
  background-image:url('banner.jpg');
  width:100%;
  margin:0;
  padding:0;
  height:80px;
}

#navi{
  height:20px;
  margin:0;
  padding:0;
  width:100%;
  text-align:right;
  background-image:url('navi.jpg');
  font-size:12pt;
}

#content{
  height:480px;
  width:100%;
  margin:0;
  text-align:left;
}

a, a:link, a:active, a:visited{
  text-decoration:none;
  color:black;
  font-weight:bold;
}

a:hover{
  text-decoration:none;
  color:#888888;
  font-weight:bold;
}

#navi a, #navi a:link, #navi a:active, #navi a:visited, #navi a:hover{
  margin-left:30px;
}

.rightpart{
  margin-left:50px;
}

#navi_galerie{
  text-align:left;
  font-size:11pt;
}

#navi_galerie a, #navi_galerie a:link, #navi_galerie a:active, #navi_galerie a:visited, #navi_galerie a:hover {
  margin-left:0;
  margin-right:5px;
}

#image_container{
  height:570px;
  overflow:auto;
  width:600px;
}

#image_container ul{
  display:inline;
}

#image_container ul li{
  width:500px;
  height:545px;
  float:left;
  display:inline;
  margin-left:50px;
  margin-right:50px;
  text-align:center;
  font-size:10pt;
}
p#img_content{
  width:500px;
  margin:0;
  float:left;
}

.hidden{
  visibility:hidden;
}

.visible{
  visibility:visible;
}

.left{
  text-align:left;
}

.center{
  text-align:center;
}