@charset "UTF-8";

html{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
}

body{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	font-family: Replica, Arial, Sans serif;
	font-size: 13.5px;
	font-weight: 200;
	background-color: #ffffff;
}

div{
	margin: 0px;
	padding: 0px;
}

p{
	margin: 8px 0px;
	padding: 0px;
	text-align: left;
}

b, strong{
	font-weight: 700;
}

h1{
	clear: both;
	margin: 0px;
	color: #181745;
	font-size: 24px;
	font-weight: 700;
}

h2{
	margin: 2px auto;
	font-size: 20px;
	font-weight: 700;
}

h3{
	margin: 8px auto;
	font-size: 16px;
	font-weight: 700;
}

small{
	font-size: 11px;
}

img, image{
	border: 0px;
	margin: 0px;
}

a{
	color: #181745;
	outline: none;
}

hr{
	clear: both;
	height: 1px;
	background-color: #181745;
	margin: 0;
	border: 0;
}

ul{
	margin: 0px;
	margin-left: 15px;
	padding: 2px 0px 5px 0px;
}

li{
	margin: 0px;
	margin-bottom: 2px;
	padding: 0px;
}

.buttonMode > img:nth-of-type(1) {
	position: absolute;
	opacity: 1;
	-webkit-transition: opacity .1s linear;
	-moz-transition: opacity .1s linear;
	-ms-transition: opacity .1s linear;
	-o-transition: opacity .1s linear;
	transition: opacity .1s linear;
}
.buttonMode:hover  > img:nth-of-type(1){
	opacity: 0;
}

/*--------------FORM---------------*/

form{
	font-family: Replica, Arial, Sans serif;
	font-size: 16px;
	font-weight: 400;
}

form input, form textarea{
	font-family: Replica, Arial, Sans serif;
	width: 100%;
	/*height: 22px;*/
	padding: 3px;
	border: 1px solid #181745;
	color: #181745;
	background-color: #ffffff;
}

form textarea{
	height: 80px;
}
form input[type=submit]{
	font-size: 16px;
}
/*
form input[type=checkbox], form input[type=radio]{
	width: 16px;
	height: 16px;
	margin: 0;
	vertical-align: bottom;
}

form input[type=submit]{
	margin-top: 20px;
	padding: 10px 0;
	border: 0;
	text-align: center;
	font-weight: 400;
	color: #181745;
	background-color: #ffffff;
	text-transform: uppercase;
	cursor: pointer;
}
*/
/*---------------FORM---------------*/

/*------------BACKGROUND--------------*/

#background_image{
	z-index: -1;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/*------------BACKGROUND--------------*/

/*--------------HEADER---------------*/

#header{
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 150px;
	top: 0px;
	/*border: 1px solid;*/
}

#header.transparent{
	background-image: url('../images/bg_transparent.png');
}
#header.opaque{
	background-image: url('../images/bg_opaque.png');
}

#header hr{
	background-color: #181745;
}

#header .logo{
	position: relative;
	float: left;
	margin: 17px 0px 0px 87px;
}

/*--------------HEADER---------------*/

/*------------LANGUAGES-------------*/

#header .languages{
	position: relative;
	float: right;
	margin: 20px 20px 0px 0px;
}

#header .languages hr{
	display: inline-block;
	width: 20px;
	height: 1px;
	margin: 0px -2px 0px -2px;
	border: 0;
}

#header .languages a {
	color: #181745;
	font-size: 10.4px;
	font-weight: 200;
	text-decoration: none;
	padding: 0px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

#header .languages a:hover{
	color: #181745;
	text-decoration: none;
}

#header .languages a.selected {
	color: #181745;
	font-weight: 700;
	text-decoration: none;
}

/*-------------LANGUAGES---------------*/

/*------------MAILCHIMP------------*/

#header .newsletter_link {
	display: inline-block;
	float: right;
	margin: 24px 20px 0px 0px;
	font-size: 10.4px;
}

/*------------MAILCHIMP------------*/

/*------------INSTAGRAM------------*/

#header .instagram_link {
	clear: right;
	float: right;
	margin: 18px 18px 0px 0px;
	font-size: 10.4px;
}
#header .instagram_link img {
	width: 20px;
	height: 20px;
}

