/*



Theme Name: Henri Hotel



Theme URI: http://www.henri-hotel.de



Description: Website des neuen Henri Hotels in Hamburg



Author: Ad Werft, Hamburg



Version: 2.0s



*/











@charset "utf-8";







/*--------------------------------------------------------------------------------------------------



CSS Styles for Henri Hotel.







version:   1.0



--------------------------------------------------------------------------------------------------*/







/* =CSS Reset



--------------------------------------------------------------------------------------------------*/







/* http://meyerweb.com/eric/tools/css/reset/ 



   v2.0 | 20110126



   License: none (public domain)



*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,



fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,



article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 



menu, nav, output, ruby, section, summary, time, mark, audio, video {



	margin: 0;



	padding: 0;



	border: 0;



	font-size: 100%;



	font: inherit;



	vertical-align: baseline;



}



/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {



	display: block;



}



body {



	line-height: 1;



}



ol, ul {



	list-style: none;



}



blockquote, q {



	quotes: none;



}



blockquote:before, blockquote:after, q:before, q:after {



	content: '';



	content: none;



}



table {



	border-collapse: collapse;



	border-spacing: 0;



}







/* End CSS Reset



--------------------------------------------------------------------------------------------------*/







/* =Toolkit



--------------------------------------------------------------------------------------------------*/







/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */



/* For modern browsers */ 

@font-face {
    font-family: 'Futura Demi Bold';
    src: url('fonts/futurabq-demibold-webfont.eot');
    src: url('fonts/futurabq-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futurabq-demibold-webfont.woff2') format('woff2'),
         url('fonts/futurabq-demibold-webfont.woff') format('woff'),
         url('fonts/futurabq-demibold-webfont.ttf') format('truetype'),
         url('fonts/futurabq-demibold-webfont.svg#futura_bqregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.cf:before, .cf:after { content:""; display:table; }



.cf:after { clear:both; }



/* For IE 6/7 (trigger hasLayout) */



.cf { zoom:1; }







/* general purpose classes */



.nodisplay { display:none; }



.nodisplay_strict { display:none !important; }



.alignleft { float:left; }



.alignright { float:right; margin-left: 15px; margin-bottom: 10px;}







/* End Toolkit



--------------------------------------------------------------------------------------------------*/







/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small



--------------------------------------------------------------------------------------------------*/







hr { display:block; height:1px; border:0; margin:1em 0; padding:0;



	border-top:1px solid #cccccc; /* change border colour to suit your needs */



}



audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }



audio:not([controls]) { display: none; }



[hidden] { display: none; }



html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }



body, button, input, select, textarea { font-family: sans-serif; }



a:focus { outline: thin dotted; }



a:hover, a:active { outline: 0; }



h1 { font-size: 2em; }



h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 0; }



del { text-decoration: line-through; }



abbr[title] { border-bottom: 1px dotted; cursor:help; }



b, strong { font-weight: bold; }



dfn { font-style: italic; }



mark { background: #ff0; color: #000; }



pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }



pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }



small { font-size: 75%; }



sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }



sup { top: -0.5em; }



sub { bottom: -0.25em; }



img { border: 0; -ms-interpolation-mode: bicubic; }



svg:not(:root) { overflow: hidden; }



fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }



legend { border: 0; *margin-left: -7px; }



button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }



button, input { line-height: normal; }



button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }



input, select { vertical-align:middle; }



input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }



input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }



input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }



button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }



textarea { overflow: auto; vertical-align: top; }







/* End Normalization



--------------------------------------------------------------------------------------------------*/











/* =Typography



--------------------------------------------------------------------------------------------------*/







/* Setting up the fonts */



body {



  font-family: "Courier New", Courier, monospace;



  background: url(/wp-content/themes/henri/images/bgi/bkg.png) no-repeat #191715;



  background-size: 100%;



}







