/* ###########  RESET STANDARD BROWSER LAYOUT  ################  */

html, body, p, h1, h2, h3, h4, h5, h6 input, textarea, select, table, th, td, tr, li, ul
{
    font-family: Verdana, Sans-Serif;
    padding: 0;
    margin: 0;
    font-size: 11px;
    color: #1d4200;
    line-height: 20px;
    
}

/* ###########  GENERAL STYLING  ################  */

h1
{
    font-size: 15px;
    font-weight: bold;
    margin-bottom:-15px;
    margin-top: 20px;
}
h2
{
    font-size: 11px;
    font-weight: bold;
    margin-bottom:-15px;
}
h3
{
    font-size: 9px;
    font-weight:normal;
}
p
{
    line-height: 20px;
    margin: 18px 0;
    font-size: 11px; 
    width: 400px;
}
.tight
{
    line-height: 14px;
}
.erbjudande
{
    width: 100%;
    text-decoration: none;
    color: #1d4200;
}
.click:hover
{
    text-decoration: underline;
    cursor:pointer;
}
a
{
    text-decoration: none;
    color: #222;
}
img, pics
{
    border: 0;
}
 a.underline
{   text-decoration: underline;
    color: #1d4200;
} 
 a.underline:hover
{   text-decoration: none;
    color: #1d4200;
}
 

/* ###########  SPECIFIC LAYOUT (OVERRIDES)  ################  */

body
{
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    font-size: 11px; /* gäller både submenyn och brödtexten i bodyn*/
}
#container
{
    width: 950px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #fff;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
}
#content
{
}
div
{
}
/* ###########  HEADER  ################  */
#header
{
    position: relative;
    height: 66px;
}
img#logo
{
}
#ads
{
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 2px;
}
#ads a
{
    display: block;
    width: 140px;
    height: 59px;
    float: left;
    margin-left: 2px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial;

}
.ad1
{
    background-image: url(../../Assets/Images/Main/annons_1.gif);    
}
.ad2
{
    background-image: url(../../Assets/Images/Main/annons_2.gif);    
}
.ad3
{
    background-image: url(../../Assets/Images/Main/annons_3.gif);    
}
/* ###########  TOP MENU  ################  */
#menu
{ 
    background-image: url(../../Assets/Images/Main/menu_tile.gif);
    background-repeat: repeat-x;
    height: 36px;
}
#menu ul
{
    list-style: none;
}
#menu li
{
    list-style: none;
    float: left;
}
#menu a
{
    color: #fff;
    display: block;
    background-image: url(../../Assets/Images/Main/menu_tile.gif);
    background-repeat: repeat-x;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 0 14px; /* Själv bredden (mellanrummet mellan texten och avskiljaren) på menyknapparna */
    float: left;
}
#menu .left
{
    width: 1px;
    background-image: url(../../Assets/Images/Main/menu_tab_left.gif);
    height: 32px;
    float: left;
}
#menu .right
{
    width: 1px;
    background-image: url(../../Assets/Images/Main/menu_tab_right.gif);
    height: 32px;
    float: left;
}
#menu .active .left
{
    width: 1px;
    background-image: url(../../Assets/Images/Main/menu_active_tab_left.gif);
    height: 32px;
    float: left;
}
#menu .active a
{
    background-image: url(../../Assets/Images/Main/menu_active_tab_tile.gif);
}
#menu .active .right
{
    width: 1px;
    background-image: url(../../Assets/Images/Main/menu_active_tab_right.gif);
    height: 32px;
    float: left;
}
#menu a:hover
{
    text-decoration: underline;
}
/* ###########  LEFT COLUMN  ################  */
#leftcolumn
{
    float: left;
    width: 433px;
}
#submenu
{
}
#submenu #tabs
{
    background-image: url(../../Assets/Images/Main/submenu_bg.gif);
    height: 36px;
    padding-left: 20px;
}
#submenu #tabs a
{
    background-image: url(../../Assets/Images/Main/submenu_tab_tile.gif);
    background-repeat: repeat-x;
    line-height: 32px;
    display: block;
    padding: 0 8px;
    float: left;
}
#submenu #tabs a:hover
{
    text-decoration: underline;
}
#submenu #tabs div.active a
{
    background-image: url(../../Assets/Images/Main/submenu_active_tab_tile.gif);
}
#submenu #tabs div.active div.left
{
    background-image: url(../../Assets/Images/Main/submenu_active_tab_left.gif);
}
#submenu #tabs div.active div.right
{
    background-image: url(../../Assets/Images/Main/submenu_active_tab_right.gif);
}
#submenu #tabs div.left
{
    background-image: url(../../Assets/Images/Main/submenu_tab_left.gif);
    background-repeat: repeat-x;
    width: 5px;
    height: 36px;
    float: left;
}
#submenu #tabs div.right
{
    background-image: url(../../Assets/Images/Main/submenu_tab_right.gif);
    background-repeat: repeat-x;
    width: 5px;
    height: 36px;
    float: left;
    margin-right: 2px;
}
#content .textholder
{
    background-image: url(../../Assets/Images/Main/bg_textcontent.gif);
    background-repeat: no-repeat;
    width: 433px;
    float: left;
}
#content .textholder1 /*Används när man senare vill använda kolumner, tex. som på hotell-prissidan*/
{
    width: 433px;
    float: left;
}
#content .textholder2 /*Används på erbjudandesidan*/
{
    width: 433px;
    float: left;
    min-height: 500px;
}
#content .textholder3 /*Används på defaultsidan*/
{
    background-image: url(../../Assets/Images/Main/bg_textcontent.gif);
    background-repeat: no-repeat;
    width: 433px;
    float: left;
    height: 385px;
}
#content #text
{
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
}
.text
{
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
}
#content #image
{
    float: right;
}
#content li
{
    margin-left: 20px;
    margin-bottom: 6px;
    list-style-image: url(../../Assets/Images/Main/tiny_arrow.gif);
}
hr
{
    background-color:gray;
    border-style:solid;
    clear:both;
    color:#cad29a;
    height:1px;
    margin:0.5em 0;
}
#content .column1 /*Används när man vill använda kolumner, tex. som på hotell-prissidan*/
{   
    float: left; 
    width: 215px;
}
#content .column2 /*Används när man vill använda kolumner, tex. som på hotell-prissidan*/
{   
    float: left; 
    width: 217px;
}