/*------------INSTAGRAM------------*/

/*--------------MENU---------------*/

#header .nav{
	display: inline-block;
	position: relative;
	margin-top: 57px;
	margin-left: 65px;
}

#header .nav hr{
	display: inline-block;
	width: 80px;
	height: 1px;
	margin: 0px -4px 0px -4px;
	border: 0;
}

#header .nav a {
	color: #181745;
	font-size: 17.4px;
	font-weight: 200;
	text-decoration: none;
	padding: 0px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

#header .nav a:hover{
	color: #181745;
	font-weight: 700;
}

#header .nav a.selected {
	color: #181745;
	font-weight: 700;
	font-style: italic;
}

#header .button{
	display: none;
}

/*--------------MENU---------------*/

/*----------------FOOTER-------------*/

#footer{
	color: #181745;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 50px;
	/*border: 1px solid;*/
}
#footer .left{
	float: left;
	/*position: fixed;
	bottom: 0px;
	left: 0px;*/
	font-size: 10px;
	margin: 20px;
}
#footer .right{
	float: right;
	/*position: fixed;
	bottom: 0px;
	right: 0px;*/
	font-size: 10px;
	margin: 20px;
}

/*--------------FOOTER-------------*/

/*--------------LAYER-------------*/

.section{
	clear: both;
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	padding-bottom: 50px;
	top: 150px;
	/*border: 1px solid;*/
}

.bullet{
	padding: 10px 0px 5px 0px;
	font-size: 0px;
}
.bullet div{
	display: inline-block;
	padding: 5px 3px;
	/*border: 1px solid;*/
}
.bullet .bullet-button{
	width: 60%;
	/*border: 1px solid;*/
}
.bullet.homepage{
	max-width: 685px;/**/
	margin-left: 175px;
	text-align: center;
	/*border: 1px solid;*/
}
.bullet.homepage #arrow_navig_left{
	float: left;
}
.bullet.homepage #arrow_navig_right{
	float: right;
}
.bullet.detail{
	clear: both;
	float: right;
}

/*--------------LAYER-------------*/

/*------------HOMEPAGE------------*/

.slideshowHolder{
	position: relative;
	max-width: 685px;/**/
	height: 480px;
	text-align: center;
	margin-left: 175px;
}
.slideshowHolder .detailImage{
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 480px;
}
.slideshowHolder .detailImage img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

/*------------HOMEPAGE------------*/

/*-------------DETAIL-------------*/

.detailPage{
	/*min-width: 400px;*/
	margin-left: 207px;
}

.detailFixed{
	position: fixed;
	display: inline-block;
	top: 150px;
	margin-right: 20px;
	width: 100%;
	max-width: 450px;
}

.detailFixed .detailBack{
	float: left;
	margin-right: 14px;
	margin-bottom: 4px;
}

.detailFixed .imageGalleryHolder{
	position: relative;
	float: left;
	width: 100%;
	max-width: 475px;
	height: 333px;
	text-align: center;
}
.detailFixed .detailImage{
	position: absolute;
	/*width: 475px;*/
	height: 333px;
	line-height: 333px;
}
.detailFixed .detailImage img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.detailFixed .detailImage #imageGallery{
	vertical-align: middle;
}
.detailFixed .detailImage #imageGalleryLink{
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 0;
}
.detailFixed .detailImage #imageGalleryZoom{
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 0;
}

.detailScroll{
	display: inline-block;
	/*width: 310px;*/
	/*margin-left: 540px;*/
	max-width: 450px;
	margin-left: 500px;
	color: #181745;
}
.detailScroll hr{
	display: inline-block;
	width: 40px;
	height: 1px;
	background-color: #181745;
	margin: 0px -4px 0px -4px;
	border: 0;
}

.detailScroll .detailTitle{
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 8px;
}

.detailScroll .detailName{
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 8px;
}

.detailScroll .detailName a{
	text-decoration: none;
}

.detailScroll .detailDescription{
	font-size: 13.5px;
	font-weight: 200;
	word-wrap: break-word;
}

/*-------------DETAIL-------------*/

/*--------------NEWS---------------*/

.newsNothing{
	width: 100%;
	text-align: center;
}

