@font-face {
			font-family: 'AkzidenzG';
			src: url('../fileadmin/font/AkzidenzGrotesk-Roman.otf') format('opentype');				 
			font-weight: normal;
			font-style: normal;
		}
		
		html {
			width:100%;
			height:100%;
			font-size:10px;	
			line-height:15px;			
		}
		body {
			margin: 0px;
			font-family: Arial, helvetica, verdana;
			color: #000000;
			background-color:#ffffff;
			font-size:1.4em;			
			line-height:1.28em;
			height:100%;		
		}
    @media (max-width: 415px) {
      body {
        font-size:1.6em;
      }
    }
		td,p, button, input {	
			font-family: arial, helvetica, verdana;
			color: #000000;
			font-size:1em;		
		}
		th {
			font-weight:normal;
			text-align:left;
		}
		p {
			padding:0px;
			margin:0px;
			margin-bottom:1.28em;
		}
		.mod_list p {
			line-height:1.5em;
			margin-bottom:1.5em;
		}		
		strong {
			font-weight: normal;
			font-size: 0.80em;
			letter-spacing: 2px;
			text-transform: uppercase;
		}

		form {
			padding:0px;
			margin:0px;
		}
		textarea {
			font-family: "Courier New","Times New Roman", Times, arial, helvetica, verdana;
			color: #000000;
			font-size:11px;
			width:220px;
			height:100px;
			resize:none;
		}
		input {
			width:220px;
			font-family: "Courier New","Times New Roman", Times, arial, helvetica, verdana;
			font-size:11px;
		}		
		input, textarea {
			border:1px solid #FFFFFF;
			border-bottom: 1px solid #808080;	
			-moz-box-sizing:border-box;	
			-webkit-box-sizing:border-box;				
			box-sizing:border-box;		
		}		
		
		a, a:link {
			color:#000;
			text-decoration:none;
			outline:none;
		}		
		a:hover,#nav_extra  li.selected a{
			color:#71B2DA;
		}	
		
		ul {
			list-style-type:none;
			padding:0px;
			margin:0px;
		}
		ol {
			
			margin:0px 0px 1.28em;
			padding-left: 20px;

		}
		ol li{		
			padding-left: 15px;
		}
				
		img {
			border:0px;
			padding:0px;
			margin:0px;
			vertical-align:top;
			font-size:0px;
			line-height:0px;
		}
		
		h1 {
			padding:0px;
			margin:0px 0px 2em;
			font-weight:normal;
			font-size: 0.80em;
			letter-spacing: 2px;
			text-transform: uppercase;	
			text-align:center;
		}
    /*@media (max-width: 479px) {
      h1 {
        text-align: left;
      }
    }*/
		h2,h2  p {
			font-weight:normal;
			font-size: 0.7em;
			letter-spacing: 2px;
			text-transform: uppercase;	
			margin:0;
		}			
		
		br.clearer,div.clearer {
			height:0px;
			line-height:1px;
			font-size:1px;
			overflow:hidden;
			clear:both;
		}		
		.clearElem {
			clear:both;
		}
   /**************************************************/		
   
	#sidebar_left {
		margin:0px;
		padding-left: 15px;
		padding-right: 15px;
		position: fixed;
		background-color: #fff;
		width: 100%;
		box-sizing: border-box;
	}
	@media (max-width: 739px) {
		body.nav-active {
			overflow: hidden;
		}
		.nav-active #content {
			visibility: hidden;
		}	
		.nav-active #sidebar_left {
			height: 100%;		
		}
	}
	@media (min-width: 740px) {
		#sidebar_left {
			position: static;
			width: auto;
			height: auto;
			margin: 0px 37px 0px 46px;
			padding: 0;
			float:left;
		}
		#sidebar_left > .clearer {
			display: none;
		}
	}
	@media (min-width: 1000px) {
		#sidebar_left {
			margin: 0px 137px 0px 46px;
		}
	}
	#logo, #logo-mobile {
		float: left;
		width:117px;
	}
	#logo img {
		padding-top:33px; 
	}
	#logo  {
		display: none; 
	}	
	#logo-mobile {
		margin-top: 4px;
	}

	@media (min-width: 740px) {
		#logo {
			display: block; 
			float: none;
			width: 117px;
			margin-bottom:75px;
		}
		#logo-mobile {
			display: none; 
		}
	}
	
	
	#navContainer {
		width: calc(100% - 117px - 30px);
		width: 100%;
		padding-top: 7px;
		float: left;
		letter-spacing: 2px;
		text-transform: uppercase;
		height: calc(100% - 110px);
		overflow: auto;
		box-sizing: border-box;
	}
	#navContainerInner {
		display: none;		
	}
	.nav-active #navContainerInner, #splash #navContainerInner {
		display: block;
	}	
	#navContainer a, .lang_switcher .disabled {
		font-size: 0.80em;
	}
	
	#navContainer a.selected {
		color:#71B2DA;
	}
 	#navContainer li{
		border-top:1px solid #c5c5c5;
		padding: 12px 0px 9px;
	}
 	#navContainer li:last-child{
		border-bottom:1px solid #c5c5c5;
	}
	#nav_extra {
		
		margin-left: 30px;
		width: 160px;
		float:left;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size: 0.70em;		
		line-height:1.42em;
		border-top: 1px solid #c5c5c5;
		width: 90%;
		width: calc(100% - 30px);
		margin-left: 15px;
		padding-top: 15px;
	}
	@media (min-width: 740px) {
		#nav_extra_mobile {
			display: none;
		}
		#nav_extra {
			margin-top: 350px;
			padding-top: 0px;
			border-top: 0px;
			margin-left: 30px;
			width: 160px;
		}		
	}

	@media (min-width: 769px) {
		#nav_extra {
			margin-left: 50px;
			width: 180px;
		}
	}

	#nav_extra li.spacer_top {
		margin-top:1.42em;
	}
	
	.nav_extra2{
		margin-top:60px;
	}
	@media (max-width: 479px) {
		#nav_extra_mobile {
			float: left;
			width: 47%;
			margin-left: 3%;
		}
		.nav-active #navContainerMain {
			float: left;
			width: 47%;
			margin-right: 3%;
		}
	}

	
	#navContainer .lang_switcher{
		/*border-bottom:1px solid #c5c5c5;
		border-top:1px solid #c5c5c5;*/
		float:left;
		width:100%;
		margin-top:39px;
	}	
	#navContainer .lang_switcher li{
		border:0px;
		float:left;
	}
	.lang_spacer {		
		margin:0px 4px;
		font-size: 0.8em;
	}
	#sidebar_left  .lang_switcher {
		font-size: 0.875em;
	}	

	#nav_switch {
		width: 28px;
		height: 21px;
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;
		position: absolute;
		right: 15px;
		top: 15px;
		box-sizing: border-box;
	}
	#nav_switch:after {
		content: '';
		display: block;
		width: 100%;
		padding-top: 6px;
		border-bottom: 3px solid #000;
	}

	@media (min-width: 740px) {
		#nav_switch {
			display: none;
		}

		#navContainer {
			padding: 0;
			margin-left: 0px;
			width: 117px;
			float: left;
			letter-spacing: 2px;
			text-transform: uppercase;
			height: initial;
			overflow: initial;
		}
		#navContainerInner{
			display: block;
		}	
	}




	
	#content {
		margin-bottom:50px;
		padding: 110px 8px 0;
	}  
	@media (min-width: 360px) {
		#content {
			padding: 110px 15px 0;
		}
	}	
	@media (min-width: 740px) {
		#content {
			padding: 0px;
			float: left;
			width: 342px;
		}
	}
	@media (min-width: 769px) {
		#content {
			width: 442px;
		}
	}
 	.content {
		width:100%;		
	}    
 	.headImage {
		width:100%;
		margin-bottom:35px;
	}       
	.headImage img{	
		width: 100%;
		height: auto;
	}
	@media (min-width: 740px) {
		.headImage img{	

		}
	}
	@media (min-width: 769px) {
		.headImage img{	
			height:295px;
			width:auto;
		}
	}

	.home .contentText {
		margin-top:47px;
	}
	
	table.overview_table {
		border-collapse:collapse;
		padding:0px;
		width: 100%;
	}
	@media (min-width: 740px) {
		table.overview_table {
			width: 442px;
		}
	}
	table.overview_table td{
		border-bottom:1px solid #c5c5c5;
		padding:8px 0px 6px;
		vertical-align:top;
	}
	@media (max-width: 320px) {
		table.overview_table td {
			font-size: 0.8em;
		}
	}


	table.overview_table th {
		border:0px solid #c5c5c5;
		border-width:1px 0px;
		padding:8px 0px 6px;
		vertical-align:top;
		text-transform: uppercase;
		letter-spacing:2px;
		font-size:0.80em;
	}
	table.overview_table th.appartment_size {
		text-transform: none;
	}
	table.overview_table th.appartment_persons {
		text-align:right;
	}	
	td.appartment_title {
		width:150px;
		text-transform: uppercase;
		letter-spacing:2px;
		font-size:0.80em;		
	}
  /*@media (max-width: 479px) {
    table.overview_table th.appartment_title, table.overview_table td.appartment_title,
    table.overview_table th.appartment_size, table.overview_table td.appartment_size {
    }
  }*/
	@media (max-width: 320px) {
		td.appartment_title {
			letter-spacing: 0px;
		}
	}
	td.appartment_title div {
		text-transform: none;
		letter-spacing:0px;
		font-size:1.25em;	
		color:#c0c0c0;
	}	
	@media (max-width: 320px) {
		td.appartment_title div {
			font-size: inherit;
		}
	}
	td.appartment_size {
		width:70px;
	}	
	td.appartment_rooms {
		width:127px;
	}	
	td.appartment_rooms div {
		padding-right:20px;
	}		
	table.overview_table td.appartment_persons {
		width:95px;
		vertical-align:bottom;
	}		
	table.overview_table td.appartment_persons  div{
		padding-left:40px;
		letter-spacing:2px;
	}	
  @media (max-width: 479px) {
    td.appartment_size div {
        padding-right: 10px;
    }
    td.appartment_rooms div {
        padding-right: 10px;
    }
    table.overview_table th.appartment_persons {
      width:65px;
    }
    table.overview_table td.appartment_persons {
      width:65px;
    }
    table.overview_table td.appartment_persons div{
      padding-left:10px;
    }
    table.overview_table th.appartment_persons div{
      overflow: hidden;
      max-width: 58px;
      text-overflow: ellipsis;
    }
  }
	#appartment_pager #pager_prev,#appartment_pager #pager_next {
		float:left;
		width:32px;
	}	
	#appartment_pager #appartment_title {
		float:left;
		width: 240px;
		width: calc(100% - 64px);
		text-align:center;
		padding-top:9px;
	}	

	@media (min-width: 769px) {
		#appartment_pager #appartment_title {
			width:378px;
		}	
	}


	#appartment_pager #appartment_title  div{
		text-transform:uppercase;
		font-size:0.80em;
	}	
	#appartment_pager #appartment_title  h1{
		margin:0px;;
	}	
	
	#appartment_type  {
		text-transform:uppercase;
		font-size:0.80em;
		letter-spacing:2px;
		text-align:center;
		border:0px solid #c5c5c5;
		border-width:1px 0px;	
		padding: 11px 0px 9px;
		margin:25px 0px 18px;
	}	

	#pager_prev a:hover,#pager_next a:hover {
		opacity:0.6;
		-moz-opacity:0.6;
		filter:Aplha(opacity=80);
	}
	
	.galleryImage {
		margin-bottom:10px;
	}
	.galleryImage img {
		width: 100%;
		height: auto;
		margin-bottom:8px;
	}	

	@media (min-width: 740px) {
		.galleryImage img {

		}
	}
	@media (min-width: 769px) {
		.galleryImage img {
			width: 442px;
			height: initial;
		}
	}

	.galleryImageSubtitle  {
		margin-bottom:18px;
	}	
	
	#navSplash {
		width:146px;
		padding-bottom:3px;
		position:relative;
		top: 10px;
		margin: 0 auto;
		
		z-index:2;
		background-color:#fff;
	}
	@media (min-width: 480px) {
		#navSplash {
			top:35px;
		}
	}	
	#navSplash #navContainer .lang_switcher {
		margin-top: 5px;
	}
	@media (min-width: 480px) {
		#navSplash #navContainer .lang_switcher {
			margin-top: 39px;
		}
	}	
  video {
    max-width: 100%;
  }
	#video {
		width:100%;
		height:100%;
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
		z-index:1;	
	}
	#videoBG {
		width:100%;
		height:100%;
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
		z-index:0;	
	}
  #splash video {
    object-fit: cover;
  }
	@media (max-width: 479px) {
    #splash video {
      display: none;
    }
	}	

	#navSplash_inner {
		padding-left:12px;
	}
	#navSplash img {
		margin-bottom:25px;
	}	
	#navSplash #navContainer {
		margin-top: 0px;
		float:none;
	}
	@media (min-width: 480px) {
		#navSplash #navContainer {
			margin-top: 50px;
		}
	}	
	#navSplash .nav_normal {
		font-size:0.8em;
	}	
	#navSplash .lang_switcher {
		font-size:0.875em;
	}		
	
	#nav_extra .information, #nav_extra .information p, #nav_extra_mobile .information, #nav_extra_mobile .information p {
		color:#71B2DA;
	}
	@media (max-width: 479px) {
		#nav_extra_mobile .information p {
			letter-spacing: 0;
			font-size: 0.85em;
		}
	}	
	.shortcuts {
		margin-top:30px;
	}
	
	#video span{
		width:50%;
		position:absolute;
		bottom:20px;
		left:25%;
    top: 100%;
		color:#5AA4D1;
		display:block;
		
	}
	
	.video_container > div,	.video_container > div > div {
		max-width: 100%;
		margin: 0px auto;
	}