/* default font size*/

@import url(x-small.css);

html,body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #ffffff;
	font-family: helvetica,arial,sans-serif;
	color: #2f2f2f;
	font-size: 85%;
}

h1
{
	font-size: 120%;
	font-weight: bold;
}

h2
{
	font-size: 140%;
	font-weight: bold;
}

h3
{
	font-size: 110%;
	font-weight: bold;
}

p { line-height: 120%; }

ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

a img { border: 0; }
.cb { clear: both; }

#container
{
	position: relative;
	margin: 0 auto;
	width: 100%;
	background: #ffffff;
	height: auto !important;
	min-height: 100%;
}

#header
{
	border-bottom: 2px #FFF solid;
	background-color: #c9e41f;
	background-image: url("../img/headerbg.jpg");
	background-repeat: repeat-x;
	height: 184px;
}

#header #logo
{
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	width: 326px;
	height: 64px;
	top: 105px;
	left: 14px;
	position: absolute;
	z-index: 10;
}

#header #photo
{
	top: 0px;
	right: 0px;
	position: absolute;
	z-index: 2;
}

#menu
{
	background-color: #0e42a8;
	background-image: url("../img/menubg.jpg");
	background-repeat: repeat-x;
	height: 40px;
}

#menu ul { margin: 0 0 0 14px; }

#menu .left li
{
	float: left;
	margin-right: 25px;
}

#menu a, #menu p
{
	color: #FFF;
	text-decoration: none;
	font-size: 115%;
}

#menu a:hover { text-decoration: underline; }
#menu .active { font-weight: bold; }






/* LANG + FONT SIZE */
#nav_right {	
	position:absolute;
	top:197px;
	right:0px;
	margin: 0;
	padding: 0;
	z-index:50;
	color:white;
}
#nav_right li {	
	float: left;
	list-style: none;
	width:90px;
}
#nav_right li#select_language, #languages li{
	margin-right:1em;
	width:13em;
}
#nav_right li a {	
	display: block;
	white-space: nowrap;
	color:white;
	text-decoration:none;
}
#nav_right #select_language {
	line-height: 1.6em;
}
#nav_right a:hover {
	text-decoration:underline;
}
#nav_right li ul {	
	margin: 0;
	padding: 0;
}

#languages li {
	background-color: #036dec;
	padding:0.6em;
}

#nav_right li img {	
	margin-right:6px;
}

#nav_right li ul li:hover {	
	background: black;
}


#languages {
	display:none;
	margin-top:6px;
}







#content
{
	padding: 1em 1em 5em;
	position: relative;
	z-index:1;
}

#footer
{
	position: absolute;
	width: 100%;
	bottom: 0;
	background: #e8e8e8;
	border-bottom: 3px solid #0469e6;
	padding: 5px 0 5px 0;
	z-index:100;
}

#footer .breadcrumb
{
	padding: 0 0 0 14px;
	line-height: 100%;
}

#footer li
{
	float: left;
	margin: 0 15px 0 0;
	line-height: 100%;
}

#footer b
{
	float: left;
	margin-right: 12px;
}

#footer .navigation a
{
	color: #2f2f2f;
	text-decoration: none;
}

#footer .navigation a:hover { text-decoration: underline; }

