/****************************************************************
*******  JÖRNS   ******************* UPDATED  **  080508 /LS  ***
*****************************************************************

SITE SETTINGS:

leftside: 188px + margin-right 19px
content: 582px + margin-right 19px
rightside: 185px
----------------
Page width: 993px
-----------------
*/


/*__ CONTENTPAGES (categorty, destination, hotel) __*/


#topmenu, #footer .col2,

#content, 
#startpage_text, 
#destination, #category, #hotel, 
.content_wrap_text, .breadcrumbs, .destfacts,
.pageheader, #category .user_content, 
#destination .offers_table, 
#hotel .offers_table,
.tourlist, 
.contact_iframe, 
iframe.dynheight
{width: 582px;}


.ordersteg_width1 {width: 582px;}

#destination .user_content, 
#hotel .user_content,
#destination .content_wrap_image, 
#hotel .content_wrap_image
{width: 582px;}





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

#iframe_body, #iframe,
select, textarea, 
#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 {color:#1b191a; background-color:#dbdbdb;}
a {color:#0b0184;}
h1, h2, h3, h4, h5, h6{color: #7c013a;}
.title, .title a, #topmenu, #topmenu a {color: #7c013a;}

/**/


*, div {border: #dcdddf;}

.image {background-color: #dcdddf;}
.button, .c_submit input{color: #333333;}
.button:hover .c_submit input:hover{color: #999999;}

/**/

.txtcolor1 {color: #7c013a;}
.txtcolor2 {color: #dbdbdb;}
.txtcolor3 {color: #0d008b;}

/**/


#menu ul li, #leftside .menualt2 ul ul li  {
	background-color:#7c013a;
}

#menu ul ul li, #leftside .menualt2 ul ul ul li  {
	background-color:#FFFFFF;
}


#menu ul li a, #leftside .menualt2 ul ul li a  {
	color:#FFFFFF;
}

#menu ul ul li a, #leftside .menualt2 ul ul ul li a  {
	color:#7c013a;
}



#menu ul li.active a, #menu ul li a:hover {
	color: #b14066;
}


#rightside .highlight {font-weight:normal; color: #7c013a;}

/**/

#star_ico {color:#7c013a;}

/*DS menu*/

/**/


.tableheader td{
	background-color: #7c013a;
	color: #FFFFFF;
}

.row_odd td    {
	background-color: #FFFFFF;
}

.row_even td    {
	background-color: #F9F9F9;
}

#brochure_btn .formtext {
	background-color: #7c013b;
	color: #FFFFFF;
	}
/**/


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

/*__ FCKeditor styles __*/
img.rightimage, .rightimage img{float: right;
	margin-bottom: 0px;
	margin-left: 15px;}
	
img.leftimage, .leftimage img{float: left;
	margin-bottom: 0px;
	margin-right: 15px;}
		
.txtsmall {font-size: 10px;}
.txtlarge {font-size: 17px;}
.preamble {  /*ingress*/
	font-weight: bold;
	font-size: 110%;
	color:#7c013a;
}

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



html, body{ padding:0; margin:0;}

	
/*__ CM overide __*/
#content u {text-decoration: none;}

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

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


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;

}
	
body, table, caption {	line-height: 19px;
	font-size: 12px;}


body {text-align:center;}


a {text-decoration:none;}


a:hover {text-decoration:underline;}



p {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 3px;
}


h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	line-height: normal;
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 4px;
}

h1{	
font-size:19px;
}

h2 {
	font-size:13px;
	margin-bottom: 2px;

}

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


input, select, textarea {
	font-weight: normal;
	word-spacing: normal;
	border-width: 1px;
	border-style: solid;
	}


select {} 

option {} 

textarea {
	font-weight: normal;
	word-spacing: normal;
	overflow: auto;
} 



/*////////////////////////////////////////////////////////////////
////////////////////  CLIENT LAYOUT   ////////////////////////////
/////////////////////// id & class  /////////////////////////////
////////////////////////////////////////////////////////////////*/

#wrap, #container, #footerBG {min-width:993px;}

#wrap { 
	width:100%;
	background-color:#FFFFFF;
	float:left;
	background-image: url(../images/bodybg.jpg);
	background-repeat: repeat-x;
	background-position: left top;}

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


}

	

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

