/* FONTS */
/* averia-sans-libre */
@font-face {
  font-family: 'Averia Sans Libre';
  font-style: light;
  font-weight: 300;
  src: url('../fonts/AveriaSansLibre/AveriaSansLibre-Light.ttf'); /* IE9 Compat Modes */
  src: local('Averia Sans Libre'), local('Averia-Sans-Libre')
       url('../fonts/AveriaSansLibre/AveriaSansLibre-Light.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
/* end clearfix */

html {
	
}

.bg-slideshow  {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	position:fixed;
}

.bg-slideshow li {
	background-repeat: no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg1.jpg', sizingMethod='scale')";
	height:100%;
	width:100%;
	overflow: hidden;
	position:absolute;
	top:0;
	left:0;
}

/* BEGIN slideshow */
.bg-slideshow li.easing-on {
	-moz-transition: all 4s ease; /* Firefox */
	-webkit-transition: all 4s ease; /* WebKit */
	-o-transition: all 4s ease; /* Opera */
	transition: all 4s ease; /* Standard */
}

.bg-slideshow li.inactive {
	opacity:0;
}

.bg-slideshow li.appear {
	opacity: 1;
}

.slideshow li.vanish {
	opacity:0;
}
/* END slideshow */

body {
	height:100%;
	margin: 0;
	font-size: 14px;
	overflow: hidden;
	height:100%;
	font-family: 'Averia Sans Libre', cursive;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}

body.shaded {
	background: url(../img/shader-90.png) repeat 0 0 transparent;
}

.header {
	position:fixed;
	top:10px;
	left:30px;
	width:600px;
	/*text-align:center;*/
}

.header h1 {
	margin:0;
	color: #ffffff;
	font-weight:normal;
	font-size:6em;
	letter-spacing: 0.12em;
	font-family: LeHavreSketchRegular;
	font-weight: normal;
	font-style: normal;
}

.header .title-top , .header .title-bottom, .teaser {
	margin:0;
	color: #ffffff;
	font-size:1.6em;
	font-weight:normal;
	text-transform: uppercase;
}

.teaser h2 {
	font-size:1em;
	font-weight:normal;
	margin:1em 0 0 0;
}

.teaser p {
	margin:0;
}

.signal {
	color:#ffa800;
}

.header .contact {
	margin-top:20px;
}

.header .contact a {
	color:#ffffff;
	text-decoration:none;
}

.header .contact a:hover {
	text-decoration:underline;
}

.fotocredit {
	position:fixed;
	bottom:10px;
	right:10px;
	font-size:0.7em;
	text-transform:uppercase;
	color:#ffffff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}

a {
	color:#ffffff;
	text-decoration:underline;
}