h2, h3, #mainNav a, #sidebar div.capty-caption, .footerBox h3, .list-tipps div.capty-caption, .single-tipp div.capty-caption, ul#mainNav li ul.sub-menu li a, .contentBox p strong, .wpcf7 label, div#fancybox-title-inside, .contentBox h4 { font-family:"Futura Demi Bold", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size-adjust:0.49; font-weight:600; font-style:normal; text-transform: uppercase; }







/* End Typography



--------------------------------------------------------------------------------------------------*/











/* =Headings



--------------------------------------------------------------------------------------------------*/



#wrapper {



	width: 990px;



	margin: 25px auto 0;



	margin-bottom: 25px;



}







#header {



	display: block;



}



	#header h1 {



		float: left;



		width: 227px;



	} 



	



	#header .headerInfo {



		width: 386px;



		float: left;



		margin-left: 40px;



		color: #897861;



		font-family: "Futura Demi Bold", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;



		font-size: 13px;



		line-height: 18px;



		



	}



		.headerInfo .infoTop {



			display: block;



			color: #FFF;



			padding-bottom: 9px;



		}



		



		.headerInfo .infoBottom {



			display: block;



		}



			.headerInfo .location {



				background: url(/wp-content/themes/henri/images/bgi/iconMap.png) no-repeat left center;



				padding-left: 20px;



				display: block;



			}



			



			.headerInfo .email {



				background: url(/wp-content/themes/henri/images/bgi/iconMail.png) no-repeat left center;



				padding-left: 20px;



				color: #FFF;



				text-decoration: none;



			}



			



				.headerInfo .email a {



					color: #FFF;



				}



			



			.headerInfo .phone {



				background: url(/wp-content/themes/henri/images/bgi/iconPhone.png) no-repeat left center;



				padding-left: 21px;



				margin-left: 7px;



				color: #FFF !important;



			}	



				.headerInfo .phone a {



					color: #FFF !important;



				}



	#header .headerClock {



		float: left;



		width: 80px;



		margin-left: 25px;



	}



	



	#header .headerSocial {



		/* width: 94px; */



		width: 136px;



		float: right;



	}



		.headerSocial li {



			float: right;



			/* margin-left: 5px; */



		}



			.headerSocial li.first {



				margin-left: 0;

				



			}


.logo_half {
  height: 63px;
  overflow: hidden;
  text-align: right;
  width: 63px;
}

.second {
  margin-right: 8px;
}

.third {
  margin-top: 5px;
}


/* End Headings



--------------------------------------------------------------------------------------------------*/







/* =Main Nav



--------------------------------------------------------------------------------------------------*/



#navigation {



	display: block;



	background: url("images/bgi/borderDot.png") repeat-x scroll center bottom transparent;



	margin-bottom: 16px;



	padding-bottom: 4px;



	margin-top: 18px;



}



	#navigation ul#mainNav {



		float: right;



		padding: 1px 0 0 0;



		height: 26px;



	}



		ul#mainNav li {



			float: left;



			margin-left: 20px;



			position: relative;



			z-index: 1;



		}



			ul#mainNav li a {



				text-transform: uppercase;



				font-size: 14px;



				/* color: #ffffff; */



				color: #897861;



				text-decoration: none;



				position: relative;



				display: block;



				z-index: 1;



			}



			ul#mainNav li.current-menu-item a, ul#mainNav li.current-menu-ancestor a, ul#mainNav li.current-page-ancestor a {



				/* color: #897861; */



				color: #FFF;



			}



				ul#mainNav li a:hover {



					color: #FFF;



				}



				



				ul#mainNav li.parent a:hover,ul#mainNav li.activeHover a {



					color: #FFF;



					background: url(images/bgi/menuArrow.png) no-repeat 30px 18px;



					padding-bottom: 10px;



				}



				



				ul#mainNav li.active a, ul.mainNav li.activeHover a  {



					color: #FFF;



				}



				



			



/* End Main Nav



--------------------------------------------------------------------------------------------------*/







/* =Sub Nav



--------------------------------------------------------------------------------------------------*/



.subMenuWrapp {



	position: absolute;



	top: 0;



	left: 8px;



	display: none;



}



