html{
	background-color:#fff;
	height:100%;
}

* {
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.75em;
}

ul, ol {
margin-bottom:0 list-style-position: inside;
}

a {
	color: #5e5e5e;
	font-size: 12px;
	font-family: 'Source Sans Pro', sans-serif;
}

a:hover {
	color: #a90329;
}

li {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
ul {
	height:100%;
	font-size: 16px;
	color: #5e5e5e;
	font-family: 'Source Sans Pro', sans-serif;
}
h1 {
	font-size: 50px;
	font-weight: 400;
	font-family: 'Josefin Slab', serif;
	color: #000;
}
h2 {
	font-size: 20px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	color: #a90329;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h3 {
	font-size: 18px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	color: #a90329;
	text-transform: uppercase;
}
h4 {
	font-size: 16px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	color: #a90329;
	text-transform: uppercase;
}
h5 {
	font-size: 14px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	color: #a90329;
}
h6 {
	font-size: 12px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	color: #a90329;
}
p {
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 14px;
	color: #5e5e5e;
	line-height: 1.5;
	font-family: 'Source Sans Pro', sans-serif;
}

.masse{
	margin-bottom: 15px;
	margin-top: 5px;
	font-size: 14px;
	color: #5e5e5e;
	line-height: 1.5;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform:normal;
}

::-webkit-scrollbar ::-webkit-scrollbar-button ::-webkit-scrollbar-corner ::-webkit-scrollbar-thumb ::-webkit-scrollbar-track ::-webkit-scrollbar-track-piece 
/*============================================*/

html, body {
}
#left {
	width: 50%;
	background-color: #fff;
	position: absolute;
	height: 100%;
	left: 0;
	z-index: 0;
}
#right {
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}
#trenner {
	width: 10px;
	position: absolute;
	height: 100%;
	background-color: #a90329;
	left: -webkit-calc(50% - 5px);
	left: -moz-calc(50% - 5px);
	left: calc(50% - 5px);
	z-index: 999;
}
#container {
	width: -webkit-calc(100% - 300px);
	width: -moz-calc(100% - 300px);
	width: calc(100% - 300px);
	margin-top: 0;
	background-color: #fff;
	position: absolute;
	height: -webkit-calc(100% - 205px);
	height: -moz-calc(100% - 205px);
	height: calc(100% - 205px);
	overflow: scroll;
	overflow-x: hidden;
}

@media (max-width:450px) {
	#portrait ul li a{
		font-size:9px !important;
	}
}

@media (max-width:979px) {
	
	body{
		height:100%;
	}
	
	#wrapper{
		height:100%;
		background-color:#fff;
	}
	
	#container { 
	width:75%;
	padding-left:12.5%;
	padding-right:12.5%;
	position:static;
	height:auto;
	overflow:hidden;
	
	}
	
	#logo{
		width:75% !important;
		margin-top:35px !important;
	}
	
	#logo img{
		max-width:75%;
		height:auto;
	}
	.headline{
		width:75%;
		margin-left:12%;
		margin:25px auto 0 !important;
	}
	
	#left{
		width:100%;
		position:static;
		float:right;
	}
	
	#right{
		display:none;
	}
	
	#wrapper{
		background-color:#fff;
	}
	
	#trenner{
		display:none;
	}
	
	#landscape{
		display:none;
	}
	
	#portrait {
    width:100%;
   }


#portrait ul {
    padding: 0px;
    margin: 0px;
}
#portrait ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
#portrait ul,#portrait ul li{
    background-color: #a90329;
}
#portrait ul li {
    list-style: none;
    float:left;
    width:20%;
    min-width:100px;
}
#portrait ul li a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 5px;
    text-align:center;
    font-size:14px;
}
#portrait ul li:hover > ul {
    visibility: visible;
    background-color:rgba(255, 255, 255, 0);
    display:inline;
}
#portrait ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
    
}
#portrait ul li ul li{
    float: none;
    text-align:center;
    border-bottom: 1px solid #a90329;
    border-left: 1px solid #a90329;
    border-right: 1px solid #a90329;
    background-color:#fff;
    width:auto;
}

#portrait ul li ul li a{
	color: #a90329
}

#portrait ul li ul li a:hover{
    color:#fff;
    background-color: #71001A;
    border:none;
}

#portrait ul li a:hover{
    color:#fff;
    background-color: #71001A;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}



}

@media (min-width: 980px) {
	#container { 
	width:75%; 
	left:12%;
	
	}
	.headline{
		width:75%;
		margin-left:12%;
	}
	
	#portrait{
		display:none;
	}
	
	#landscape{
		display:block;
	}
	
	#slide-top{
	display:none;
}

#right{
	display:block;
}
}

@media (min-width: 1280px) {
	
	#container { 
	width:50%; 
	left:25%;
	
	}
	
	.headline{
		width:50%;
		margin-left:25%;
	}
}

#logo {
	text-align: center;
	width: -webkit-calc(100% - 200px);
	width: -moz-calc(100% - 200px);
	width: calc(100% - 200px);
	text-align: center;
	height: 50px;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
}

.headline {
	text-align: left;
	height: auto;
	margin-top: 40px;
	margin-bottom:0;
	margin-left: auto;
	margin-right: auto;
}

#footer {
	text-align: center;
	width: 100%;
	margin-top: 25px;
	clear: both;
	display: inline-block;
}
#footer p {
	font-size: 12px;
	line-height: 1.2;
}
#main {
	height: 100%;
}
.flexslider {
	height: 100%;
}
#slideshow {
	height: 100%;
}
#slideshow img {
	max-height:100%;
    width:auto;
	overflow: hidden;
	margin-bottom: 0;
}

.slides img{
    height:100%;
}

#form-div,
.form{
	margin-left:auto;
	margin-right:auto;
}

iframe{
	border-none;
	}
	
.caption {
top:420px;
background-color:black;
text-align:center;
font-size:28px;
font-family:'Trebuchet MS',sans-serif;
color:white;
position:absolute;
width:700px;
height:70px;
margin-bottom:0px;
}
.button {
background-color: crimson;
background-image: -webkit-linear-gradient(top, crimson, crimson);
background-image: -moz-linear-gradient(top,crimson,crimson);
display: inline-block;
font-size: 24px;
font-family: 'Meiryo UI';
color: #fff !important;
text-decoration: none !important;
padding: 5px 20px;
line-height: inherit;
overflow: hidden;
position: relative;
border-radius: 2px;
margin-top: 13px;
margin-bottom: 10px;
}
	.button:hover {
		opacity: 0.9;
	}