/****************************************************************
***** Tigerrejser CSS *******************************************
*****************************************************************

5+180+20+582+20+180+6
 ----------------
 Page width: 993px
 -----------------


///////////////////////////////////////////////////////////////////
////////////////////  CLIENT COLORS ///////////////////////////////
////////////////////////////////////////////////////////////////*/

#iframe_body, #iframe,
select, textarea, 
#menu ul li a, 
#leftside .menualt2 ul ul li a,
.ds_inrbox, 
.ds_content, .ds_niv2, 
.childageinfobox,
#outdate_Previous_ID, 
#outdate_Next_ID,
#indate_Previous_ID, 
#indate_Next_ID  {
	background-color: #FFFFFF;
}

body {background-color:#7dc229; color:#3d3d3d;}

#bgwrapTop {background-color:#ffffff;}


#container {background-color: #ffffff;}
#header {}
a {color:#1b873b;}
a:hover {}
h1, h2, h3, h4, h5, h6 {color: #1c1c1c;}
.title {color: #1c1c1c;}
hr {color:#dddddd; background-color:#dddddd;}
/** {border: #d95936;} */
.image, .content_wrap_image {background-color: #ffffff;}

.quicksearch_breadtext span.highlight {background-color: #3d3d3d; color: #FFFFFF;}
.alert {color: #F13701;}

#flags {}

.tabsmenu, .tabsmenu a, .tabsmenu a:hover {color: #000000;}
.tabsmenu a.active {color: #1b873b;}
.tabsmenu a.alert {	
	color:#FFFFFF;
	background-color:#f08900;
}


#menu ul li, #leftside .menualt2 ul ul li {background-color: #379836;}
#menu ul li a, #leftside .menualt2 ul ul li a  {color: #FFFFFF;	background-color: transparent;}
#menu ul li a:hover, #leftside .menualt2 ul ul li a:hover {color: #FFFFFF; background-color:#7dc229;}



#menu ul li.active a, #leftside .menualt2 ul ul li.active a,
#menu ul li.active a:hover, #leftside .menualt2 ul ul li.active a:hover  {
	color: #1c1c1c;
	background-color: #fff40c;
}

#menu ul ul li a, #leftside .menualt2 ul ul ul li a   {color: #3d3d3d;}
#menu ul ul li a:hover, #leftside .menualt2 ul ul ul li a:hover {color: #1b873b;} 
#menu ul ul li.active a, #leftside .menualt2 ul ul ul li.active a,
#menu ul ul li.active a:hover, #leftside .menualt2 ul ul ul li.active a:hover  {color: #1c1c1c;}

#menu li.nolist,
#menu ul ul li, #leftside .menualt2 ul ul ul li,
#menu ul ul li a, #leftside .menualt2 ul ul ul li a,
#menu ul ul li a:hover, #leftside .menualt2 ul ul ul li a:hover,
#menu ul ul li.active a, #leftside .menualt2 ul ul ul li.active a,
#menu ul ul li.active a:hover, #leftside .menualt2 ul ul ul li.active a:hover  { background-color:transparent!important; background-image:none !important;}

/*.box colors*/
.box {border-color:#cbd6bf;}
#leftside .box .title, #rightside .box .title {background-color:#cbd6bf; color:#1c1c1c;}

#leftside .box .title a,
#leftside .box .title h1,
#leftside .box .title h2,
#leftside .box .title h3,
#leftside .box .title h4,
#leftside .box .title h5,
#leftside .box .title h6,
#rightside .box .title a,
#rightside .box .title h1,
#rightside .box .title h2,
#rightside .box .title h3,
#rightside .box .title h4,
#rightside .box .title h5,
#rightside .box .title h6 {color:#1c1c1c;}

#leftside .box .text .title, #rightside .box .text .title {background:transparent;}

.box .title,
.box .title a,
.box .title h1,
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6,
#leftside .box .text .title,
#leftside .box .text .title a,
#leftside .box .text .title h1,
#leftside .box .text .title h2,
#leftside .box .text .title h3,
#leftside .box .text .title h4,
#leftside .box .text .title h5,
#leftside .box .text .title h6,
#rightside .box .text .title,
#rightside .box .text .title a,
#rightside .box .text .title h1,
#rightside .box .text .title h2,
#rightside .box .text .title h3,
#rightside .box .text .title h4,
#rightside .box .text .title h5,
#rightside .box .text .title h6  {color: #1c1c1c;}

/*.boxmodule colors*/
.boxmodule.BoxStyle_2 .title, 
.boxmodule.BoxStyle_2 .title a,
.boxmodule.BoxStyle_2 .title h1, 
.boxmodule.BoxStyle_2 .title h2, 
.boxmodule.BoxStyle_2 .title h3, 
.boxmodule.BoxStyle_2 .title h4, 
.boxmodule.BoxStyle_2 .title h5, 
.boxmodule.BoxStyle_2 .title h6, 

.boxmodule.BoxStyle_3, 
.boxmodule.BoxStyle_3 .title, 
.boxmodule.BoxStyle_3 .title a, 
.boxmodule.BoxStyle_3 h1, 
.boxmodule.BoxStyle_3 h2, 
.boxmodule.BoxStyle_3 h3, 
.boxmodule.BoxStyle_3 h4, 
.boxmodule.BoxStyle_3 h5, 
.boxmodule.BoxStyle_3 h6, 
.boxmodule.BoxStyle_3 strong {color:#1c1c1c;}

.boxmodule.BoxStyle_3 a, .boxmodule.BoxStyle_3 a:hover {color:#1c1c1c;}



.boxmodule.BoxStyle_2 .title,

.boxmodule.BoxStyle_3 .text,
.boxmodule.BoxStyle_3 .title,
.boxmodule.BoxStyle_3 .image  {background-color:#cbd6bf;}


.boxmodule.BoxStyle_1, .boxmodule.BoxStyle_2 {background-color:#FFFFFF;}
/**/

.ds_tabs_wrap{
	color: #1c1c1c;
	background-color: #cbd6bf;
}

.active_ds_tab{
	color: #1c1c1c;
}
.ds_niv1, .expMenuTitle, .expMenuTitle a, .expMenuTitle a:hover {color: #ffffff;}
.ds_niv1, .expMenuTitle {background-color: #696969;}


#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID{background-color: #ffffff;
	color: #000000;}


/*__Popup calendar__*/
#searchEngine .calendar_box, #startdate_ID, #indate_ID{margin-left:-95px;} /*eats up width otherwise*/

/*__ Popup Calendar title color__*/
#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID,
#startdate_ID #startdate_Current_ID,
#outdate_ID table tbody tr:first-child td,
#indate_ID table tbody tr:first-child td,
#startdate_ID table tbody tr:first-child td,
#dEarlydate_ID table tbody tr:first-child td {background-color:#cbd6bf; color:#1c1c1c;}

.calendarDateInput {color:#3d3d3d;}

#dEarlydate_ID span table tbody tr:first-child td,
#indate_ID span table tbody tr:first-child td,
#outdate_ID span table tbody tr:first-child td,
#startdate_ID span table tbody tr:first-child td  {background-color: transparent;}

.popupCalendarActiveDay {color: #1c1c1c!important;	background-color: #cbd6bf !important;}
/*var: "DayBGColor", "Cell.style.border" and "TopRowBGColor" has to be changed in "calanderDateInput.asp or index.asp"*/


.tableheader{
	background-color: #cbd6bf;
	color: #1c1c1c;
}

.row_odd {background-color: #FFFFFF;}
.row_even {background-color: #fafafa;}
.row_highlight {background-color: #f5f5f5;}

/**/
.ordersteg_bgcolor1 {
	background-color:#fafafa; /* &bgc2& */
}

.row_odd td,
.row_even td,
.childageinfobox,
.ds_inrbox,
.ds_niv2,
.atribute dl dt,
.atribute dl dd,
#menu ul, #menu ul li { border-color:#cbd6bf;}
/**/


/*__Search reslut Color (DEVSEARCHENGINE RESULT)__*/

/*.search_reslut hr {color:#A0A0A0}*/

.search_reslut .titles, .search_reslut .titles h2{
	color: #1c1c1c;
	background-color: #cbd6bf;
}

.search_reslut .moreinfo .titles {
	color: #1c1c1c;
	background-color: #fafafa;
}

.search_reslut a {
	/*color: #0099cc;*/
}
.search_reslut #wrap_results, 
.search_reslut .choices_away, 
.search_reslut .choices_home {
	background-color: #FFFFFF;
}
.search_reslut .wrap_price {
	color: #3d3d3d;
}

.search_reslut .price {
	color: #000000;
}


.search_reslut .moreinfo {
	color: #3d3d3d;
}

.search_reslut .wrap_item_result {border: #3d3d3d;}

/**/

.button,  #brochure_btn .formtext {
	border-color:#221f20;
	color: #ffffff;
	background-color: #221f20;
}

.button:hover {color: #E9E9E9;}
/*
.c_submit input{color: #3d3d3d;}
.c_submit input:hover{color: #000000;}
*/


/*////////////////////////////////////////////////////////////////
///////////////////  FCKeditor styles ////////////////////////////
////////////////////////////////////////////////////////////////*/

/*__ FCKeditor colors __*/

.txtcolor1, hr.hr1 {color: #cbd6bf;}
.txtcolor2, hr.hr2 {color: #1b873b;}
.txtcolor3, hr.hr3 {color: #ffffff;}

.bgcolor1 {background-color: #cbd6bf;}
.bgcolor2 {background-color: #1b873b;}
.bgcolor3 {background-color: #696969;}


.preamble {color:#383838;}
.highlight {}


table.tablestyle1 tr {
background-color: #cbd6bf;
color:#ffffff;
}

table.tablestyle2 tr {
background-color: #1b873b;
color:#ffffff;

}

table.tablestyle3 tr {
color:#FFFFFF;
background-color: #696969; 
}


/**/

/*__ FCKeditor formating __*/
img.rightimage, .rightimage img{float: right;
	margin-bottom: 2px;
	margin-left: 5px;}
	
img.leftimage, .leftimage img{float: left;
	margin-bottom: 2px;
	margin-right: 5px;}
		
.txtsmall {font-size: 9px;}
.txtlarge {font-size: 13px;}
.highlight {font-weight: bold;}
.preamble {  /*ingress*/
	font-weight: bold;
	font-size: 1.1em;
	
}

/*_breadcrumbs_*/
#breadcrumbs {}
#breadcrumbs a  {}
#breadcrumbs .icon {}
a#breadcrumstart {}  
span#breadcrumend {} 



/*__Popup calendar title__*/

/*#outdate_ID, #indate_ID, #startdate_ID { display:block !important; visibility:visible !important;}*/

#outdate_Previous_ID, #outdate_Next_ID,
#indate_Previous_ID, #indate_Next_ID,
#startdate_Previous_ID, #startdate_Next_ID
 {border:none !important;}


#outdate_Previous_ID, #outdate_Next_ID,
#outdate_Previous_ID img, #outdate_Next_ID img,
#indate_Previous_ID, #indate_Next_ID,
#indate_Previous_ID img, #indate_Next_ID img,
#startdate_Previous_ID, #startdate_Next_ID,
#startdate_Previous_ID img, #startdate_Next_ID img { vertical-align: middle;}

#outdate_Previous_ID,
#indate_Previous_ID,
#startdate_Previous_ID {text-align:left;}

#outdate_Next_ID,
#indate_Next_ID,
#startdate_Next_ID {text-align:right;}

#outdate_Previous_ID img,
#indate_Previous_ID img,
#startdate_Previous_ID img {margin-left:3px;}

#outdate_Next_ID img,
#indate_Next_ID img,
#startdate_Next_ID img { margin-right:3px;}

#outdate_Previous_ID img, #outdate_Next_ID img,
#indate_Previous_ID img, #indate_Next_ID img,
#startdate_Previous_ID img, #startdate_Next_ID img { cursor:pointer;}

/**/
.viewbook #viewbookTravelizeLogo { display:none;}

/*////////////////////////////////////////////////////////////////
////////////////////  BASIC FORMATING ////////////////////////////
/////////////// Textformatting and HTML standard tags ////////////
////////////////////////////////////////////////////////////////*/

/* Comment: font by EM; body: 
		Font-size= 16px × 62.50% = 10px 
		Font-size= 16px × 68.75% = 11px 
*/

/*
html{font-size: 100%;}
body {font-size: 62.5%;	line-height: 1.5em;}
#user_content {font-size: 1em;}
p {margin-top: 0.2em; margin-bottom: 0.3em;}
h1, h2, h3, h4, h5, h6{margin-bottom: 0.4em;}
h1{ font-size:1.9em;}
h2 {font-size:1.3em; margin-bottom: 0.2em;}
h3, h4, h5, h6{font-size:1.1em;	margin-bottom: 0.1em;}
form, input, select, label {font-size: 1em;}
textarea {font-size: 0.8em;} 
#content ul {margin-left: 2.5em;}
.ds_niv1{line-height: 1.01em;}
*/


body, table {line-height: 1.5; font-size: 10px;}	

body, font, span, p, table, td, .MsoNormal, caption, 
form, input, select, label, textarea, #user_content, .news .title  { /*dont add properties, effects FCK*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, .title { font-family:Arial, Helvetica, sans-serif;}



a {outline:none;}
a, a span {cursor:pointer;}
.active, .active a, .active span {cursor:default; font-weight:bold;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
input { font-size:1em; line-height:normal; padding:0px;}

hr {height:1px; border:none; padding:0px;}

#footer hr  {
	width: 90%;
	margin: 15px 0px 15px 0px;
}

p {
	padding: 0px;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
p:first-child {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	line-height: 1.2;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0.5em;

}


p + h1, h2, h3, h4, h5, h6 {margin-top: 1.7em;}

#leftside h1, #leftside h2, #leftside h3, #leftside h4, #leftside h5, #leftside h6,
#rightside h1, #rightside h2, #rightside h3, #rightside h4, #rightside h5, #rightside h6,
.hotel_list h1, .hotel_list h2, .hotel_list h3, .hotel_list h4, .hotel_list h5, .hotel_list h6
 {margin-top: 0px;}


h1{	
font-size:22px;
}

h2 {font-size:17px;}

h3, h4, h5, h6,
.box .title,
.box .title h1,
.box .title a,  
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6{
	font-size:12px;
}

ul.news .title,
ul.news .title h1,
ul.news .title a,  
ul.news .title h2, 
ul.news .title h3,
ul.news .title h4,
ul.news .title h5,
ul.news .title h6 { font-size:10px;}

input {}

select {} 

option {} 

textarea {} 


#content ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}

#content li {
	padding: 0px;
	margin: 0px;
}

.content_wrap_image img {
/*
max-height:380px;
max-width:100%;
*/
max-height: none;
max-width: none;

}

.image img, .content_wrap_image img {vertical-align:bottom;}
.image a {display:block; float:left; clear:both; width:100%;}

.image, #content_wrap_image, .content_wrap_image, #headerimage_content a { position:relative;}
.imageover, #headerimageover {position:absolute; top:0; left:0;}
.imageover, #headerimageover {width:100%; height:100%}
.imageover div, .imageover span {width:100%; height:100%; display:block;}

.imageover,
.imageover_tl,
.imageover_tr,
.imageover_bl,
.imageover_br { display:block; float:left; clear:both;}

a.imageover, a.imageover:hover { text-decoration:none;}

.imageover_tl,
.imageover_tr,
.imageover_bl,
.imageover_br {background-repeat: no-repeat;} 


.imageover_tl {background-image: url(../images/imgCrn4px_tl.png);}
.imageover_tr {background-image: url(../images/imgCrn4px_tr.png);}
.imageover_bl {background-image: url(../images/imgCrn4px_bl.png);}
.imageover_br {background-image: url(../images/imgCrn4px_br.png);}	

.imageover_tl {background-position: left top;}
.imageover_tr {background-position: right top;}
.imageover_bl {background-position: left bottom;}
.imageover_br {background-position: right bottom;}




/*////////////////////////////////////////////////////////////////
//////////////  CLIENT Backgrounds & images //////////////////////
////////////////////////////////////////////////////////////////*/



body, #bgwrapTop, #bgwrapBot, #bgwrapTopleft, #bgwrapBotleft, #bgwrapContent {text-align:center;}

#bgwrapTop, #bgwrapTopleft, #bgwrapBot, #bgwrapBotleft, #bgwrapContent	{
	margin:0 auto;
	text-align:center;
	width:100%;
	float:left;
	clear:both;
	}

#bgwrapTop, #bgwrapBot{background-image: url(../images/TI/bg_wraptopbot.jpg); background-repeat: repeat-x;}

#bgwrapTopleft, #bgwrapBotleft {background-image: url(../images/TI/bg_wraptopbotleft.jpg); background-repeat: no-repeat;}

#bgwrapTop, #bgwrapTopleft {background-position:left top;}
#bgwrapBot, #bgwrapBotleft {background-position:left bottom;}


#wrap {
width:993px; 
overflow:hidden; 	
text-align: left;
margin-right: auto;
margin-left: auto;
float:none;}

#bgwrapContent {padding:69px 0;}



.button, #brochure_btn .formtext {
	background-image: url(../images/TI/bg_button.jpg);
	background-repeat: repeat;
	background-position: left top;}

.button:hover { background-position:left -5px;}
.button:active, #brochure_btn .formtext {background-position: left bottom;}

.ds_niv1 {
	background-image: url(../images/TI/bg_button.jpg);
	background-repeat: repeat;
}

#header .image,
#header .image .imageover {background-image: url(../images/TI/headerFlashOver.png); background-repeat: no-repeat;  overflow:hidden;}

#header .image {background-position: left top;}
#header .image .imageover {background-position: -23px -5px;}

/**/

#menu li,
#menu a, 
#menu .arw, 
#menu .bgmenutop, 
#menu .bgmenubot, 
#leftside .menualt2 ul ul li a, 
#leftside .menualt2 ul ul li a:hover, 
#leftside .menualt2 ul ul li .bgmenutop, 
#leftside .menualt2 ul ul li .bgmenubot {
background-image:url(../images/TI/spriteBoxAndMenu.png);
}


#menu ul ul li, #menu ul ul li a, #menu ul ul li .bgmenubot, #leftside .menualt2 ul ul ul li .bgmenubot, #menu ul ul li a, #leftside .menualt2 ul ul ul li a, #menu ul ul li .bgmenutop, #leftside .menualt2 ul ul ul li .bgmenutop {
background-image:none;
}

#menu li {background-repeat: repeat-y;}

#menu a, #menu .arw, #menu .bgmenutop, #menu .bgmenubot, .boxBgTop, .boxBgBot {
background-repeat:no-repeat;
}

#menu ul li a, #leftside .menualt2 ul ul li a {
background-position:left top;
}
#menu ul li, #leftside .menualt2 ul ul li {
background-position:-180px top;
}
#menu ul li a .bgmenubot, #leftside .menualt2 ul ul li a .bgmenubot {
background-position:-360px -20px;
}

#menu ul li a:hover, #leftside .menualt2 ul ul li a:hover{
background-position:-540px top;
}
#menu ul li:hover, #leftside .menualt2 ul ul li:hover {
background-position:-720px top;
}
#menu ul li a:hover .bgmenubot, #leftside .menualt2 ul ul li a:hover .bgmenubot {
background-position:-900px -20px;
}
#menu ul li.active a, #leftside .menualt2 ul ul li.active a, #menu ul li.active a:hover, #leftside .menualt2 ul ul li.active a:hover {
background-position:-1080px top;
}
#menu ul li.active, #leftside .menualt2 ul ul li.active, #menu ul li.active:hover, #leftside .menualt2 ul ul li.active:hover {
background-position:-1260px top;
}
#menu ul li.active a .bgmenubot, #leftside .menualt2 ul ul li.active a .bgmenubot, #menu ul li.active a:hover .bgmenubot, #leftside .menualt2 ul ul li.active a:hover .bgmenubot {
background-position:-1440px -20px;
}

#menu ul li a .arw, #leftside .menualt2 ul ul li a .arw {
background-position:-1624px -10px;
}
#menu ul li a:hover .arw, #leftside .menualt2 ul ul li a:hover .arw {
background-position:-1644px -10px;
}
#menu ul li.active a .arw, #leftside .menualt2 ul ul li.active a .arw, #menu ul li.active a:hover .arw, #leftside .menualt2 ul ul li.active a:hover .arw {
background-position:-1664px -10px;
}




#menu ul ul li a .arw, #leftside .menualt2 ul ul ul li a .arw {
background-position:-1688px -12px;
}
#menu ul ul li a:hover .arw, #leftside .menualt2 ul ul ul li a:hover .arw {
background-position:-1708px -12px;
}
#menu ul ul li.active a .arw, #leftside .menualt2 ul ul ul li.active a .arw, #menu ul ul li.active a:hover .arw, #leftside .menualt2 ul ul ul li.active a:hover .arw {
background-position:-1728px -12px;
}



/*////////////////////////////////////////////////////
//////////////  ICONS & BUTTONS //////////////////////
///////////////////////////////////////////////////*/


/*__BUTTONS__*/
.button,  #brochure_btn .formtext {overflow:auto;}

.button, .button:hover,  #brochure_btn .formtext {font-size: 1em;}
.button,  #brochure_btn .formtext {border-width: 1px;}
.button,  #brochure_btn .formtext {border-style: solid;}
.button:active,  #brochure_btn .formtext {border-style: solid;}
.button, input.button,  #brochure_btn .formtext {
	font-weight: bold;
	height: auto;
	width:auto;
	overflow:visible;
	line-height: normal;
	padding:0.1em 0.25em;
	display:inline-block;
}

.button, .button:hover { text-decoration:none;}

/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////         MAIN WRAPERS     ////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

html {padding: 0px; margin:0px;}
body {text-align:center;}

#header, #leftside, #content, #footer, #rightside   {overflow:hidden;} 

#wrap {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	float:none;} 


#container,
#header,
#leftside,
#leftside_content,
#content,
#content_content,
#rightside,
#rightside_content,
#footer {float: left;}


#container,
#header,
#leftside_content, 
#rightside_content,
#content_content,
#footer {clear:both;}


#leftside {clear:left;}


#footer {
	margin:0;
	padding:10px 0 15px 0;
	text-align: center;
}

/*_ Width _*/
#header { width:100%;}
#leftside, #content {margin-right: 0px;}
#leftside,#rightside {width: 180px;}
#leftside {padding:0 20px 0 5px;}
#rightside {padding:0 6px 0 20px;}
#leftside_content, #rightside_content {width:100%; padding-left:0; padding-right:0;}
#content {width: 582px;}
#footer_content { width:100%; padding:0;}

/*Height spacing / margins*/
#header {margin-bottom: 15px;}
#content, #flashcontent, #menu, #travelize, #ds_area_wrap, .boxmodule,
.box {margin-bottom: 20px;}

.bannerrowwrap {padding-bottom:20px;}
.bannerrowwrap .box {margin-bottom:0;}

.bannerrowwrap .marginright { margin-right:21px;}


/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           HEADER     ///////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

#logo a { display:block; float:left; clear:both; width:100%;}

#logo img{
	margin: 23px 0 0 0;
}

#logo, #header .image, #header .image .image_content {float:left;}
#header .image .image_content { clear:both;}

#logo, #logo a {height:85px;}
#header .image {height:80px; padding-top:5px;}
#logo{width:279px;}
#header .image {width:685px; padding-left:23px;}
#header .image .image_content {width:652px; height:80px; overflow:hidden;}

#headerBar , #headerBar_content {float:left; clear:both;}

#headerBar {width:100%;}
#headerBar_content { width:97.4%; padding:8px 1.3% 0 1.3%;}

#topmenu, #topmenu a {line-height:15px;}

#topmenu, #flags {float: right; width: auto; text-align:right;}
#topmenu_content, #flags_content {float:left; width: auto;}


#flags { padding-left:5px;}

#flags a { margin:0 0 0 5px;}



#header .image .image_content { position:relative;}


/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           LEFTSIDE     //////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/


/*__ MENU (main menu) __*/

#menu a, #menu .arw, #menu .bgmenutop, #menu .bgmenubot {
overflow:hidden;
}
#menu, #topmenu {
word-wrap:break-word;
}
#menu {
clear:left;
float:left;
padding:0;
width:100%;
}
#menu .nolist {
display:inline;
height:auto;
margin:0 !important;
padding:0 !important;
}
#menu a {
display:block;
text-decoration:none;
}
#menu a:hover {
text-decoration:none;
}
#menu li.active a {
}
#menu ul, #leftside .menualt2 ul ul {
border:medium none;
}
#menu ul ul, #leftside .menualt2 ul ul ul {
border:medium none;
}
#menu ul li, #leftside .menualt2 ul ul li {
margin:2px 0 0;
}
#menu ul#top {
margin:-2px 0 0;
}
#menu ul ul li, #leftside .menualt2 ul ul ul li {
margin:0;
}
#menu li.nolist, #menu ul.open {
}
#menu ul ul li.active a, #leftside .menualt2 ul ul ul li.active a {
font-weight:bold;
}
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {
font-weight:normal;
}
#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {
font-weight:normal;
}
#menu ul li a, #leftside .menualt2 ul ul li a {
font-size:11px;
height:auto;
line-height:1.4;
}
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {
font-size:10px;
height:auto;
line-height:1.4;
margin-bottom:1px;
text-decoration:none;
}
#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {
font-size:10px;
}
#menu ul li a, #leftside .menualt2 ul ul li a, #menu ul li a:hover, #leftside .menualt2 ul ul li a:hover, #menu ul li.active a, #leftside .menualt2 ul ul li.active a, #menu ul li.active a:hover, #leftside .menualt2 ul ul li.active a:hover {
background-color:transparent;
}
#menu ul li, #leftside .menualt2 ul ul li {
position:relative;
}