#navigation ul.sub-menu {



	width: 173px;



	z-index: 9;



	-webkit-border-radius: 5px;



	-moz-border-radius: 5px;



	border-radius: 5px;



	behavior: url(PIE.htc);



	padding: 3px 0 3px 0;



	position: absolute;



	top: 24px;



	left: 0;



	display: none;



	background:  #444444;



	



}	



	ul#mainNav li ul.sub-menu li {



		display: block;



		



		float: none;



		margin-left: 0;



		border-bottom: 1px solid #3d3d3d;



		border-top: 1px solid #4a4a4a;



	}



		ul#mainNav li ul.sub-menu li:first-child {



			border-top: 0;



		}



		



		ul#mainNav li ul.sub-menu li:last-child {



			border-bottom: 0;



		}



			



		  



		ul#mainNav li ul.sub-menu li a {



			color: #ffffff;



			font-size: 12px;



			text-transform: uppercase;



			display: block;



			line-height: 30px;



			padding-left: 10px;



			padding-bottom: 0;



		}



			ul#mainNav li ul.sub-menu li a:hover {



				color: #897861;



				padding-bottom: 0px;



			}



			



			ul#mainNav li ul.sub-menu li.current-menu-item a {



				color: #897861;



			}



	/* Submenu Arrow */



	#mainNav .arrow {



		display: block;



		background: url(../img/bgi/menuArrow.png) no-repeat 30px bottom;



		width: 100%;



		height: 26px;



		.width: 200px;



	}







/* End Sub Nav



--------------------------------------------------------------------------------------------------*/















/* =Main Content



--------------------------------------------------------------------------------------------------*/



#container {



	display: block;



}



	#content {



		float: left;



		width: 650px;



	}



	



.contentBox {



	display: block;



	padding-bottom: 15px;



	margin-bottom: 20px;



	background: url("/wp-content/themes/henri/images/bgi/borderDot.png") repeat-x scroll center bottom transparent;



}







body.single-packages .keyvisual, body.single-tipps .keyvisual {



	margin-bottom: 15px;



}







body.single-packages .keyvisual img, body.single-tipps .keyvisual img {



	width: 612px;



}







	.contentBox p {



		font-size: 13px;



		color: #FFF;



		line-height: 18px;



		margin-bottom: 18px;



	}



	



		.contentBox p strong {



			text-transform: uppercase;



		}



	



		.contentBox p a {



			color: #FFF;



			text-decoration: underline;



		}



	



	.contentBox.video {



		padding-bottom: 16px;



	}



	



	.contentBox.teasers {



		padding-bottom: 19px;



	}



	



	.contentBox.partners {



		background: 0;



		padding-bottom: 15px;



	}



	



	.contentBox h2 {



		margin-bottom: 10px;



		display: block;



		text-decoration: none;



	}



	



	.contentBox h4 {



		padding-bottom: 15px;



		background: url("/wp-content/themes/henri/images/bgi/borderDot.png") repeat-x scroll center bottom transparent;



		margin-bottom: 20px;



		text-transform: uppercase;



		color: #FFF;



		font-size: 13px;



	}



	



		.contentBox h2 a, .contentBox h2, .contentBox h3, .contentBox h3 a, .list-tipps h2 {



			font-weight: bold;



			font-size: 18px;



			color: #ffffff;



			text-transform: uppercase;



			text-decoration: none;



		}



		



		.list-tipps h2 {



			margin-bottom: 8px;



		}



		



	.contentBox h3 {



	    font-weight: bold;



	    font-size: 14px;



	    color: #ffffff;



	    margin-bottom: 10px;



	}



	



	#content .contentBox ul {



		margin-left: 15px;



		list-style-type: disc;



		margin-bottom: 18px;



	}



	



	#content .contentBox ul li {



		color: #FFF;



		font-size: 13px;



		line-height: 18px;



	}



	



		#content .contentBox ul li a {



			color: #FFF;



		}



	



	.contentBox .keyvisual {



		margin-bottom: 15px;



	}



	



	.contentBox .boxesWrapp {



		display: block;



	}



		.boxesWrapp .alignLeft {



			float: left;



		}



		



		.boxesWrapp .alignRight {



			float: right;



		}



		



		.box {



			width: 315px;



		}



		



		#content .contentBox.partners ul {



			display: block;



			margin-top: 18px;



			margin-left: 55px;



			list-style-type: none;



		}



			#content .contentBox.partners ul li {



				float: left;



				margin-right: 23px;



			}



			



