/* This breaks layout as online so far because it makes
 * all font sizes too large in some browsers on some
 * OSs, notably ff on windows and macos... Should have
 * some absolute base font size, but definitely not 13px.
 * TB
/*
* {
	font-size: 13px;
}
*/
 
body,html {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 0.9em;
	margin: 0 auto;
	padding: 0px;
	background-color: #FFFFFF;
	height: 100%;  
	text-align: center;
}
 
ig_reset ig_tbl_line {
	display: block;
	margin-top: -200px
}

a {
	color: #005DA8;
	text-decoration: none
}

.small {
	font-size: 0.7em;
}

#page {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#language {
	position: relative;
	height: 18px;
	padding-top: 2px;
	padding-left: 20px;
	border: 0px solid black;
	text-align: left;
}

#logo {
	position: relative;
	float: left;
	width: 1000px;
	height: 93px;
	background-color: #eaf3fa;
	text-align: center
}

.container_flags {
	float: left;
	margin-top: 2px;
	text-align: center;
	width: 200px;
}

#navLevel1 {
	position: relative;
	width: 100%;
	height: 20px;
	background-color: #005DA8;
	float: left
}

#navLevel1[id] {
	position: relative;
	font-weight: bold;
	font-size: 0.9em;;
	width: 100%;
	height: 20px;
	background-color: #005DA8;
	float: left
}

#navLevel2 {
	position: relative;
	background-color: #89C4FD;
	width: 100%;
	float: left;
}

#navLevel2[id] {
	position: relative;
	background-color: #BDDCF4;
	width: 100%;
	float: left;
}

#smallOrange {
	position: relative;
	height: 10px;
	background-color: #BDDCF4;
	width: 1000px;
	z-index: 100
}

#pageBody {
	position: relative;
	z-index: 3;
	width: 1000px;
	float: left;
	background: #E1F0FA;
}

#pageStart {
	position: relative;
	z-index: 1;
	width: 1000px;
	float: left;
	background: #E1F0FA;
}

#bodyLeft {
	position: relative;
	left: 0px;
	top: 0px;
	width: 160px;
	float: left;
	
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	/* overflow: hidden */
}

#bodyLeft.small {
	position: relative;
	left: 0px;
	top: 0px;
	width: 140px;
	float: left;
	margin-top: 5px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden
}


/*#bodyLeft a		{color:#FFFFFF;text-decoration:none}*/
#bodyLeftFoot {
	position: relative;
	width: 1000px;
	height: 12px;
	margin-top: 0px;
	float: left;
}

#bodyMiddle {
	position: relative;
	width: 460px;
	float: left;
	text-align: justify;
	margin: 20px 20px 0px 20px;
	overflow: hidden;
}

#bodyStart {
	position: relative;
	width: 800px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden
}

#bodyAddress {
	position: relative;
	width: 775px;
	float: left;
	text-align: left;
	padding: 20px 0px 0px 20px;
	background: #E1F0FA;
	overflow: hidden
}

#bodyFewos {
	position: relative;
	width: 745px;
	float: left;
	text-align: left;
	padding: 25px 0px 0px 20px;
	background: #E1F0FA;
	overflow: hidden;
	border: 0px solid #000000
}

#bodyRight {
	position: relative;
	width: 300px;
	float: left;
}

#bodyRightCon {
	position: relative;
	width: 300px;
	padding-top:20px;
}

#bodyRightFoot {
	position: relative;
	width: 300px;
	top: -30px
}

#bodySelectMiddle {
	position: relative;
	width: 560px;
	float: left;
	background: #E1F0FA;
	text-align: left;
	margin: 25px 20px 0px 20px;
}

#bodySelectRight {
	position: relative;
	width: 200px;
	float: left;
	padding-bottom: 25px;
}

#bodySelectRightCon {
	position: relative;
	width: 200px;
}

#bodySelectRightFoot {
	position: relative;
	width: 200px;
	margin-top: -20px;
	overflow: hidden
}

#bodySelectRightFoot[id] {
	position: relative;
	width: 200px;
	margin-top: -14px;
	overflow: hidden
}

