@charset "utf-8";
/* 	EUROFURENCE 21 CSS3 STYLESHEET
	09/2014 WEB@EUROFURENCE.ORG	*/

/*	BASIC SETTINGS & COMPATIBILITY  */

@font-face {
	font-family: bushcraftone;
	src: url("data/global/fonts/Bushcraft One.otf");
}
@font-face {
	font-family: distress;
	src: url("data/global/fonts/distress.otf");
}
@font-face {
	font-family: droidsans;
	src: url("data/global/fonts/droidsans.ttf");
}
@font-face {
	font-family: droidserif;
	src: url("data/global/fonts/DroidSerif-Regular.ttf");
}
	
html {
	height: 100%;
	font-family: droidsans;
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
	overflow-x: hidden;
}
body {
	height: 100%;
	margin: 0;
}
h1 {
	font-family: distress;
	font-size: 25pt;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin: 25px 0 30px;
}
h2 {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin: 0;
}
h3 {
	margin-top: 50px;
	text-transform: uppercase;
}
h4 {
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 0;
}
a {
	text-decoration: none;
	color: black;
}
a img {
	border: none;
}
.clear {
	clear: both;
}
ul {
	list-style: square;
}
li {
	margin-left:15px;
}

/*	BASIC STRUCTURE	 */

#menubutton {
	display: block;
	height: 50px;
	width: 50px;
	background: url("data/global/menu_white.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	z-index: 2;
	right: 20px;
	top: 20px;
}
#menubutton:hover {
	background: url("data/global/menu_grey20.png") no-repeat center center;
	background-size: contain;
}
#menu {
	position: fixed;
	z-index: 9;
	overflow-y: auto;
	top: 0;
	left: 100%;
	height: 100%;
	width: 100%;
	background: url("data/global/black85.png");
	color: #ffffff;
	transition: left 0.3s;
}
#menu_inner_construct {
	height: 100%;
	width: 100%;
	display: table;
}
#closebutton {
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	height: 50px;
	width: 50px;
	background: url("data/global/close_grey.png") no-repeat center center;
}
#closebutton:hover {
	background: url("data/global/close_grey.png") no-repeat center center;
}
#menu:target {
	left: 0;
	top: 0;
}
#menu:target ~ #inner-body {
	overflow: hidden !important;
	height: 100% !important;
}
#menu:target ~ #bottom,
#menu:target ~ #menubutton,
#menu:target ~ #backtotop {
	display: none; 
}

/* Menu interior */

#menu_row_1, #menu_row_2, #menu_row_3 {
	display: table-row;
}
#menu_lefttop_space {
	display: table-cell;
	height: 90px;
}
#close_button_container {
	display: table-cell;
	background-color: white;
}
/* News */

#news > h1 {
	font-family: droidserif, serif;
	font-weight: bold;
	font-size: 2em;
	letter-spacing: 0.15em;
	color: #BFC935;
}
#news {
	display: table-cell;
	padding-left: 100px;
}
#news ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.newsarticle > a {
	display: inline-block;
	color: white;
	letter-spacing: 0.1em;
}
.newsarticle {
	margin: 30px 0;
}
.newsarticle span:nth-of-type(1) { /* date & time */
	letter-spacing: 0.1em;
	line-height: 2em;
}
.newsarticle span:nth-of-type(2) { /* heading */
	font-size: 1.4em;
	letter-spacing: 0.05em;
}
.newsarticle span:nth-of-type(3)  { /* " > " */
	color: #BFC935;
	font-weight: bold;
	font-size: 1.5em;
}
.newsarticle > a:hover {
	color: silver !important;
}

/* nav */

nav {
	width: 340px;
	display: table-cell;
	background-color: white;
}
nav hr {
	border: none;
	padding: 3px 0;
}
nav li {
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 5px 0;
}
nav > ul > li:nth-child(1), nav > ul > li:nth-child(1) a { /* I'm a genius */
	margin-top: 0;
	padding-top: 0;
}
nav ul ul {
	padding-left: 0;
}
nav ul ul li a {
	padding-left: 10px;
}
nav ul ul li a:before {
	content: "|";
	color: #BFC935;
}

