/******************************************************************

KAMEHA SUITES PUBLIC
 
Use:	Defaults

Author(s):
- Peter Klein

Last changes:
- created

*******************************************************************/

* {margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;position:relative;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
q:before,blockquote p:before {content:open-quote;}
q:after,blockquote p:after {content:close-quote;}

html, body {
	background:#fff url(/images/suites/site_bg.jpg) repeat-y center top;
	color:#4d4a4b;
	font-family: arial,sans-serif !important;
	font-size:90.01%;
	line-height:130%;
	text-align:center;
}

abbr,
acronym {
	cursor:help;
}

a {
	color:#808080;
	outline:0;
	text-decoration:none;
}
a:hover, a.active {
	color:#2b4288 !important;
}

p {
	line-height:19px;
}

.majuscules {
	text-transform:uppercase;
}
.column.left p {
	color:#4e4a4b !important;
	padding:10px;
}

fieldset {
	position:relative;
}
q { 
	quotes: "„" "”" "‚" "’"; /* german style */
	/*quotes:  "»" "«" "›" "‹";  german style alternative */
}

/**************************************************
 *
 *	Layout
 *
 **************************************************/
/* SPLASHPAGE */

#page-wrapper {
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-align:left;
	padding-left: 9px;
	width:980px;
}
	#header {
		float:left;
		height:190px;
		margin:0 0 35px 0;
		position:relative;
		width:980px;
	}
		#topnav {
			background:url(/images/suites/topnav_divider.png) no-repeat left bottom;
			bottom:27px;
			padding:0 0 2px 0;
			position:absolute;
			width:668px;
		}
			#topnav ul {
				position:relative;
			}
			#topnav ul li {
				float:left;
				margin-right:12px;
			}
                #topnav ul li a{
					background:url(/images/suites/topnav.png) no-repeat 0 -2px;
					display:block;
					height:24px;
					overflow:hidden;
					white-space:nowrap;
				}

					#topnav ul li#ex a {
						background-position:1px 2px;
						text-indent:83px;
						width:83px;
					}
					#topnav ul li#ex a:hover,
					#topnav ul li#ex.active a {
						background-position:1px -18px;
					}
					#topnav ul li#cu a {
						background-position:-103px 2px;
						text-indent:52px;
						width:52px;
					}
					#topnav ul li#cu a:hover,
					#topnav ul li#cu.active a {
						background-position:-103px -18px;
					}
					#topnav ul li#lo a {
						background-position:-182px 2px;
						text-indent:51px;
						width:51px;
					}
					#topnav ul li#lo a:hover,
					#topnav ul li#lo.active a {
						background-position:-182px -18px;
					}
					#topnav ul li#ba a {
						background-position:-252px 2px;
						text-indent:29px;
						width:29px;
					}
					#topnav ul li#ba a:hover,
					#topnav ul li#ba.active a {
						background-position:-252px -18px;
					}
					#topnav ul li#ev a {
						background-position:-295px 2px;
						text-indent:51px;
						width:51px;
					}
					#topnav ul li#ev a:hover,
					#topnav ul li#ev.active a {
						background-position:-295px -18px;
					}
                    #topnav ul li#pr a {
						background-position:-369px 2px;
						text-indent:77px;
						width:77px;
					}
					#topnav ul li#pr a:hover,
					#topnav ul li#pr.active a {
						background-position:-369px -18px;
					}
                    #topnav ul li#re a {
						background-position:-465px 2px;
						text-indent:101px;
						width:101px;
					}
					#topnav ul li#re a:hover,
					#topnav ul li#re.active a {
						background-position:-465px -18px;
					}

						.subnav {
							font-size:11px;
							position:absolute !important;
							left:2px !important;
							letter-spacing:1px;
							text-transform:uppercase;
							top:-10px !important;
							width:600px;
						}
						.subnav li a {
							background:none !important;
							color:#4d4a4b !important;
							text-indent:0 !important;
							width:auto !important;
						}
							#topnav ul li.lo .subnav li.active a,
							#topnav ul li.cu .subnav li.active a,
							#topnav ul li.ev .subnav li.active a {
								color:#cca674 !important;
							}
				
						#header h1 a {
							background:url(/images/suites/suitelogo.png) no-repeat;
							bottom:0;
							display:block;
							height:112px;
							overflow:hidden;
							position:absolute;
							right:0;
								text-indent:216px;
							white-space:nowrap;
							width:216px;
						}
					
						.location-change {
							background:url(/images/change_location.png) no-repeat;
							cursor:pointer;
							display:block;
							height:30px;
							position:absolute;
							overflow:hidden;
							right:0;
							text-indent:150px;
							white-space:nowrap;
							width:150px;
						}
							#location-changer {
								background:#fff;
								border:1px solid #000;
								position:absolute;
								right:0;
								top:30px;
								width:148px;
								z-index:500;
							}
								#location-changer a {
									border-bottom:1px solid #e6e6e6;
									color:#000;
									display:block;
									padding:5px;
								}
									#location-changer a:hover {
										color:#808080;
									}
							
					
	#contentwrapper {
		clear:both;
		float:left;
		margin:0 0 55px 0;
		position:relative;
		width:980px;
	}
			.column.left {
				float:left;
				width:385px !important;
			}
				.inner-left {
					float:left;
					width:190px;
				}
				.inner-right {
					float:left;
					margin-left:5px;
					width:190px;
				}						
										
			.column.right {
				float:left;
				height:580px;
				margin-left:5px;
				position:relative;
				width:580px;
			}
				.column.right img {
					bottom:0;
					position:absolute;
				}
				.transparent_bg p {
					background:url(/images/suites/teaser_bg.png) repeat top left;
					color:#fff !important;
					padding:8px;
					width:550px;
				}
				#language-switch {
					clear:both;
					display:none;
					float:left;
					margin:10px 0 55px 0;
					width:978px;
				}
					#language-switch li {
						float:right;
						font-size:11px;
					}
						#language-switch a {
							border-left:1px solid #808080;
							padding:0 8px;
						}
						
	/* COLUMN RIGHT */
	#teaser-table {
		bottom:0;
		height:auto;
		position:absolute;
		width:580px;
	}
	#teaser-table table p {
		width:550px !important;
	}
	.teaser-table-text {
		border:1px solid #B1B2B5;
		color:#4e4a4b !important;
		height:578px !important;
		position:relative !important;
	}
	.teaser-table-text h6 {
		margin-top:-15px;
	}
	.column.right .teaser-table-text h2#text-h2 {
		color:#4e4a4b !important;
	}
	.teaser-table-text p {
		padding:10px;
	}
	
	/* PARTNERS */
	body.partners .column.right {
		border:1px solid #B1B2B5;
		height:578px;
		width:578px;
	}
	body.partners .column.right img {
		float:left;
		margin:30px 10px 30px 1px;
		position:relative;
	}
			
			#footer {
				clear:both;
				float:left;
				margin:0 0 100px 0;
                position:relative;
                width:970px;
			}
				.footernav {
					clear:both;
					float:left;
					padding-left:120px;
					width:530px;
				}
					.footernav.communication {
						background:url(/images/suites/footernav_bg.png) no-repeat 0 4px;
					}
					.footernav.corporate {
						background:url(/images/suites/footernav_bg.png) no-repeat 0 -18px;
					}
					.footernav.location {
						background:url(/images/suites/footernav_bg.png) no-repeat 0 -39px;
						margin:0 0 60px 0;
					}
					
						.footernav li {
							float:left;
							font-size:11px;
							text-transform:uppercase;
						}
							.footernav a {
								border-left:1px solid #808080;
								color:#808080;
								font-size:10px;
								padding:0 8px;
							}
							.footernav.no-background li a {
								border:0;
							}
							.lheg-footer {
								background:url(/images/suites/lheg.png) no-repeat;
								clear:both;
								display:block;
								height:71px;
								overflow:hidden;
								text-indent:63px;
								white-space:nowrap;
								width:63px;
							}
	


