@import url(http://www.scandjet.se/upload/css/scandjet.css);
@import "http://www.scandjet.se/upload/css/scandjet.css";
@import url('http://www.scandjet.se/upload/css/scandjet.css');



/****************************************************************
*************** SCANDJET  ***************************************
*****************************************************************/


/*
 Deviates from standard:
 leftside: 175px + margin-right 13px + margin-left 13px
 content: 582px + margin-right 13px
 rightside: 184px + margin-right 13px
 ----------------
 Page width: 993px
 -----------------
*/

.breadcrumbs {text-transform:capitalize;}
.floatblock {display:block; widows:100%; float:left; clear:both;}


/*////////////////////////////////////////////////////////////////
////////////////////  CLIENT COLORS ///////////////////////////////
////////////////////////////////////////////////////////////////*/
/* SEE "upload/css/scandjet.css" */




/*////////////////////////////////////////////////////////////////
////////////////////  CLIENT Backgrounds /////////////////////////
////////////////////////////////////////////////////////////////*/

body {}
#container {}
#footer {}


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

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

.btn_send
{background-image: url(../images/btn_send.jpg);
	background-repeat: no-repeat;
	background-position: left top;}


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

	background-image: url(../images/nybrv_btm.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;}
	
	
#nybrv_title {background-image: url(../images/btn_grey.jpg);
	background-repeat: no-repeat;
	background-position: left top;}


#logo {}


#header  {}


#header {
}


#logo img { /*display:none;*/}

#flags {}



#menu ul li a {	background-repeat: no-repeat;
	background-position: left top;}
	
#menu ul li a, #leftside .menualt2 ul ul li a /*underlevels*/
{	
	background-image: url(../images/menu_arrow.gif);

}

/*niv2 open underlevels down*/
#menu ul ul li a, #leftside .menualt2 ul ul ul li a{background-image: url(../images/menu_arrow_active.gif);}
#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {background-image: url(../images/menu_arrow.gif);}

#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-image: url(../images/menu_arrow_active.gif);} 

#menu ul li.toplevel.active a:hover, #leftside .menualt2 ul ul li.toplevel.active a:hover {background:none;}


#menu ul li.toplevel a, #leftside .menualt2 ul ul li.toplevel a  /*no under levels*/
  {background-image: url(../images/menu_niv1.gif);}


/*
#menu ul ul li, #leftside .menualt2 ul ul ul li{
	background-image: url(../images/level2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}


#menu ul ul li.toplevel a, #menu ul ul li a   {
	background-image: url(../images/level2.jpg);
	background-repeat: no-repeat;
	background-position: center 17px;

}
*/


#searchmenu {background-image: url(../images/searchmenu.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;}
	
	
#searchmenu_title {
	background-image: url(../images/btn_grey_lefts.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/**/


/*__ FCKeditor styles __*/

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


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

.button, .button:hover,  #brochure_btn .formtext {font-size: 1em;}
.button,  #brochure_btn .formtext {border-style: outset;}
.button:hover, .button:active,  #brochure_btn .formtext {border-style: inset;}
.button,  #brochure_btn .formtext {
	font-weight: bold;
	height: auto;
	width:auto;
	overflow:visible;
	line-height: normal;
	/*.line-height: 1.3;
	.height: 1.3em;*/
	.padding:0 0.4em 0 0.4em;
}



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

html{
	height: 100%;
	margin:0px;
	margin-bottom: 0.2px;
	padding: 0px;}


*/

body {text-align:center;}

/*
body, table {line-height: 1.4; font-size: 10px;}	

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



a {text-decoration:none;}
a:hover {text-decoration:underline;}
form, input, select, label {font-size: 10px; line-height:normal; padding:0px;}

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



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


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

h2 {font-size:13px;}

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


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

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

/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////////////////         MAIN WRAPERS     ////////////////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/
/*html {height:100%; padding-bottom:1px;}*/

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




#content {width: 582px;}
#leftside, #content {margin-right: 13px;}

#leftside {	padding:0 0 0 13px;
	width:175px;}
#leftside_content{
	width:175px;
	/*.width:100%;*/
}

#rightside {width: 194px;}
#rightside_content {width:184px;}
#rightside .box {width:179px;}
#leftside .box {width:173px;}


#rightside .box, #leftside .box {clear:both;}


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

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

	




#header {
	clear: left;
	float: left;	
} 






#leftside {
	float: left;
	clear:left;
}


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




#rightside {
	float: left;
}



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


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


/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////
//////         HEADER, LEFTSIDE, RIGHTSIDE, FOOTER     /////////////
///////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////*/