nav a {
	padding: 5px 0;
}
nav a:hover, .menu_active {
	color: #BFC935;
}

/* Countdown */

#countdown {
	display: table-cell;
	font-family: droidserif, serif;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: #BFC935;
}

/* Social Media */

#menu_row_3 .social {
	display: table-cell;
	background-color: white;
	text-align: center;
}
.social > a {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 5px;
	background-size: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	
}
.social > a:nth-child(1) {
	background-image: url("data/global/twitter.png");
}
.social > a:nth-child(2) {
	background-image: url("data/global/googleplus.png");
}
.social > a:nth-child(3) {
	background-image: url("data/global/facebook.png");
	margin-left: 0;
}
.social > a:nth-child(1):hover {
	background-image: url("data/global/twitter_active.png");
}
.social > a:nth-child(2):hover {
	background-image: url("data/global/googleplus_active.png");
}
.social > a:nth-child(3):hover {
	background-image: url("data/global/facebook_active.png");
}

/* Main Content Area */

#inner-body {
	min-height: 100%;
	position: relative;
	background-color: #F9F9F9;
}
#top {
	width: 100%;
	height: 90px;
	background-color: #1f1f1f;
}
#top a {
	display: inline-block;
	position: relative;
	top: 10px;
	left: 20px;
}
#backtotop {
	display: block;
	position: fixed;
	bottom: 0;
	right: -133px !important;
	background-color: #1e1e1e;
	color: white;
	padding: 15px 15px;
	font-weight: bold;
	font-size: 12pt;
	letter-spacing: 2px;
	z-index: 10;
	!opacity: 0.3;
	!filter: alpha(opacity=30);
	-webkit-transition: right .2s;
    transition: right .2s;
}
#backtotop:hover {
	right: 0px !important;
	!background-color: #222;
	!opacity: 0.6;
	!filter: alpha(opacity=60);
}
#content {
	width: 100%;
}
#content ul {
	padding-left: 15px;
}
#content ul li {
	padding: 5px 0;
}
section {
	width: 100%;
	float: left;
	padding: 20px 0;
	clear: both;
}
section p,
section li {
	font-size: 11.5pt;
	line-height: 1.5em;
}
section > * {
	width: auto;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
section > *:first-child:not(h1):not(h2) {
	margin-top: 0;
}
section > h1 {
	
}
section > *:last-child {
	margin-bottom: 0;
}
.fullwidth > * {
	width: 100%;
	max-width: none;
}
.nopadding {
	padding: 0;
}
section.grey {
	background-color: #e6e7e2;
	color: #1e1e1e;
}
section.white {
	background-color: #f9f9f9;
	color: #1e1e1e;
}
section.black {
	background-color: #1e1e1e;
	color: #f9f9f9;
}
section.green {
	background-color: #c0c835;
	color: #1e1e1e;
}
section.grey a,
section.grey .contact-predata input[type='submit'] {
	color: #929b00;
}
section.grey a[href^='#'] {
	color: #1e1e1e;
}
section.white a,
section.white .contact-predata input[type='submit'] {
	color: #929b00;
}
section.white a[href^='#'] {
	color: #1e1e1e;
}
section.black a,
section.black .contact-predata input[type='submit'] {
	color: #c0c835;
}
section.black a[href^="#"] {
	color: #f9f9f9;
}
section.green a,
section.green .contact-predata input[type='submit'] {
	color: #f9f9f9;
}
section.green a:[href^='#'] {
	color: #1e1e1e;
}

section.grey a:hover,
section.grey .contact-predata input[type='submit']:hover {
	color: #1e1e1e;
}
section.white a:hover,
section.white .contact-predata input[type='submit']:hover {
	color: #1e1e1e;
}
section.black a:hover,
section.black .contact-predata input[type='submit']:hover {
	color: #f9f9f9;
}
section.green a:hover,
section.green .contact-predata input[type='submit']:hover {
	color: #1e1e1e;
}

/* Bottom / Footer Area */

#bottom {
	position: relative;
	text-align: center;
	width: 100%;
	background: #e6e7e2;
	z-index: 2;
}
.footer-border {
	display: inline-block;
	width: 1px;
	height: 200px;
	background: url('data/global/footer-border.png') no-repeat;
}
.footer-part > h1 {
	font-family: droidsans;
	margin: 0;
	letter-spacing: 0.15em;
	font-size: 1em;
	line-height: 1.70em;
}
.footer-left-details > * {
	line-height: 1.6em;
}
.footer-part {
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-align: left;
}
#bottom h1 {
	letter-spacing: 0.15em;
}
#bottom ul, #bottom li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
#bottom li, #bottom {
	padding: 3px 0;
}
#bottom a:hover {
	color: #888;
}
.footer-part .social {
	position: relative;
	left: -15px;
	bottom: 0;
}
.footer-sub {
	float: left;
	overflow: hidden;
}
#bottom > div:nth-of-type(3) > .footer-sub {
	width: 210px;
}
#bottom > div:nth-of-type(5) > .footer-sub {
	width: 210px;
}
#bottom .contact-predata input[type='submit'] {
	text-transform: uppercase;
	padding: 2px 0;
	letter-spacing: 0.075em;
	line-height: 0.7em;
	font-size: 10pt;
}
#bottom .contact-predata input[type='submit']:hover {
	color: #888;
}

