/*deutsche*/

body {
	font-size: .82em;
	margin:0;padding:0;
	background:#084f40 url("../images/bg.jpg") 50% 0 no-repeat fixed;
	font-family: Arial,Helvetica,sans-serif;
	color: #000;
}

.clr,.clnr{clear:both; overflow:hidden; height:1px;}


h1{margin:0; padding: 46px 0 0 15px; color: #F17022; font-size: 1.4em}
h2{color:#404040; font-size:1.3em;margin:0;padding:.3em 0 1em;color: #084F40;}
h3{color:#404040; font-size:1.1em;margin:0;padding:.8em 0 .5em}
.orderBox h3 {text-transform:uppercase}

.homepage h2{
	padding: 10px 0 5px;
	
}
.homepage ul li{
	padding: 3px 0;
}


p{margin:0; padding: .2em 0 .6em; line-height:1.5em}

a{color: #00377B; text-decoration: underline;}
a:hover{text-decoration: none;}

a img{border:none;}
img{display:inline}

ul, ol{list-style:none;margin:0;padding:0}

.alignCenter {text-align: center !important;}
.alignLeft {text-align: left !important;}
.alignRight {text-align: right !important;}


/* LAYOUT */
#head{
	height: 126px;
	width:782px;
	margin: 0 auto;
	position:relative;
}

#containerHolder{
	width: 782px;
	background:#fff;
	margin: 0 auto;
	border-top: 5px solid #fff;
}
#container{
	padding: 0 15px 2em 15px;
}
#content{
	width: 535px;
	float:right;
	padding-top:1em;
}
#leftCol{
	width:180px;
	float:left;
	padding-top:1em;
}

/* MENU */
ul#menu{
	position:absolute;
	bottom:0;
	left:74px;
}
ul#menu-home{
	left: 0;
	position:absolute;
	bottom:0;	   
}

ul#menu li, ul#menu-home li{
	display:block;
	float:left;
	margin-right: 5px;
	font-size: 14px;
}
ul#menu li a, ul#menu-home li a{
	display:block;
	padding: 10px 16px 8px 16px;
	background: #2d6dab url("../images/menu-bg.gif") 0 0 repeat-x;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}
ul#menu li a:hover, ul#menu li.selected a, ul#menu-home li a:hover, ul#menu-home li.selected a{
	background: #FFF url("../images/menu-hover.gif") 0 0 repeat-x;
	color: #0b5da8;
}

/* SUB MENU */
ul#submenu{
	position:absolute;
	bottom:0;
	right:14px;
}
ul#submenu li{
	display:block;
	float:left;
	margin-right:2px;
	font-size: .9em;
}
ul#submenu li a{
	display:block;
	padding: .3em .8em .5em .8em;
	background: #deecf4;
	border: 1px solid #bcdceb;
	border-bottom:none;
	color: #00377b;
	font-weight:bold;
	text-decoration:none;
}
ul#submenu li a:hover, ul#submenu li.selected a{
	background: #386da3;
	border: 1px solid #ecb405;
	border-bottom:none;
	color: #00377b;
}


/* PROGRESS BAR */
ol#progress{
	margin: 0;
	width: 535px;
	height: 40px;
	margin-bottom: 1em;
	border-bottom:1px solid #eaf3f8;
	padding-bottom:1em;
}
ol#progress li{
	margin:0;
  float: left;
	width: 106px;
	color: #00377B;
	background:#e1eef6;
	height:40px;
	border-right: 1px solid #FFF;
	font-size: .9em;
}
ol#progress li.done{
	background:#54a6d9;
        color: #FFF;
font-weight: bold;
}
ol#progress span{
	display:block;
	padding: 5px 0 0 20px;
}