/* =End Main Content



--------------------------------------------------------------------------------------------------*/







/* =Sidebar



--------------------------------------------------------------------------------------------------*/



#sidebar {



	float: right;



	width: 315px;



	margin-top: 20px;



	/* 



		// Edit bookingwidget 



		background: url(/wp-content/themes/henri/images/bgi/borderDot.png) repeat-x top;



		margin-top: 44px;



		padding-top: 12px;



		



	*/



}







#sidebar .contentBox h2 {



	font-size: 13px; 



}







	#sidebar .contentBox h2 a, #sidebar .contentBox h2 {



		color: #FFF;



		text-transform: uppercase;



		text-decoration: none;



		margin-bottom: 10px;



		font-size: 13px;



	}



	



	.contentBox.map {



		padding-bottom: 19px;



		margin-bottom: 20px;



	}



	



	.contentBox.map .address {



		background: url(/wp-content/themes/henri/images/bgi/iconMap.png) no-repeat left center;



		padding-left: 20px;



		line-height: 18px;



		font-size: 12px;



		color: #FFF;



		font-family: "Futura Demi Bold", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;



		margin-top: 15px;



		



	}



	



	.contentBox .btn {



		margin-top: 5px;



		text-align: center;enr



	}



	



	/* Weather Box */



	.contentBox.weather {



		padding-bottom: 20px;



	}



		.contentBox.weather ul {



			display: block;



			margin-top: 3px;



		}



			.contentBox.weather ul li {



				float: left;



				width: 100px;



				margin-right: 5px;



				text-align: center;



			}



				.contentBox.weather ul li.last {



					margin-right: 0;



				}



				.contentBox.weather ul li img {



					display: block;



					width: 55px;



					height: 55px;



					margin-left: 22px;



					margin-right: 22px;



				}



				



				.contentBox.weather ul li .dayName {



					display: block;



					font-family: Arial, Helvetica, sans-serif;



					font-size: 12px;



					font-weight: bold;



					color: #ffffff;



					text-transform: uppercase;



					text-align: center;



					margin-top: 14px;



					line-height: 10px;



					color: #897861;



				}



				



				.contentBox.weather ul li .temp {



					display: block;



					font-family: Arial, Helvetica, sans-serif;



					font-size: 12px;



					font-weight: bold;



					color: #ffffff;



					text-align: center;



					line-height: 10px;



					margin-top: 5px;



				}



	



	/* Slider */



	.contentBox.slider {



		position: relative;



		padding-bottom: 21px;



		margin-bottom: 20px;



	}



		



		.contentBox.slider a.scrollLeft {



			position: absolute;



			left: 10px;



			top: 105px;



			z-index: 999;



		}



		



		.contentBox.slider a.scrollRight {



			position: absolute;



			right: 15px;



			top: 105px;



			z-index: 999;



		}



		



/* =End Sidebar



--------------------------------------------------------------------------------------------------*/







/* =Footer



--------------------------------------------------------------------------------------------------*/



#footer {



	display: block;



	padding-top: 19px;



}



	.footerBox {



		float: left;



	}



	.links {



		width: 252px;



	}



	



	.tipps {



		width: 316px;



	}



	



	.description {



		width: 420px;



	}



	



		.footerBox h3 {



			display: block;



			font-size: 15px;



			color: #ffffff;



			font-weight: bold;



			line-height: 34px;



			text-transform: uppercase;



		}



		



		.footerBox p {



			color: #FFF;



			font-family: Courier New;



			font-size: 11px;



			margin-top: 6px;



			line-height: 14px;



			text-transform: inherit !important;



			font-weight: 200 !important;



			



		}



			.footerBox p a {



				color: #FFF;



				text-decoration: underline;



			}



		



		.footerBox ul {



			display: block;



		}



			.footerBox ul li {



				background: url(/wp-content/themes/henri/images/bgi/lineList.png) no-repeat 2px 10px;



				



			}



				



				.footerBox ul li a {



					margin-left: 22px;



					font-family: Courier New;



					font-weight: bold;



					font-size: 12px;



					color: #ffffff;



					line-height: 24px;



				}







