@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'hemmet';
 src: url('../files/hemmet-webfont.eot');
 src: url('../files/hemmet-webfont.eot?#iefix') format('embedded-opentype'), url('../files/hemmet-webfont.woff') format('woff'), url('../files/hemmet-webfont.ttf') format('truetype'), url('../files/hemmet-webfont.svg#hemmet') format('svg');
 font-weight: normal;
 font-style: normal;
}
* {
	font-family:"Trebuchet MS", serif; list-style:none;
}
body {
	overflow-y:hidden;
	min-width:1150px;
	min-height:560px;
}
html, body, #header, #footer, #container, #wrapper {
	list-style:none;
	margin:0;
	padding:0;
}
#wrapper {
	height:100%;
}
header, #header {
	position:absolute;
	top:0;
	height:65px;
	width:100%;
	background-color:#fff;
}
#header nav, #footer nav, #container {
	width:960px;
	margin:0px auto;
	display:block;
}
#header nav > ul {
	float:left;
}
#header nav ul li ul {
	display:none;
}
#header ul, #footer ul {
	padding:0;
	margin:0;
	list-style:none;
}
#header li, #footer li {
	float:left;
}
#header li {
	height:65px;
}
#header a, #footer a {
	text-decoration:none;
	text-transform:uppercase;
	color:#cccccc;
	display:block;
	font-weight:bold;
}
#header a {
	padding:25px 10px 20px;
}
#footer a {
	padding:6px 10px 6px;
}
#header a.active, #footer a.active {
	background-color:#cccccc;
	color:#565656;
}
#header a.light {
	background-color:#eeeeee;
	color:#565656;
}
#container {
	position:absolute;
	width:100%;
	top:65px;
	bottom:35px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	background-attachment:fixed;
}
#container.home {
	background-image:url(../files/home.jpg); background-position:bottom;
}
#container.news {
	background-image:url(../files/news.jpg);
}
#container.vita {
	background-image:url(../files/vita.jpg);
}
#container.galerie {
	background-image:url(../files/galerie.jpg);
}
#container.video {
	background-image:url(../files/video.jpg);
}
#container.kontakt {
	background-image:url(../files/kontakt.jpg);
}

#place {
	margin:0px auto;
	width:960px;
	position:relative;
	height:100%;
	overflow:hidden;
}
#place > div {
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
	width:615px;
	background-color:#fff;
	background-color:rgba(255, 255, 255, 0.8);
}
#place > #vita { width:830px;}
#place > #vita > ul > li > ul > li > p { width:620px;}
#place > #vita > ul > li > ul > li > span { width:140px; }
#place > #vita a { color:#000; }

#place > #video { height:510px;}
#place > #kontakt, #place > #galerie {
	background:none;
}
#place > #kontakt *, #place > #galerie * {
	color:#fff;
	background:none;
}
#kontakt address {
	margin-top:35px;
}
#kontakt address p, #kontakt address a, #kontakt address span {
	font-style:normal;
	margin:3px 30px; 
}
#kontakt address span {
	display: inline-block;
	font-weight: bold;
	width: 55px;
}
#place > #galerie {
	width:960px;
}
#galerie #box {
	width:920px;
	float:left;
	background-color:rgba(255, 255, 255, 0.8);
	padding:30px 20px;
}
#galerie #box figure span { width:100%; display:block; font-size:0.8em; }
#galerie #box figure {
	width:182px;
	height:130px;
	float:left;
	background-color:#727272;
	margin:0 2px 2px 0;
	position:relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-bottom:30px;
}
#galerie #box img {
	width:auto;
	height:106px;
	margin:10px;
	border:#fff 2px solid;
	border:rgba(255, 255, 255, 0.8) 2px solid;
	max-width:146px;
	vertical-align: middle;
	
}
#viewer {
	position:absolute;
	display:none;
	top:0;
	bottom:0;
	padding:5%;
	width:90%;
	z-index:1000;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.8);
}
#viewer > div {
	margin: 0 auto;
    width: 100%;
	height:100%;
	position:relative;

}
#viewer span.close, #viewer span.next, #viewer span.pre {
	width:50px;
	height:50px;
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	text-indent: 100%;
    white-space: nowrap;
	position:absolute;
	overflow:hidden;
	cursor:pointer;
}
#viewer span.pre {  background-image:url(../files/pre.png); top:47%; left:13%; }
#viewer span.next { background-image:url(../files/next.png); top:47%; right:13%; }
#viewer span.close { background-image:url(../files/close.png); top:5%; right:13%;}

#viewer  figure { 	
	width:100%;
	height:100%;
	float:left;
	position:relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin:0;
	}
#viewer  img {

	max-height:100%;
	border:#fff 2px solid;
	border:rgba(255, 255, 255, 0.8) 2px solid;
	vertical-align: middle;
	}

#place h1 {
	font-family: 'hemmet';
	font-size:4.2em;
	font-weight: normal;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-top: 10px;
}
#place h2 {
	background-color:rgba(255, 255, 255, 0.8);
	padding: 5px 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#place h3 {
	padding: 20px 30px 3px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-top:#fff 2px solid;
	border-top:rgba(255, 255, 255, 0.8) 2px solid;
}
#place > div > p {
	padding: 5px 30px 10px;
}
#place > div > p > a {
	color:#000;
	font-style:italic;
	font-weight:bold;
}
#place > .page > ul {
	list-style:none;
	padding:0 0 0 30px;
}
#place > .page >  ul > li {
	overflow: auto;
	display: inline-block;
	width: 100%;
}
#place ul li.break {
	margin:30px 0 20px;
}
#place > div > ul > li > span {
	font-weight:bold;
	width:170px;
	display:inline-block;
	margin:8px 0px;
	float:left;
}
#place > div > ul > li > p {
	font-weight:normal;
	width:390px;
	display:inline-block;
	float:left;
	margin:8px 0px;
	float:left;
}
li.break {
	margin-top:30px;
}
#place > div > ul > li > ul {
	padding:0 0 0 10px;
}
#place > div > ul > li > ul > li > span {
	font-weight:bold;
	width:100px;
	display:inline-block;
	float:left;
	margin:8px 0px;
}
#place > div > ul > li > ul > li > p {
	font-weight:normal;
	width:445px;
	display:inline-block;
	float:left;
	margin:8px 0px;
}
#place > div > ul > li > ul > li > p > span {
	font-weight:bold;
	display:inline-block;
	margin-top:15px;
}
#place > div > ul > li > ul > li > p > span.first, #place > div > ul > li > ul > li > p > span:first-of-type{ margin-top:0px; }
#place > div > ul > li.break > span {
	width:100%;

}
#place > div > ul > li.break br {
	display: block;
	margin: 1px 0;
}
footer, #footer {
	position:absolute;
	bottom:0;
	height:35px;
	width:100%;
	background-color:#fff;
}
#footer ul {
	float:right;
}
#footer a {
	margin-left:5px;
}
.insta, .facebook, .twitter, .youtube {
	width:15px;
	height:23px;
	position: relative;
	text-indent: 200%;
	white-space: nowrap;
	display:block;
	overflow:hidden;
	background-size:85% auto;
	background-repeat:no-repeat;
	background-position: 0 2px;
}
a.insta {
	background-image:url(../files/instagram.png);
}
a.facebook {
	background-image:url(../files/facebook.png);
}
a.twitter {
	background-image:url(../files/twitter.png);
}
a.youtube {
	background-image:url(../files/youtube.png);
}