/*
Theme Name: Ambassador
Description: Default Page Layout
*/
@charset "utf-8";
/* CSS Document */

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 {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

body {
	background:url(images/ambassador-hamburg01.jpg) top center no-repeat;
	font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-rendering: optimizelegibility;
	background-attachment: fixed;
	background-color:#D5D5D5;
	color:#fff;
}

@font-face {
    font-family: 'gpknregular';
    src: url('fonts/gpkn-webfont.eot');
    src: url('fonts/gpkn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gpkn-webfont.woff') format('woff'),
         url('fonts/gpkn-webfont.ttf') format('truetype'),
         url('fonts/gpkn-webfont.svg#gpknregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1 {
	font-family:'gpknregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.6em;
	color:#fff;
	line-height:28px;
	padding:5px 0 16px 0;
}

h1 a { 
	color:#fff;
	text-decoration:none;
}
h1 a:hover { 
	color:#bababa;
	text-decoration:none;
}

h2 {
	font-family:'gpknregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.3em;
	color:#212121;
	line-height:24px;
	margin:0 0 12px 0;
	padding:0 0 5px 0;
	border-bottom:2px solid #212121;
}

h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.0em;
	color:#fff;
	line-height:24px;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#C8EF51;
	line-height:22px;
	padding:5px 0 16px 0;
}
p {
	color:#fff;
	font-size:0.9em;
	line-height:20px;
	padding:0 0 16px 0;
}

a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#4c4c4c;
}
.entry-content a {
	color:#F5BF01;
	font-weight:bold;
}
.entry-content a:hover {
	color:#222;
}
/*LISTEN*/

.entry-content ul {
	padding:18px 5px 18px 5px;
	margin:12px 0 0 0;
	background:url(images/light-green-bg.png) top left repeat;
	
}

.entry-content ul li { 
	margin-left:25px;
	line-height:1.2em;
	padding:0 0 10px 0;
	color:#2b2b2b;
	font-size:0.9em;
	font-weight:bold;
	list-style:square;
}
.entry-content ul li a {	
	color:#3C3C3C;
}
.entry-content ul li a:hover {	
	color:#fff;
}

ul#sitemap_list, ul#sitemap_list ul{
	background:url(images/dark-green-bg.png) top left repeat;
}
ul#sitemap_list li {
	font-size:0.9em;
	color:#F5BF01;
}

ul#sitemap_list li a {
	color:#F5BF01;
	text-decoration:none;
}
ul#sitemap_list li a:hover {
	color:#fff;
}


/*HEADER*/
#navbag {
    background: none repeat scroll 0 0 #454545;
    height: 40px;
    position: absolute;
    width: 100%;
   z-index: -1;
}

#header {
	height:400px;
	width:100%;
}

div#header-inner {
	width:960px;
	margin: 0 auto;
}

/*Buchung*/
#booking {
    background:url(images/dark-grey.png) top left repeat;
    float: right;
    height: 280px;
    margin: 46px 0 0;
    width: 376px;
}

#book {
	font-family:'gpknregular', Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 1.6em;
	font-weight:normal;
	padding:6px 0 4px 0;
	text-align:center;

}
#bestpreis {
    float: left;
    width: 100px;
    padding: 26px 4px 0 15px;
}

	#bestpreis p {
		padding-top:20px;
		text-align: center;
		font-size: 11px;
	}
	#bestpreis img {
		padding-left: 37px;
	}

#bookingbox {
   float: right;
    padding:0;
	width:250px;
}

/*Logos*/
div#logo-ch {
	position:absolute;
}

#logo-ah {
    float: left;
    height: 213px;
    padding: 136px 112px 0 0;
    width: 464px;
}
#fon{ 
	background:url(images/fon.png) top left no-repeat;
	width:280px;
	height:26px;
	margin:64px 0 0 580px;
	position:absolute;
}

/*NAVIGATION*/

#menu {
    height: 40px;
	width:720px;
	margin-left:80px;
	background:#454545;
    color: #fff;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	float:left;
}
#menu .menu-header,
div.nav-menu {
    font-size: 14px;
    margin-left: 12px;
}
#menu .menu-header ul,
div.nav-menu ul {
    list-style: none;
    margin: 0;
}
#menu .menu-header li,
div.nav-menu li {
    float:left;
    position: relative;
}
#menu a {
    display:block;
    text-decoration:none;
    color:#fff;
	font-size:0.9em;
    padding:8px 10px;
    line-height:23px;
    border-right: 1px solid #666;
}

