/* ropa-sans-regular - latin */
@font-face {
  font-family: 'Ropa Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ropa-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ropa Sans Regular'), local('RopaSans-Regular'),
       url('fonts/ropa-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ropa-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ropa-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ropa-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ropa-sans-v8-latin-regular.svg#RopaSans') format('svg'); /* Legacy iOS */
}

html, body {
	padding: 0;
	margin: 0;
	font-family: 'Ropa Sans', sans-serif;
  font-style: normal;
	font-size: 16px;
	color: #262626;	
	width: 100%;
	background-color: #fcfdfa;
	-webkit-font-smoothing: antialiased;
}
body {
overflow-y:scroll;
}
ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #262626;
} 
a:hover, a:active {
	font-weight: 700;
}
#container {
	width: 90%;
	margin-left: 10%;
}
#center {
	width: 96vw;
	max-width: 700px;
	margin: 0 auto;
	padding-left: 160px;
}
#name {
	margin: 50px 0 30px 0;
}
#name img {
	max-height: 37px;
	width: auto;
}
#navi ul {
	padding-left: 0;
}
#navi ul li {
	display: table-cell;
	padding-right: 20px;
}
#navi ul li a:hover {
	color: #262626;
}
#navi ul li a {
  position: relative;
	padding: 0 0 3px 0;
}
#navi ul li a:hover:after,
#navi ul li.selected a:after {
  content:""; 
  background: #262626; 
  position: absolute; 
  bottom: 0; 
  left: 0; 
  width: 50%; 
  height: 3px;
	color: #262626;
}
#navi ul ul {
	position: absolute;
	display: table;
	margin-top: 80px;
	margin-left: -160px;
	text-align: right;
	width: 100px;
}
#navi ul li li {
	display: table-row;
	text-align: center;
	height: 20px;
}
#navi ul li.selected li a:after {
	display: none;
}
#navi ul li.selected li.selected a,
#navi ul li.selected li.selected a:link,
#navi ul li.selected li.selected a:visited {
	color: #262626;
	font-weight: 700;
}
#main {
	margin: 80px 0 50px 0;
}
.bilderliste li {
	clear: both;
	padding-bottom: 70px;
}
.bilderliste li img {
	margin-bottom: 10px;
}
.bilderliste li .image-desc {
	padding-left: 5px;
	font-size: 13px;
}
table {
	margin: 0;
}
table td {
	vertical-align: top;
	padding: 0 30px 15px 0;
}
.top {
	float: right;
	}
#footer {
	margin: 30px 0 15px 0;
}
	
@media only screen and (max-width: 880px) {
#container {
	width: 100%;
	margin-left: 0;
}
#center {
	margin: 0;
	margin-left: 2vw;
	padding: 0;
}
#navi ul ul {
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#navi ul li li {
	display: table-cell; 
	padding-right: 10px;
}
#navi ul li li a:link {
	padding: 0 5px 15px 0;
}
#main img {
	width: 94vw;
}
}