/** Rounded Corners */
.rounded_ha
{
	background-color: #c3e005;
	background-image: url("../img/headerbg.jpg");
	background-repeat: repeat-x;
	border: 1px solid #8d8d8b;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

/** Sexy buttons */
a.button
{
	background: transparent url('../img/buttonbg_end.gif') no-repeat scroll top right;
	display: block;
	float: left;
	font: bold 90% helvetica,arial, sans-serif;
	color: #ffffff;
	height: 24px;
	margin-right: 0px;
	padding-right: 16px;
	text-decoration: none;
}

a.button span
{
	background: transparent url('../img/buttonbg.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.button:active
{
	background-position: bottom right;
	outline: none;
}

a.button:active span
{
	background-position: bottom left;
	padding: 6px 0 4px 18px;
}

/** Forms */
#big_form { width: 35em; }
#availability #big_form { width:auto; }

#small_form
{
	width: 16em;
	float: left;
}

#form_container
{
	margin-top: 3%;
	margin-left: 10%;
}

form { margin: 0 16px 16px 16px; }
form .long { width: 100%; }

form .day
{
	font-size: 16px;
	margin: 0 5px 0 0;
}

form .year { width: 3em; }

form input[type=text]
{

	font-size: 160%;
}

#big_form label
{
	margin: 18px 0 6px 0;
	font-weight: bold;
	font-size: 130%;
	display: block;
}

#small_form label
{
	margin: 18px 0 6px 0;
	font-weight: bold;
	font-size: 110%;
	display: block;
}

form .submit
{
	clear: both;
	margin: 6px 0 10px 0;
}

form .right { clear: right; }
.left { float: left; }
.right { float: right; }

#big_form .checkbox label, form .checkbox input, form .checkbox img
{
	margin: 18px 5px 0 0;
	font-size: 100%;
	display: inline;
	font-weight: normal;
}

#small_form .checkbox label, form .checkbox input, form .checkbox img
{
	margin: 18px 2px 0 0;
	font-size: 90%;
	display: inline;
	font-weight: normal;
}

#small_form .submit
{
	clear: both;
	margin: 8px 0 10px 0;
}

#big_form .disabled
{
	margin: 25px 5px 0 0;
	vertical-align: text-bottom;
}

#filter
{
	border-top: 1px #333 solid;
	margin-top: 5px;
}

#filter li a
{
	color: #333;
	font-size:85%;
	max-width:125px;
}

#filter h3
{
	font-size: 100%;
	margin-top: 4px;
	margin-bottom: 6px;
}

#filter ul
{
	margin: 2px;
	padding: 0;
}

#filter li
{
	margin: 3px 0 3px 0;
	padding: 2px;
}

#filter .active
{
	background-color: #2f2f2f;
	color: #FFF;
}

#filter a:hover
{
	color: #000;
	font-weight: bold;
}
#filter .active a
{
	color: #fff;
	text-decoration: none;
}
#filter li span
{
	float: right;
	font-size: 80%;
	font-style: italic;
	margin-left:9px;
}
#filter .active:hover, #filter .active a:hover
{
	text-decoration: line-through;
}


/** SEARCHRESULT **/
#searchresult { margin-left: 19em; }

#searchresult h1
{
	font-size: 190%;
	margin-bottom: 6px;
}

#searchresult .hotel
{
	margin: 25px 0 0 0;
	border-bottom: 2px #8b9dc5 solid;
	padding-bottom: 10px;
	min-height:80px;
}

#searchresult .hotel .photo
{
	float: left;
	margin: 0 10px 10px 0;
}

#searchresult .hotel .name { font-size: 160%; display:block; }
#searchresult .hotel i { font-size: 90%; }

#searchresult .hotel p
{
	font-size: 100%;
	margin-top: 0;
}

#searchresult .hotel .desc { }

#searchresult .hotel .info
{
	float: right;
	margin: 0 0 1em 2em;
	display: block;
}

#searchresult .hotel .info .class
{
	float: left;
	margin: 0 15px 0 15px;
}

#searchresult .hotel .info .price
{
	float: left;
	margin: 0 15px 0 15px;
	font-size: 100%;
	line-height: 140%;
}

#searchresult .hotel .info .price b
{
	font-size: 115%;
	font-weight: bold;
}

#searchresult .hotel .info .book
{
	float: left;
	margin: 0 0 0 15px;
	padding-top: 24px;
}

.pagination { text-align: center; margin-top:12px; }
.pagination a
{
	margin-right: 5px;
}
.pagination .arrow
{
	font-weight: bold;
	margin-left: 8px;
	margin-right: 8px;
}
.pagination .active
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

/** DETAIL **/
#big_photo
{
	left: 15px;
	top: 25px;
	position: absolute;
}

#detail
{
	padding-left: 334px;
	display: block;
}

#detail h1
{
	font-size: 190%;
	margin-bottom: 4px;
}

#detail .address
{
	font-style: italic;
	font-weight: bold;
	margin-bottom: 24px;
}

#detail .cont
{
	background-color: #f7f6f6;
	border: 1px #000 solid;
	padding: 8px 15px 8px 15px;
	display: block;
}

#detail ul
{
	list-style-type: none;
	padding: 0px;
	margin:0px;
	display: block;
}

#detail li
{
	padding: 6px 12px 4px 12px;
	margin:0px;
	float: left;
	background-color: #FFF;
	border-width: 1px 1px 0 0;
	border-color: #000;
	border-style: solid;
}

#detail li a
{
	text-decoration: none;
	color: #2F2F2F;
	font-size: 110%;
	font-weight: bold;
}

#detail li:hover { background-color: #f7f6f6; }

#detail ul .active
{
	background-color: #000;
	color: #fff;
}

#detail ul .active a { color: #FFF; }
#detail li:first-child { border-left: 1px #000 solid; }
#detail_form label
{
	margin: 18px 0 6px 0;
	font-weight: bold;
	font-size: 110%;
	display: block;
}
#detail_form .required {
	margin-right: 25px;
}
#detail_form form { margin: 0 0 5px 16px; }
#detail_form form input[type=text]
{
	height: 1.1em;
	font-size: 110%;
}
#detail_form .submit
{
	clear: none;
	padding-top: 31px;
}
#detail #pricelist
{
	background-color: #FFF;
	margin-bottom:20px;
}
#detail #roomtable
{
	width:100%;
}
#detail #roomtable th
{
	background-color: #868585;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	color: #FFF;
	font-size: 90%;
	font-style: italic;
	text-align: left;
}
#detail #roomtable th:first-child {
	padding-left:8px;
}
#detail #roomtable .roomtype
{
	padding: 10px 35px 8px 8px;
	border-bottom: 2px #868585 solid;
}
#detail #roomtable .maxpers
{
	padding: 32px 6px 8px 0;
	vertical-align: top;
	white-space: nowrap;
	border-bottom: 2px #868585 solid;
	min-width:110px;
}
#detail #roomtable .pricestay
{
	padding: 30px 6px 8px 0;
	vertical-align: top;
	white-space: nowrap;
	font-size: 130%;
	font-weight: bold;
	border-bottom: 2px #868585 solid;
	min-width:110px;
}
#detail #roomtable .numrooms
{
	padding: 29px 6px 8px 0;
	vertical-align: top;
	border-bottom: 2px #868585 solid;
	min-width:110px;
}
#detail #roomtable .numrooms i
{
	display: block;
	font-size: 80%;
	font-style: italic;
	margin-top: 4px;
}
#detail #roomtable .bookit
{
	padding-right:6px;
	border-bottom: 2px #868585 solid;
	text-align: center;
	vertical-align: top;
}

#detail #roomtable p {
	margin-top:6px;
}
#detail #pricelist form {
	margin:0;
}
#detail #photos .photo
{
	margin: 0 10px 10px 0;
	border: 1px #000 solid;
}
#detail #photos .photo:hover { border: 1px #36F solid; }
#big_photo img {
	border: 1px #000 solid;
}
br { clear:both; }
.room_photo {
	float:left;
	margin:0 8px 8px 0px;
}
#map {
	height:450px;
}
.popup .stars {
	margin-right: 10px;
	float:left;
}
.popup .name {	
	font-weight: bold;
}
.room_name {
	font-size:110%;
	margin: 0 0 10px 0;
	display:block;
}