/* LOCALITIES TABLE */
table.travelList{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	width: 534px !important;
}
table.travelList .heading th,table.orderList .heading th{
	background: #54a6d9;
	border-bottom: solid 1px #045E92;
	padding: 6px 8px;
	color: #fff;
}
table.travelList .heading th a, table.orderList .heading th a{
	color: #FFFFFF;
}
table th, table td{
	padding: 4px 8px;
	text-align: left;
}
table.travelList td, table.travelList th{
	background: #faf6ec;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #FFFFFF;
	color: #00316E;
}
table.travelList .odd td, table.travelList .odd th{
	background: #f8f8f8;
}
table.travelList .summary td, table.travelList .summary th{
	background: #f2ecd1;
}
table.travelList .count, table.travelList .price {
	text-align: right;
	white-space: nowrap;
}
table.travelList .count{
	width: 4em;
}
table.travelList .price, table.orderList .price{
	width: 7em;
}
table.travelList .ico, table.orderList .ico{
	width: 16px;
}
table.travelList .climate{
	width: 35px;
	padding: 4px;
	text-align: right;
}
table.travelList .price, table.orderList .price{
	font-weight: bold;
}
table.travelList .hover td, table.travelList .hover th{
	background: #FFF4D3;
}
table.travelList img, table.orderList img{
	vertical-align: middle;
}
table.withPhoto td.photoCell,table.withPhoto th.photoCell{
	vertical-align: middle;
	padding: 4px 5px;
}
table.withPhoto td.photoCell img,table.withPhoto th.photoCell img{
	display: block;
	border: none;
}
table.travelList td.hotelThumbnail, table.travelList th.hotelThumbnail{
	width: 100px;
}
table tr.blankrow td {
	padding: 0 !important;
	background-color: #fceec0;
	border: none;
}
.listerHolder {
	width: 100%;
	background-color: #fceec0;
	margin: 0 0 0 0;
}
.listerHolder p {
	width: 40%;
	float: left;
	margin: 0;
	padding: 4px 12px 5px 12px;
}
.listerHolder p.lister, p.listerRight {
	text-align: right;
	float: right;
}
.listerHolder p.counter{
	width: 35%;
}
.listerHolder p.lister{
	width: 53%;
}





/* FORMS */
fieldset{
	border: none;
	padding: 10px 10px;
	margin: 0;
	background: #f4edd1;
	color: #00377B;
}
fieldset legend{
	display: none;
}
fieldset input{
	vertical-align: middle;
}
fieldset label{
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
}
input, select, textarea{
	font-size: 12px;
}
input.textField, select, textarea{
	border: solid 1px #A5ACB2;
}
input.textField, textarea{padding: 2px 4px;}
textarea {width: 30em;}
select{padding: 1px;}
select option.region{font-weight: bold;}
input.checkBox {
	margin: 0 3px 0 0;
	width: 1.1em;
	height: 1.1em;
	vertical-align: baseline;
}
input.short {width: 3em;}
input.long {width: 30em;}
#leftCol fieldset.submit{
	margin-bottom: 10px;
	text-align: right;
	margin-top: -5px;
}
#leftCol fieldset .formField, #leftCol fieldset .formFieldset{
	margin: 0 0 5px 0;
}
#leftCol fieldset .inline label{
	display: inline;
}
#leftCol fieldset .formFieldset .formField label{
	font-weight: normal;
}
#leftCol fieldset .rightAligned{
	text-align: right;
}
#leftCol fieldset .rightAligned label{
	float: left;
}
#leftCol fieldset .hidden{
	display: none;
}
#leftCol fieldset input,#leftCol fieldset label{
	vertical-align: middle;
}
#leftCol fieldset input.date{
	width: 70px;
}
#leftCol fieldset select{
	width: 158px;
}
#leftCol fieldset select.short, #leftCol fieldset input.short{
	width: 53px;
}
#leftCol fieldset #childrenAges{
	margin-top: 5px;
}
#leftCol fieldset .departures{
	margin-top: 5px;
}
#leftCol fieldset .departures label{
	display: inline;
	font-weight: normal;
}
#leftCol fieldset .star-rating{
	float: right;
}
#leftCol div.ffake {
	background-color: #a8d8ee;
}
#leftCol div.fdivider {
	height: 2px;
	background-color: #fff;
	width: 160px;
	overflow: hidden;
	margin: 15px 0;
}
#leftCol div.ffake div.fdivider {
	margin: 0 0 0 15px;
}
#leftCol .bottomSpace {
	padding-bottom: 5px;
}
#leftCol .topSpace {
	padding-top: 5px;
}
#leftCol .bBS {
	padding-bottom: 10px;
}
#leftCol .specialP {
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 11px;
}
#leftCol .specialP a {
	margin-right: 5px;
}
#leftCol input.radio {
	width: 12px;
	height: 12px;
	vertical-align: text-top;
}
#leftCol input.submitButton{
	width:auto;
	background: #6cadcb;
	padding: .2em .4em;
	font-size: 11px;
	cursor:pointer;
	border: 1px solid #107caf;
	font-weight:bold;
	color: #FFF;
}



