body {
	color:		#000000;
	text-shadow:	0px 1px 0px white;
	font-family:	"MetaPro-Book", Helvetica, Arial, sans-serif;
	margin:		190px 0 180px 0;
	background-color: #cccccc;
}

.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index:  -1;
	opacity: .3;
}
//#background { }

html[lang="fr"] q { quotes: "»" "«" }
q:lang(de) { quotes: "„" "“" }

.inner, .inner-placeholder {
	position:	relative;
	width:		974px;
	margin:		0 auto;
	padding:	0;
	
 -webkit-border-radius:     .1em;
  -khtml-border-radius:     .1em;
    -moz-border-radius:     .1em;
     -ms-border-radius:     .1em;
      -o-border-radius:     .1em;
         border-radius:     .1em;
}
.inner {
	width:		934px;
	padding:	15px 20px 5px 20px;
}
.inner-fotoslider {
	padding:	10px 20px 10px 20px !important;
}
.nopadding {
	padding:	0 !important;
}
.box-white {
	background:	#ffffff; /* Fallback IE 6-8 */
	background:	rgba(255, 255, 255, .85);
	color:		black;
	text-shadow:	0px 1px 0px white;
}
.box-black {
	background:	#000000; /* Fallback IE 6-8 */
	background:	rgba(0, 0, 0, .75);
	color:		white;
	text-shadow:	0px 1px 0px black;
}
.box-black a:hover {
	color: white;
}
.box-blue {
	background:	#004A99; /* Fallback IE 6-8 */
	background:	rgba(0, 74, 153, .85);
	color:		white;
	text-shadow:	0px 1px 0px black;
}
.shadow {
	
 -webkit-box-shadow:     2px 3px 4px rgba(0,0,0,.7);
  -khtml-box-shadow:     2px 3px 4px rgba(0,0,0,.7);
    -moz-box-shadow:     2px 3px 4px rgba(0,0,0,.7);
     -ms-box-shadow:     2px 3px 4px rgba(0,0,0,.7);
      -o-box-shadow:     2px 3px 4px rgba(0,0,0,.7);
         box-shadow:     2px 3px 4px rgba(0,0,0,.7);
}
}

div.lang, div.contact {
	font-size:	.9em;
	height:		30px;
	line-height:	30px;
	text-shadow:	1px 1px 0px black;
}
div.lang {
	top:		10px;
	position:	absolute;
	left:		20px;
}
div.contact {
	top:		10px;
	position:	absolute;
	right:		20px;
}
#headline span {
	opacity:	.5;
}
#headline a {
	color:		#ffffff;
	text-decoration: none;
}
#headline a:hover {
	// color:		#004a99;
	text-decoration: underline;
}

div.main {
	position:	relative;
	width:		974px;
	height:		300px;
	background:	url(/sachsenhof/main.png) bottom right no-repeat;
	background-size: 78%;
	padding:	0;
	margin:		0 auto;
	color:		black;
	text-shadow:	0px 0px .5em white;
}
div.main-text {
	position:	absolute;
	top:		10px;
	left:		20px;
	width:		404px;
	height:		280px;
	overflow:	auto;
	font-size:	.84em;
}
div.main-text article {
	margin:		10px 0 0 0;
	font-size:	smaller;
}
div.main-text ul {
	margin-left:	0;
	padding-left:	13px;
	list-style:	square outside none;
}
div.main-text ul li {
	margin-bottom:	5px;
	margin-left:	0;
}
img.main {
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		649px;
	height:		300px;
}
div.main-specials {
	position:	absolute;
	right:		0;
	bottom:		5px;
	display:	none;
}
div.main-specials img:hover {
	
 -webkit-box-shadow:     2px 0 0 #004a99;
  -khtml-box-shadow:     2px 0 0 #004a99;
    -moz-box-shadow:     2px 0 0 #004a99;
     -ms-box-shadow:     2px 0 0 #004a99;
      -o-box-shadow:     2px 0 0 #004a99;
         box-shadow:     2px 0 0 #004a99;
}