#menu ul li a .bgmenutop, #leftside .menualt2 ul ul li a .bgmenutop {display:none;}


#menu ul li a .arw, #leftside .menualt2 ul ul li a .arw, #menu ul li a .bgmenubot, #leftside .menualt2 ul ul li a .bgmenubot {
display:block;
position:absolute;
text-indent:-999px;
}
#menu ul li a .bgmenubot, #leftside .menualt2 ul ul li a .bgmenubot, #menu ul li a .bgmenutop, #leftside .menualt2 ul ul li a .bgmenutop {
width:180px;
}
#menu ul li a .bgmenubot, #leftside .menualt2 ul ul li a .bgmenubot {
bottom:0;
left:0;
}
#menu ul li a .bgmenutop, #leftside .menualt2 ul ul li a .bgmenutop {
left:0;
top:0;
}
#menu ul li a .arw, #leftside .menualt2 ul ul li a .arw {
height:11px;
width:11px;
left:160px;
top:13px;

}
#menu ul ul li a .arw, #leftside .menualt2 ul ul ul li a .arw {
height:5px;
width:5px;
left:163px;
top:8px;

}
#menu ul li.toplevel a .arw {
display:none !important;
}
#menu ul li a .bgmenubot, #leftside .menualt2 ul ul li a .bgmenubot, #menu ul li a .bgmenutop, #leftside .menualt2 ul ul li a .bgmenutop {
height:10px;
}
#menu ul li, #leftside .menualt2 ul ul li {
padding-top:0px;
}
#menu ul li a, #leftside .menualt2 ul ul li a {
padding-bottom:10px;
padding-top:10px;
}
#menu ul ul li a .bgmenutop, #leftside .menualt2 ul ul ul li a .bgmenutop, #menu ul ul li a .bgmenubot, #leftside .menualt2 ul ul ul li a .bgmenubot {
display:none;
}
#menu ul ul li, #leftside .menualt2 ul ul ul li {
padding-top:0;
}
#menu ul ul li a .bgmenutop, #leftside .menualt2 ul ul ul li a .bgmenutop, #menu ul ul li a .bgmenubot, #leftside .menualt2 ul ul ul li a .bgmenubot {
height:auto;
}
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {
padding-bottom:3px;
padding-top:3px;
}
#menu ul li a, #leftside .menualt2 ul ul li a, #menu ul ul li a, #leftside .menualt2 ul ul ul li a {
padding-left:5%;
padding-right:12%;
width:83%;
}
#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {
padding-left:7%;
padding-right:10%;
width:83%;
}
#menu ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul li a {
padding-left:10%;
padding-right:10%;
width:80%;
}
#menu ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul li a {
padding-left:13%;
padding-right:10%;
width:77%;
}
#menu ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul li a {
padding-left:16%;
padding-right:10%;
width:74%;
}
#menu ul ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul ul li a {
padding-left:19%;
padding-right:10%;
width:71%;
}