/* STAR RATING */
.starRating {
	vertical-align: top !important;
	margin: 0 3px !important;
}

.star-rating,.star-rating a:hover,.star-rating a.selected,.star-rating .current-rating{
	background: url("../images/star.gif") left -1000px repeat-x;
}
.star-rating{
	position: relative;
	width: 90px;
	height: 18px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, .star-rating .current-rating{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 1000%;
	height: 18px;
	line-height: 18px;
	outline: none;
	overflow: hidden;
	border: none;
}
.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating a.selected{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left bottom;
}

/* KONTAKT */
#contact{
	border-left: none;
	background: #fbf6ee;
	color: #3F3F3F;
	font-size:.8em;
       margin-top: 20px;
}
#contact h3{
	padding-left: 10px;
}
#contact dl{
	width: 150px;
}
#contact dl{
	margin: 5px 17px 7px 10px;
	line-height: 120%;
}
#contact dl.icq{
	margin-top: 0px;
	line-height: 160%;
}
#contact dl dt{
	float: left;
	clear: left;
}
#contact dl dd{
	text-align: right;
	font-weight: bold;
}
#contact p{
	margin: 5px 10px;
	text-align: center;
}
#contact p.dutyHours{
	color: #00377B;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}
#contact .address{
	width: 250px;
}
#contact .address p{
	text-align: left;
}