#footer {
	position: relative;
	z-index: 2;
	margin-top: 0px;
}

/* update 2008-11-20 (cs)
#footerNav		{text-align:left;margin-left:200px;margin-top:5px;width:800px; font-size:0.9em; padding-bottom:20px;}*/
#footerNav {
	text-align: center;
	margin-top: 5px;
	width: 999px;
	font-size: 0.9em;
	padding-bottom: 20px;
	border: 0px solid black
}

/* update 2008-11-20 (cs) */
#footerNav a {
	color: #666666;
	text-decoration: none
}

#searchDestination {
	padding-left: 10px;
	padding-top: 25px;
	background-color: #eaf3fa;
	text-align: left;
}

#subNav {
	position: absolute;
	z-index: 99;
	text-align: left;
	padding: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background: url(/data/subNav.png);
	display: none;
}

.subNav {
	border-bottom: 1px solid black;
	padding: 2px;
}

.subNav a {
	color: #000000;
	text-decoration: none;
}

#contentHotelHead {
	position: relative;
	float: left
}

#hotelLogo {
	position: relative;
	width: 260px;
	margin-bottom: 10px
}

#hotelHeadLine {
	position: relative;
	width: 460px;
	text-align: left;
	overflow: hidden;
}

#hotelHeadLine H2{
	margin-bottom:0px;
}

#ajaxError {
	border: 1px solid #FF0000;
	padding: 5px;
	margin-bottom: 15px;
	display: none
}

.ajaxError {
	border: 1px solid #FF0000;
	padding: 5px;
	margin-bottom: 15px;
	display: none;
	color: #000000
}

#postError {
	border: 1px solid #FF0000;
	padding: 5px;
	margin-bottom: 15px
}

.navLeftHeadline {
	width: 150px;
	background-color: #BDDCF4;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	color: #005DA8;
	margin-bottom: 10px
}

.navLeft {
	width: 150px;
	background-color: #005DA8;
	color: #FFFFFF;
	padding: 5px;
	text-align: left;
	margin-bottom: 10px
}

.navLeft a {
	color: #FFFFFF;
	text-decoration: none
}

.navLeft a:hover {
	color: #BDDCF4;
	text-decoration: none
}

.navLeftactive {
	width: 150px;
	background-color: #005DA8;
	color: #BDDCF4;
	padding: 5px;
	text-align: left;
	margin-bottom: 10px
}

.navLeftactive a {
	color: #BDDCF4;
	text-decoration: none
}

.navLeftactive a:hover {
	color: #89C4FD;
	text-decoration: none
}

.navLeftSub {
	width: 150px;
	padding: 5px;
	text-align: left;
	margin-top: -10px;
	margin-bottom: 10px
}

.navLeftSub a {
	color: #005DA8;
	text-decoration: none
}

.navLeftSub a:hover {
	color: #89C4FD;
	text-decoration: none
}

.navLeftSubactive {
	width: 150px;
	padding: 5px;
	text-align: left;
	margin-top: -10px;
	margin-bottom: 10px
}

.navLeftSubactive a {
	color: #89C4FD;
	text-decoration: none
}

.navTop1 {
	height: 20px;
	padding: 3px 10px 0px 10px;
	text-align: center;
	float: left;
	border-left: 1px solid #FFFFFF
}

.navTop1active {
	height: 20px;
	padding: 3px 10px 0px 10px;
	text-align: center;
	float: left;
	border-left: 1px solid #FFFFFF;
	background-color: #BDDCF4;
}

.navTop1 a {
	color: #FFFFFF;
	text-decoration: none;
}

.navTop1active a {
	color: #005DA8;
	text-decoration: none
}

.navTop2 {
	height: 17px;
	margin-left: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	text-align: left;
	float: left;
	color: #005DA8;
	border-left: 0px solid #FFFFFF
}

.navTop2 a {
	color: #005DA8;
	text-decoration: none
}

.teaser {
	width: 158px;
	text-align: left;
	border: 1px solid #005DA8;
	margin-bottom: 10px
}

.teaserHead {
	color: #0364B1;
	background-color: #eaf3fa;
	font-weight: bold;
	padding: 5px
}