/* Content General */

.columns .column > *{
	padding: 0 15px;
}
.columns .first > * {
	padding-left: 0;
}
.columns .last > * {
	padding-right: 0;
}
.colimg {
	width: 100%;
}
.justify {
	text-align: justify !important;
}
.contact-predata {
	display: inline;
}
.contact-predata input[type='submit'] {
	display: inline;
	background: none;
	border: none;
	font-family: droidsans;
	font-size: 12pt;
	padding: 0;
	color: #1e1e1e;
}
.contact-predata input[type='submit']:hover {
	cursor: pointer; 
	cursor: hand;
}

/* Content Specific */
.page-header  {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: 460px;
	overflow: hidden;
}
.travel-float-four {
	max-width: 240px;
	float: left;
}
.travel-float-four > ul {
	padding: 0 20px;
	padding-left: 20px;
}
.travel-float-four > h4 {
	margin-top: 0;
}
#home-wall {
	position: relative;
	width: 100%;
	background-image: url('data/pages/home/wallpaper169.jpg');
	background-size: cover !important;
	background-repeat: no-repeat;
}
#home-wall > * {
	position: relative;
	z-index: 2;
}
#home-wall > div {
	width: 100%;
	text-align: center;
}
.controls  .sidedock{
display: none;
}
#home-wall-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#video-pattern {
	background-image: url('data/pages/home/pattern.png');
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
}
@media (min-aspect-ratio: 16/9) {
#video_background {
	position: relative;
	top: 0;
	left: 0;
	min-width: 100vw !important;
	max-height: 160% !important;
	z-index: -1;
	overflow: hidden;
}}
@media (max-aspect-ratio: 16/9) {
#video_background {
	position: relative;
	top: 0;
	left: 0;
	min-height: 100vh !important;
	min-width: 100% !important;
	z-index: -1;
	overflow: hidden;
}}
.home_front_text > * {
	color: white;
	font-family: 'droidserif', serif;
}
.home_front_text h1 {
	letter-spacing: 0.5em;
	font-size: 3em;
	font-weight: normal;
	margin-bottom: 50px;
}
.home_front_text p {
	letter-spacing: 0.2em;
	font-size: 1.5em;
	margin-bottom: 60px;
}
.home_regbutton a {
	display: inline-block;
	background-image: url('data/pages/home/reg2.jpg');
	background-size: 100%;
	line-height: 0;
}
.home_regbutton img {
	opacity: 1;
	transition: opacity 1s;
	width: 100%;
}
.home_regbutton a:hover img {
	opacity: 0;
}
#packer {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	z-index: 10;
}
#home-scroll-dest, #home-scroll-packer {
	width: 100%;
	position: relative;
	z-index: 10 !important;
}
@media (min-width: 2836px) {
	#packer {
		margin: 0 auto;
		width: 100%;
		max-width: 1280px !important;
		text-align: center;
		z-index: 10;
	}
	#home-scroll-dest, #home-scroll-packer {
		width: 100%;
		max-width: 1280px !important;
		position: relative;
		z-index: 10 !important;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	#bottom {
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 100%;
		max-width: 1280px !important;
		background: #e6e7e2;
		z-index: 2;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
}
#teaser {
	top: 5%;
	width: 100%;
	text-align: center;
}
#teaser_scroll {
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
}
.teaser_img0 {
	width: 50%;
	max-width: 750px;
	max-height: 45%;
}
.teaser_img1 {
	margin: 0 auto;
	width: 20%;
	min-width: 100px;
	max-width: 270px;
	max-height: 5%;
}
.teaser_scroll {
	width: 18%;
	min-width: 50px;
	max-width: 104px;
	max-height: 10%;
}
.home_kyell h1 {
	font-family: distress;
	font-size: 48pt;
	letter-spacing: 0.1em;
	text-align: center;
}
.home_kyell > p {
	font-size: 13pt;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.95em;
}
.home_kyell  .columns p {
	font-size: 10.75pt;
	font-family: droidsans;
	line-height: 1.66em;
	letter-spacing: 0.1em;
}
.travel-huge {
	text-align: center;
	font-size: 1.5em;
}
.hotel-header  {
	background: url('data/pages/hotel/header4.jpg') center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
	overflow: hidden;
}
.hotel-header img {
	margin-left: 35px;
}
.hotel-exterior img {
	display: block;
	float: left;
	width: 25%;
}
.hotel-around-map {
	padding: 50px 0 100px;
	position: relative;
	height: 500px;
	overflow: hidden;	
}
.hotel-around {
	padding: 20px;
	background-color: #f9f9f9;
	position: absolute;
	top: 85px;
	width: 451px;
}
#contact {
	width: 100%;
	width: 580px;
}
#form:focus {
	border: none;
	outline: none;
	
}
.contact-formwrap > div:nth-child(1) {
	float: left;
	margin-right: 50px;
}
.contact-formwrap > div:nth-child(2) {
	max-width: 350px;
	float: left;
}
.area_readonly {
	width:100%;
	background-color: #E6E7E2;
	border: 0;
}
#contact select, 
#contact input:not([type='submit']):not([name='field_hca']), 
#contact textarea {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#contact input[name='field_hca'] {
	width: 30px;
}
#contact input[type='submit'] {
	width: 100px;
	float: right;
}
#contact-choice a {
	padding: 0;
}
#contact-choice a div {
	background-color: #e6e7e2;
	padding: 5px;
	display: inline-block;
	margin: 5px 0;
	font-size: 11pt;
	width: 95%;
}
#contact-choice a:hover div {
	background-color: #f9f9f9;
}
#contact-choice a > div > span > img {
	vertical-align: -4px;
}