/** DESTINATIONS **/
#destinations
{
	display: block;
}
#destinations h1
{
	font-size: 190%;
	margin-bottom: 4px;
}
#destinations .choose
{
	font-style: italic;
	margin-bottom: 24px;
}
#destinations ul
{
	list-style-type: none;
	padding: 0px;
	margin:0px;
	width:56em;
}

#destinations li
{
	margin:0px;
	padding:10px 12px 6px 12px;
	background-color: #FFF;
	border-width: 0 0 2px 0;
	border-color: #8b9dc5;
	border-style: solid;
	clear:both;
}
#destinations li:first-child
{
	border-width: 2px 0 2px 0;
}
#destinations li .dest { float:left;width:24em; }
#destinations li .dest .city
{
	font-size: 140%;
	font-weight: bold;
}
#destinations li .country
{
	float: left;
	width: 14em;
}
#destinations li .nr
{
	float: left;
	width: 9em;
	font-weight: bold;
}

/** COUNTRY **/
#country
{
	display: block;
}
#country h1
{
	font-size: 190%;
	margin-bottom: 4px;
}
#country .block
{
	background-color: #f7f6f6;
	padding: 8px;
	margin-top:22px;
}
#country .quart
{
	float: left;
	width: 25%;
	vertical-align: top;
}
#country .quart a {
	display:block;
}
#country .quart h1 {
	color: #3e65bd;
}

/* DESTINATION PAGES: COUNTRY + CITY */
.destin {
	background-color: #f7f6f6;
	padding:12px;
	margin-bottom:12px;
}
.destin .col {
	width:23%;
	padding-right:12px;
	float:left;
}
.destin a {
	color:#2f2f2f;
}
.destin h1 {
	margin-bottom:0.3em;
	color:#3e65bd;
}
.destin h2 {
	margin-bottom:0.3em;
	color:#3e65bd;
}
.destin h3 {
	margin-bottom:0.2em;
	color:#3e65bd;
}

.error {
	padding: 4px;
	border-color: red;
	border-style: solid;
	border-width: 2px;
	font-weight: bold;
}
.left_form {
	float:left;
	margin-right:12px;
}
.nonsmoking {
	font-style: italic;
	margin-top:22px;
}
.room_nr {
	font-size: 1em;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 19px;
	color: #7f7f7f;
	font-style: italic;
	float:left;
	
}
.room_block {
	padding:6px;
}
.room_block h2 {
	margin-bottom:0.3em;
}
.odd { border-top-color: black; border-top-style: solid; border-top-width: 1px; background-color: #fff; }
.even { border-top-color: black; border-top-width: 1px; border-top-style: solid; background-color:#e8e8e8; }
fieldset { margin: 15px; }

#ReservationIndexForm .input, #ReservationIndexForm .left_form {
	margin-top:2px;
}
#ReservationIndexForm .error-message {
	margin-top:3px;
	padding:2px;
	background-color:red;
}
.error_top {
	margin-top: 12px;
	margin-bottom: 12px;
	padding-left: 12px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	border-color: red;
	border-style: solid;
	border-width: 4px;
		
}
#flashMessage {
	
	padding: 6px;
	
	border-color: blue;
	
	border-style: solid;
	
	border-width: 2px;
	
	font-size: 140%;
	
	font-weight: bold;
	
}