@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Gilda Display', 'Poly', serif;
	background: #141414;
	margin: 0;
	padding: 0;
	color: #000;
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
 	color: #aaa;
	margin-top: 15px;
	margin-bottom: 5px;	 
	padding-right: 15px;
	padding-left: 0px; 
	padding-bottom: 0px;
}
h1 {font-size: 1.5em; font-weight:100;}
.text {	
	margin-top: 15px;
	font-size: 1.0em;
	line-height: 1.8em;
	width: 90%;
	}
.text:before {content:"»"; color: #aaa; font-size: 2.5em; margin: 0px 0 0 0; 
 font-weight : bold;
 float: left;
 width: 0.8em;
 // padding-bottom: 100%;
 }	
/*.text:after {content:"«"; color: #aaa;font-size: 2.9em; margin: 10px 0 0 0; 
 font-weight : bold;
 float: right;
 width: 1.0em;
  padding-bottom: 100%;
 }	*/


a img { 
	border: none;
}

a:link {
	color:#aaa;
	text-decoration: underline; 
}
a:visited {
	color: #aaa;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}


.container {

	background: #555555 url(images/bg.png) no-repeat;
	width: 640px;
	min-height: 800px;
	padding: 50px;
	margin: 0 auto; 
	margin-top: 10px;
}

.content {
	padding-top: 35px;
}

.impressum {
	width: 740px;
	margin: 0 auto; 
	margin-top: 5px;
	font-size:11px;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	color: #707070;
	margin-bottom: 25px;
}
.impressum a{
text-decoration: none;
color: #707070;
}

#title a{text-transform:capitalize; text-decoration: none; color: #fff;font-size: 2.5em;
		-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}

#slogan {color: #141414;}

.line {border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));}

/*-----------------------NAVIGATION ------------------------------------*/

.navigation {border-top: 1px solid #aaa;margin-top: 6px;padding-top: 10px;}
.navigation ul li {float: left;padding-right: 18px; list-style:none; font-size: 1.3em;}
.navigation ul li a {color: #141414; text-decoration:none}
.navigation ul li a:hover {color: #fff;}

.nav2 {margin-top: 35px; float: none; margin-left: 73px; margin-left: 0px;}
.nav2 ul li {float: left; padding-right: 4px; list-style:none; font-size: 0.9em;}
.nav2 ul li a {color: #141414; text-decoration:none}
.nav2 ul li a:hover {color: #fff;}

#current a {color: #aaa !important;}
#current a:hover {color: #fff !important;}


/* ---------------------------------- GALLERY CSS3 --------------------------------------------------- */

@-webkit-keyframes supersize {
  0% { -webkit-transform:scale(.9); }
  100% { -webkit-transform:scale(1); }
}

.content ul a{visibility: hidden;}
.content ul li a{visibility: visible;}

gallery li {
  display:inline;
}
gallery img {
  border:5px solid #eee;
    -webkit-box-shadow:0 1px 4px #000;
  -moz-box-shadow:0 1px 4px #000;
  box-shadow:0 1px 4px #000;
  -webkit-transition:opacity .2s linear;
  -moz-transition:opacity .2s linear;
  -o-transition:opacity .2s linear;
  transition:opacity .2s linear;
  margin-right: 15px;
  margin-bottom: 15px;
}
/*
img {
  border:5px solid #eee;
    -webkit-box-shadow:0 1px 4px #000;
  -moz-box-shadow:0 1px 4px #000;
  box-shadow:0 1px 4px #000;
  -webkit-transition:opacity .2s linear;
  -moz-transition:opacity .2s linear;
  -o-transition:opacity .2s linear;
  transition:opacity .2s linear;
  margin-right: 15px;
  margin-bottom: 15px;
}
*/
gallery a:hover img {opacity:.75;}
gallery a:active img {margin-top:0px;}
.content li[id] {
  overflow:hidden;
  position:absolute;
  width:0;
  height:0;
  left:0;
  top:0;
  opacity:0;
  background:rgba(0,0,0,.8);
  -webkit-transition:opacity 0.2s cubic-bezier(0,0,0,1);
  -moz-transition:opacity 0.2s cubic-bezier(0,0,0,1);
  -o-transition:opacity 0.2s cubic-bezier(0,0,0,1);
  transition:opacity 0.2s cubic-bezier(0,0,0,1);
}
.content li[id] a:before {
  content:url(images/close.png);
  position:absolute;
  top:-16px;
  left:-16px;
  opacity:0;
}
.content li[id] a:hover:before {opacity:1;}
.content li[id]:target {
  width:100%;
  height:100%;
  opacity:1;
}
.content li[id]:target a {
  position:absolute;
  top:5%;
  left: 27%;
  margin: 0 auto;
  border:0px solid #fff;
  -webkit-animation:supersize .2s cubic-bezier(0,0,0,1);
  text-decoration:none;
}

/*
@media (max-height: 600px)
.content li[id]:target a {
  position:absolute;
  top:5%;
  left: 33%;
  margin: 0 auto;
  border:0px solid #fff;
  -webkit-animation:supersize .2s cubic-bezier(0,0,0,1);
  text-decoration:none;
}
*/

.content li[id]:target img {
  max-height: 90% !important; max-width: 90%; 
  border:10px solid #eee;
  -webkit-box-shadow:0 1px 8px #000;
  -moz-box-shadow:0 1px 8px #000;
  box-shadow:0 1px 8px #000;
  -webkit-animation:supersize .2s cubic-bezier(0,0,0,1);
  margin-bottom: 5px;
}