/* copypasta from the mail form css */

.form_error {
	color: red;
	font-weight: bold;
}
.infobox {
	position: fixed;
	top: 0;
	width: 100%;
	text-align: center;
	color: white;
	font-weight: bold;
	padding: 7px 0;
	background-color: blue;
	opacity: 1;
	transition: opacity 17s;
}
body:hover .infobox {
	opacity: 0;
}
.infobox.fail {
	background-color: red;
}
.infobox.success {
	background-color: green;
}

/* RESPONSIVE DESIGN OVERRIDES AND ADDITIONS */

.device-test-display {
	padding: 2px 4px;
}
code {
	font-size: 11pt;
}
code code {
	color: darkred;
}

/* Nosecounter CSS by Fenrikur */

.nosecount, .nosecount div, .nosecount span {
box-sizing: content-box;
-moz-box-sizing: content-box;
}
.nosecount h2 {
margin-top: 17px;
font-family: inherit;
font-size: 16pt;
}
.nosecount ul li {
list-style: none;
line-height: 3.5ex;
}
.nosecount > p > ul > li:before {
content: "";
}
.nosecount ul li a, .nosecount-ps a {
color: #00b;
text-decoration: underline;
cursor: pointer;
}
#nosecount-box {
position: relative;
width: 92%;
margin: 8ex auto;
background-color: #e6e7e2;
padding: 2ex 1em;
}
#nosecount-canvas {
position: relative;
height: 60ex;
width: 100%;
clear: right;
}
#nosecount-canvas svg {
position: relative;
z-index: 10;
}
#nosecount-canvas .axis path,
#nosecount-canvas .axis line {
fill: none;
stroke: #000;
}
#nosecount-canvas svg .axis.y g.tick line {
stroke-dasharray: 2,2;
}
#nosecount-box div.glasspane {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QEZFwEeiHgtIwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAADUlEQVQI12NgYGBIAwAAawBnwq0NKAAAAABJRU5ErkJggg==);
z-index: 100;
}
#nosecount-box div.glasspane div.loader {
position: relative;
width: 100px;
line-height: 20px;
margin: 100px auto;
border: 1px solid #1e1e1e;
padding: 3px;
background-color: #c0c835;
color: #1e1e1e;
text-align: center;
}
#nosecount-box div.legend {
float: right;
position: relative;
max-width: 35%;
}
#nosecount-box div.legend ul {
list-style: none;
padding: 0;
}
#nosecount-box div.legend ul li {
display: inline-block;
padding-left: 1em;
}
#nosecount-box div.legend ul li span {
display: inline-block;
width: 1ex;
height: 1ex;
border: 1px solid black;
margin-right: .25em;
}
#nosecount-ps {
font-size: 10pt;
}