/*/// News box ///*/
ul.news, ul.news li {
	margin: 0px;
	padding: 0px;
	width:100%;
}

ul.news {
	list-style-type: none;
	margin-bottom:5px;
}

ul.news, ul.news li, ul.news .date, ul.news .title, ul.news .text {
	display:block;
	clear: both;
	float: left;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	
}

ul.news li {
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CBD6BF;
	
}


ul.news .date, ul.news a {font-size:0.9em; color:#CBD6BF;}
ul.news .title, ul.news a .title {font-weight:normal;}

ul.news .title,
#leftside .box ul.news .title,
#rightside .box ul.news .title {color:#3d3d3d;}

ul.news .text {}

/**/

/*_News box & searchsite box_*/
.searchsite input, .newsletter input { width:80%;}
.searchsite input.button, .newsletter input.button { width:auto;}

#travelize {
	clear: both;
	float: left;
	width: 100%;
	text-align:center;
}

/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           RIGHTSIDE    //////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

#searchsite {}

/*__ DYNAMIC MENU  __*/

.ds_inrbox{
	border-width: 1px;
	border-style: solid;
}


.ds_tabs_wrap{
font-size:10px;
	font-weight: bold;
	text-decoration: none;
}



#dynsearchmenu_Rtab{ display:none;}
#dynsearchmenu_Ltab{width: 100%;}