.teaserContent {
	background-color: #FFFFFF;
	padding: 5px;
}

.teaser a {
	color: #005DA8;
	text-decoration: none;
}

.teaser[class] {
	width: 158px;
	text-align: left;
	border: 1px solid #005DA8;
	margin-bottom: 10px
}

.teaserHead[class] {
	width: 148px;
	color: #005DA8;
	background-color: #eaf3fa;
	font-weight: bold;
	padding: 5px
}

.teaserContent[class] {
	width: 148px;
	background-color: #FFFFFF;
	padding: 5px;
}

.teaser[class] a {
	color: #005DA8;
	text-decoration: none;
}

.arrangement {
	position: relative;
	width: 225px;
	font-size: 0.9em;
	margin: 0px 20px 20px 0px;
	border: 1px solid #015EA8;
	padding: 5px;
	float: left;
}

.arrangement a {
	color: #005DA8;
	text-decoration: none
}

textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.85em;
}

.inp260 {
	width: 330px;
	background-color: #eaf3fa;
	color: #000000;
	border: 1px solid #000000
}

.inp260_miss {
	width: 330px;
	background-color: #f08a00;
	color: #000000;
	border: 1px solid #000000
}

.inp280 {
	width: 280px;
	background-color: #eaf3fa;
	color: #000000;
	border: 1px solid #000000
}

.inp280_miss {
	width: 280px;
	background-color: #f08a00;
	color: #000000;
	border: 1px solid #000000
}

.inp200 {
	width: 200px;
	background-color: #005DA8;
	color: #FFFFFF;
	border: 1px solid #000000
}

.inp120_miss {
	width: 120px;
	background-color: #f08a00;
	color: #000000;
	border: 1px solid #000000
}

.inp120 {
	width: 140px;
	background-color: #005DA8;
	color: #FFFFFF;
	border: 1px solid #000000;
}

.button120 {
	width: 142px;
	background-color: #005DA8;
	color: #FFFFFF;
	border: 1px solid #000000
}

.inp25 {
	width: 25px;
	background-color: #005DA8;
	color: #FFFFFF;
	border: 1px solid #000000
}

.inp70 {
	width: 70px;
	background-color: #005DA8;
	color: #FFFFFF;
	border: 1px solid #000000
}

.inp80 {
	width: 80px;
	background-color: #005DA8;
	color: #FFFFFF;
	border: 1px solid #000000
}

.inp50 {
	width: 64px;
	background-color: #005DA8;
	color: #FFFFFF;
	border: 1px solid #000000
}

.inp180 {
	width: 180px;
	background-color: #eaf3fa;
	color: #000000;
	border: 1px solid #000000
}

.inp180_miss {
	width: 180px;
	background-color: #005DA8;
	color: #000000;
	border: 1px solid #000000
}

.button {
	width: 200px;
	background-color: #005DA8;
	border: 1px solid #000000;
	padding: 2px 0px 2px 0px;
	color: #FFFFFF
}

.button.disabled,.inp120.disabled {
	background-color: gray;
}

}
.inpbutton {
	width: 125px;
	background-color: #005DA8;
	padding: 2px 0px 2px 0px;
	color: #FFFFFF
}

.inpbutton1 {
	width: 180px;
	background-color: #005DA8;
	padding: 2px 0px 2px 0px;
	color: #FFFFFF
}

.inpbuttonflex {
	background-color: #005DA8;
	padding: 2px 0px 2px 0px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px
}

.inpMonthSelect {
	width: 40px;
	border: 1px solid black;
	background-color: #eaf3fa
}

.inpYearSelect {
	width: 80px;
	border: 1px solid black;
	background-color: #eaf3fa
}

.inpCreditCardInfo {
	width: 200px;
	border: 1px solid black;
	background-color: #eaf3fa
}

.inpCreditCardInfo_miss {
	width: 200px;
	border: 1px solid black;
	background-color: #005DA8
}

.div_checkbox {
	float: left;
	margin-right: 5px;
}

.label_checkbox {
	display: block;
	width: 80%;
	float: left;
}