/* XS for small mobile devices, e.g. phones */
@media (max-width: 767px) {
	.device-test-display:after {
		content: "XS";
	}
	
	/* Menu */
	img {max-width:100%!important;}
	h2 {
		letter-spacing: 0.1em;
	}
	#menu {
		top: -100%;
		left: 0;
		transition: top 0.3s;
	}
	#top {
		height: 50px;
		line-height: 40px;
	}
	#top a, #top img {
		display: none;
	}
	#menubutton {
		height: 30px;
		width: 30px;
		top: 10px;
		right: 12px;
	}
	#menu_inner_construct,
	#menu_row_1, #menu_row_2, #menu_row_3,
	#menu_lefttop_space, 
	#close_button_container,
	#news,
	nav,
	.social {
		display: block;
		background: none !important;
	}
	#countdown {
		display: none;
	}
	#menu_row_2 {
		display: table;
		width: 100%;
	}
	#news {
		width: 100%;
		display: table-cell;
		padding-left: 0;
	}
	nav {
		width: 100%;
		display: table-caption;
	}
	nav hr {
		display: none;
	}
	nav a, #news a {
		display: inline-block;
		color: white;
		padding: 5px 5% 5px 5%;
		width: 90%;
		border-bottom: 1px solid grey;
	}
	nav > ul:nth-child(1) > li:nth-child(1) > a,
	#news > ul > li:nth-child(1) > a {
		padding-top: 5px;
		border-top: 1px solid grey;
	}
	nav ul, #news ul {
		padding-left: 0;
	}
	nav ul ul {
		padding-left: 0;
	}
	nav ul ul li a:before {
		content: " ";
	}
	nav ul li a {
		padding-left: 5% !important;
	}
	#menu_lefttop_space {
		height: 50px;
	}
	#closebutton {
		background-image: url("data/global/close_white.png");
		top: 10px;
		right: 10px;
	}
	#closebutton:hover {
		background-image: url("data/global/close_grey.png");
	}
	#news > h1 {
		padding-left: 20px;
	}
	.newsarticle {
		margin: 0;
	}
	.social {
		padding: 30px 10px;
		text-align: left;
	}
	.newsarticle span:nth-of-type(2) {
		font-weight: bold;
		letter-spacing: 0.1em;
		font-size: 1em;
		text-transform: uppercase;
	}
	.newsarticle span:nth-of-type(3) {
		display: none;
	}
	.social > a:nth-child(1) {
		background-image: url("data/global/twitter_active.png");
	}
	.social > a:nth-child(2) {
		background-image: url("data/global/googleplus_active.png");
	}
	.social > a:nth-child(3) {
		background-image: url("data/global/facebook_active.png");
	}
	
	/* Content */
	section > * {
		padding: 0 20px;
	}
	.nopadding > * {
		padding: 0;
	}
	.hotel-header {
		background: url('data/pages/hotel/header1.jpg') center center;
		height: 100px;
	}
	.page-header {
		height: 100px;
	}
	@media (orientation:portrait) {
	#home-wall {
		position: relative;
		min-width: 100%;
		background-image: url('data/pages/home/wallpaper169.jpg');
		background-size: cover 100% !important;
		background-repeat: no-repeat;
	}
	.teaser_img0 {
		width: 75%;
		max-width: 750px;
		max-height: 55%;
	}
	.teaser_img1 {
		width: 30%;
		min-width: 100px;
		max-width: 270px;
		max-height: 15%;
	}
	.teaser_scroll {
		width: 25%;
		min-width: 50px;
		max-width: 104px;
		max-height: 15%;
	}}
	@media (orientation:landscape) {
	#home-wall {
		position: relative;
		min-width: 100%;
		background-image: url('data/pages/home/wallpaper169.jpg');
		background-size: cover 100% !important;
		background-repeat: no-repeat;
	}
	.teaser_img0 {
		width: 40%;
		max-width: 750px;
		max-height: 35%;
	}
	.teaser_img1 {
		width: 17%;
		min-width: 100px;
		max-width: 270px;
		max-height: 5%;
	}
	.teaser_scroll {
		width: 13%;
		min-width: 50px;
		max-width: 104px;
		max-height: 7%;
	}}
	#home-wall-video,
	#video_background,
	#video_background source {
		display: none;
	}
	/* Bottom / Footer */
	
	#bottom {
		text-align: left;
	}
	.footer-border {
		display: none;
	}
	#contact {
		width: 100%;
		width: auto;
	}
	.contact-formwrap > div {
		float: none !important;
		margin-right: 0 !important;
		max-width: 710px !important;
	}
}