footer {
	font-size:	.75em;
}
footer address {
	font-style:	normal;
}
footer address a {
	color:		#ffffff;
	text-decoration:	none;
}
footer address a:hover {
	color:		#ffffff;
	text-decoration:	underline;
}

section {
	margin-bottom:		18px;
	clear:			both;
}
header + section {
	margin-top:		-8px;
}

#headline, #footline {
	position:		fixed;
	width:			100%;
	height:			50px;
	margin:			0px;
	color:			#ffffff;
	background-color:	#000000;
	background-color:	rgba(0,0,0,.9);
	text-shadow:		0px 1px 0px black;
	z-index:		90;
}
#headline {
	top:			0px;
	border-bottom:		1px solid black;
	line-height:		30px;
	background-color:	#000000;
}
#footline {
	opacity:		.98;
	bottom:			0;
	border-top:		1px solid black;
}
#footline:hover {
	opacity:		1;
	height:			150px;
}
#footline .inner {
	padding-top:		10px;
}

div.menu-container {
	width:			100%;
	position:		fixed;
	top:			70px;
	z-index:		99;
}
div.menu-container .ontop {
	height:			90px !important;
	background-color:	#ffffff	!important;
	background-image:	-webkit-linear-gradient(black 16px, #ffffff 17px, rgba(255,255,255,.9) 95%);
	background-image:	   -moz-linear-gradient(black 16px, #ffffff 17px, rgba(255,255,255,.9) 95%);
	background-image:	    -ms-linear-gradient(black 16px, #ffffff 17px, rgba(255,255,255,.9) 95%);
	background-image:	     -o-linear-gradient(black 16px, #ffffff 17px, rgba(255,255,255,.9) 95%);
	background-image:	        linear-gradient(black 16px, #ffffff 17px, rgba(255,255,255,.9) 95%);
}
div.menu {
	position:		relative;
	top:			0px;
	height:			100px;
	background-color:	#ffffff;
	background-color:	rgba(255,255,255,.9);
	width:			974px;
	margin:			0 auto;
}
.menu table {
	width:	100%;
}
.menu-logo {
	max-height:	80px;
	max-width:	200px;
	padding-left:   20px;
}
.menu-book {
	border: 0px solid black;
	border-radius: 50%;
	width:	122px;
	height:	122px;
	background-color: #1e50a0;
	color:	white;
	font-size: 1.25em;
	font-weight: normal;
	margin:	-12px 0 0 20px;
	z-index: 101;
	background: -webkit-radial-gradient(#1e50a0 65%, black 99%);
	background:    -moz-radial-gradient(#1e50a0 65%, black 99%);
	background:     -ms-radial-gradient(#1e50a0 65%, black 99%);
	background:      -o-radial-gradient(#1e50a0 65%, black 99%);
	background:         radial-gradient(#1e50a0 65%, black 99%);
}
.menu-book:hover {
	background-color: #3ca03c;
	background: -webkit-radial-gradient(#3ca03c 65%, black 99%);
	background:    -moz-radial-gradient(#3ca03c 65%, black 99%);
	background:     -ms-radial-gradient(#3ca03c 65%, black 99%);
	background:      -o-radial-gradient(#3ca03c 65%, black 99%);
	background:         radial-gradient(#3ca03c 65%, black 99%);
	cursor: pointer;
}
.menu nav, footer nav {
	font-size: 1.25em;
	font-weight: bold;
	//padding: 0 20px 0 0;
	text-shadow: none !important;
	color: #004a99;
	padding-right: 10px;
	line-height: 1.5em;
}
footer nav {
	padding: 4px 10px 0px 18px;
}
.menu nav a, .menu nav span, footer nav a, footer nav span {
	text-decoration: none;
	padding: 7px 8px 4px 8px;
	border-radius: 3px;
}
.menu nav a {
	color: black;
}
footer nav a {
	color: #ffffff;
}
footer nav span {
	color: #ffffff;
}
.menu nav a:hover, footer nav a:hover {
	color: #004a99;
	color: white;
	// text-decoration: underline;
	background-color: #004a99;
}
.logo {
	position:		absolute;
	height:			80px;
	top:			10px;
	left:			20px;
}
.logo img {
	max-width:		100%;
	max-height:		100%;
	vertical-align:		middle;
}
.topnav {
	position:		absolute;
	top:			10px;
	right:			20px;
	width:			474px;
	border: 1px solid red;
	height:			80px;
//	line-height:		80px;
	text-align:		right;
	vertical-align:		middle;
	font-size:		1.25em;
	color:			#004a99;
	text-shadow:		0px 1px 0px white;
	font-weight:		bold;
	z-index:		91;
}
.topnav a {
	color:			black;
	text-decoration:	none;
}
.topnav a:hover {
	color:			#004a99;
	text-decoration:	underline;
}

table.reduced { padding: 0; border: 0; border-collapse: collapse; }
table.reduced td { padding: 0; vertical-align: top; }

header.headline {
	margin:		0px;
	padding:	0px;
	height:		25px;
	background-color:	silver;
	opacity:		.75;
	border:		1px solid #004a99;
}
header.headline div {
	margin:		0 auto 0 auto;
	padding:	.25em 1em;
	width:		954px;
}

#footline table {
	border: 	0;
	width:		100%;
}

#footline .icon, #footline .icon-noscale, #footline .icon-halfscale {
	height:		25px;
	border:		1px solid transparent;
	
 -webkit-border-radius:     5px;
  -khtml-border-radius:     5px;
    -moz-border-radius:     5px;
     -ms-border-radius:     5px;
      -o-border-radius:     5px;
         border-radius:     5px;
}
#footline:hover .icon {
	height:		120px;
}
#footline:hover .icon-halfscale {
	height:		58px;
}
.hover-visible, #footline:hover .hover-hide {
	display:	none;
}
#footline:hover .hover-visible, .hover-hide {
	display:	block;
}

.nowrap { white-space:		nowrap; }
.top 	{ vertical-align:	top !important; }
.right 	{ text-align:		right !important; }
.bottom { vertical-align:	bottom !important; }
.left 	{ text-align:		left !important; }
.middle { vertical-align:	middle !important; }
.center { text-align:		center !important; }

section h1 {
	margin: 0 0 10px 0;
	padding: 0;
}
section p + h1 {
	margin-top: 20px;
}
section p + h2 {
	margin-bottom: 5px;
}
section p + h3 {
	margin-bottom: 5px;
}
section p + h4 {
	margin-bottom: 5px;
}

section p:first-child + h1,
section p:first-child + h2,
section p:first-child + h3,
section p:first-child + h4 {
	margin-top: 0;
}
section div h1,
section div h2,
section div h3,
section div h4 {
	margin-top: 0;
	margin-bottom: .5em;
}

a {
	color: 		#000000;
}
.box-black a {
	color:		white;
}
a:hover {
	color: 		#004a99;
}
article a {
	text-decoration: none;
}
article a:hover {
	text-decoration: underline;
}

.external > a:before,
a.external:before {
	content: '\01F517';
//	content: '\29c9';
	font-size: 70%;
	margin-right: .25em;
	color: 		#004a99;
}

a.nodeco { text-decoration: none; }
a.nodeco:hover { text-decoration: none; }
a.nodeco img { border: 0; }
table.nodeco {
		border-spacing: 0;
                border-style: hidden;
}

table.impress {
	width:		100%;
}
table.impress td {
	vertical-align:	top;
}

article {
	margin-bottom: 10px;
}

ul.fotoslider {
	white-space:	nowrap;
	list-style-type:none;
	margin:	0;
	padding: 0;
	overflow-x:	auto;
	overflow-y:	hidden;
}
ul.fotoslider li {
	white-space:	nowrap;
	list-style-type:none;
	float: left;
	padding-right: 10px;
}
ul.fotoslider li img {
	
 -webkit-border-radius:     2px !important;
  -khtml-border-radius:     2px !important;
    -moz-border-radius:     2px !important;
     -ms-border-radius:     2px !important;
      -o-border-radius:     2px !important;
         border-radius:     2px !important;
}

.columns2 { 
 -webkit-column-count:     2;
  -khtml-column-count:     2;
    -moz-column-count:     2;
     -ms-column-count:     2;
      -o-column-count:     2;
         column-count:     2;
}
.columns3 { 
 -webkit-column-count:     3;
  -khtml-column-count:     3;
    -moz-column-count:     3;
     -ms-column-count:     3;
      -o-column-count:     3;
         column-count:     3;
}
article p {
	margin: 0px 0px 10px 0px;
}

.jcarousel-container-horizontal {
	padding:	0	!important;
	border:		0	!important;
	width:		100%	!important;
	background:	none	!important;
	
 -webkit-border-radius:     0 !important;
  -khtml-border-radius:     0 !important;
    -moz-border-radius:     0 !important;
     -ms-border-radius:     0 !important;
      -o-border-radius:     0 !important;
         border-radius:     0 !important;
}
.jcarousel-clip-horizontal {
	width:		100%	!important;
	height:		auto	!important;
}
.jcarousel-item {
	width:		75px	!important;
	margin:		0	!important;
}
.jcarousel-prev-horizontal, .jcarousel-next-horizontal {
	top:		48px	!important;
}
.jcarousel-prev-horizontal {
	left:		-20px	!important;
	background-image: url('images/slider_left.png') !important;
}
.jcarousel-next-horizontal {
	right:		-20px	!important;
	background-image: url('images/slider_right.png') !important;
}
.jcarousel-item-placeholder {
	background:	  none !important;
}


/* Lightbox */
.lb-outerContainer {
	background-color: #c8c8c8 !important;	
	background-color: rgba(200,200,200,.85) !important;	
}
.lb-data, .lb-number, .lb-details {
	color:		white 			!important;
	text-shadow:	0px 1px 0px black	!important;
}

div#debug {
	position: fixed;
	bottom:	280px;
	right:	10px;
	color:	black;
	background-color: #ffff00;
	background-color: rgba(255,255,0,0.75);
	border:	1px solid yellow;
	
 -webkit-border-radius:     10px;
  -khtml-border-radius:     10px;
    -moz-border-radius:     10px;
     -ms-border-radius:     10px;
      -o-border-radius:     10px;
         border-radius:     10px;
	padding:	10px;
	overflow: auto;
	width:	50px;
	height:	30px;
	z-index:	150;
	opacity:	.5;
}
div#debug:hover {
	width:	400px;
	height:	300px;
	opacity:	1;
	bottom:	10px;
}

#footmarker {
	margin: 20px 0;
	clear:	both;
}

.skewX { 
 -webkit-transform:     skewX(30deg);
  -khtml-transform:     skewX(30deg);
    -moz-transform:     skewX(30deg);
     -ms-transform:     skewX(30deg);
      -o-transform:     skewX(30deg);
         transform:     skewX(30deg);
}
.skewY { 
 -webkit-transform:     skewY(10deg);
  -khtml-transform:     skewY(10deg);
    -moz-transform:     skewY(10deg);
     -ms-transform:     skewY(10deg);
      -o-transform:     skewY(10deg);
         transform:     skewY(10deg);
}
.skew  { 
 -webkit-transform:     skew(30deg,10deg);
  -khtml-transform:     skew(30deg,10deg);
    -moz-transform:     skew(30deg,10deg);
     -ms-transform:     skew(30deg,10deg);
      -o-transform:     skew(30deg,10deg);
         transform:     skew(30deg,10deg);
}

.ubahn {
	color: white;
	background-color: rgb(14,79,139);
	padding: 2px 4px 1px 5px;
	border-radius: 2px;
	font-size: 87%;
	font-weight: lighter;
	letter-spacing: .1em;
}

/* Trustscore */
div.trustscore {
	position: relative;
	width: 139px;
	height: 120px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.trustscore-load {
	background-image: url('/images/ty-seal-big-gray.png');
	opacity: .5;
}
.trustscore-green {
	background-image: url('/images/ty-seal-big-green.png');
}
.trustscore-yellow {
	background-image: url('/images/ty-seal-big-yellow.png');
}
.trustscore-red {
	background-image: url('/images/ty-seal-big-red.png');
}
.menu div.trustscore {
	top: -4px;
	width: 90px;
	height: 78px;
	margin-left: 20px;
}
footer div.trustscore {
	width: 31px;
	height: 27px;
}
footer:hover div.trustscore {
	width: 139px;
	height: 120px;
}
div.trustscore .trustscore-text {
	position: absolute;
	top: 22px;
	width: 100%;
	color: #555555;
	font-size: 100%;
	text-shadow: 0px 1px 1px silver;
	text-shadow: 0px 1px 1px rgba(0,0,0,.1);
}
.main div.trustscore .trustscore-text {
	top: 32px;
	font-size: 150%;
}
footer div.trustscore .trustscore-text {
	top: 6px;
	font-size: 49%;
}
footer:hover div.trustscore .trustscore-text {
	top: 32px;
	font-size: 200%;
}
div.trustscore .trustscore-zahl {
	position: absolute;
	width:	58%;
	left: 0px;
	bottom: 0px;
	color: #ffffff;
	font-size: 170%;
	text-shadow: 0px 2px 4px silver;
	text-shadow: 0px 2px 4px rgba(0,0,0,.5);
}
.main div.trustscore .trustscore-zahl {
	font-size: 270%;
}
footer div.trustscore .trustscore-zahl {
	font-size: 80%;
}
footer:hover div.trustscore .trustscore-zahl {
	font-size: 320%;
}
.main div.trustscore { 
	width: 139px;
	height: 120px;
	position:	absolute;
	right:		10px;
	top:		10px;
	opacity:	.9;
}
.main .trustscore-transit { 
	
 -webkit-transform:     scale(.7) translate(25px,-20px) ;
  -khtml-transform:     scale(.7) translate(25px,-20px) ;
    -moz-transform:     scale(.7) translate(25px,-20px) ;
     -ms-transform:     scale(.7) translate(25px,-20px) ;
      -o-transform:     scale(.7) translate(25px,-20px) ;
         transform:     scale(.7) translate(25px,-20px) ;
}
.main .trustscore-alex { 
	
 -webkit-transform:     scale(.7) translate(31px,-12px) skewY(-17.5deg) ;
  -khtml-transform:     scale(.7) translate(31px,-12px) skewY(-17.5deg) ;
    -moz-transform:     scale(.7) translate(31px,-12px) skewY(-17.5deg) ;
     -ms-transform:     scale(.7) translate(31px,-12px) skewY(-17.5deg) ;
      -o-transform:     scale(.7) translate(31px,-12px) skewY(-17.5deg) ;
         transform:     scale(.7) translate(31px,-12px) skewY(-17.5deg) ;
}
.main .trustscore-loft { 
		
 -webkit-transform:     scale(0.57) translate(-5px, 222px) skewY(-21deg) rotate(1deg) ;
  -khtml-transform:     scale(0.57) translate(-5px, 222px) skewY(-21deg) rotate(1deg) ;
    -moz-transform:     scale(0.57) translate(-5px, 222px) skewY(-21deg) rotate(1deg) ;
     -ms-transform:     scale(0.57) translate(-5px, 222px) skewY(-21deg) rotate(1deg) ;
      -o-transform:     scale(0.57) translate(-5px, 222px) skewY(-21deg) rotate(1deg) ;
         transform:     scale(0.57) translate(-5px, 222px) skewY(-21deg) rotate(1deg) ;
}

/* nav=room */

.roombox {
	position: relative;
	float: left;
	margin: 0 10px 15px 0;
	padding: 5px 10px 10px 10px;
	border-radius: 0.1em;
}
.roombox h1, .roombox h2 {
	font-weight: normal;
	float: left;
}
.roombox h1 {
	padding-right: 10px;
	margin: 2px 0 0;
}
.roombox h2 {
	font-size: small;
	margin-bottom: 5px;
	margin-top: .80em;
}
.roombox .fotobox {
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.roombox .fotos img {
	min-width: 100%;
	min-height: 100%;
}
.roombox .minibox {
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: 285px;
	height: 54px;
	overflow: hidden;
	opacity: .75;
	white-space: nowrap;
	padding: 2px;
	background-color: transparent;
}
.roombox .minibox:hover {
	opacity: 1;
}
.roombox .minibox img {
	padding: 1px;
	margin: 0 1px 1px 0;
	max-height: 50px;
	border-radius: 2px;
	cursor: pointer;
}
.roombox-right .minibox {
	top: 0px;
	right: 0px;
	left: auto;
	bottom: auto;
	width: 65px;
	height: 205px;
	white-space: normal;
	opacity: 1;
	padding: 0;
}
.roombox-right .minibox img {
	padding: 0px;
	margin: 0;
	width: 65px;
	max-height: 100px;
	border-radius: 0px;
	position: relative;
	border: 0;
}
.roombox-right .minibox img.active {
	cursor: none;
	width: 63px;
	border: 1px solid white;
}
.roombox .bubbles {
	position: absolute;
	bottom:	0px;
	left: 0px;
	padding: 2px 4px;
	text-align: left;
	width: 382px;
}
.roombox .bubbles button {
	border: 0;
	border-radius: 50%;
	width: 12px;
	height: 16px;
	margin: 0 2px 5px 0;
	opacity: .5;
	background-color: white;
	cursor: pointer;
}
.ipad .roombox .bubbles button {
	width: 20px;
	height: 22px;
}
.roombox .bubbles button:hover {
	opacity: 1;
}
.roombox .bubbles button.active {
	opacity: 1;
	background-color: white;
}
.roombox .descr {
	font-size: small;
	position: absolute;
	bottom:	13px;
	padding: 0 5px;
	//color: black;
	//text-shadow: 0px 1px 0px white;
}

	.roombox {
		width: 462px;
	}
	.roombox:nth-child(2n) {
		margin-right: 0px;
	}
	.roombox .fotos {
		width:	462px;
		height:	286px;
	}
	.roombox .fotos img {
		max-width: 462px;
		max-height: 286px;
	}
	.roombox-right .fotos {
		width:	392px;
		height:	242px;
	}
	.roombox-right .fotos img {
		max-width: 392px;
		max-height: 242px;
	}
	.roombox .descr {
		width: 66%;
	}

.room-book {
	position: absolute;
	bottom: -61px;
	right: 20px;
	width:  122px;
	height: 122px;
	margin: -15px 0 0 20px;
	padding-bottom: 41px;

	vertical-align: top;
	clip:rect(0px auto 61px 0px);

	border: 0px solid black;
	border-radius: 50%;

	font-size: 1.25em;
	font-weight: normal;

	color:  white;
	text-shadow: 0px 1px 1px black;
	background-color: #ffa500;
	background-color: rgba(255,165,0,.9)
}
.room-book:hover {
	background-color: black;
	cursor: pointer;
}
.roombox .room-book {
	right: 0px;
	bottom: -42px;
	clip:rect(0px auto 42px 0px);
	width: 85px;
	height: 85px;
	padding-bottom: 34px;
	font-size: 1em;
}
#book-iframe-placeholder {
	margin: 2em;
	text-align: center;
	color: black;
	text-shadow: none;
}
#book-iframe-placeholder a {
	color: black;
	text-decoration: none;
	text-shadow: none;
}
#book-iframe {
	display: none;
	width:	100%;
	height: 1500px;
	overflow: auto;
}
div.book-iframe {
        padding-top:    20px;
        background-color: #DDDDDD;
}


/* */
.jThumbnailScroller {
	margin: 0;
	border: 0;
	border-radius: 0;
}
.jThumbnailScroller .jTscroller a {
	border: 0;
	margin: 0 !important;
	background: none;
	float: inherit;
}

/* Formulare */
label {
	font-weight:	bold;
	position:	relative;
	line-height:	25px;
}
label.error {
	color: red;
}
label input, label select, label textarea, textarea.form_message {
	min-height:	20px;
	position:	absolute;
	top:		-5px;
	left:		125px;
	width: 		300px;
	border:		1px solid #ccc;
	outline:	none;
	padding:	2px 5px;
	
 -webkit-border-radius:     5px;
  -khtml-border-radius:     5px;
    -moz-border-radius:     5px;
     -ms-border-radius:     5px;
      -o-border-radius:     5px;
         border-radius:     5px;
}
label textarea {
	min-height:	142px;
}
form label img {
	margin-left: 0.7em;
	position: relative;
	top: 0.6em;
}
form label input#captcha_code {
	width: 6em;
	left: unset;
	position: relative;
}
textarea.form_message {
	position: initial;
	width: 424px;
	height: 117px;
	left: 0px;
}
input[name=postal], input[name=persons], input.small  { width: 100px; }
select[name=title], select.small { width: 110px; }
.msgOk, .msgError { font-weight: bold; }
.msgOk { color: green; }
.msgError { color: red; }

div.buttonbar {
	text-align:	center;
	padding:	1em;
}
div.buttonbar input, div.buttonbar button {
	font-weight:	bold;
	font-size:	1.1em;
	border:		1px solid #ccc;
	background-color: white;
	outline:	none;
	padding:	2px 5px;
	
 -webkit-border-radius:     5px;
  -khtml-border-radius:     5px;
    -moz-border-radius:     5px;
     -ms-border-radius:     5px;
      -o-border-radius:     5px;
         border-radius:     5px;
}
div.buttonbar input:hover, div.buttonbar button:hover {
	color:		rgb(0,74,153);
	cursor:		pointer;
	border:		1px solid rgb(0,74,153);
}


:invalid {
	//border-color: #e88;
	}
:required {
	//border-color: #88a;
	}


@media print {
	body, #headline, #footline {
		text-shadow:	none;
	}
	.lang, .menu-book, .room-book {
		display: none;
	}
	#footline {
		height: 150px;
	}
	#footline .icon {
		height:		120px;
	}
	#footline .icon-halfscale {
		height:		58px;
	}
	.hover-visible, #footline .hover-hide {
		display:	none;
	}
	#footline .hover-visible, .hover-hide {
		display:	block;
	}
}