#ds_tabs_wrap_content label{
	padding: 2px 0 2px 0;

}



#dynsearchmenu_Ltab{border-style: none;}
#dynsearchmenu_Rtab{border-style: none;}

#dynsearchmenu_Ltab.active_ds_tab{}
#dynsearchmenu_Rtab.active_ds_tab{}

.ds_content{
	padding-top: 8px;
	width: 168px;
	padding-left: 3px
}

.ds_niv1, .ds_niv2 {
	width: 168px;
}


.ds_niv2 {
	width: 166px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.ds_niv2_content {
	width: 162px;
}


	.ds_niv1
 {

	font-weight: bold;
	text-decoration: none;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	line-height: 10px;

}

.ds_niv2 {font-weight: normal;}

.childageinfobox{
	
	border-width: 1px;
	border-style: solid;

} 


#outdate_ID #outdate_Current_ID,
#indate_ID #indate_Current_ID {
	
	font-weight: bold;

}


/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           CONTENT     ///////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/


#flashcontent {
	width: 100%;
	clear: both;
	float: left;
	border: none;
}

/*//////////////////////////////////////////////////////////////////
/////////////       BOX (before boxmodule)        /////////////////
////////////        Component: getBanners.asp     /////////////////
/////////////////////////////////////////////////////////////////*/

