/****************************************************************
***** SCANDINAVIAN PERSPECTIVES CSS *****************************
*****************************************************************



///////////////////////////////////////////////////////////////////
////////////////////  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: #9d9fa2; color:#4e4f51;}

#container {background-color: #ffffff;}
#header {}
a {color:#00bce4;}
a:hover {}
h1, h2, h3, h4, h5, h6 {color: #4e4f51;}
.title {color: #4e4f51;}
hr {color:#9d9fa2; background-color:#9d9fa2;}
/** {border: #d95936;} */
/*.image, .content_wrap_image {background-color: #ffffff;}*/

.quicksearch_breadtext span.highlight {background-color: #4e4f51; color: #FFFFFF;}
.alert {color: #F13701;}

#flags, #flags a, #flags a:hover {color:#9d9fa2;}
#flags a { border:1px solid #9d9fa2;}
#flags a.active, #flags a.active:hover { background-color:#9d9fa2; color:#FFFFFF;}

.tabsmenu, .tabsmenu a {color: #00bce4;}
.tabsmenu a:hover { color:#9D9FA2;}

.tabsmenu a.active {color: #4E4F51;}
.tabsmenu a.alert {	
	color:#FFFFFF;
	background-color:#e40000;
}

#topmenu, #topmenu a,  #topmenu a:hover { color:#4E4F51;}

/*
#topmenu a.active,  #topmenu a.active:hover {	color: #FFFFFF;
	background-color: #9d9fa2;}
*/



#headermenu a {color: #FFFFFF;	background-color:#00bce4;}
#headermenu a:hover {color: #FFFFFF;	background-color: #c1d82f;}

#headermenu a.active, #headermenu a.active:hover  {
	color: #FFFFFF;
	background-color: #9d9fa2;
}



#menu ul li a, #leftside .menualt2 ul ul li a  {color: #FFFFFF;	background-color:#00bce4;}
#menu ul li a:hover, #leftside .menualt2 ul ul li a:hover {color: #FFFFFF;	background-color: #c1d82f;}

#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: #FFFFFF;
	background-color: #9d9fa2;
}

#menu ul ul li a, #leftside .menualt2 ul ul ul li a   {color: #00bce4;}
#menu ul ul li a:hover, #leftside .menualt2 ul ul ul li a:hover {color: #9D9FA2;} 
#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: #4E4F51;}

#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:transparent;}

/*.box colors*/
.box {border-color:#c1d82f;}
#leftside .box .title, #rightside .box .title {background-color:#c1d82f; color:#FFFFFF;}

#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:#ffffff;}

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


.box2 {background-color:#c1d82f;}
.box2, .box2 a, .box2 a:hover  {color:#FFFFFF;}

/*.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:#FFFFFF;}

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



.boxmodule.BoxStyle_2 .title,

.boxmodule.BoxStyle_3  {background-color:#c1d82f;}


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

.ds_tabs_wrap{
	color: #FFFFFF;
	background-color: #c1d82f;
}

.active_ds_tab{
	color: #4e4f51;
}
.ds_niv1, .expMenuTitle, .expMenuTitle a, .expMenuTitle a:hover {color: #ffffff;}
.ds_niv1, .expMenuTitle {background-color: #9d9fa2;}


#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:#c1d82f; color:#ffffff;}

.calendarDateInput {color:#4e4f51;}

#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: #FFFFFF!important;	background-color: #c1d82f !important;}
/*var: "DayBGColor", "Cell.style.border" and "TopRowBGColor" has to be changed in "calanderDateInput.asp or index.asp"*/


.tableheader{
	background-color: #c1d82f;
	color: #ffffff;
}

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

/**/
.ordersteg_bgcolor1 {
	background-color:#9d9fa2; /* &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:#c1d82f;}
/**/



#searchEngine, #leftside #searchEngine, #rightside #searchEngine,
#ALCsearchEngine, #leftside #ALCsearchEngine, #rightside #ALCsearchEngine {border-style: none; border-width:0; width:100%;}

#searchEngine .text,
#ALCsearchEngine .text {
	width:168px;
	padding-left:5px;
	padding-right:5px;
	border-top-width: 0px;
	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;
	border-right-color: #c1d82f;
	border-bottom-color: #c1d82f;
	border-left-color: #c1d82f;
}


#searchEngine, #ALCsearchEngine { position:relative;}
#searchEngine .boxIcon,
#ALCsearchEngine .boxIcon { width:15px; height:15px; background-color:#FF0000; top:-1px; right:-1px; position:absolute;}

#searchEngine .title, #searchEngine .title_content,  #searchEngine .text {background-image: url(../images/searchIconPackage.gif); background-repeat: no-repeat;}
#ALCsearchEngine .title, #ALCsearchEngine .title_content,  #ALCsearchEngine .text {background-image: url(../images/searchIconHouse.gif); background-repeat: no-repeat;}

#searchEngine .title,
#ALCsearchEngine .title {background-position: left top;}
#searchEngine .title_content,
#ALCsearchEngine .title_content {background-position: left -7px;}
#searchEngine .text,
#ALCsearchEngine .text {background-position: left -34px;}

#searchEngine .title,
#ALCsearchEngine .title {
	padding-top:7px;
	padding-bottom:0;
	background-color:transparent !important;
}
#searchEngine .title_content,
#ALCsearchEngine .title_content {background-color:#C1D82F !important;}

#searchEngine .title_content,
#ALCsearchEngine .title_content { width:78%; padding:5px 0 4px 22%;}

#searchEngine .title_content,
#ALCsearchEngine .title_content,
#searchEngine .title_content h2,
#ALCsearchEngine .title_content h2 {text-align:left;}

#ALCsearchEngine .text { background-image:none; /*when 2 lines!*/}

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

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

.search_reslut .titles, .search_reslut .titles h2{
	color: #ffffff;
	background-color: #c1d82f;
}

.search_reslut .moreinfo .titles {
	color: #4e4f51;
	background-color: #ffffff;
}

.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: #4e4f51;
}

.search_reslut .price {
	color: #4e4f51;
}


.search_reslut .moreinfo {
	color: #4e4f51;
}

.search_reslut .wrap_item_result {border: #4e4f51;}

/**/

.button,  #brochure_btn .formtext {
	border-color:#00bce4;
	color: #ffffff;
	background-color: #00bce4;
}

.button:hover {color: #E9E9E9;}
/*
.c_submit input{color: #4e4f51;}
.c_submit input:hover{color: #000000;}
*/


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

/*__ FCKeditor colors __*/

.txtcolor1, .txtcolor1:hover, .txtcolor1 a, .txtcolor1 a:hover, hr.hr1 {color: #9d9fa2;}
.txtcolor2, .txtcolor2:hover, .txtcolor2 a, .txtcolor2 a:hover, hr.hr1 {/*color: #c1d82f;*/ color:#000000; /*USED FOR BLACK LINKS requested by customer*/}
.txtcolor3, .txtcolor3:hover, .txtcolor3 a, .txtcolor3 a:hover, hr.hr1 {color: #00bce4;}

.bgcolor1 {background-color: #9d9fa2;}
.bgcolor2 {background-color: #c1d82f;}
.bgcolor3 {background-color: #00bce4;}

.preamble {color:#9d9fa2;}
.highlight {}


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

table.tablestyle2 tr {
background-color: #9d9fa2;
color:#ffffff;

}

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


/**/

/*__ 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: 10px;}
.txtlarge {font-size: 14px;}
.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 ////////////
////////////////////////////////////////////////////////////////*/

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

.title { font-size:13px;}
.text .title { font-size:11px;}

body, font, span, p, table, td, .MsoNormal, caption, 
form, input, select, label, textarea, #user_content  { /*dont add properties, effects FCK*/
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
a {outline:none;}
a, a span {cursor:pointer;}
.active, .active a, .active span {cursor:default;}

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:23px;
}

h2 {font-size:17px;}

h3, h4, h5, h6{
	font-size:13px;
}


h1 { font-weight:normal;}
h2, h3, h4, h5, h6  { font-weight:bold;}


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;
}

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

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

body {
	background-image: url(../images/bgbody.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}



.button, #brochure_btn .formtext {background-image: none;}


/*////////////////////////////////////////////////////
//////////////  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;
}

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

html {padding: 0px; margin:0px;}


body {text-align:center;}
body.nonIframeContent {overflow-y: scroll;} /*for firefox*/

#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:35px 0 70px 0;
	text-align: center;
}

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


#leftside_content, #rightside_content { width:100%; padding-left:0; padding-right:0;}


#footer_content { width:973px; padding:0 10px 0px 10px;}



/*Height spacing / margins*/
.content_wrap_image
/*, 
#broch_custinfo, 
.imageComponent, 
.tabsmenu, 
.breadcrumbs, 
.destfacts, 
.pageheader, 
.hotel_list_item, 
.c_submit input, 
.atribute
*/ {
margin-bottom:20px;
}

#content, #flashcontent, #menu, #travelize, #ds_area_wrap, .boxmodule,
.box, #extLinks {margin-bottom: 20px;}

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


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

#header {padding-top:32px; margin-bottom:0; padding-bottom:28px;}
#headerBar {padding-top:5px; padding-bottom:15px;}
#logo img{
	margin: 0 0 0 0;
}

#logo {float:left;}

#logo {width:175px; padding:0 32px 0 0;}
#headerBar, #headermenu  {width:786px;}

#headerBar , #headerBar_content {float:left;}
#headerBar {clear:none;}
#headerBar_content {clear:both; width:100%;}

#topmenu a { padding:2px;}

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

#topmenu a.active, #topmenu a.active:hover { text-decoration:underline;}

#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;}

#flags a { background-image:none; width: auto; height: auto; padding:2px; white-space:nowrap;}
#flags a .hide, #flags a span { display:block;}

#flags, #flags a, #flags a:hover {text-decoration:none;}



#headermenu { float:left; clear:none;}

#headermenu, #headermenu a { font-size:14px; font-weight:bold;}

#headermenu_content {float:right;}
#headermenu_content div { float:left; clear:both; width:100%;}

#headermenu a, #headermenu a:hover { text-decoration:none;}

#headermenu a, #headermenu span { display:block; float:left;}
#headermenu .separator {width:10px; text-indent:-999px; overflow:hidden;}

#headermenu a { padding:7px;}

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

#extLinks {float:left; clear:both; width:100%;}
#extLinks a { display:block; float:left; clear:none;}
#extLinks .link1 { border-right: 1px solid #9D9FA2;}

#extLinks .link1, #extLinks .link2 {margin-bottom:10px;}


/*__ MENU (main menu) __*/

#menu, #topmenu { word-wrap: break-word;}

#menu {
	float:left;
	width:100%;
	clear: left;
	float: left;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	padding: 0px;
}

#menu a {
	display: block;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: none;
}


#menu ul.open { padding:0 0 12px 0;}

#menu li.active a  {}

#menu ul, #leftside .menualt2 ul ul {
border:none;}


#menu ul ul, #leftside .menualt2 ul ul ul {border: none;}



#menu ul li, #leftside .menualt2 ul ul li {
	margin-bottom:0px;
	padding-bottom:5px;
}
#menu ul ul li, #leftside .menualt2 ul ul ul li {
	margin-bottom:0px;
	padding-bottom:1px;
}


#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: 13px;
	line-height: 1.4;
	height: auto;
	padding-top:8px;
	padding-bottom:8px;
}


#menu,
#menu ul ul li a,
#leftside .menualt2 ul ul ul li a {	font-size: 11px;
	line-height: 1.4;}

#menu ul ul li a,
#leftside .menualt2 ul ul ul li a  {
	text-decoration:none;
	height: auto;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:0px;
}


#menu ul li a, #leftside .menualt2 ul ul li a,
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {padding-left:4%; width:92%; padding-right:4%;}



#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {padding-left:8%; width:88%; padding-right:4%;}
#menu ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul li a {padding-left:12%; width:84%; padding-right:4%;}
#menu ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul li a {padding-left:16%; width:80%; padding-right:4%;}
#menu ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul li a {padding-left:20%; width:76%; padding-right:4%;}
#menu ul ul ul ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul ul ul ul li a {padding-left:24%; width:72%; padding-right:4%;}




/*/// 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 15px 0;
	border:none;
	/*
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	*/
}