/* HOTEL INFO */
.hotelInfo {
	width: 493px;
	margin: 25px 0 25px 20px;
}
.hotelInfo table {
	border-collapse: collapse;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 210px;
}
.hotelInfo table td, .hotelInfo table th{
	margin: 0;
	padding: 0 2px 0 0;
	font-size: 11px;
}
.hotelInfo table th {
	color: #888;
	font-weight: normal;
	width: 5.5em;
	vertical-align: middle;
}
.hotelInfo table tr.margined td, .hotelInfo table tr.margined th {
	padding-top: 10px;
}
.HIleftColumn {
	float: left;
	margin-right: 10px;
	padding: 0 10px 0 0;
	border-right: 1px solid #999;
}
.HIrightColumn {
	float: left;
	width: 370px;
	overflow: hidden;
}
.hotelInfo h4 {
	margin: 0 0 2px 0 !important;
	padding: 2px 0 0 0 !important;
	color: #00377b;
	font-size: 15px !important;
}
.hotelInfo h3 {
	margin-bottom: 15px !important;
	padding-left:9px;
}
.hotelInfo h3 em, .hotelInfo h4 em {
	font-style: normal;
	color: #999;
}
.hotelInfo .infoLinks {
	float: right;
	width: 150px;
	text-align: right;
}
.hotelInfo .infoLinks p {
	margin: 10px 0;
	padding: 0;
	font-size: 11px;
}
.hotelInfo .infoLinks p  a{
	margin-bottom: 4px;
}
table.ckproviders{
	font-size:.95em;
}
table.ckproviders tr.enHeight td {
	height: 2.3em;
}
table.ckproviders  td.pics {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


/* ORDER */
.orderBox {
	margin: 20px 0;
	border: 1px solid #00377b;
}
.inOrderBox {
	padding: 0 0 7px 0;
	margin-left: 18px;
	width: 493px;
	overflow: visible;
}
.orderBox p {
	margin: 8px 0;
	padding: 0;
}
.orderBox textarea {
	width: 493px;
	font-family: "Courier New",monotype;
	font-size: 11px;
	margin:0;padding:0;
}
.orderBox table {
	margin: 8px 0;
	padding: 0;
	border-collapse: collapse;
}
.orderBox td, .orderBox th {
	text-align: left;
	padding: 0 7px 2px 0;
	vertical-align: middle;
}
.orderBox table.narrow th {
	font-weight: normal;
}
.orderBox h3{
	margin-bottom: 3px !important;
}
.hotelInfo h3 {
	margin-bottom: 3px !important;
	margin-left: -10px !important;
}
.orderBox h4, .orderBox h5 {
	font-size: 1em;
	color: #00377b;
	margin: 12px 0 -3px 0;
	padding: 0;
}
.orderBox h5 {
	font-size: 13px;
	margin: 10px 0 -5px 0;
}
.orderBox hr {
	border: none;
	border-bottom: 1px solid #00377b;
	background-color: #00377b;
	margin: 14px 0;
	height: 1px;
}
.orderBox .inCols {
	width: 500px;
}
.orderBox .inCols .inCol {
	float: left;
	width: 240px;
	margin-right: 10px;
}
.orderBox table.wide {
	width: 100%;
}
.orderBox tr.underline {
	border-top: 1px solid #999;
}
.orderBox td.hint{
	font-size: 12px;
	padding: 4px 0 12px 0;
}
table.ordertable {
	width: 490px !important;
}
.ordertable td, .ordertable th {
	vertical-align: top;
}
.ordertable .formRow {
	float: left !important;
	margin-right: 10px;
	clear: none;
}
.ordertable input.required {
	background: url("../images/ico-required.gif") right top no-repeat;
}
.ordertable .fieldMessage {
	font-size: 11px;
}

input.submitButton{
	width:auto;
	background: #6cadcb;
	padding: .2em .4em;
	font-size: 14px;
	cursor:pointer;
	border: 1px solid #107caf;
	font-weight:bold;
	color: #FFF;
}

#airInfoButton {
	margin: 20px 0 10px 0;
	text-align: center;
}
#airInfoButton p a {
	width:100%;
	background: #6cadcb;
	padding: .2em .4em;
	cursor:pointer;
	border: 1px solid #107caf;
	font-weight:bold;
	color: #FFF;
	text-decoration:none;
}
.ordersteps {
	margin: 0 12px;
}
.ordersteps p {
	margin-left: 18px;
}
.ordersteps h4 {
	margin: 20px 0 5px 0 !important;
}
.ordersteps ul {
	margin: 10px 0 !important;
	margin-left: 42px !important;
	padding: 0 !important;
}
.ordersteps ul li {
	list-style-type: square !important;
}
.mgth {
	margin-top: 30px !important;
}