#logo, #logo div, #logo a{width:100%; display:block;}
#logo, #logo div, #logo a  {height:100px; padding:0px; margin:0px; border:0px;}
#logo a, #logo a:hover {text-decoration:none;}

#logo { position:relative;}
#logo div.link, #logo div.image {position:absolute; top:0px; left:0px; background:transparent;}
#logo div.image {z-index:+1;}
#logo div.link {z-index:+2;}


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

#headerBar {width:100%;}
#headerBar_content { width:97.4%; /*.width:100%;*/ padding:5px 1.3% 5px 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;}


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





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


/*__ All pages __*/
#header, #content, #flashcontent, #menu, #travelize, #ds_area_wrap, .box, .cmsbanner, #searchsite, #searchmenu, .atribute,
/*div.content_wrap_text,*/ .maintabsbox {margin-bottom: 10px;}







.content_wrap_image {width:100%; height:237px; overflow:hidden;}
.content_wrap_image img  {max-width:100%;  height:auto; max-height:none;}


/*HEADER*/

/*LEFTSIDE / RIGHTSIDE*/


/*CONTENT*/

#flashcontent {
	width: 582px;
	clear: both;
	float: left;
	border: none;
}


/*FOOTER*/
#footer_content, #footer .cmsbanner  { width:973px; .width:100%; padding:0 10px 0px 10px;}


/*CMS BANNER BOXES (boxes that clients kan add their own banners/text)*/
.cmsbanner {padding:0px; text-align:left;  width:100%; height:auto; clear:both;}


#leftside .cmsbanner , #rightside .cmsbanner { float:left;}

/*__ BOX __*/


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


.startbanners {.width:182px;}


.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:1em;
text-decoration:none;
}


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


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


.box .image img {height: 107px; width:auto;}



.box .text {
	margin-top:10px;
	margin-bottom:10px;
}



.box .title, .box .image {width: 98%;}
.box .text {width: 94%;}





#leftside .box, #rightside .box { float:left; clear:both; padding-top: 0px;}
#leftside .box, #rightside .box {/*.width:100%;*/}


#leftside .box .title, #rightside .box .title {width: 100%;}





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

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

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 0 0px 0;
	padding: 5px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	
}


ul.news .date {font-size:0.9em;}
ul.news .title {font-weight:bold;}
ul.news .text {}

/**/

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

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

.calendar_box {left: auto; margin-left:10px;}

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

.startpage .content_wrap_text p {padding:0px; margin-top:0px;}

#wrap .startpage div.user_content, 
#wrap .startpage div.content_wrap_text {padding-top:0px; padding-bottom:0px; margin-top:0px;}



/*TABS BOX*/
.maintabsbox, .maintabsbox .tabsmenu { float:left; clear:both; width:100%;}
#wrap .maintabsbox .tabsmenu, #wrap .maintabsbox .tabsmenu a, #wrap .maintabsbox .tabsmenu a:hover {height:21px; overflow:hidden;}

#wrap .maintabsbox .tabsmenu a { margin:0 3px 0 0;}
#wrap .maintabsbox .tabsmenu { margin-bottom:0px;}


#wrap .maintabsbox .tabsmenu a.active {}
#wrap .maintabsbox .tabsmenu a.alert {}

.maintabsbox .tabsmenu {background:none;}
.maintabsbox .tabsmenu .l {background-image: url(../images/maintabsbox_l.gif);}
.maintabsbox .tabsmenu a {background-image: url(../images/maintabsbox_cnt.gif);}
.maintabsbox .tabsmenu .r {background-image: url(../images/maintabsbox_r.gif);}


.maintabsbox .tabsmenu a, 
.maintabsbox .tabsmenu a:hover, 
.maintabsbox .tabsmenu a span, 
.maintabsbox .tabsmenu a:hover span,
.maintabsbox .tabsmenu a span.l, 
.maintabsbox .tabsmenu a:hover span.l, 
.maintabsbox .tabsmenu a span.text,
.maintabsbox .tabsmenu a:hover span.text
{background-position: left bottom;}

.maintabsbox .tabsmenu a span.r
 {background-position: right bottom;}






#maintabsbox_tab1 a.tab1, #maintabsbox_tab1 a.tab1 span, 
#maintabsbox_tab2 a.tab2, #maintabsbox_tab2 a.tab2 span,
#maintabsbox_tab3 a.tab3, #maintabsbox_tab3 a.tab3 span,
.tabsmenu a:active, .tabsmenu a.active, .tabsmenu a:active span, .tabsmenu a.active span, 
.tabsmenu a:focus, .tabsmenu a:focus span
/*,.tabsmenu a:hover, .tabsmenu a:hover span*/
{background-position: left top;}