/* MISC */

a.pdf {
    background:url(/images/suites/pdf.png) no-repeat 152px 1px;
    color:#4e4a4b !important;
	display:block;
	margin-top:5px !important;
	white-space:nowrap;
}
.accessible {
	display:none !important;
}

.clear {
	clear:both !important;
}

.no-border {
	border:0 !important;
}

h2.headline {
	bottom:90px;
	color:#fff;
	font-weight:bold;
	font-size:24px;
	left:12px;
	position:absolute;
}
h3.headline {
	color:#fff;
	font-weight:bold;
	font-size:15px;
	margin-left:-4px;
}
.strong {
	font-weight:bold !important;
}
.link-arrow {
	bottom:11px !important;
	position:absolute;
	right:10px;
}
#close_inline_edit {
	cursor:pointer !important;
	float:right;
	z-index:50;
}
	#flash_error {
		background:#f00;
		clear:both;
		color:#fff;
		margin-bottom:10px;
		padding:3px;
	}
	#flash_notice {
		background:#00ff00;
		clear:both;
		color:#fff;
		margin-bottom:10px;
		padding:3px;
	}
	
	body.contact #errorExplanation {
		background:#ccc;
		border:1px solid #f00;
		margin-bottom:20px;
		padding:10px;
		width:278px;
	}
	body.error .column.left {
		border:1px solid #f00;
		height:578px !important;
	}
	body.error .column.left h2,
	body.error .column.left h3 {
		visibility:visible !important;
	}
	
	body.contact .column.left input,
	body.contact .column.left textarea,
	body.subscriber .column.left input,
	body.subscriber .column.left textarea {
	    border:1px solid #c2c3c5 !important;
		width:300px;
	}
	body.subscriber .column.left select {
		border:1px solid #c2c3c5 !important;
		clear:both;
		display:block;
		margin-bottom:15px;
		width:150px;
	}
	body.contact .column.left textarea {
		height:155px !important;
	}
	body.contact .column.left label,
	body.subscriber .column.left label {
		float:left;
		width:100%;
	}
	body.subscriber .column.left p {
		padding-left:0 !important;
	}
	body.contact input,
	body.subscriber input {
		margin-bottom:15px;
	}
	body.subscriber input {
		width:198px !important;
	}
	.terms p {
		font-size:9px;
		line-height:14px !important;
	}
	body.contact .column.left .checkbox {
		float:left;
	}
	body.contact .column.left #send-button,
	body.booking .column.left #send-button {
		margin-top:20px;
	}
	body.booking .column.left #send-button {
		margin-bottom:20px;
	}
	body.contact .column.left table {
		font-size:10px !important;
	}
	.column.left #send-button {
		background:transparent url(/images/suites/send.png) no-repeat scroll 0 0;
		border:none !important;
		height:18px;
		text-indent:73px;
		width:73px !important;
	}
	.column.left #ok-button {
		background:transparent url(/images/suites/ok_button.png) no-repeat scroll 0 0;
		border:none !important;
		bottom:-75px !important;
		height:18px;
		margin:8px 0;
		position:absolute !important;
		right:0;
		text-indent:41px;
		width:41px;
	}
	.column.left #send-button-en {
		background:transparent url(/images/suites/send_en.png) no-repeat scroll 0 0;
		border:none !important;
		height:18px;
		margin:20px 0;
		text-indent:73px;
		width:73px;
	}