/* Hotel specific styles: */
.ontop .menu-logo {
	max-height: 65px;
	padding-right: 24px;
}
div.main {
	background-position:	right bottom;
}
div.main-text {
	width:  46%;
}
div.main-text article {
	font-size: 120% !important;
}
img.main {
	width: 75%;
}
.fullBg {
//	opacity: .9 !important;
}
.jcarousel-item {
	width:          180px   !important;
}
div.trustscore .trustscore-text {
	font-size: 77%;
}
footer:hover div.trustscore .trustscore-text {
	font-size: 158%;
}
.roombox {
	min-height: 334px;
}


div.menu {
	min-width: 1014px;
	width: 82.5vw;
}
.inner {
	min-width: 975px;
	width: 80vw;
}
div.main {
	min-width: 1014px;
	width: 82.5vw;
}
.inner-placeholder {
	min-width: 975px;
	width: 83.5vw;
}
.roombox {
	width: 47.4%;
}
.roombox-right .fotos {
	width: 82%;
	height: inherit;
	overflow: hidden;
}
.roombox-right .fotos img {
	max-height: 300px;
}
.sepia {
	-webkit-filter: sepia(100%);
	-moz-filter: sepia(100%);
	-ms-filter: sepia(100%);
	-o-filter: sepia(100%);
	filter: sepia(100%);
}