#maintabsbox_tab1 a.tab1 span.r, 
#maintabsbox_tab2 a.tab2 span.r,
#maintabsbox_tab3 a.tab3 span.r,
.tabsmenu a:active span.r, .tabsmenu a.active span.r, .tabsmenu a:focus span.r
/*,.tabsmenu a:hover span.r*/
  {background-position: right top;}
  
  



#wrap .maintabsboxtext, #wrap .maintabsboxtext div {float:left;}



#wrap .maintabsboxtext, #wrap .maintabsboxtext_content{clear:both; width:100%; /*height:145px;*/}
/*.maintabsboxtext_content { margin:4px; width:auto;}*/





table.maintabsboxform { width:90%; clear:both; margin:5px 0 10px 5%; }

table.maintabsboxform .col1, table.maintabsboxform .col3 { font-weight:bold;}

table.maintabsboxform .col2 select, table.maintabsboxform .col4 select { width:155px;}
table.maintabsboxform .col2 {padding-right:60px;}


table.maintabsboxform td { padding:3px 0 3px 0;}

table.maintabsboxform td.col1, table.maintabsboxform td.col3 {}
table.maintabsboxform .col2, table.maintabsboxform .col4 { text-align:right;}


table.maintabsboxform .button {float:left;}


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



/*//////////////////////////////////////////////////////////////////
                             HOTEL PAGE
/////////////////////////////////////////////////////////////////*/



.atribute ul { padding:2%; width:96%;}
.atribute {height:auto; float:left; clear:both; margin-bottom:15px;}

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

/*_HOTEL_*/

#imageComponent .imageslider {/*display:none;*/} /*080909LS hide more images until works correctly according to Nina. Show only "pict1"*/





/*__ MENU (main menu) __*/





/*
div .menualt2 ul li {display: none;}

div .menualt2 ul ul li, 
div .menualt2 ul ul ul li,
div .menualt2 ul ul ul ul li,
div .menualt2 ul ul ul ul ul li {
	display: block;
}

*/


/*Hides Categories in menu leftside*/


#menu .open{
	display: block;
}
#menu ul .menuclosedclass{
 display:none;
}
/*
#menu ul ul .menuclosedclass{
 display:block;
}

#menu ul ul ul .menuclosedclass{
 display:none;
}
*/

/*

#menu ul li{
 margin-bottom:3px;
}

#menu ul ul li, #menu ul li.nolist{
 margin-bottom:0px;
}

#menu ul li.nolist {display:none;}
#menu ul.open li.nolist {display:block;}
*/

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



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


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

}

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

}
#menu li.active a  {}


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

#menu ul ul, #leftside .menualt2 ul ul ul {
	border:none;
	/*padding:2px 0 0 0;*/
	}



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

}


#menu ul ul li a, #leftside .menualt2 ul ul ul li a { font-weight:bold;}



#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;
	line-height: 25px;
	height: 25px;

}



#menu ul ul li a,
#leftside .menualt2 ul ul ul li a  {
	text-decoration:none;
	font-size: 11px;
	font-weight:bold;
	line-height: 1.6;
	height: auto;
}

#menu ul ul ul li a,
#leftside .menualt2 ul ul ul ul li a { font-weight: normal; font-size: 10px;}



/**/

#menu ul ul li a,

#leftside .menualt2 ul ul ul li a  {

	line-height: 20px;
	height: 20px;

}

#menu ul li a, #leftside .menualt2 ul ul li a {width: 152px; /*175-(18+5)*/ padding: 0 18px 0 5px;}
#menu ul ul li a, #leftside .menualt2 ul ul ul li a {width: 148px; /*175-(18+9)*/ padding: 0 18px 0 9px;}
#menu ul ul ul li a, #leftside .menualt2 ul ul ul ul li a {width: 139px; padding: 0 18px 0 18px;}
#menu ul ul ul ul li a, #leftside .menualt2 ul ul ul ul ul li a {width: 130px; padding: 0 18px 0 27px;}


/*__ DYNAMIC MENU  __*/
#ds_area_content { padding-bottom:15px;}

#dynsearchmenu_wrap input.calendarDateInput, #dynsearchmenu_wrap input.txtChildrenAge{height:14px; line-height:14px; margin-top:0px; padding:0px;}

#dynsearchmenu_wrap .c_submit {height:14px; float:right;}