.box, .box .title, .box .image, .box .text {overflow:hidden;}

.box {
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;	
}
.box {
border-width: 1px; 
border-style: solid;}


#leftside .box, #rightside .box {width:178px;}




.box .title, .box .image {width: 98%;}
.box .text {width: 94%;}
#leftside .box .title, #rightside .box .title {width: 100%;}

.box .title,
.box .title h1,
.box .title a,  
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6{
line-height:1.4;
text-decoration:none;
}



.box h1,
.box h2, 
.box h3,
.box h4,
.box h5,
.box h6 { margin:0; padding:0;}

.box  .title {margin-bottom: 0px;}
.box .title_content { padding: 2px 0 2px 0;}

.box .image {/*height: 107px;*/}

.box .text {margin-top:0px;	margin-bottom:0px; padding-top:2px; padding-bottom:5px;}

#leftside .box, #rightside .box { float:left; clear:both; padding-top: 0px;}


.startbanners {border:none; width:180px; padding:0;}
.startbanners .title, .startbanners .image,
.startbanners .text, .startbanners .text_content { padding-right:0; padding-left:0; width:100%;}

.startbanners .image { height:110px;}
.startbanners .text { height: auto;}


/**/
.box, .button {
/*css3 borders*/
border-radius: 2px;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
}