ul.news .date {font-size:0.9em;}
ul.news .title {font-weight: normal;}
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:1em;
	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;
}




/*/////////////////  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.7; margin: 0px;
	padding: 0px; color:#4e4f51;}


.bxm_cntOneCol h1,
.bxm_cntOneCol h2,
.bxm_cntOneCol h3,
.bxm_cntOneCol h4,
.bxm_cntOneCol h5,
.bxm_cntOneCol h6,
.bxm_cntOneCol .title,
.bxm_cntOneCol .title a,
.bxm_cntOneCol .title a:hover { line-height:normal;}




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


.boxmodule, .boxmodule .image {text-align: center;}
.boxmodule .title, .boxmodule .title div {text-align: left;}
.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) */
.withoutContent, .withoutContent div { background-image:none!important; background-color:transparent!important;}
.boxmodule .withoutContent div { display:none!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/1pxGreen.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/1pxGreen.gif);
}

.boxmodule.BoxStyle_2 .boxmodule_content {width:100%; padding:0;}
.boxmodule.BoxStyle_2 .withoutText .boxmodule_content {width:98%; padding:1%;}

/*.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:100px;}
.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,
.boxmodule .bxm_cntThreeCol .withoutText .boxmodule_content,
.boxmodule .bxm_cntThreeCol .withoutText .image {height:200px;}

.boxmodule .bxm_cntThreeCol .BoxStyle_1 .withoutText .image {height:192px;}

.boxmodule .bxm_cntThreeCol .boxmodule_content {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;}



.bannerrowwrap .marginright { margin-right:21px;}
.bxm_cntThreeCol /*.boxmodule.bxm_cntThreeCol*/{width:180px;}
.bxm_cntThreeCol .bxm_cntThreeCol  { width:100%;}