/* End Footer



--------------------------------------------------------------------------------------------------*/











/* =Forms



--------------------------------------------------------------------------------------------------*/







/* Removing fieldset borders (remove if you want to keep the defaults defined in Normalization) */



fieldset { border: 1px solid transparent; margin: 0; padding: 0; }







/* End Forms



--------------------------------------------------------------------------------------------------*/







/* =Clearing floats



 --------------------------------------------------------------------------------------------------------*/



#header:after, .headerSocial:after, #container:after, #navigation:after, ul.mainNav:after, .boxesWrapp:after,



.contentBox.partners ul:after, .contentBox.weather ul:after, #footer:after, .clear 



{



	clear: both;



	content: ' ';



	display: block;



	font-size: 0; 



	line-height: 0;



	visibility: hidden;



	width: 0;



	height: 0;



 }







/* ie7 only */



#header, .headerSocial, #container, #navigation#navigation, ul.mainNav, .boxesWrapp,



.contentBox.partners ul, .contentBox.weather ul, #footer



{



	zoom: 1;



}



/* End Clearing floats



 --------------------------------------------------------------------------------------------------------*/











/* Arrangement -> Single */







.wpcf-field-arrangement-highlights-value ul, .wpcf-field-arrangement-additionals-value ul {



	list-style-type: disc;



	margin-bottom: 15px;



	margin-left: 15px;



}







	.wpcf-field-arrangement-highlights-value ul li, .wpcf-field-arrangement-additionals-value ul li {



		line-height: 18px;



		font-size: 14px;



	}







/* Plug-In: Maps */







.google-map-placeholder .bubble-content p {



	color: #333 !important;



	font-family: "Courier New", Courier, monospace !important;



	font-size: 12px !important;



}







/* Plug-In: NextGEN Gallery */







.ngg-gallery-thumbnail {



	margin-right: 0px !important;



}







.slideshowlink {



	display: none;



}







.ngg-gallery-thumbnail img {



	padding: 0px !important;



	/* border: none !important; */



	border-top: 3px solid #897861 !important;



	border-left: 3px solid #897861 !important;



	border-right: 3px solid #897861 !important;



	border-bottom: 15px solid #897861 !important;



	margin: 4px 0px 2px 5px !important;



}







.ngg-gallery-thumbnail img:hover {



	background-color: #897861;



	border: none;



}







/* Plug-In: Facebook Like-Box */







.fb-like-box {



	background: #FFF;



}







.post-like {



	margin-bottom: 15px;

	display:none; /* disabled at 12.Dec.2014 */



}











/* Plug-In: WPML */







/* Plug-In Joblist */







div#hc-joblisten {



	font-size: 13px;



    margin-bottom: 20px;



    margin-left: 15px;



    color: white;



}







div#hc-jobliste-display {



    color: #000;



}



span.hc-joblist-offer-date {



    float: right;



    display: none;



}







ul.hc-joblist-offer-list {



    list-style-type: disc;



    padding:0px;



    margin: 0px;



}







li.hc-joblist-listitem {



    border-bottom: 1px dotted #FFF;



    padding-bottom: 8px;



    padding-top: 8px;



}







/* Content: Tipps Categories */







.list-tipps {



	background: url("/wp-content/themes/henri/images/bgi/borderDot.png") repeat-x scroll center bottom transparent;



}







.list-tipps .contentBox {



	float: left;



	position: relative;



	background: none;



	width: 315px;



	padding: 5px;



	margin-bottom: 10px;



}







	.list-tipps .contentBox h3, .list-tipps .contentBox h3 a {



		font-size: 14px;



	}