/* SYSTEM MESSAGES */
.systemMessage{
	border-style: solid;
	border-width: 1px 0;
	padding: 12px 20px 8px 42px;
	background-repeat: no-repeat;
	background-position: 12px 12px;
	margin: 10px 0 10px;
}
.systemMessage ul,.systemMessage li{
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.systemMessage li{
	margin-bottom: 4px !important;
}
.positive{
	border-color: #68ba82;
	background-color: #bfe8cc;
	background-image: url("../images/ico-ok.gif");
}
.positive,.positive li{
	color: #3d8b55 !important;
}
.negative{
	border-color: #92173b;
	background-color: #cb0447;
	background-image: url("../images/ico-error.gif");
}
.negative,.negative li{
	color: #FFFFFF !important;
}


/* ICONS */
.linkIco {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin-right: 3px;
	margin-bottom: 1px;
}
.linkIcoRight {
	float: right;
	margin-left: 3px;
}
.icoInfo {background: url("../images/ico-info.gif");}
.icoDestination {background: url("../images/ico-destination.gif");}
.icoFavadd {background: url("../images/ico-favadd.gif");}
.icoFavdel {background: url("../images/ico-favdel.gif");}
.icoAccept {background: url("../images/ico-accept.gif");}

/* SEARCH TAB */
#searchMenu{
	float: left;
	width: 155px;
}

#searchMenu ul li,
#searchMenu ul li a{
	min-height: 34px;
	background-repeat: no-repeat !important;
}

#searchMenu ul li{
	margin-bottom: 3px;
	font-size: 12px;
	background-color: #54A6D9;
	background-position: 0 0;
	padding: 0;
}

#searchMenu ul li a{
	display: block;
	line-height: 34px;
	padding-left: 20px;
	background-color: #DFF1FA;
}

#searchMenu ul li a:hover,
#searchMenu ul li.active a{
	background: none;
	text-decoration: none;
}
#searchMenu ul li.active a{
	font-weight: bold;
	color: #FFF;
}
#searchTabs{
	float: left;
	width: 376px;
	font-size: 12px;
	margin-bottom: 30px;
}

#searchTabs .content{
	padding: 10px 32px;
	border-bottom: solid 1px #7EB6D1;
	margin-bottom: 3px;
	background: #54A6D9;
	color: #fff;
}

#searchTabs.watchDog .content
{
	padding: 20px 32px;
}

#searchTabs fieldset
{
	padding: 0;
}

#searchTabs .content .formDescription,
#searchTabs .content fieldset.submit
{
	float: right;
	width: 146px;
}

#searchTabs.watchDog .content fieldset.submit
{
	clear: both;
	float: left;
}

#searchTabs .content fieldset{
	float: left;
	background:#54A6D9;
	color:#fff;
}	
#searchTabs .content fieldset.submit{
	margin-top: 10px;
}
#searchTabs .content p{
	margin: 5px 0;
}
#searchTabs .content fieldset label{
	margin: 4px 0 2px 0;
}
#searchTabs.watchDog .content fieldset .formRow{
	clear: both;
	margin: 4px 0 2px 0;
}
#searchTabs.watchDog .content fieldset label{
	margin: 0;
	float: left;
	width: 120px;
}
#searchTabs .content fieldset select{
	width: 140px;
}
#searchTabs.watchDog .content fieldset select{
	width: 180px;
}

#searchTabs .extended
{
	background: #E3F3F9;
}

#searchTabs .extended .flipper
{
	display: block;
	padding: 8px 32px;
	background: url("../images/search-flipper.gif") top left no-repeat;
}

#searchTabs .extended .open
{
	background-image: url("../images/search-flipper-open.gif");
}

#searchTabs .tabContent{
	display: none;
}
#searchTabs .active{
	display: block;
}

.nav {
	display:none !important;
}

p.right{
	padding: 2em 0 0 0; 
	text-align:right;
}


.box{
	background: #F4EDD1;
	padding: 10px;
	margin-top: 12px;
	margin-bottom: 8px;
	}
.box h3{
	color:#655a2e;
	font-size: 14px;
	margin:0;
	padding: 0 0 10px;
}	
.box ul{
	list-style: disc;
	padding-left: 15px;
}	
.box ul li{
	padding: 3px 0 3px;
	font-size: 12px;
}	

.logoGallery a{
	float: left;
	margin: 0 15px 10px 0;
}
.logoGallery .third a{
	margin: 0 0 10px 0;
}
.logoGallery a img{
	width: 50px;
}