/* S for medium mobile devices, e.g. tablets */
@media (min-width: 768px) and (max-width: 991px) { /* originally 768 - 991  */
	.device-test-display:after {
		content: "S";
	}
	
	/* Menu */
	img {max-width:100%!important;}
	#menu {
		top: -100%;
		left: 0;
		transition: top 0.3s;
	}
	#menu_inner_construct,
	#menu_row_1, #menu_row_2, #menu_row_3,
	#menu_lefttop_space, 
	#close_button_container,
	#news,
	nav,
	.social {
		display: block;
		background: none !important;
	}
	#countdown {
		display: none;
	}
	#menu_row_2 {
		display: table;
		width: 100%;
	}
	#news {
		width: 100%;
		display: table-cell;
		padding-left: 0;
	}
	nav {
		width: 100%;
		display: table-caption;
	}
	nav hr {
		display: none;
	}
	nav a, #news a {
		display: inline-block;
		color: white;
		padding: 5px 5% 5px 5%;
		width: 90%;
		border-bottom: 1px solid grey;
	}
	nav > ul:nth-child(1) > li:nth-child(1) > a,
	#news > ul > li:nth-child(1) > a {
		padding-top: 5px;
		border-top: 1px solid grey;
	}
	nav ul, #news ul {
		padding-left: 0;
	}
	nav ul ul li a {
		width: 94%;
		padding-left: 6%;
	}
	#menu_lefttop_space {
		height: 50px;
	}
	#closebutton {
		background-image: url("data/global/close_white.png");
		top: 10px;
		right: 10px;
	}
	#closebutton:hover {
		background-image: url("data/global/close_grey.png");
	}
	#news > h1 {
		padding-left: 20px;
	}
	.newsarticle {
		margin: 0;
	}
	.social {
		padding: 30px 10px;
		text-align: left;
	}
	.newsarticle span:nth-of-type(2) {
		font-weight: bold;
		letter-spacing: 0.1em;
		font-size: 1em;
		text-transform: uppercase;
	}
	.social > a:nth-child(1) {
		background-image: url("data/global/twitter_active.png");
	}
	.social > a:nth-child(2) {
		background-image: url("data/global/googleplus_active.png");
	}
	.social > a:nth-child(3) {
		background-image: url("data/global/facebook_active.png");
	}
	
	/* Content */
	
	section > * {
		padding: 0 20px;
	}
	.nopadding > * {
		padding: 0;
	}
	.hotel-header {
		background: url('data/pages/hotel/header1.jpg') center center;
		height: 150px;
	}
	.page-header {
		height: 150px;
	}
		@media (orientation:portrait) {
	#home-wall {
		position: relative;
		min-width: 100%;
		background-image: url('data/pages/home/wallpaper169.jpg');
		background-size: cover 100% !important;
		background-repeat: no-repeat;
	}
	.teaser_img0 {
		width: 80%;
		max-width: 750px;
		max-height: 58%;
	}
	.teaser_img1 {
		width: 38%;
		min-width: 100px;
		max-width: 270px;
		max-height: 15%;
	}
	.teaser_scroll {
		width: 25%;
		min-width: 50px;
		max-width: 104px;
		max-height: 15%;
	}}
	@media (orientation:landscape) {
	#home-wall {
		position: relative;
		min-width: 100%;
		background-image: url('data/pages/home/wallpaper169.jpg');
		background-size: cover 100% !important;
		background-repeat: no-repeat;
	}
	.teaser_img0 {
		width: 40%;
		max-width: 750px;
		max-height: 35%;
	}
	.teaser_img1 {
		width: 17%;
		min-width: 100px;
		max-width: 270px;
		max-height: 5%;
	}
	.teaser_scroll {
		width: 13%;
		min-width: 50px;
		max-width: 104px;
		max-height: 7%;
	}}
	#home-wall-video,
	#video_background,
	#video_background source {
		display: none;
	}
	/* Bottom / Footer */
	
	#bottom > div:nth-of-type(4) {
		display: none;
	}
}