#content, #rightside{margin-top:55px;}

#header {display:none;}
 



#leftside {
	width: 188px;
	padding: 0px;
	float: left;
	margin-right: 19px;
}


#content{
	float: left;
	margin-right: 19px;
}

#rightside {
	width: 185px;
	right: 0px;
	float: left;
}


 #footer .col1,  #footer .col2,  #footer .col3 { float:left;}
 #footer .col1 { width:115px;}
 #footer .col2 { width:878px;}
 #footer .col3 { display:none;}
 

#rightside ul {list-style-type: none;}


#rightside ul, #rightside li {
margin-top: 0px;
padding-top: 0px;
margin-left: 0px;
padding-left: 0px;
}

#rightside #contactinfo ul
{
	list-style-image: url(../images/pdficon.gif);
	list-style-position: inside;
}

#rightside #contactinfo ul li a
{
/*.margin-left: 5px;*/
}





#rightside .button {
	background-image: url(../images/btn_search.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 19px;
	text-align: center;
	height: 19px;
	width: 37px;
	overflow: hidden;
	font-size: 10px;
	font-weight:bold;
	border-width: 0px;
	border-style: none;
}

#rightside .button:hover {
	background-position: right top;
	padding-top: 1px;
}

#rightside #bokadirekt select {margin-bottom: 10px; width:168px;}
#bokadirekt input { float:right;}


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

#footer a { font-weight: bold;}

#footer, #footer a {
	font-size: 10px;
}

#footerBG{
	clear: left;
	float: left;
	width: 100%;
	height: 60px;
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}



#logo {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	float: left;
	border-width: 0px;
	border-style: none;
	background-image: url(../images/logobg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 89px;
	width: 188px;
	margin-bottom: 20px;
}

#logo img{
	margin-left: 10px;
	margin-top: 14px;
}


#topmenu {
	float: left;
	clear:both;
	margin-bottom: 15px;
	text-align: center;	
}

#topmenu, #topmenu a { font-weight:bold;}


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


#flashcontent {
	margin-bottom: 15px;
	width: 578px;
	/*.width: 582px;*/
	clear: both;
	float: left;
	overflow: hidden;
	border-width: 2px;
	border-style: solid;
}







/*__ MENU __*/

#menu {
	width:176px;
}



#leftside_content{
	margin: 0px;
	padding: 0px;
}



#travelize {
margin-top:5px;
	clear: both;
	float: left;
}
#startpage_text {
	clear: both;
	float: left;
}


/*__ MENU (main menu) __*/

#menu ul li a, #leftside .menualt2 ul ul li a{
	border-style: none;
	border-width: 0px;
	font-style: normal;
	font-weight: normal;
}



#menu {
	float:left;
	width:188px;
	clear: left;
	float: left;
	border-width: 0px;
	border-style: none;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}


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

}

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

}
#menu li.active a  {}



#menu, #menu a {
	font-size: 13px;
	font-style: italic;
	letter-spacing: normal;
	word-spacing: normal;}


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


#menu, #menu a{width:188px;}



#menu ul li{
	background-image: url(../images/bgmenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu ul ul li{background-image: none;}


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


#menu ul ul li,
#leftside .menualt2 ul ul ul li{ 
 margin-bottom:auto;}


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

#menu ul li.nolist ul,
#leftside .menualt2 ul ul li.nolist ul{ padding-bottom:10px; background-color:#FFFFFF;}

/*-*/

#menu ul li a,
#leftside .menualt2 ul ul li a {
	background-image: url(../../upload/images/menyikoner/noicon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 52px;
	line-height: 28px; 
	height:28px; 
	font-weight: bold; 
	overflow:hidden;
}