/* Content: Rooms */







.room {



	margin-bottom: 20px;



}







.room .left {



	float: left;



	position: relative;



	width: 296px;



	margin-right: 20px;



}







.room .right {



	float: left;



	position: relative;



	width: 334px;



}







	.room .right ul {



		list-style-type: disc;



		margin-left: 15px;



	}



	



		.room .right ul li {



			line-height: 24px;



			border-bottom: 1px dotted #FFF;



		}



		



/* Content: Gallery */







img.size-Gallery {



	padding: 2px;



}







/* Plug-In: Clock */







#clock {



        	position: relative;



        	width: 79px;



        	height: 79px;



        	background: url('/wp-content/themes/henri/images/ziffernblatt.png');



        	list-style: none;



        	}



        



        #sec, #min, #hour {



        	position: absolute;



        	height: 79px;



        	/* top: 39px; */



        	top: 0px;



        	left: 39px;



        	}



        



        #sec {



        	z-index: 3;



        	width: 2px;



           	}



           



        #min {



        	z-index: 2;



        	width: 3px;



           	}



           



        #hour {



        	z-index: 1;



        	width: 3px;



        }



        



        #date {



        	position: absolute;



			color: white;



			font-size: 9px;



			right: 6px;



			top: 34px;



			font-family: Arial,sans-serif;



        }







/* Caption */







div.capty-caption {



	background-color: #000;



	color: #FFF;



	font-size: 12px;



	padding-left: 10px;



	padding-top: 7px;



	text-shadow: 1px 1px 0 #222;



}







div.capty-caption a {



	color: #318DAD;



	font-size: 12px;



	text-decoration: none;



	text-shadow: none;



}







/* Contact Form */







.wpcf7 label {



	color: #FFF;



	font-size: 13px;



	display: block;



	padding-bottom: 5px;



}







.wpcf7-form-control-wrap {



	margin-bottom: 10px;



	display: block;



}







.wpcf7 select { 



	width: 650px;



	font-size: 13px;



	text-indent: 2%;



	color: #000;



	font-family: "Courier New", Courier, monospace;



}







.wpcf7 .last {



	width: 524px;



	float: left;



	position: relative;



}







.column-city .first {



	width: 116px !important;



	margin-right: 10px;



	float: left;



	position: relative;



}







.column select {



	width: 320px !important;



}







.column input[type=text] {



	width: 364px !important;



	padding: 8px !important;



}







	.column input[type=text].zip {



		width: 100px !important;



	}











.wpcf7 input[type=text] {



	width: 634px;



	padding: 8px;



	font-size: 13px;



	text-indent: 2%;



	color: #000;



	 font-family: "Courier New", Courier, monospace;



}







.wpcf7 textarea {



	width: 634px;



	height: 150px;



	padding: 8px;



	font-size: 13px;



	text-indent: 2%;



	color: #000;



	 font-family: "Courier New", Courier, monospace;



}







.wpcf7 .wpcf7-validation-errors {



	border: 2px solid #FFF;



	color: #FFF;



	font-size: 13px;



	padding: 8px;



}







.wpcf7 .wpcf7-mail-sent-ok {



	border: 2px solid #FFF;



	font-size: 13px;



	padding: 8px;



}







#page-paper {



	background: url(/wp-content/themes/henri/images/bgContentLP.jpg) repeat-y center;



	border: 4px solid #FFF;



	padding: 15px;



}







	#page-paper h2 {



		color: #897861;



		font-size: 18px;



		padding-bottom: 15px;



		background: url("/wp-content/themes/henri/images/bgi/borderDot.png") repeat-x scroll center bottom transparent;



		margin-bottom: 20px;



	}



	



	#page-paper h3 {



		margin-bottom: 15px;



	}



	



	#page-paper p {



		font-size: 13px;



		color: #000;



		line-height: 18px;



		margin-bottom: 15px;



	}



	



	#page-paper p a {



		color: #897861;



		text-decoration: underline;



	}



	



		#page-paper p a:hover {



			color: #000;



		}



		



	#page-paper ul li a {



		color: #000;



	}



		



	#page-paper label {



		font-size: 12px;



	}



	