/* M for medium devices, e.g. small desktops and notebooks */
@media (min-width: 992px) and (max-width: 1499px) { /* originally 992 - 1199  */
	.device-test-display:after {
		content: "M";
	}
	
	/* Menu */

	#menu_lefttop_space,
	#close_button_container {
		height: 45px;
	}
	#closebutton {
		top: 10px;
		right: 10px;
	}
	#news {
		padding: 0 0 0 20px;
	}
	.newsarticle {
		margin: 25px 0;
	}
	.newsarticle span:nth-of-type(2),
	.newsarticle span:nth-of-type(3) {
		font-size: 1.1em;
	}
	nav {
		vertical-align: top;
	}
	nav > ul {
		margin-top: 0;
	}
	#news h1 {
		line-height: 0;
	}
	.social, #countdown {
		padding-top: 0;
		padding-bottom: 0;
		vertical-align: bottom;
		vertical-align: middle;
	}
	
	/* Content */
	
	.hotel-header {
		height: 300px;
	}
	.page-header {
		height: 300px;
	}
	/* Bottom / Footer */

}

/* L for large devices, e.g. FullHD desktop */
@media (min-width: 1500px) { /* originally 1200  */
	.device-test-display:after {
		content: "L";
	}

	/* Menu */
	
	#countdown {
		
	}
	/* My work here is done. */
	
	/* Content */
	
}