#menu ul ul li a,
#leftside .menualt2 ul ul ul li a {
	background-image: none;
	text-indent: 0px;
	line-height: 10px;	
	height: 10px; 
	font-weight: normal;

}



#menu ul ul li a,
#leftside .menualt2 ul ul ul li a  {
	padding-left: 9px;
}





/*__ DYNAMIC MENU  __*/


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

#brochure_btn .formtext {
	border-width: 1px;
	border-style: solid;
	}
	
	
	


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


/*__ erfarenhet star __*/
#flashcontent {
	position: relative;
}

#star_ico, #flashcontent .imagetext{position: absolute; top: 0px;
	left: 440px; overflow:hidden;}

#flashcontent .imagetext {
	color:#7b0039;
	z-index: 20; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 23px;
	text-align: center; 
	/*font-smooth: always;*/
	top: 13px;
	left: 466px;
	width: 112px;
	height: 62px;
	}


#flashcontent .imagetext .highlight {
	font-size: 25.6px;
	
}

#star_ico {
	background-image: url(../images/bannerstar.gif);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 10;
	width: 142px;
	height: 106px; 
	/*
	padding-top: 13px;
	padding-left:26px;
	*/
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}




/*__ BOXES __*/




.box{margin-bottom: 15px;}


.box .title h1, 
.box .title h2, 
.box .title h3,
.box .title h4,
.box .title h5,
.box .title h6,
.title_content{
	text-align: left;
}


#wrap .startbanners {
	border-width: 2px;
	border-style: solid;
	width:278px;
	/*.width:282px;*/
	padding-top: 6px;
	padding-bottom: 6px;
	overflow:hidden;
}

.marginleft {margin-left:18px;}
.marginright {margin-right:30px; /*.margin-right:20px;*/}

.title {font-weight: bold; margin-bottom: 5px;}


.startbanners .image img,
.startbanners .image {

	height: 150px;

}

.startbanners .image img { width:auto;}

/*.startbanners .image img, .startbanners .image a img { width:auto; height:auto; border:none; padding:0px; margin:0px;}*/



.startbanners  .title {
	margin-top: 5px;
	margin-bottom: 5px;

}



.startbanners .text {

	height: 55px;

	overflow: hidden;

	margin-top: 3px;

	margin-bottom: 5px;

}



.startbanners .image {

	text-align: center;

}



.startbanners .title,

.startbanners .image {

	width: 266px;

	margin-left: 6px;
	margin-right: 6px;

	overflow: hidden;

}


.startbanners .text {

	width: 270px;

	margin-left: 4px;

	margin-right: 4px;

}


#rightside .box {
	background-color: #fcf8f9;
	border-width: 2px;
	border-style: solid;
	width:181px;
	/*.width:185px;*/
	padding-top: 6px;
	padding-bottom: 6px;
	
}

#rightside .box .title_content{
	text-align: center;
}

#rightside #contactinfo .title_content {text-align: left;}



#rightside .box .title,
#rightside .box .text_content{
	margin-left: 6px;
	margin-right: 6px;
	
}

#rightside .box select {width:169px;}







/*__ MARQUEE (nyheter scroll) __*/

#nyheter .marque_item {line-height:1.4; padding-top:15px; color:#39222E; font-size:10px;}
#nyheter .marque_item:hover { text-decoration:none;}

#nyheter a, #nyheter a span
{display:block;}

#nyheter a span a {display:none;}


#nyheter .marquee_date {font-size:9px; color:#7d013f;}

#nyheter .marquee_title {
	font-size:11px;
	font-weight:bold;

}

#nyheter .marquee_text{ font-size:10px;
	font-weight:normal; height:40px; overflow:hidden;}


.marquee_text p, .marquee_text font{ width:100%;}


#marqueecontainer{
	position: relative;
	height: 140px;
	overflow: hidden;
}


#vmarquee {
	position: absolute; 
}