/* common */
html{
	width:100%;
	margin:0;
}
body{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:#cdffcc;
	width:100%;
	margin:0;
}
div{
	position:relative;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
table{max-width:1200px}
table tr{text-align:center}
table td{text-align:left}
table td{margin-top:0}
td{
	color:#008081;
	text-align:left;
	font-size:14px;
}
a{
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	font-weight:bold;
	color:#ffffff;
	opacity:0.75;
	text-decoration:none;
}
#center{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	border-width:0px;
}

/* header */
#headerImg{
	max-width:100%;
	display:block;
}
#nav{max-width:1200px}
#nav td{
	text-align:center;
}
#nav table{
	border-width:0;
	font-size:16px;
	font-weight:bold;
	width:100%;
}
#nav table:first-child tr{
	background-color:#b30101;
}
#nav table:first-child tr td{
	vertical-align:top;
	line-height:1em;
	padding:3px 0;
}
a.linkgruen{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
#navIn{
	margin:5px 0 0 15px;
}
#navIn img{display:inline-block}
#logo{
	margin-left:17.5%;
	min-width:80px;
	min-height:26px;
}
#navIn a img{
	position:absolute;
	top:10px;
	left:5px;
}

/* content */
#first{
	vertical-align:top;
	padding:70px 10px 0 6.9%;
	max-width:20%;
	float:left;
}
#first img{
	width:100%;
	/* max-width:157px;
	max-height:172px; */
}
#gallery{
	padding:0 10% 0 0;
	margin:79px 0 0 0;
	max-width:60%;
	float:right;
	text-align:center;
}
h1{
	margin-top:50px;
	font-size:1.75em;
}
#gallery a{
	position:relative;
	display:inline-block;
	text-align:center;
	margin:0;
	padding:0;
}
#gallery a span{
	position:absolute;
	left:4px;bottom:2px;
	font-size:.9em;
	font-weight:normal;
	letter-spacing:0;
	width:100%;
	margin:0 0 4px -4px;
	padding-right:-4px;
	background-color:gray;
	opacity:0.75;
}
#gallery img{
	max-width:120px;
	max-height:120px;
	margin:0;
	padding:0;
	border:0;
}
#gallery a:hover{
	font-style:oblique;
	font-weight:100;
	font-size:1.25em;
	opacity:0.75;
}
.play-pause{
	margin-right:45%;
	border:3px solid silver;
	border-radius:50%;
	padding:8px 11px 11px 12px;
	color:silver;
	opacity:0.1;
}
#gallery a:last-child{margin-bottom:119px}
/* footer */
#foot{
	clear:both;
	position:fixed;
	bottom:0;
	width:1200px;
	max-width:100%;
	margin:0 auto;
	border-top: 2px solid #bcbcbc;
	background-color:#cdffcc;
	text-align:center;
	opacity:0.9;
}
#foot a{
	color:#bcbcbc;
	font-size:12px;
	line-height:30px;
	opacity:1;
	max-width:100%;
}
#foot a:hover{
	letter-spacing:0.01;
	font-style:oblique;
}

/* media query */
@media(max-width:1211px){
	#langChoice{padding-left:10px}
}
@media(max-width:900px){
	#gallery{padding:0 10% 0 0}
	#foot a{max-width:100%}
	#foot{max-width:100%}
}
@media(max-width:820px){
	#first{display:none}
	#gallery{
		max-width:100%;
		margin:45px 0  0;
		padding:0 5% 0 5%;
	}
}