.newsContainer{
	display: inline-block;
	width: 300px;
	height: 210px;
	margin: 15px;
	margin-top: 0px;
	overflow: hidden;
	border: 0px solid;
	text-align: center;
}

.newsContainer .newsImage{
	/*width: 100%;
	height: 100%;*/
	vertical-align: middle;
}

.newsContainer .newsLink{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.newsContainer .info{
	position: absolute;
	width: 300px;
	height: 210px;
	background-color: #181745;
}
.newsContainer .info div{
	position: absolute;
	bottom: 0px;
	padding: 10px;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
}
.newsContainer .info hr{
	display: inline-block;
	width: 40px;
	height: 1px;
	background-color: #fff;
	margin: 0px -4px 0px -4px;
	border: 0;
}

.newsBox{
	position: relative;
	display: block;
	line-height: 210px;
}

.newsBoxHover{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	line-height: 22px;
	text-align: left;
	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-ms-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
	opacity: 0;
	filter: alpha(opacity=0);
}

.newsBox:hover  > .newsBoxHover{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*--------------NEWS----------------*/

/*-------------PRESSE----------------*/

.infoPress{
	width: 832px;
	margin-left: 250px;
}

.infoPress .info{
	float: left;
	width: 399px;
	height: 480px;
	margin-right: 24px;
	background-color: #ffffff;
	border: 1px solid #181745;
	overflow: auto;
	direction: rtl;
}
.infoPress .info .content{
	padding: 20px;
	direction: ltr;
}

.infoPress .press{
	float: left;
	width: 399px;
	height: 480px;
	background-color: #ffffff;
	border: 1px solid #181745;
	overflow: auto;
}
.infoPress .press .content{
	padding: 20px;
	text-align: center;
}
.infoPress .press .content .article{
	margin-bottom: 20px;
}

/*-------------PRESSE----------------*/

/*-------------CONTACT----------------*/

.contact{
	width: 832px;
	margin-left: 250px;
	text-transform: uppercase;
}

.contact .left{
	display: inline-block;
	width: 401px;
	margin-right: 20px;
	vertical-align: top;
}

.contact .address{
	float: left;
	width: 399px;
	background-color: #ffffff;
	border: 1px solid #181745;
}
.contact .address div{
	float: left;
	margin: 14px;
	margin-left: 20px;
}

.contact .form{
	float: left;
	width: 359px;
	height: 275px;
	margin-top: 20px;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #181745;
}
.contact .form .field{
	height: 28px;
	line-height: 22px;
	text-transform: uppercase;
}
.contact .form input{
	float: right;
	width: 220px;
}
.contact .form textarea{
	float: left;
	width: 350px;
	overflow: auto;
}
.contact .form input[type=submit]{
	width: auto;
	float: right;
	text-transform: uppercase;
}

.contact .map{
	display: inline-block;
	width: 399px;
	height: 510px;
	background-color: #ffffff;
	border: 1px solid #181745;
}

/*-------------CONTACT----------------*/

/*------------ANIMATION------------*/

.btnPlayAnim {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	-ms-animation-duration:3s;
	-o-animation-duration:3s;
	animation-duration:3s;

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.shake {
	-webkit-animation-name: shake ;
	-moz-animation-name: shake ;
	-o-animation-name: shake ;
	animation-name: shake ;
}
@-webkit-keyframes shake {
	0%, 60%, 70%, 80%, 90%, 100% {-webkit-transform: translateX(0);}	
	10%, 30%, 50% {-webkit-transform: translateX(-5px);}
	20%, 40%{-webkit-transform: translateX(5px);}
}
@-moz-keyframes shake {
	0%, 60%, 70%, 80%, 90%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50% {-moz-transform: translateX(-5px);}
	20%, 40% {-moz-transform: translateX(5px);}
}
@-o-keyframes shake {
	0%, 60%, 70%, 80%, 90%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50% {-o-transform: translateX(-5px);}
	20%, 40% {-o-transform: translateX(5px);}
}
@keyframes shake {
	0%, 60%, 70%, 80%, 90%, 100% {transform: translateX(0);}
	10%, 30%, 50% {transform: translateX(-5px);}
	20%, 40% {transform: translateX(5px);}
}