/* WBE INCLUDER */







body.page-id-774 #sidebar {



	display: none;



}







body.page-id-774 #content {



	width: 990px;



}











body.page-id-774 #header h1 {



	margin-top: 0px !important;



}







body.page-id-774 #header #clock {



	display: none;



}







/* Press Pics */ 







body.page-id-823 .contentBox div.alignleft, body.page-id-909 .contentBox div.alignleft {



	margin: 1px;



	background: #897861;



	color: #FFF;



}







body.page-id-823 .contentBox .wp-caption a, body.page-id-909 .contentBox .wp-caption a {



	padding-left: 5px;



	padding-right: 5px;



	padding: 5px;



	display: block;



}







body.page-id-823 .contentBox .wp-caption p.wp-caption-text, body.page-id-909 .contentBox .wp-caption p.wp-caption-text {



	padding-left: 5px;



	padding-right: 5px;



}







/* Booking Form new */











#bookingWidget {



	background: url(/wp-content/themes/henri/images/bgContentLP.jpg) repeat-y center;



	border: 4px solid #FFF;



	padding: 15px;



	display: block;



	margin-bottom: 20px;



	position: relative;



}











#bookingForm h2 {



	color: #897861;



	font-size: 18px;



	padding-bottom: 15px;



	background: url("/wp-content/themes/henri/images/bgi/borderDot.png") repeat-x scroll center bottom transparent;



	margin-bottom: 20px;



	}



	



	



	#bookingForm .row {



	margin-bottom: 10px;



}







#bookingForm label {



	display: block;



	color: #000;



	font-family: "Futura Demi Bold", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;



	margin-bottom: 5px;



	font-size: 11px;



}







#bookingForm input {



	border: 1px solid #897861;



}







#daterow input {



	width: 92%;



	padding: 3%;



	font-size: 12px;



	font-family: courier, "Futura Demi Bold", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;



}







#bookingForm .left {



	width: 45%;



	float: left;



	position: relative;



	margin-right: 10%;



}







#bookingForm .right {



	width: 45%;



	float: left;



	position: relative;



}







#bookingForm #send {



	margin-top: 20px;



}







#bookingForm #send input {



	border: 0px !important;



}







#bookingForm .subleft {



	width: 48%;



	float: left;



	position: relative;



	margin-right: 4%;



}







#bookingForm .subright {



	width: 48%;



	float: left;



	position: relative;



}







ul.details li {



	float: left;



	position: relative;



	margin-right: 10%;



}











#bookingWidget #stoererBooking {



	position: absolute;



	right: 5px;



	top: -20px;



}







#bookingWidget .phone {



	background: url(/wp-content/themes/henri/images/bgi/iconPhone.png) no-repeat left center;



	padding-left: 21px;



	font-size: 14px;



	font-weight: bold;



	line-height: 25px;



	height: 25px;



}











/* Booking Form old 







#bookingForm .row {



	margin-bottom: 10px;



}







#bookingForm label {



	display: block;



	color: #FFF;



	font-family: "Futura Demi Bold", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;



	margin-bottom: 5px;



	font-size: 11px;



}







#bookingForm input {



	border: 1px solid #897861;



}







#daterow input {



	width: 140px;



	padding: 4px;



	font-size: 13px;



	font-family: "Futura Demi Bold", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;



}







#bookingForm .left {



	width: 150px;



	float: left;



	position: relative;



	margin-right: 15px;



}







#bookingForm .right {



	width: 150px;



	float: left;



	position: relative;



}



#bookingForm #send {



	margin-top: 20px;



}







#bookingForm #send input {



	border: 0px !important;



}







#bookingForm .subleft {



	width: 48%;



	float: left;



	position: relative;



	margin-right: 4%;



}







#bookingForm .subright {



	width: 48%;



	float: left;



	position: relative;



}  */







#sidebar .contentBox .stoerer {



	margin-bottom: 10px;



}