#menu a:hover
 {
    color: #fff;
	background:#454545 url('images/nav-bg.png') repeat-x;
}
#menu ul ul {
    display:none;
    position:absolute;
    top:39px;
    left:0;
    float:left;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    width: 180px;
    z-index: 99999;
}
#menu ul ul li {
    min-width: 180px;
}
#menu ul ul ul {
    left:100%;
    top:0;
}
#menu ul ul a {
    background:#666;
    height:auto;
    line-height:1em;
    padding:10px;
    width: 160px;
    border-right: none;
	border-bottom: 1px solid #333;
}
#menu ul ul a:hover {
    background:#454545 ;
}

#menu li:hover a,
#menu ul ul:hover a {
    color:#fff;
}
#menu ul li:hover ul {
    display:block;
}
#menu ul li:hover ul ul {
    display:none;
}
#menu ul ul li:hover ul {
    display:block;
}

#menu ul li.current_page_parent a{
	background:#2B2B2B;
}
#menu ul li.current_page_parent a:hover{
		background:#666;

}

#menu ul li.current_page_item a,
#menu ul li.current-menu-ancestor a,
#menu ul li.current-menu-item a,
#menu ul li.current-menu-parent a
 {
    color: #fff;
	background:#454545 url('images/nav-bg.png') repeat-x;
}

#menu ul li.current_page_item a:hover,
#menu ul li.current-menu-ancestor a:hover,
#menu ul li.current-menu-item a:hover,
#menu ul li.current-menu-parent a:hover {
    color: #fff;
	background:#454545;
}

* html #menu ul li.current_page_item a,
* html #menu ul li.current-menu-ancestor a,
* html #menu ul li.current-menu-item a,
* html #menu ul li.current-menu-parent a,
* html #menu ul li a:hover {
    color:#fff;
	background-color:#333;
}
#menu ul li.current_page_item ul li a{ background:#666;}
#menu ul li.current_page_item ul li a:hover{ color:#fff;}



/*Inhalt*/
div#page {
	width:960px;
	margin: 0 auto;
    margin-top:0px;         
}

div.bigbox {
	width:930px;
	background:url(images/grey-bg.png) top left repeat;
	padding:0 15px 20px 15px;
	overflow:hidden;
	}
	
div.bigbox-green {
	width:930px;
	background:url(images/green-bg.png) top left repeat;
	padding:0 15px 20px 15px;
	overflow:hidden;
	}
	div.bigbox-left {
		float:left;
		width:435px;
		padding-right:30px;

		}
	div.bigbox-right {
		float:left;
		width:435px;
		padding-left:30px;
		}

div.box {
	float: left;
    height: 520px;
    padding: 10px 26px 30px 0;
    width: 220px;
}

div.box1 {
	float: left;
    height: 520px;
    padding: 10px 0 30px;
    width: 220px;
}

div.green {
	background:url(images/green-bg.png) top left repeat;
    border: 1px solid #2D3700;
    height: 260px;
	margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px;
}
div.green-hotel {
	background:url(images/green-bg.png) top left repeat;
    border: 1px solid #2D3700;
    height: 230px;
	margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px;
}

div.grey {
    background:url(images/grey-bg.png) top left repeat;
    border: 1px solid #2D3700;
    height: 260px;
	margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px;
}
div.grey-hotel{
    background:url(images/grey-bg.png) top left repeat;
    border: 1px solid #2D3700;
    height: 230px;
	margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px;
}

div.green a, div.grey a, div.boxes-hotel p a {
	text-decoration:none;
	color:#fff;
}

div.green a:hover, div.grey a:hover, div.boxes-hotel p a:hover{
	text-decoration:none;
	color:#c4c4c4;
}

div.arrow {
	height:25px;
	padding:6px 0;
}

div.arrow a img:hover{
	opacity: 0.7;
	height:25px;
	z-index:999;
}

div.boxes p {
	color:#fff;
	font-size:0.9em;
	line-height:22px;
	height:160px;
}

div.boxes-hotel p {
	color:#fff;
	font-size:0.9em;
	line-height:22px;
	height:130px;
}
div.boxes-home-en p {
	color:#fff;
	font-size:0.9em;
	line-height:22px;
	height:140px;
}

 #page a img:hover { 
	opacity:0.8;
}


/*FOOTER*/
#footer {
 	background: url(images/footer_bg.gif) top left repeat-x;
    clear: both;
    font-size: 12px;
    line-height: 2;
    margin-top:40px;
    max-width: 100%;
    height: 90px;
    padding: 25px 0 15px 0;
}


#footer-inner {
    margin: 0 auto;
    width: 960px;
	height: 90px;
    overflow: hidden;
	font-size:1.1em;
}

.footer-box {
    float: left;
    padding-right: 26px;
	padding-top:0;
	width:220px;
	line-height:26px;
}