#pdf a /* Används vid PDF-länkar i texten*/
{
    text-decoration: underline;
    color: #1d4200;
}
#pdf a:hover /* Används vid PDF-länkar i texten*/
{
    text-decoration: none;
}

#banner {  
    width:  433px; 
    height: 60px; 
    float: right;
    padding: 0px;
}
img.erbjudande
{
    width: 90px;
    height: 90px;
    margin-top: 7px;
    margin-right: 7px;
}

 

/* ###########  RIGHT COLUMN  ################  */
#rightcolumn
{
    width: 516px;
    float: left;
    padding: 0px;
    position: relative;
}
#rightcolumn img
{
    float: right;
}
#pics {  
    width:  509px; 
    height: 423px; 
    float: right;
    padding: 0px;
} 
 
#pics img {  
    width:  509px; 
    height: 423px; 
    float: right;
    padding: 0px;
}
#speedlinks
{
    float: right;
    height: 24px;
    padding-top: 7px;
}
#speedlinks a
{
    font-size: 11px;
    padding: 7px;
    text-decoration: underline;
}
#speedlinks a:hover
{
    text-decoration: none;
}
#flags
{
    float: right;
}
.flags
{
    float: right;
}
#flags input
{
    margin: 0 2px;
    padding-left: 4px;
}
#content #flags
{
    float: right;

}

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

/* ###########  UNDER COLUMN  ################  */

#undercolumn
{
    width: 509px;
    float: right;
    padding-top: 6px;
    position: relative;
}

#rightundercolumn
{
    width: 300px;
    float: right;
    padding-top: 6px;
    position: relative;
}
#leftundercolumn
{
    width: 203px;
    float: left;
    padding: 6px;
    position: relative;
}

/* ###########  FOOTER  ################  */
#footer
{
    text-align: right;
    font-size: 11px;
    line-height: 18px;
    padding: 7px 7px 0 0;
    width:  509px;
    float: right;
}
#footer a
{
    text-decoration: underline;
}
#footer a:hover
{
    text-decoration: none;
}
/* BOKA STYLES */

#boka 
{
    border: 1px solid #CCC;
    z-index: 7;
    position: absolute;
    right: 30px;
    background: #FFF;
    display: none;
    top: 30px;
    padding: 5px;
}
#boka a
{
    text-decoration: underline;
  }  
#boka a:hover
{
    text-decoration: none;  
} 

/* CHANGE LANGUAGE STYLES */

#languages 
{
    border: 1px solid #CCC;
    z-index: 7;
    position: absolute;
    right: 30px;
    background: #FFF;
    display: none;
    top: 30px;
    padding: 5px;
}
#languages a
{
    text-decoration: underline;
  }  
#languages a:hover
{
    text-decoration: none;  
} 

/* GALLERY */

#gallery {  
    width:  509px; 
    height: 423px; 
    float: right;
} 
 
#gallery img {  
    width:  509px; 
    height: 423px; 
    float: right;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

	#body { font-family: Arial; font-size: 16px; }
	#dl { width: 300px; height: 500px;}
	#dl,dd { margin: 0; }
	#dt { background: #F39; font-size: 18px; padding: 5px; margin: 2px; }
	#dt a { color: #FFF; }
	#dd a { color: #000; }
	#ul { list-style: none; padding: 5px; }
	
	
.fotorad
{    float: inherit;
    border:10px;
  
}
.fototext {
line-height:10px;
margin:20px 6px 6px;
}