h1 {
	margin-top: 0px;
	font-size: 1.2em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-bottom:5px;
}

.arrangement H1{
	font-size:2em;
}

h2.blueHeadline{
	color: rgb(0,93,168);
	font-size:15px;
	font-weight:bold;
	line-height:18px;
}

.addressCol {
	float: left;
	width: 250px;
	margin: 0px 10px 0px 0px
}

.addressBox {
	background-color: #eaf3fa;
	margin: 10px 0px 0px 0px;
	padding: 5px
}

.orange {
	color: #f08a00
}

.blue {
	color: #005DA8
}

.black_nb{
	color: #000000;
}

.black {
	color: #000000;
	font-weight: bold
}

.gray {
	color: #535353
}

#fewoBookingOpts a {
	color: #FFFFFF
}

/* Booking rules are within fewoBookingOpts div, but have white bg.
 * So override again with normal anchor style. TB
 */
#booking_rules a {
	color: #005DA8;
	text-decoration: none
}

ul {
	list-style-position: outside;
	margin-bottom: 5px;
}

li {
	margin: 0px;
	margin-left: -25px;
	padding: 0px;
	list-style-image: url(/data/list_square_blue.gif);
	vertical-align: middle;
	line-height: 1.4em
}

/* css hack f�r ie6 */
* html li {
	margin-left: -20px;
}

#arrangement_longdesc img {
	margin-right: 20px
}

#arrangement_longdesc li {
	margin-left: 300px;
	line-height: 1.4em
}

#arrangement_longdesc[id] li {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	list-style-image: url(/data/list_square_blue.gif);
	vertical-align: middle;
	line-height: 1.4em
}

.iframe {
	border: 0px solid black;
	background: #E1F0FA
}

hr {
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top: 1px solid #005DA8;
	background-color: #FFFFFF;
}

hr.orange {
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top: 1px solid #f08a00;
	background-color: #f08a00
}

hr.gray {
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 10px;
	border: 0px;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF
}

form {
	text-align: left
}

.blockquote {
	text-align: justify
}

/* wellness spiekeroog*/
.divStandards {
	background-image: url(/data/wellness_spiekeroog/kasten_fond.png);
	height: 250px;
	width: 450px;
}

#wellnessBiosauna {
	left: 120px;
	top: 512px;
	position: absolute;
	display: none;
	z-index: 10;
}

#wellnessRuheraum {
	left: 270px;
	top: 512px;
	position: absolute;
	display: none;
	z-index: 10;
}

#wellnessFinsauna {
	left: 120px;
	top: 512px;
	position: absolute;
	display: none;
	z-index: 10;
}

#wellnessDampfbad {
	left: 270px;
	top: 512px;
	position: absolute;
	display: none;
	z-index: 10;
}

#wellnessMassage {
	left: 100px;
	top: 802px;
	position: absolute;
	display: none;
	z-index: 10;
}

#wellnessLitusorium {
	left: 120px;
	top: 817px;
	position: absolute;
	display: none;
	z-index: 10;
}

#wellnessHydroraum {
	left: 120px;
	top: 817px;
	position: absolute;
	display: none;
	z-index: 10;
}

#wellnessWhirlpool {
	left: 140px;
	top: 512px;
	position: absolute;
	display: none;
	z-index: 10;
}

#wellnessMuschel {
	left: 100px;
	top: 622px;
	position: absolute;
	display: none;
	z-index: 10;
}

#wellnessFreiluft {
	left: 120px;
	top: 592px;
	position: absolute;
	display: none;
	z-index: 10;
}

#Klicken {
	background: #fff;
	width: 252px;
	left: 30px;
	top: 800px;
	position: absolute;
	visibility: visible;
	border: solid 2px #0d5fa5;
	padding: 6px;
	z-index: 1;
}

#download {
	left: 30px;
	top: 870px;
	position: absolute;
	visibility: visible;
	z-index: 1;
}

area {
	cursor: pointer;.inp
}

.kastentextschwarz {
	color: black;
	font-size: 11px;
	line-height: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
}

/* ende wellness spiekeroog*/
.bookingOptions {
	font-size: 11px;
	color: #FFFFFF
}

