@charset "UTF-8";
/* CSS Document */


/* ============================
Document Structure
	
	00 - Info
	01 - Font Implementation
	02 - Page Structure
	03 - Typography
	04 - Navigation
	05 - Fullscreen Elements
	06 - Booking
	07 - Footer
	08 - Retina Optimizations

============================ */



/* ============================
00 - Info
============================ */





/* ============================
01 - Font Implementation
============================ */
@import url(http://fonts.googleapis.com/css?family=Quicksand:300,400|Karla:400,700);




/* ============================
02 - Page Structure
============================ */
html {height: 100%;}
body {height: 100%; margin: 0; font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 20px; line-height: 29px; color: #000000; overflow-y: scroll;}
header {height: auto; position: relative; clear: both; text-align: center;}
#container {min-height: 100%; position: relative;}
#hideaway {}
#wrapper {width: 700px; height: auto; position:relative; margin: 0px auto; padding: 40px 50px 60px 50px; position: relative; background-color: #ffffff;}



/* ============================
03 - Typography
============================ */
p {padding: 10px 0px;}
p a {text-decoration: none; padding: 0px 0px 2px 0px; border-bottom: 1px solid #000000; color: #000000;}
p a:hover {text-decoration: none; padding: 0px 0px 2px 0px; border-bottom: 1px solid #000000; color: #000000; opacity: 0.45;}
h1 {font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 30px; font-style: normal; line-height: 36px; color: #000000; padding: 15px 0px;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
ul {padding: 5px 0px 20px 15px; list-style: square outside url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw=='); }


/* ============================
04 - Navigation
============================ */
nav {width: 870px; height: 40px; margin: 0px auto 50px auto; position: relative; text-align: center;}
#logo {padding: 20px 0px 0px 0px}
#mainmenue {font-family: 'Quicksand', sans-serif; font-weight: 400; font-size: 35px; margin:10px 0px 0px 0px}
#mainmenue a{text-decoration: none; color: #ffffff;}
#mainmenue a:hover{text-decoration: none; padding: 0px 0px 5px 0px; border-bottom: 2px solid #ffffff;}
#mainmenue ul{padding: 0;}
#mainmenue li{list-style: none; float: left; padding: 0px 20px;}
.menuitemactive {text-decoration: none; padding: 0px 0px 5px 0px; border-bottom: 2px solid #ffffff;}



/* ============================
05 - Fullscreen Elements
============================ */
.fullscreencontainer{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 996; visibility: hidden;}
.fullscreenbox{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 996;}
.floorplan{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 996; visibility: hidden; background-image: url(../images/floorplan.png); background-repeat: no-repeat; background-position: center center; background-size: contain; background-color: #ffffff;}
.close{position: fixed; width: 45px; height: 45px; padding: 5px; top: 10px; right: 10px; z-index: 997; cursor: pointer;}
#map_canvas {height: 100%; width: 100%;}


/* ============================
06 - Booking
============================ */
.schedule_map {width: 700px; height: 800px; padding:0px; border: none; background-color: #fafafa;}
.formfield {height: 30px; width: 540px; margin: 0px 0px 8px 0px; border: 0; background-color: #eaeaea ; font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 20px; line-height: 29px; color: #000000;}
.formfield_small {height: 30px; width: 170px; margin: 0px 0px 8px 0px; border: 0; background-color: #eaeaea ; font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 20px; line-height: 29px; color: #000000;}
#message {border: 0; width: 540px; height: 100px; background-color: #eaeaea ; font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 20px; line-height: 29px; color: #000000;}
.button {border: 0; padding: 0px 5px; background-color: #000000 ; font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 20px; line-height: 29px; color: #ffffff; cursor: pointer;}
.button:hover {border: 0; padding: 0px 5px; background-color: #7f7f7f ; font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 20px; line-height: 29px; color: #ffffff; cursor: pointer;}
label{width: 110px; float: left; margin-right: 10px;}
.error{font-family: 'Quicksand', sans-serif; font-weight: 300; font-size: 16px; line-height: 0; color: #ff0000; display: block; text-align: right; position: relative; top: -25px; padding-right: 5px;}
#contactfieldset{margin: 0; padding: 0; border: 0;}
#contactfieldset>h1{margin: 0px 0px 20px 0px; padding: 0;}
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip {display:none;width:10px;height:3px;}
#fg_crdiv {font-family : Arial, sans-serif; font-size: 0.3em; opacity: .2; -moz-opacity: .2; filter: alpha(opacity=20);}
#fg_crdiv p{display:none;}

/* ============================
07 - Footer
============================ */
footer {width: 100%; height: auto; position:absolute; bottom:0; margin: 0; text-align: center; font-family: 'Karla', sans-serif; font-weight: 400; font-size: 14px;}
.footer {margin: 0; padding: 0;}
#facebook {width: 35px; height: 35px; margin: 20px auto 0px auto;}
#facebook a{text-decoration: none;}
#facebook a:hover{text-decoration: none; opacity: 0.8;}
footer a{text-decoration: none; color: #ffffff; border: 0;}
footer a:hover{text-decoration: underline; color: #ffffff; opacity: 1; border: 0;}

/* ============================
08 - Retina Optimizations
============================ */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.logo {width: 95px; height: 95px; margin: 20px auto 20px auto; background: url(images/logo-duenendatscha@2x.png) no-repeat; background-size: 95px 95px;}
}

/* ============================
09 - Scrollbar
============================ */
::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-track {border-radius: 0px; background-color: rgba(255,255,255,1);}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: rgba(0,0,0,0.25);}