body{
	margin:0;
	padding:0;
	background: #f0f0f0 url(./images/bg.gif) repeat 0 0;
	color: #5e5e5e;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

img{
	border: 0px;
}

a{
	color: #a3863e;
	text-decoration: underline;
}
a:hover {color: #a3863e !important;}
a:visited {color: #a3863e;}

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	height:0;
}	

.boxAll{
	position:relative;
	width: 928px;	
	margin: 0 auto 0 auto;
	padding: 0;
	text-align:left;
}

h1{
	margin:0;
	padding:0 30px 15px 30px;
	font-size: 18px;
	font-weight:normal;
	color: #a2863d;
}

h2{
	margin:0;
	padding:0 0 15px 30px;
	font-size: 14px;
	color: #5e5e5e;
	font-weight:normal;
}
h3{
	margin:0;
	padding: 0 0 0 30px;
	font-size:12px;
	color: #5e5e5e;
	font-weight:normal;
}

/*-- buttons -- */
button.btn{
	position:relative;
	margin:0;
	padding:0;
	border:none;
	height:31px;
	font-size:0;
	cursor:pointer;
	overflow:visible;
}

button.btn::-moz-focus-inner {
	border: none;  
}

/*anpassung für firefox*/
button.btn span {
	-moz-margin-start: -2px;  
}

a.btn, button.btn{
	display:-moz-box;
	display:inline-block;
	height: 31px;
	padding-right: 25px;
	font-size: 13px;
	text-transform:uppercase;
	color: #fff !important;
	text-decoration:none;
	background: #fff url(./images/btn.gif) no-repeat right 0;
	/*border-right: solid 15px #fff;
	border-left: solid 15px #fff;*/
}

a.btn span, button.btn span{
	display:-moz-box;
	display:inline-block;
	cursor:pointer;
	padding: 2px 0 3px 40px;
	line-height: 28px;
	color: #fff;
	background: url(./images/btn.gif) no-repeat 0 0;
}

a.btn:hover, button.btn:hover{
	color: #4a3b10;
	background-position: right -40px;
	text-decoration:none;
}

a.btn:hover span, button.btn:hover span{
	color: #4a3b10;
	background-position: 0 -40px;
}

a.calendar{
	display:block;
	width: 17px;
	height: 19px;
	float:left;
	background: url(./images/icon-calendar.gif) no-repeat 0 0;
	text-indent: -999px;
	text-align:left;
	font: 0/19px Arial, Helvetica, sans-serif;
}

a.calendar:hover{
	background-position: 0 -30px;
}


/* links */

a.linkClose, a.linkOpen, a.linkBack{
	position:absolute;
	left:25px;
	top:8px;
	display:inline-block;
	padding: 0 5px 0 25px;
	background: #fff url(./images/link-close.gif) no-repeat 5px 0;
	text-decoration:none;
	line-height:17px;
}
a.linkOpen{
	background-image: url(./images/link-open.gif);
}
a.linkBack{
	background-image: url(./images/link-back.gif);
}
a.linkClose:hover, a.linkOpen:hover, a.linkBack:hover{
	text-decoration:none;
	color: #4a3b10 !important;
	background-position: 5px -30px;
}

a.linkArrow{
	padding-left: 10px;
	background: url(./images/link-arrow.gif) no-repeat 0 4px;
	text-decoration:none;
}
a.linkArrow:hover{
	text-decoration:none;
	color: #4a3b10 !important;
	background-position: 0 -26px;
}

/* -- styles for header -- */
.boxHeader{
	position: relative;
	width: 928px;
	height: 167px;
	margin: 0;
	background: url(./images/bg-header.jpg) no-repeat 0 0;
	overflow:hidden;
	
}
.heaLogo{
	position:relative;
	width:340px;
	height:167px;
	padding-left:113px;
	float:left;
}
.heaLang{
	position:relative;
	width:300px;
	padding: 140px 116px 0 0;
	float:right;
}
.heaLang ul{
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
}
.heaLang li{
	padding-right:8px;
	margin-right:8px;
	float:left;
	border-right: solid 1px #9b9b9b;
	line-height:12px;
}
.heaLang li.noline{
	margin-right:0;
	padding-right:0;
	border-right: none;
}
.heaLang a{
	text-decoration:none;
}
.heaLang a:hover, .heaLang a.active, .heaLang a.active:hover{
	color: #5e5e5e !important;
	text-decoration:none;
}



/* -- end styles for header -- */


/* -- styles for content -- */
.boxContent{
	position:relative; 
	width:696px;
	padding:20px 116px 10px 116px;
	margin:0;
	min-height: 330px;
	height:auto !important;
	height:330px;
	background: url(./images/bg-content.gif) repeat-y right 0;
}

.boxContent p{
	margin:0;
	padding: 0 30px;
}

.boxContent .line1, .boxContent .line2{
	position:relative; 
	width:696px;
	height: 27px;
	margin:0 0 10px 0;
	background: url(./images/line-1.gif) no-repeat 0 0;
}
.boxContent .line2{
	background: url(./images/line-2.gif) no-repeat 0 0;
}
.boxContent .container{
	position:relative; 
	width:696px;
	padding:0;
	margin:0;
	overflow:hidden;
}
.boxContent .container .col3{
	position:relative; 
	display:inline;
	width:186px;
	float:left;
	padding:3px 3px 20px 3px;
	margin: 0 0 0 30px;
	background: url(./images/border-hotel.gif) no-repeat 0 0;
	overflow:hidden;
}
/*
.boxContent .container p.image{
	width: 186px;
	height: 115px;
	margin: 0 0 10px 0;
	padding:0;
	overflow:hidden;
}
*/

.boxContent .container div.image{
	width: 186px;
	height: 115px;
	/*margin: 0 0 10px 0;*/
	padding:0;
	overflow:hidden;
}

.boxContent .container .select-hotel .radioalign{
	float:left;	
}
.boxContent .container .select-hotel label{
	float:right;
	padding-top: 2px;
	width: 163px;
}
.boxContent .container .select-hotel span{
	text-transform:uppercase;
}
.boxContent .container .select-hotel{
	position:relative;
	width: 186px;
	overflow:hidden;
	margin-top:10px;
}

.boxContent .important-day{
	line-height: 22px;
	margin-bottom:20px;
}
.boxContent .important-day h2{
	padding: 0 30px 0 30px;
	float:left;
}
.boxContent .important-day p{
	padding: 0 9px 0 9px;
	float:left;
}

.boxContent .important-day input, .boxContent .important-day select{
	float:left;
	margin-right:10px;
	color: #5e5e5e;
	border: solid 1px #999;
}
.boxContent .important-day input{
	width: 110px;
}
.boxContent .important-day select{
	width: 145px;
}

.boxContent .line-links{
	position:relative; 
	width:696px;
	padding: 0;
	margin:0 0 20px 0;
	background: url(./images/double-line.gif) no-repeat 0 14px;
	line-height:32px;
	text-align:center;
}

.boxContent .separator{
	position:relative;
	width:696px;
	height: 13px;
	margin:13px 0 10px 0;
	border-top: solid 1px #d4d4d4;
}


/*styles for form*/
.boxContent .error{
	color: #b35958;
}
.boxContent .errorMessage{
	border:solid 1px #d4d4d4;
	padding:10px;
	margin: 10px 30px 20px 30px;
	text-align:center;
}

fieldset {
	border-style:none;
	margin:0;
	padding:0;
}
.conForm{
	overflow:hidden;
	position:relative;
	width: 520px;
	padding: 0 0 0 30px;
}
.conForm .row{
	height: 1%;
	overflow:hidden;
	margin:0 0 9px;
}

.conForm .row label, .conForm .row span{
	float:left;
	width:70px;
}
.conForm .row label.small{width: 50px;
	padding-left: 10px;
}

.conForm input, .conForm textarea, .conForm select{
	font:100% verdana, arial, helvetica,sans-serif;
	vertical-align:middle;
	color: #5e5e5e;
}

.conForm .row input.text{
	width:398px;
	float:left;
	padding:1px 5px;
	border:1px solid #9c9c9c;
}
.conForm .row input.small{
	width:159px;
	margin: 0 8px 0 0;
	display:inline;
}

.conForm .radio{
	list-style:none;
	margin:0 0 9px;
	padding:0;
	line-height:15px;
}
.conForm .radio li{
	height:1%;
	overflow:hidden;
	padding:0 0 0 20px;
	float:left;
}
.conForm .radio input{
	float:left;
	width:16px;
	height:15px;
	margin:0 4px 0 -20px;
	display:inline;
	position:relative;
}
.conForm .radio label{float:left;}


.conForm .check{
	height:1%;
	overflow:hidden;
	margin:0 0 10px 0;
}
.conForm .check input{
	float:left;
	width:16px;
	height:14px;
	padding:0;
	margin:1px 8px 0 0;
}
.conForm .check label{
	width: 450px;
	line-height:16px;
	float:left;
}
.conForm .note{
	font-size:11px;
	display:block;
	margin:20px 0 20px 0;
}
.conForm .friends{
	display:block;
	margin:10px 0 20px 0;
}


/* -- end styles for content -- */

/* -- styles for footer -- */
.boxFooter {
	position: relative;
	width: 924px;
	margin:0 0 5px 0;
	padding:14px 4px 0 0;
	font-size:11px;	
	background: url(./images/bg-footer.gif) no-repeat 0 0;	
}
.boxFooter ul{
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
}
.boxFooter li{
	padding-right:8px;
	margin-right:8px;
	float:left;
	border-right: solid 1px #a3863e;
	line-height:11px;
}
.boxFooter li.noline{
	margin-right:0;
	padding-right:0;
	border-right: none;
}
.boxFooter a{
	text-decoration:none;
}
.boxFooter a:hover{
	text-decoration:underline;
}
.boxFooter a.deco{
	padding-right: 20px;
	background: url(./images/link-footer.gif) no-repeat right 0;	
}



/* -- end styles for footer -- */

/* -- styles for popup-- */
.boxPopup {
	position: relative;
	width: 504px;
	margin:0;
	padding:40px 20px 20px 20px;
	background: #fff url(./images/bg-popup.gif) no-repeat 0 0;	
}

.boxPopup p{
	margin:0;
	padding: 0 30px 14px 30px;
}
.boxPopup .content {
	position: relative;
	width: 504px;
	height:235px;
	overflow:auto;
}
.boxPopup .line-bottom{
	position:relative; 
	width:504px;
	height:5px;
	padding: 0;
	margin:20px 0 0 0;
	background: url(./images/double-line-popup.gif) no-repeat 0 0;
}

.boxPopup a.linkClose{
	position:absolute;
	left:510px;
	top:30px;
	display:block;
	width:15px;
	height:16px;
	text-indent: -999px;
	text-align:left;
	padding: 0;
	font: 0/16px arial;
	background: url(./images/link-close.gif) no-repeat 0 0;
}
.boxPopup a.linkClose:hover{
	background-position: 0 -30px;
}
#moreRecommendationFields
{
    padding-top:20px;
}
.col3 div.image
{
    position:relative;
}
.tooltip
{    
    position:relative;
    bottom:0;
    left:0;    
    background-color:#FFFFFF;
    color:#000000;
    padding: 5px 10px 5px 10px;
    font-size:11px;
}
#moreHotels
{
    display:none;
}

h1.infoPage 
{
    padding: 40px 0 0 0;
}

p.infoPage
{
    padding: 0;
}

#termsDialog
{
    display:none;
}