/*__ One column boxes (cntOneCol) __*/ 
.boxmodule.bxm_cntOneCol .image{ width:280px; float:left; clear:none;}

.boxmodule.bxm_cntOneCol .text,
.boxmodule.bxm_cntOneCol .title{ padding-left:10px; width:292px; float:left; clear:none;}


.boxmodule.BoxStyle_1 .bxm_cntOneCol .image,
.boxmodule.BoxStyle_2 .bxm_cntOneCol .image,
.boxmodule.BoxStyle_3 .bxm_cntOneCol .image{ width:48%;}

.boxmodule.BoxStyle_1 .bxm_cntOneCol .text,
.boxmodule.BoxStyle_1 .bxm_cntOneCol .title,
.boxmodule.BoxStyle_2 .bxm_cntOneCol .text,
.boxmodule.BoxStyle_2 .bxm_cntOneCol .title,
.boxmodule.BoxStyle_3 .bxm_cntOneCol .text,
.boxmodule.BoxStyle_3 .bxm_cntOneCol .title{ padding-left:1%; width:51%;}






.boxmodule.bxm_cntOneCol .withoutText .image,
.boxmodule.bxm_cntOneCol .withoutImage .title, 
.boxmodule.bxm_cntOneCol .withoutImage .text { width:100%; padding-left:0; padding-right:0; clear:both;}




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

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



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



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



/*//////////////////////////////////////////////////////////////////
                             HOTEL PAGE
/////////////////////////////////////////////////////////////////*/
#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  {text-align: right;}

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

.tourlist .row span { padding-left:1px; padding-right:1px;}
.tourlist .col1 span {padding-left:5px;}
.tourlist1 .col4 span, .tourlist2 .col3 span {padding-right:5px;}


/*__ 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")  */


/*//////////////////////////////////////////////////////////////////
/////////////       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;}
#leftside .box2, #rightside .box2 {width:100%; border:none;}
/*startbanners {.width:182px;}*/


.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;
font-size:13px;
text-decoration:none;
}


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


.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:10px; padding-bottom:10px;}

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

/**/

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