#sidebar .contentBox .phone {



	background: url("/wp-content/themes/henri/images/bgi/iconPhone.png") left center no-repeat;



	padding-left: 25px;



	color: #FFF;



	font-size: 12px;



	font-family: "Futura Demi Bold", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;



	margin-top: 15px;



	margin-bottom: 8px;



}







#sidebar .contentBox.booking h2 {



	margin-top: 10px;



}







/* ROOMS GALLERY */







#ngg-gallery-14-136 {



	margin-top: 4px;



}







#ngg-gallery-14-136 .ngg-gallery-thumbnail img {



	border: none !important;



	padding: 0 !important;



	margin: 0px !important;



}







#ngg-gallery-14-136 img {



	width: 140px;



	height: 140px;



}







#ngg-gallery-14-1142 img {



	width: 130px;



	height: 130px;



}







body.page-id-774 #content {



	width: 950px !important;



}







.gfield {



	margin-bottom: 10px;



}







#lang_sel_list {



	font-family: inherit;



	z-index: inherit;



}







#lang_sel_list ul {



	border: none;	



}







#lang_sel_list a, #lang_sel_list a:visited, #lang_sel_list a:hover {



	border: none;



	background: none !important;



	color: #FFF !important;



	font-size: 12px;



}







.lang_sel_sel {



	font-weight: bold;



}











/* Overwriting Gravity Forms CSS */



/* Anreisedatum */



.date1 {



  float: left;



  margin-right: 120px; 



}



/* Abreisedatum */



.date2 {



  clear: none !important;



  float: left;







}



.date1.gfield_error {



  margin-right: 22px;



}



.date1.gfield_error, .date2.gfield_error {



  width: 42% !important;



}





/* Modified by w3i */

#DetailView-Content .tableBoxRes:hover *{ color:#FFFFFF; text-shadow:none; }

#myUpcomingReservations:hover *, #myUpcomingReservations:visited *{ color:#FFFFFF; text-shadow:none; }

#myUpcomingReservations:hover .morelk, #myUpcomingReservations:visited .morelk{ color:#333333; }

#myUpcomingReservations .highlightBg{ text-shadow:none !important; color:#FFFFFF; }



#DetailView-Content .tableBoxRes:hover .rowBoxResHead *:not(.applyButton):not(.applyButton_hover){ background:#666 !important; }







.hide{ display: none; }

.like-btn{ background: #fafafa; text-align: center; border-radius: 4px; border: 1px solid #000; padding: 2px 5px; font-size: 1em; cursor: pointer;  }



.clickTip{ position: relative; }

.showTip{ position: absolute; min-width: 327px; max-width: 400px; background: #fff; z-index: 555; font-size:12px; line-height: 1.4em; text-align: left; padding: 17px; border-radius: 15px; border: solid 3px #ada898; top:40px; left: -160px;

    -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.93);

    -moz-box-shadow:    0px 0px 11px 0px rgba(50, 50, 50, 0.93);

    box-shadow:         0px 0px 11px 0px rgba(50, 50, 50, 0.93);

}

.showTip img{ margin:13px !important; }

.showTip:before{ position: absolute; top:-21px; left: 165px; display: block; content:' '; background: url("images/tiparrow.png") no-repeat; width: 31px; height:21px; }



.stage-notes{ position: relative; height: 0px; }

.stage-notes .stage-part{ position: absolute; top: 0; left: 10px; display: none; width: 70%; height: 67px; overflow: hidden; }



#AvailCalender .date-digit,#AvailCalender .emptydays{ font-weight: bold; font-family: arial, helvetic, sans-serif; }

#AvailCalender .euro{ color: #00ed3b; }

#AvailCalender .bigx{ color: #555; }



#wbe_content.precheckout #Search-Box-Container,

#wbe_content.checkout #Search-Box-Container { display: none; }



.showTip .close-icn{ position: absolute; text-transform: uppercase; color: #454545; right: 10px; top: 10px; font-family: arial, helvetic, sans-serif; z-index: 555; }