#topnav {
			background:url(/images/suites/topnav_divider.png) no-repeat 0 bottom;
			bottom:27px;
			position:absolute;
			width:710px;
		}
			#topnav ul {
				position:relative;
			}
			#topnav ul li {
				float:left;
				margin-right:20px;
			}
				
							.sub-menu {
								position:absolute !important;
								left:0px !important;
								top:177px !important;
							}          
								.sub-menu li {
									float:left;
								}  
								
								
/* BOOKING */ 
body.booking .column.left h4 {
	xmargin-left:40px;
	visibility:visible;
}       
body.booking .column.left p {
	xmargin:0 0 0 30px;
	xwidth:310px;
}   
body.booking .live-booking {
	font-size:9px;
	margin-top:-20px;
}
body.booking .column.left,
body.contact .column.left,
body.subscriber .column.left,
body.booking .column.left,
body.thanks .column.left {
	background:#ebecec;
	height:580px;
}
body.contact .column.left,
body.subscriber .column.left,
body.booking .column.left,
body.thanks .column.left {
	padding-left:10px;
}
body.booking form {
	margin:10px;
}
body.booking fieldset {
	margin:0 0 3px;
	position:relative;
}
body.booking label {
	display:block;
	font-size:11px;
}
body.booking input {
	border:1px solid #C2C3C5;
	float:left;
}
body.booking textarea {
	height:150px;
	width:217px;
}
body.booking .booking-location fieldset {
	float:left;
	margin:0 35px 0 0;
}
body.booking .booking-date {clear:both;margin:10px 0 0 0;}
body.booking .booking-date fieldset {
	float:left;
	margin:0 16px 0 0;
}
body.booking .booking-persons,
body.booking .booking-user-details,
body.booking #send {
	clear:both;
	float:left;
}
body.booking #ok-button {
	clear:both !important;
	border:none !important;
	height:18px;
	text-indent:73px;
	width:73px;
}
body.booking #reservations {
	clear:both;
	float:left;
	font-size:9px;
	xmargin:0 0 0 30px;
}
body.booking #reservations p {
	margin:0 0 0 10px;
	padding:0;
}

body.gallery .column.left {
	width:195px !important;
}

	body.gallery .column.right {
		float:left;
        height:575px;
		margin-left:0 !important;
		width:775px;		
	}

/* THUMBNAILS */
.gallery-thumbnails li {
	background:#ccc;
	float:left;
	height:60px;
	margin:0 5px 5px 0;
	cursor:pointer;
	width:60px;
}
                                
/************************ I18n *************************************************/
div.loc_inline_span a.loc_inline_a {
    color: #000 !important;
}
div.loc_literal_inline {
    position: fixed;
    width: 400px;
    height: auto;
    left: 50%;
    margin-left: -200px;
    border: solid 5px #ccc;
    z-index: 9999;
    padding: 10px;
    background-color: #fff;
	top:30%;
}

body.contact .column.left .fieldWithErrors input,
body.contact .column.left .fieldWithErrors textarea {
	border:1px solid #f00 !important;
}

body.contact #errorExplanation {
	background:#ccc;
	border:1px solid #f00;
	margin-bottom:20px;
	padding:10px;
	width:278px;
}
.fieldWithErrors input,
.fieldWithErrors textarea,
.fieldWithErrors select {
	border:1px solid #f00 !important;
}
.inputError {
	color:#f00;
	float:left;
	padding-left:5px;
	white-space:nowrap;
}
body.subscriber .inputError,
body.contact .inputError,
body.booking .inputError {
	left:200px;
	position:absolute;
	top:15px;
}
body.contact .inputError {
	left:300px;
}


#LivebookingsDirect[style] {
	background:none !important;
	margin-left:5px !important;
}