.box .title,
.box .image,
.box .text,
.box .text_content {clear:both;}

/*/////////////////  BOXMODULE   /////////////////////*/
/*IE6 and older browsers dont support multiple class selectors like " .boxmodule.bxm_cntThreeCol.BoxStyle_1.withoutText "
They will only read in the last specified class, in this case ".withoutText"
*/

/*
IE6 and older browsers dont support multiple class selectors like  ".withoutText.bxm_cntThreeCol.boxmodule.BoxStyle_1 .text {}" They will only read in the last specified class, in this case ".BoxStyle_1 .text {}". That is why the classes are spread out under several divs as well. To get the same selction in IE6 you need to specify your css in exactly this order: "BOXMODULE PARAMETER1 BANNERTYPE CLASSEXTRA" e.g ".boxmodule .bxm_cntThreeCol .BoxStyle_1 .withoutText .text"
*/

.boxmodule .image {background:transparent;}

.boxmodule, .boxmodule div {width:100%;}
.boxmodule { float:left;}
.boxmodule div {float:none; clear:both;}
.boxmodule, .boxmodule_content, .boxmodule .title, .boxmodule .image, .boxmodule .text, .boxmodule .txt, .boxmodule .link {overflow: hidden;}

.boxmodule .highlight {}

.boxmodule h1,
.boxmodule h2,
.boxmodule h3,
.boxmodule h4,
.boxmodule h5,
.boxmodule h6,
.boxmodule .title,
.boxmodule .title a,
.boxmodule .title a:hover {font-weight: bold; text-decoration:none; line-height:1.8; margin: 0px;
	padding: 0px; color:#3d3d3d;}


.boxmodule p { padding:0px; margin:0px;}


.boxmodule, .boxmodule .image {text-align: center;}
.boxmodule .title, .boxmodule .title div {text-align: center;}
.boxmodule_content {text-align: left;}


.boxmodule_content {
	margin-left: auto;
	margin-right: auto;
}

/*__ Boxmodule Functions __*/

.bannerrowwrap {float:left; clear:both; width:100%;}

/* withoutImage_ (just text) */
.boxmodule .withoutImage .image {display:none;}

/* withoutText _ (just image) */
.boxmodule .withoutText .text, .boxmodule .withoutText .title {display:none;}


/* withoutContent _ (no image, no title, no text) */
.boxmodule .withoutContent div { display:none!important;}
.boxmodule .withoutContent { background-color:transparent !important; background:none!important; height:auto!important;}


/*__ Boxmodule Styles __*/




.boxmodule.BoxStyle_1 .boxmodule_content,
.boxmodule.BoxStyle_2 .boxmodule_content
 {width:96%; padding:2%;}


.boxmodule.BoxStyle_1 .title_content, 
.boxmodule.BoxStyle_1 .text_content,
.boxmodule.BoxStyle_2 .title_content, 
.boxmodule.BoxStyle_2 .text_content,
.boxmodule.BoxStyle_3 .title_content, 
.boxmodule.BoxStyle_3 .text_content 
{width:96%; padding:0 2% 0 2%;}


.boxmodule.BoxStyle_1 .text_content,
.boxmodule.BoxStyle_2 .text_content,
.boxmodule.BoxStyle_3 .text_content {padding-bottom:2%;}

/* BoxStyle_1: */
.boxmodule.BoxStyle_1 {}
.boxmodule.BoxStyle_1 .t, .boxmodule.BoxStyle_1 .r, .boxmodule.BoxStyle_1 .b, .boxmodule.BoxStyle_1 .l {
	background-image: url(../images/TI/1pxLightGreen.gif);
}


/* BoxStyle_2: */
.boxmodule.BoxStyle_2 {}
.boxmodule.BoxStyle_2 .t, .boxmodule.BoxStyle_2 .r, .boxmodule.BoxStyle_2 .b, .boxmodule.BoxStyle_2 .l {
	background-image: url(../images/TI/1pxLightGreen.gif);
}

.boxmodule.BoxStyle_2 .boxmodule_content {width:100%; padding:0px;}
.boxmodule.BoxStyle_2 .image, .boxmodule.BoxStyle_2 .text {width:97%; padding:1%;}

/* BoxStyle_3: */
.boxmodule.BoxStyle_3 {}
.boxmodule.BoxStyle_3 a, .boxmodule.BoxStyle_3 a:hover{ font-weight:bold;}

/*__  Three column boxes (cntThreeCol / STARTPAGE boxes) __*/ 

.boxmodule.bxm_cntThreeCol .image {height:106px;}
.boxmodule.bxm_cntThreeCol .title {height:20px;}

.boxmodule.bxm_cntThreeCol, 
.boxmodule.bxm_cntThreeCol .t,
.boxmodule.bxm_cntThreeCol .r,
.boxmodule.bxm_cntThreeCol .b,
.boxmodule.bxm_cntThreeCol .l,
.boxmodule.bxm_cntThreeCol .tr,
.boxmodule.bxm_cntThreeCol .br,
.boxmodule.bxm_cntThreeCol .bl,
.boxmodule.bxm_cntThreeCol .tl {height:200px;}


.boxmodule .bxm_cntThreeCol .boxmodule_content,
.boxmodule .bxm_cntThreeCol .withoutText .image
 {height:192px; /*200-(4x2)*/}

.boxmodule .bxm_cntThreeCol .BoxStyle_2 .withoutText .boxmodule_content,
.boxmodule .bxm_cntThreeCol .BoxStyle_2 .withoutText .image
 {height:198px; /*200-(4x2)+6*/}




.boxmodule .bxm_cntThreeCol .text {height:66px; /*192-106-20*/}
.boxmodule .bxm_cntThreeCol .txt {height:46px;}


.boxmodule .bxm_cntThreeCol .withoutImage .text {height:172px; /*192-20*/}
.boxmodule .bxm_cntThreeCol .withoutImage .txt {height:152px;}




.bxm_cntThreeCol /*.boxmodule.bxm_cntThreeCol*/{width:184px;}
.bxm_cntThreeCol .bxm_cntThreeCol  { width:100%;}


/*__ One column boxes (cntOneCol) __*/ 
.boxmodule.bxm_cntOneCol{}



/*//////////////////////////////////////////////////////////////////
                              STARTPAGE
/////////////////////////////////////////////////////////////////*/

#startpage_text {
	clear: both;
	float: left;
}