ul#footer-menu
{
	float: right;
	width:220px;
	list-style:none;

}
	#footer-menu li {
		float:right;
		padding:0 0 0 10px;
	}
	#footer-menu li a {
		display:block;
		text-decoration:none;
		color:#fff;
	}
	#footer-menu li a:hover {
		color:#999;
	}

	
#chh-logo 
{
	background:url(images/chh-logo.png) top left no-repeat;
	float:right;
	display:block;
	width:112px ;
	height:56px;
	margin-left:8px;
}	
	

/*Social Links*/
#social-links {
	float:right;
	width:80px;
	height:39px;
	margin:10px -5px 0 0;
}
  #social-links ul {
	  list-style:none;

  }
	#social-links ul li a {
		float:left;
		width:39px;
		height:39px;
		display:block;
		padding-right:1px;
	}
	#social-links ul li.last a {
		float:right;
		width:39px;
		height:39px;
		display:block;
		padding-right:0px;
	}
	#social-links li a.fb {
		background:url(images/fb-button.png) top left no-repeat;
	}
	#social-links li a.tw {
		background:url(images/tw-button.png) top left no-repeat;
	}
	#social-links li a.fli {
		background:url(images/fli-button.png) top left no-repeat;
	}
	#social-links li a.yt {
		background:url(images/yt-button.png) top left no-repeat;
	}
	#social-links li a.bl {
		background:url(images/bl-button.png) top left no-repeat;
	}

	#social-links li a:hover {
		background-position:left bottom;
		}

/*Sprachen*/
#languages {
    clear: right;
    float: right;
    margin: 0;
    padding: 0;
    width: 56px;
}

ul#language-chooser {
    margin: 2px 0 0 0;
    padding: 0;
    position: relative;
}

ul#language-chooser li {
	float:right;
	list-style:none;
	height:16px;
	width:18px;
	padding-left:8px;
}

ul#language-chooser li.flag_de a {
	display:block;
	background:url(images/de.png) top left no-repeat;
	height:18px;
	width:18px;
}
ul#language-chooser li.flag_en a {
	display:block;
	background:url(images/gb.png) top left no-repeat;
	height:18px;
	width:18px;
}
ul#language-chooser li a:hover {
	background-position:0 -18px;
}

/*Transparenz*/
.transparent {
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.transparent2 {
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/*Kontaktformular*/

.clear {
	clear:both;
	margin-bottom:20px;
}

div.entry-content div.formleft {
							float: left;
							width: 250px;
							margin: 0px 0px 5px 0px;
							font-size: 0.8em;
							color:#fff;
}

div.entry-content div.formright {
							
							width: 450px;
							margin: 0px 0px 16px 0px;
							float:left;
}


div.entry-content  div.formright input {
							width: 300px;
							font-size: 0.8em;
}
div.entry-content span.wpcf7-list-item input {
    float: left;
    width: 40px;
}

div.entry-content  div.formright input.wpcf7-submit {
							width: 150px;
}

div.entry-content .wpcf7-list-item-label {
	color:#fff;
	float: left;
    width: 20px;
}
div.entry-content span.wpcf7-list-item-label {
    float: left;
    font-size: 0.8em;
    width: 160px;
}

div.entry-content div.formleft-contact{
							float: left;
							width: 190px;
							margin: 0px 0px 5px 0px;
							font-size: 0.8em;
							color:#fff;
}

div.entry-content div.formright-contact {
							
							width: 250px;
							margin: 0px 0px 16px 0px;
							float:left;
}

.short { width:100px;}

/*Preise*/
.preisansicht {
    float: left;
    font-size: 0.8em;
    margin: 0 0 20px;
    width: 650px;
}
.preislefttop {
    background: none repeat scroll 0 0 #EAEAEA;
    float: left;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 0 4px 10px 0;
    padding: 3px 3px 3px 10px;
    width: 207px;
}
.preisrechtstop {
    background: none repeat scroll 0 0 #EAEAEA;
    float: left;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 0 0 10px;
    padding: 3px 3px 3px 10px;
    width: 400px;
}
.preisleft {
    background: none repeat scroll 0 0 #EAEAEA;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 4px 2px 0;
    padding: 3px 3px 3px 10px;
    width: 207px;
}
.preisrechts {
    background: none repeat scroll 0 0 #EAEAEA;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 0 2px;
    padding: 3px 3px 3px 10px;
    width: 400px;
}
/*Bilder*/
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#sidebar-1 {
	width:200px;
	height:50px;
}

/* #searchform div{
	position:absolute;
	margin:21px 0 0 93px;
}*/
label.screen-reader-text {
	visibility:hidden;
	display:none;
}
#secondary {
	position:relative;
	float:right;
	width:160px;
	height:30px;
	padding-top:8px;
}
#sidebar-2 {
	position:absolute;
	width:160px;
	height:35px;
}
#searchform input#s{ width:100px; float:left;}
#searchform input#searchsubmit{ width:50px;}