#dynsearchmenu_wrap table {width: 100%;}
#dynsearchmenu_wrap table td { padding: 0 auto 0 auto;}
/*#dynsearchmenu_wrap select {width: 100%;} */

input#startdate_Year_ID {width: 33px;}
select#startdate_Month_ID {width: 57px;}
select#startdate_Day_ID {width: 40px;}
a#startdate_ID_Link {width: 11px;}

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



}



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


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

/*__ inc_offersmore __*/

/*.inc_offersmore { position:relative; clear:both;}
.inc_offersmore_list { position:absolute; top:0px; left:0px;}
.inc_offersmore_list tbody { margin:0px; padding:0px; display:inline;}
*/

.inc_offersmore,.inc_offersmore table,  .inc_offersmore a { font-size:10px; line-height:1.4; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}




.inc_offersmore, .inc_offersmore td {overflow:hidden;}
.inc_offersmore table { width:100%;}


.inc_offersmore .tablerow3,
.inc_offersmore .tablerow4,
.inc_offersmore .tablerow5
 {display:none;}
 
 
 .inc_offersmore .tablerow6 {}

.om_tableheader .om_date { text-align:left;}
.om_tableheader .om_price { text-align:right;}


.om_tableheader td, .om_tableheader tr,
.inc_offersmore .tablerow7  { margin:0px; padding:0px;} 

.om_tableheader td { padding-top:2px; padding-bottom:2px;}

.om_tableheader strong.om_price {padding-right:0px;}
.om_tableheader strong.om_date {padding-left:0px;}
/*Columns*/

/*Width is hardkoden into th TD in inc_offersmore
.om_date{width:80;}
.om_duration{width:70;}
.om_depcity {width:70;}
.om_destination {width:70;}
.om_project {width:70;}
.om_hotel{width:180;}
.om_spots{width:50;}
.om_price {width:70;}

*/


/*.om_depcity, .om_project {display:none;}*/


.inc_offersmore .tablerow7 td {padding-top: 2px;
	padding-bottom: 2px;}

/*
.inc_offersmore .om_tableheader td {
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align:center;
}
*/




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

/*Searchmenu with dynamic menu*/


#searchmenu {
	width: 100%;
	float: left;
	padding-bottom: 0px;
	

}
#searchmenu_title {
	float: left;
	width: 100%;
}
#searchmenu_title, #nybrv_title
 {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 6px;
	margin-bottom: 5px;
}

#searchmenu_content {
width:96%;
	float: left;
	clear: left;
	margin-bottom: 10px;
}


#ds_area_wrap, #ds_area_content {
	width: 100%; border: none; background-image: none;
}

#ds_area_content, #dynsearchmenu_wrap {width: 100%; padding-left:0; padding-right:0; border: none; }

.ds_inrbox, .ds_tabs_wrap, #ds_tabs_wrap_content, .ds_content, .ds_niv2 {
	width: 98%;
	border: none;
	background-image: none;
}
#ds_area_content, #dynsearchmenu_wrap, .ds_inrbox, .ds_content, .ds_niv2, #dynsearchmenu_wrap { background: transparent;}

.tighParagraphs { clear:both;}


/*_____*/



/*//////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////

//////////////////           BOXMODULE     /////////////////////////

///////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////*/



.boxmodule .image {background:transparent;}

.boxmodule {margin-bottom:5px;}



.boxmodule, .boxmodule div {width:100%; overflow:hidden;}


.boxmodule { float:left;}

.boxmodule div {float:none; clear:both;}

.boxmodule, .boxmodule_content, .boxmodule .title, .boxmodule .text, .boxmodule .image {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;}






.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 ////*/

/*_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 { display:none;}




/*
.boxmodule .boxmodule_content
 {width:96%; padding:2%;}

*/



.boxmodule .title_content, 
.boxmodule .text_content
{width:97%;  padding:0 1.5% 0 1.5%;}


.boxmodule.BoxStyle_1 .text_content
{ padding-bottom:1.5%;}





/*//// Three column boxes (STARTPAGE boxes) /////*/ 
/*   
boxmodules height 200px, 
IE5 & IE6 dont support multiple class selectors like ".boxmodule.bxm_cntThreeCol.withoutImage"
only reads the last class. so all without css wont work unless placed in boxmodule_content
*/

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


.bxm_cntThreeCol .boxmodule_content,
.bxm_cntThreeCol .withoutText .image
 {height:200px;}



.bxm_cntThreeCol .withoutImage .text
 {height:180px;}

