#container {
	margin-right:auto;
	margin-left:auto;
	clear:both;

	width:90%;
  max-width:777px;
  margin:auto;
  overflow:hidden;
  font-size:17px;
}

.main_area {
	clear:both;
	float:left;
	margin-bottom:40px;
}

.imageAll {
	clear:both;
	padding:8px 8px 50px 10px;
	overflow:hidden;
	font-size:0px;
  background:#301710;
}
.imgBox {
	width:23%;
	margin:1% 1% 1% 1%;
	display:inline-block;

	min-width :170px;
}

.title {
	margin-top:7px;
	margin-bottom:7px;
	float:left;
	font-size:17px;
	color: white;
	text-align: center;
	width: 100%;
}

.legende {
	margin-top: 0px;
	margin-bottom: 12px;
	float: left;
	font-size: 14px;
	color:white;
	text-align: center;
	width:100%;
  font-weight:normal;
}

.legende a, .site a {
    text-decoration:none;
    color:orange;
}
.legende a:visited, .site a:visited {
    color:white;
}

.image img {
	max-width: 100%;
	height:auto;
	width:auto;
	width:auto;
	border:none;
}