#CHb-widget form h4
{
	display:none;
	height:0px;
}

#CHb-widget {
	padding-top:0px;
}

#CHb-widget p b {
	display:none;
}
/* principal div */
#HWBMask { position:relative; top:0; left:0;width:210px; padding:5px; margin:0; background-color:none; overflow:hidden; }
#HWBMask label, #HWBMask table, #HWBMask td, #HWBMask P { font-family: Arial, Helv, Helvetica, sans-serif; font-size:11px; color:#fff; }
#HWBMask table  { width:100%; border:0; }
#HWBMask label  { cursor:pointer; }
#HWBMask input, #HWBMask select { font-family:Arial, Helv, Helvetica, sans-serif;  font-size:11px; color:#000;margin-bottom:8px; }

/* alin submit button and give it a background */
#hwbbutton 						{ margin: 10px 0; text-align:right; width: 100%; }
#HWBMask .submit  			{ width: 100%;background-color:#516B0F; font-size:14px; color:#FFF; font-weight:bold; padding:4px 5px; border:0; cursor:pointer;  }
#HWBMask .submitOver  	{ width: 100%;background-color:#88AD22; font-size:14px; color:#FFF; font-weight:bold; padding:4px 5px; border:0; cursor:pointer; }

/* calendar icon please change for hotel if necessary */
#hwbdt1, #hwbdt2 { width:18px; height:18px; background:url(http://secure.hotelwebservice.de/media/_icons/calender.gif) top left no-repeat; cursor:pointer; }


/* calendar please change #BBB (dark) and #888(light over) */
.calendar { position: relative; display: none; border: 1px solid; border-color: #FFF #555 #555 #FFF; font-size: 11px; cursor: pointer; background-color:#F7F4ED; color:#000; font-family: Arial, Helv, Helvetica, sans-serif; }
.calendar table { border:1px solid; border-color:#FFF #555 #555 #FFF; font-size:11px; cursor:pointer; background-color:#FFF; color:#000; font-family:Arial, Helv, Helvetica, sans-serif; }
.calendar .button { text-align:center; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; }
.calendar .nav { background:#BBB url(menuarrow.gif) no-repeat 100% 100%; }
.calendar thead .title { font-weight:bold; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; color:#555; text-align:center; }
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { border-bottom:1px solid #555; padding:2px; text-align:center; background-color:#F1F1F1; color:#555; }
.calendar thead .weekend { color:#833131; font-weight:bold; }
.calendar thead .hilite { border:2px solid; padding:0px; border-color:#F7F4ED #555 #555 #F7F4ED; }
.calendar thead .active { border-width:1px; padding:2px 0px 0px 2px; border-color:#555 #F7F4ED #F7F4ED #555; }
.calendar tbody .day { width:2em; text-align:right; padding:2px 4px 2px 2px; }
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #555; background-color:#E1E6F5; color:#555; }
.calendar tbody .rowhilite td { background-color:#888; color:#555; }
.calendar tbody td.hilite { padding:1px 3px 1px 1px; border-top:1px solid #fff; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px solid #FFF; }
.calendar tbody td.active { padding:2px 2px 0px 2px;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; }
.calendar tbody td.selected { font-weight:bold;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; padding:2px 2px 0px 2px; background-color:#F1F1F1; color:#172E55; }
.calendar tbody td.weekend { color:#833131; }
.calendar tbody td.today { font-weight:bold; color:#172E55; }
.calendar tbody td.disabled { color:#BBB; text-decoration:line-through; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow {}
.calendar tfoot .ttip { background-color:#BBB; padding:1px; border:1px solid; border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; color:#172E55; text-align:center; }
.calendar tfoot .hilite { border-top:1px solid #FFF; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px solid #FFF; padding:1px; background-color:#C7C4BB; }
.calendar tfoot .active { padding:2px 0px 0px 2px;border-top:1px solid #172E55;border-right:1px solid #FFF;border-bottom:1px solid #FFF;border-left:1px solid #172E55; }
.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border:1px solid; border-color:#E1E6F5 #172E55 #172E55 #E1E6F5; background-color:#FFF;color:#172E55;font-size:smaller;padding:1px; }
.combo .label,.combo .label-IEfix { text-align:center; padding:1px; }
.combo .label-IEfix {width:4em; }
.combo .active { padding:0px; border:1px solid #172E55; }
.combo .hilite {border:1px solid #172E55;background-color:#E1E6F5; color:#172E55; }

.anfrage { padding-bottom: 12px;line-height:30px;}