.inpRadio {
	vertical-align: bottom;
}

.inpCheckbox {
	vertical-align: middle;
}

.fewoResultDetailsSlider {
	float: left;
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	-moz-border-radius-topright: 8px
}

.fewoResultDetailsSlider_active {
	float: left;
	padding: 4px;
	background-color: #005DA8;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	-moz-border-radius-topright: 8px
}

.fewoResultDetailsSlider_active a {
	color: #BDDCF4;
}

.fewoResultDetails {
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	width: 100%;
	padding-left: 0px;
	border: 0px dotted #0d5fa5;
}

.inp_radio {
	border: 0px;
	margin: 2px;
	width: 11px;
	vertical-align: middle
}

.inp_checkbox {
	border: 0px;
	margin: 2px;
	width: 11px;
	vertical-align: middle
}

.nextbookingstep {
	background-color: #005DA8;
	padding: 2px 0px 2px 0px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px solid #FFFFFF
}

.finalbookingstep {
	background-color: orange;
	padding: 2px 0px 2px 0px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px solid #FFFFFF
}

.fewoResultDetails .indentobjectdetail {
	margin-left: 105px
}

.lastminute {
	position: relative;
	width: 750px;
	font-size: 0.9em;
	margin: 0px 20px 20px 0px;
	border: 1px solid #015EA8;
	padding: 5px;
	float: left;
	background-color: #FFFFFF
}

.lastminute a {
	color: #005DA8;
	text-decoration: none
}

.lastminuteheadline {
	font-size: 1.2em;
	font-weight: bold
}

.lastminute ul {
	margin-top: 0px;
}

.booking_right_fixed {
	position: fixed !important;
}

.galleria-content {
	color: #444;
	font: 14px/ 1.4 arial, sans-serif;
	margin: 20px auto
}

.no-av-found
{
	border: 1px solid red;
}

.sihot-av-table
{
	margin-bottom: 15px; 
	background-color: white;
	border-collapse:collapse;
}

#sihot_booking_btn.disabled
{
	display: none;
}

.sihot-pr-table .room-sub 
{
   display:table-row;
}

.sihot-pr-table td
{
    padding:5px 10px 5px 5px;
    border: 1px solid #bdbdbd;
}

.sihot-pr-table
{
    border-collapse:collapse;
}

.sihot-pr-table .header
{
    background-color: #2573b0;
}

.sihot-pr-table .rooms, 
.sihot-pr-table .days
{
    margin-left:20px
}

.sihot-pr-table .onmouse-highlight.over
{
    background-color: #c5d2dc;
}

.sihot-pr-table .onmouse-highlight
{
    cursor:pointer;
}

.sihot-pr-link
{
	color: #005DA8 !important;
}

#booking_overview
{
	padding-left: 3px;
}

.booking_tabs .ui-widget-header, 
.booking_tabs.ui-widget-content
{
	border: none; 
	background: none;
}

.booking_tabs.ui-widget
{
	font-size:12px;
}

.booking_loading_spinner
{
	position: relative; top: 7px; left: 5px;
}

a.gallery_start
{
	color: #2E6E9E !important;
}

#booking_rules.teaser
{
	border: 1px solid #79B7E7 !important;
}

.booking_tabs.ui-tabs
{
	font-size: 11px !important;
}

.booking_tabs.ui-tabs a
{
	font-size: 11px !important;
	padding:0.4em 0.3em !important;
}

.quickbooker_background{
	background-color: rgb(255, 255, 255); 
	border: 1px solid rgb(0, 93, 168); 
	width: 228px;
}

.ui-tabs-panel .booking_add select
{
	border: 1px solid #79B7E7;
}

#personform select
{
	background-color: #eaf3fa;
	border: 1px solid #000000
}

#ui-datepicker-div
{
	display:none;
}

/* styles elements for aino Gallery 
*  used in smarty tpl galerie_aino.tpl
*/

.ainoGalDiv{
    position: relative;
    left:0px;
    top:0px;
    width:100%;
}

div.galleria {
    width: 100%;
    min-height:250px;
    height:auto !important;
}