.bxm_cntThreeCol .image {height:136px;}
.bxm_cntThreeCol .title {height:20px;}
.bxm_cntThreeCol .text {height:44px;}


#content .bxm_cntThreeCol {width:184px;}
#content .bxm_cntThreeCol.marginright{ margin-right:15px;}




.bxm_cntThreeCol .boxmodule_content {/*width:176px; .width:100%; padding:4px 4px 0 4px;*/}







/*//// One column boxes /////*/ 

.bxm_cntOneCol,
.bxm_left,
.bxm_right { height:auto;}





/*//// Boxmodule Styles ////*/



/*////////////////////////////////*/

#rightside .text2 { width:92%; padding:4%; margin-bottom:15px;}




/*////////////           FUNCTIONS     //////////////////////
//   (.no_rightside, .no_sides, .no_listsincontent)   //////

Deviates from standard:

 leftside: 175px + margin-right 13px + margin-left 13px
 content: 582px + margin-right 13px
 rightside: 184px + margin-right 13px


  no_rightside content: 582+13+184=779
*/


.no_rightside #content {width: 779px;}
.no_rightside #hotel .no_listsincontent #slider {width:709px;} /*779-70=709*/



.no_sides #content {width: 993px;}
.no_sides #hotel .no_listsincontent #slider {width: 923px;} /*993-70=923px*/
/**/

.quicksearch_oneresult h2 {padding-top:15px;}

#startdate_ID {postition: absolute; right:auto; left:0 !important;}


/*/////////////////////////////
/// TABS SEARCH ENGINE  //////
////////////////////////////*/

#searchEngineTabBox, #searchEngineTabBox .title, #searchEngineTabBox .title .tab, #searchEngineTabBox .text, #searchEngineTabBox .text_content { float:left;}
#searchEngineTabBox, #searchEngineTabBox .title, #searchEngineTabBox .text {clear:both;}


#searchEngineTabBox {width:175px; padding-left:0; padding-right:0; margin-bottom:15px;}
#searchEngineTabBox .title, #searchEngineTabBox .text { width:100%; padding-left:0; padding-right:0;}
#searchEngineTabBox .text_content {width:98%; padding: 0 1% 2px 1%;}


#searchEngineTabBox .title .tab, #searchEngineTabBox .title h2 { display:block; clear:none; padding:0; margin:0; height:27px; line-height:27px; text-align:center;}


#searchEngineTabBox .title a, #searchEngineTabBox .title a span { cursor:pointer;}
#searchEngineTabBox .title, #searchEngineTabBox .title a, #searchEngineTabBox .title a:hover, #searchEngineTabBox .title h2 { font-weight:bold; font-size:13px; text-decoration:none;}
#searchEngineTabBox .title a {color:#FFFFFF;}
#searchEngineTabBox .title a:hover, #searchEngineTabBox .title a:active { color:#d1f0f4;}

#searchEngineTabBox .searchEngineTabBox1 .tab1,
#searchEngineTabBox .searchEngineTabBox2 .tab2 {width:88px;}

#searchEngineTabBox .searchEngineTabBox1 .tab2,
#searchEngineTabBox .searchEngineTabBox2 .tab1 {width:87px;}



#searchEngineTabBox,
#searchEngineTabBox .title,
#searchEngineTabBox .searchEngineTabBox1 .title .tab2,
#searchEngineTabBox .searchEngineTabBox2 .title .tab1,
#searchEngineTabBox .text {background-image: url(../images/spriteSearchEngineBox.jpg);
}


#searchEngineTabBox {background-repeat: repeat-y;}

#searchEngineTabBox .title,
#searchEngineTabBox .title .tab,
#searchEngineTabBox .text {background-repeat: no-repeat;}




#searchEngineTabBox {background-position: -700px top;}
#searchEngineTabBox .text {background-position: -875px bottom;}


#searchEngineTabBox .searchEngineTabBox1 .title {background-position: left top;}
#searchEngineTabBox .searchEngineTabBox1 .title .tab2 {background-position: -88px top;}
#searchEngineTabBox .searchEngineTabBox1 .title .tab2:active,
#searchEngineTabBox .searchEngineTabBox1 .title .tab2:hover {background-position: -263px top;}

#searchEngineTabBox .searchEngineTabBox2 .title {background-position: -350px top;}
#searchEngineTabBox .searchEngineTabBox2 .title .tab1 {background-position: -350px top;}
#searchEngineTabBox .searchEngineTabBox2 .title .tab1:active,
#searchEngineTabBox .searchEngineTabBox2 .title .tab1:hover {background-position: -525px top;}