/*//////////////////////////////////////////////////////////////////
                          CATEGORY PAGE
/////////////////////////////////////////////////////////////////*/



/*//////////////////////////////////////////////////////////////////
                          DESTINATION PAGE
/////////////////////////////////////////////////////////////////*/



/*//////////////////////////////////////////////////////////////////
                             HOTEL PAGE
/////////////////////////////////////////////////////////////////*/
.pageheader .rating { display:block; padding-top:5px;}
#imageComponent .imageslider {/*display:none;*/}
#hotel .tabsmeu .morepics {display:none;}

/*//////////////////////////////////////////////////////////////////
                             OTHER PAGES
/////////////////////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////////////////////
                          ON MULTIPLE PAGES
/////////////////////////////////////////////////////////////////*/


/*__ TABLE FORMATTING (tourlist1, tourlist2.., contact_iframe) __*/ 
.tourlist, .contact_iframe{}
.tourlist1 .col1, 
.tourlist1 .col3 {text-align: left;}
.tourlist1 .col2  {text-align: center;}
.tourlist1 .col4,
.tourlist1 .col5  {text-align: right;}
.tourlist1 .col5 br { display:none;}

.tourlist1 .col5 span.bookingPrice,
.tourlist1 .col5 span.bookingPrice a, 
.tourlist1 .col5 span.bookingPrice a:hover { color:#3D3D3D; text-decoration: none;}

.tourlist2 .col1, 
.tourlist2 .col2 {text-align: left;}
.tourlist2 .col3  {text-align: right;}

.tourlist .tableheader td, .tourlist .tableheader td span {vertical-align:middle;}
.tourlist td span { padding-left:5px; padding-right:5px;}

.tourlist .tableheader td,
.tourlist .tableheader td span {
vertical-align:top;
line-height:1.1
}

.tourlist .tableheader td {padding-top:3px; padding-bottom:3px;}
.tourlist .tableheader td span {padding-top:0; padding-bottom:0;}

.tourlist .row td {
padding-bottom:3px;
padding-top:3px;
}

.tourlist .tableheader td span { display:inline;}

.tourlist .row_even td, 
.tourlist .row_odd td {
border:none;
}


/*__ BrochureIframe __*/
.IClistSearchText{}
.IClistSearchRadio{}


/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////           FUNCTIONS     ///////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/

/*__ NO RIGHTSIDE __ (body class="no_rightside") 
Deviates from standard in that it has a bevel in content area.
5px on rightside and 5px on leftside = -10px (

content: (582+20+191)-10=783)
content: destination & hotel page [ 783-(582-370) = 571]
*/

.no_rightside #content {width: 783px; /*width: 793px;*/}

.no_rightside #destination .user_content, 
.no_rightside #hotel .imageComponent,
.no_rightside #hotel .user_content
{width: 571px;}

.no_rightside #hotel #slider {width: 501px;} /*571-70=501*/

/*__ NO SIDES __ (body class="no_sides")  */


/**/
/*/// pdfCatalogBox ///*/
#pdfCatalogBox .image { padding:5px 0 2px 0;}
#pdfCatalogBox .row1 .button {display:inline-block;}
#pdfCatalogBox .text .row1 { padding-bottom:10px; text-align:center;}