body,td,div,p { margin: 0; color:#000; font: 11px "lucida grande", tahoma, arial, sans-serif; }
img { border: 0; }

h1,h2,h3,h4,h5,h6 { color:#000; font-family: "helvetica neue", helvetica, arial, sans-serif; line-height:1.0; }
h1 { font-size:18px; padding:0 0 6px 0; color:#000; }
h2 { font-size:14px; padding:0 0 3px 0; }
p { margin:14px 0 40px 0; color:#000; line-height:1.27; }
td { font-size: 12px; margin:0; padding:0; }

a { outline: none; } 

body {background: url(../images/bakg1.gif) repeat-x #09386e;}

/*    2387b7    */

thead td {
color:#000;
}

.cal_week, .cal_empty {
color:#000;
}

div#billboard {
	width: 100%;
	padding: 0px 0 0 0;
}
div.topMenu {
	
	position: relative;
	width: 980px;
	height: 91px;
	margin: 0 0 30px 0px;
	border-bottom: 0px solid #09386e;
}
div.container {
	max-width: 980px;
	width:expression(document.body.clientWidth > 980? "980px": "auto" );
	min-width: 690px;
	width:expression(document.body.clientWidth < 690? "690px": "auto" );
	margin: 0 auto 0 auto;
}
div#leftWrap {
width:211px;
float:left;
margin: 100px 0 0 0;
padding: 10px 0 0 0;
}
div#tabWrap {
width:769px;
float:left;
}
div#centerWrap {
width:769px;
float:left;
}
div#rightWrap {
width:333px;
float:left;
margin: 0 0 0 20px;
}
#infoBox { margin: 0px 0px 0px 0px; background:url(../images/topDarkBakg.png) top left repeat-x; width:753px; padding: 28px 8px 8px 8px; float:left; height:64px; color:#c6c7ca; text-align:center; font-size:14px;}
#whiteBox { margin: 0px 0px 0px 0px; background:url(../images/blueCornersTop769.png) top left no-repeat #fff; width:753px; padding: 8px; float:left; height:100%; min-height:600px;font-size: 12px;}
/*****************************************************
* Lägenheter/Stugor --- Meny
*****************************************************/

#list { margin: 0px 0px 0px 0px; background:url(../images/blueCornersTop769.png) top left no-repeat #fff; width:769px; padding: 0px; float:left;}
#list_box p { margin: 0px 8px 10px 8px; padding:0; font-size: 1.2em; line-height:1.4em; text-align:left; }
#list_box h2 { font-size: 1.4em; line-height:1.4em; font-weight: bold; padding:0; margin: 3px 8px 4px 7px; }
.pris_rund { height: 96px; width: 96px; margin: -85px 0 0 143px; position:absolute; z-index:1; display:none;}

#list_box { width:769px; margin: 0; list-style:none; padding:0; }
#list_box .span_box { float:right; width:490px; margin:0 0 15px 0; padding:0; min-height:150px; border-bottom:1px solid #eee; }
#list_box a { float:left; text-decoration:none; }
#list_box li { float:left; margin:0; padding:0; width: 760px; background:url(../images/greyRoundBack.png) top left no-repeat; }
#list_box li:hover { background:url(../images/blueRoundBack.png) top left no-repeat; }
#list_box li.villan:hover h2 { width:150px; border-bottom:1px solid #cccccc; margin-bottom:3px; }
#list_box li.vargen:hover h2 { width:150px; border-bottom:1px solid #f48369; margin-bottom:3px; }
#list_box li.bjornen:hover h2 { width:150px; border-bottom:1px solid #fe7bac; margin-bottom:3px; }
#list_box li.jarven:hover h2 { width:150px; border-bottom:1px solid #fb8dd8; margin-bottom:3px; }
#list_box li.fjallripan:hover h2 { width:150px; border-bottom:1px solid #a561d5; margin-bottom:3px; }
#list_box li.tranan:hover h2 { width:150px; border-bottom:1px solid #4989c2; margin-bottom:3px; }
#list_box li.dalripan:hover h2 { width:150px; border-bottom:1px solid #5bb3bf; margin-bottom:3px; }
#list_box li.ostanvind:hover h2 { width:150px; border-bottom:1px solid #fff8a6; margin-bottom:3px; }
#list_box li.vastanvind:hover h2 { width:150px; border-bottom:1px solid #b5d863; margin-bottom:3px; }
#list_box li.villan:hover { background:url(../images/blueRoundBack.png) top left no-repeat; }
#list_box li.vargen:hover { background:url(../images/vargenRoundBack.png) top left no-repeat; }
#list_box li.bjornen:hover { background:url(../images/bjornenRoundBack.png) top left no-repeat; }
#list_box li.jarven:hover { background:url(../images/jarvenRoundBack.png) top left no-repeat; }
#list_box li.fjallripan:hover { background:url(../images/fjallripanRoundBack.png) top left no-repeat; }
#list_box li.tranan:hover { background:url(../images/trananRoundBack.png) top left no-repeat; }
#list_box li.dalripan:hover { background:url(../images/dalripanRoundBack.png) top left no-repeat; }
#list_box li.ostanvind:hover { background:url(../images/ostanvindRoundBack.png) top left no-repeat; }
#list_box li.vastanvind:hover { background:url(../images/vastanvindRoundBack.png) top left no-repeat; }
.list_bild { padding:8px; float:left; width:235px; margin:0 0 20px 0; }

/*****************************************************
* Kontakta oss
*****************************************************/
#form { float:left; width:300px; margin:0; }
#form_b{ width:740px; margin:0; }

#commentForm { width: 250px; margin:0; padding:0; }
#commentForm label { width: 250px; margin:0; padding:0; }
#commentForm input { width: 250px; margin:0; padding:0; }
#commentForm textarea { width: 250px; height:120px; margin:0; padding:0; }
#commentForm label.error, #commentForm input.submit { margin-left: 0px; }

#kontaktaInfoRuta {float:left; width:300px; margin:0px 0 0 100px;}

.form_box { float:left; width:300px; margin:0 15px 0 0; }

/*****************************************************
* Lägenheter/Stugor --- Info
*****************************************************/
div.text_wrap { width: 400px; float:left; margin: 0; background: url(../images/whiteBottom.gif) bottom left no-repeat #fff; padding:8px; }
div.text_wrap h1 { margin-top:0; color:#222; }
div.text_wrap h2 { color:#111; }
div.text_wrap p { font-size: 12px; color:#000; }

div.pano_wrap {
margin: 0 0 0px 0;
border: 8px solid #fff;
border-top:0;
background: #fff;
float:left;
width:400px;
}

div#rightWrap h2, td {
color:#fff;
}

/*****************************************************
* Startsida
*****************************************************/

#front_pano ul {
float:right;
}
#front_pano li {
clear:left;
}
#front_pano a {
width:250px;
padding:14px 0px 14px 10px;
border-bottom: 1px solid #eee;
color:#999;
}
#front_pano a:hover {
background: #eee;
color:#000;
}
#front_nob a {
border-bottom: 0px;
}
.front_rightWrapBakg {
width:250px;
height:300px;
margin:0;
padding:0;
float:right;
}
#front_pano .ui-tabs-nav li.ui-tabs-selected a {
	color: #000;
}
/*****************************************************
* Meny
*****************************************************/
#menu {
    list-style: none;
    margin: 50px 8px 0 0;
    padding: 0;
	width:auto;
	float:right;
}
#menu  li {
    float: left;
    margin: 0 0px 0 30px;
    font-weight: bold;
	font-size: 13px;
}
#menu a {
color:#b1b2b5;
text-decoration:none;
}
#menu a:hover {
color:#fff;
text-decoration:underline;
}
#menu a.active {
color:#9fe200;
text-decoration:underline;
}
#menu a.red_link {
color:#e20000;
}
#menu a:hover.red_link {
color:#e20000;
text-decoration:underline;
}

#kartText {
font-style:italic;
color:#999;
float:right;
}

#kartTextSvart {
font-weight:bold;
color:#000;
float:left;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0px 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 0px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 0px;
}
.ui-tabs-nav a {
    margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    /*background-position: 100% 0;*/
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px;
    z-index: 2;
    margin-top: 0;
	color: #9fe200;
    /*background-position: 100% -23px;*/
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}


.ui-tabs-panel {
    /*border: 1px solid #519e2d;*/
    padding: 0px;
	z-index:100000;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


#bpTabs ul {
width: 416px;
margin:0;
padding:0;
height:28px;
}
#bpTabs li a{
margin:0;
padding:0;
height:28px;
}
#bpTabs span {
width: 208px;
height:28px;
}

#bilderTab {
height:28px;
background: url(../images/bilderTab.gif) top left no-repeat;
}
#bilderTab a:hover {
background: url(../images/bilderTab.gif) center left no-repeat;
}
#bilderTab.ui-tabs-selected, #bilderTab.ui-tabs-selected  a:hover  {
height:28px;
background: url(../images/bilderTab.gif) bottom left no-repeat;
}

#panoramaTab {
height:28px;
background: url(../images/panoramaTab.gif) top left no-repeat;
}
#panoramaTab a:hover {
background: url(../images/panoramaTab.gif) center left no-repeat;
}
#panoramaTab.ui-tabs-selected, #panoramaTab.ui-tabs-selected a:hover {
height:28px;
background: url(../images/panoramaTab.gif) bottom left no-repeat;
}


#tabWrapTabs {
margin:0;
padding:0;
}


#pano li {
clear:left;
}
#pano a {
width:315px;
padding:14px 0px 14px 10px;
border-bottom: 1px solid #09386e;
}
#pano a:hover {
background: #0b2b4f;
}
#nob a {
border-bottom: 0px solid #09386e;
}


.rightWrapBakg {
background: url(../images/rightWrapBakg.gif) top left repeat-x;
width:325px;
height:300px;
margin:-8px 0 0 0;
padding:8px 8px 0 20px;
float:left;
}

#stugor li {
clear:left;
margin:0 0 0px 0;
}
#stugor a {
width:161px;
height:50px;
margin:0;
padding:0px 0px 0px 50px;
}
#stugor a.red {background: url(../images/stugor.png) 0 0px no-repeat;}
#stugor a:hover.red {background: url(../images/stugor.png) 0px -50px no-repeat;}
#stugor li.ui-tabs-selected a.red {background: url(../images/stugor.png) 0px -100px no-repeat;}

#stugor a.rosa {background: url(../images/stugor.png) 0 -150px no-repeat;}
#stugor a:hover.rosa {background: url(../images/stugor.png) 0px -200px no-repeat;}
#stugor li.ui-tabs-selected a.rosa {background: url(../images/stugor.png) 0px -250px no-repeat;}

#stugor a.ljusrosa {background: url(../images/stugor.png) 0 -300px no-repeat;}
#stugor a:hover.ljusrosa {background: url(../images/stugor.png) 0px -350px no-repeat;}
#stugor li.ui-tabs-selected a.ljusrosa {background: url(../images/stugor.png) 0px -400px no-repeat;}

#stugor a.lila {background: url(../images/stugor.png) 0 -450px no-repeat;}
#stugor a:hover.lila  {background: url(../images/stugor.png) 0px -500px no-repeat;}
#stugor li.ui-tabs-selected a.lila  {background: url(../images/stugor.png) 0px -550px no-repeat;}

#stugor a.blue {background: url(../images/stugor.png) 0 -600px no-repeat;}
#stugor a:hover.blue {background: url(../images/stugor.png) 0px -650px no-repeat;}
#stugor li.ui-tabs-selected a.blue {background: url(../images/stugor.png) 0px -700px no-repeat;}

#stugor a.turkos {background: url(../images/stugor.png) 0 -750px no-repeat;}
#stugor a:hover.turkos {background: url(../images/stugor.png) 0px -800px no-repeat;}
#stugor li.ui-tabs-selected a.turkos {background: url(../images/stugor.png) 0px -850px no-repeat;}

#stugor a.gul {background: url(../images/stugor.png) 0 -900px no-repeat;}
#stugor a:hover.gul {background: url(../images/stugor.png) 0px -950px no-repeat;}
#stugor li.ui-tabs-selected a.gul {background: url(../images/stugor.png) 0px -1000px no-repeat;}

#stugor a.green {background: url(../images/stugor.png) 0 -1050px no-repeat;}
#stugor a:hover.green {background: url(../images/stugor.png) 0px -1100px no-repeat;}
#stugor li.ui-tabs-selected a.green {background: url(../images/stugor.png) 0px -1150px no-repeat;}

#stugor a.white {background: url(../images/stugor.png) 0 -1200px no-repeat;}
#stugor a:hover.white {background: url(../images/stugor.png) 0px -1250px no-repeat;}
#stugor li.ui-tabs-selected a.white {background: url(../images/stugor.png) 0px -1300px no-repeat;}

#vsTabs ul {
width: 769px;
margin:0;
padding:0;
height:28px;
}
#vsTabs li a{
margin:0;
padding:0;
height:28px;
}
#vsTabs span {
width: 384px;
height:28px;
}

#vinterTab {
height:28px;
background: url(../images/vinterTab.gif) top left no-repeat;
}
#vinterTab a:hover {
background: url(../images/vinterTab.gif) center left no-repeat;
}
#vinterTab.ui-tabs-selected, #vinterTab.ui-tabs-selected  a:hover  {
height:28px;
background: url(../images/vinterTab.gif) bottom left no-repeat;
}

#sommarTab {
height:28px;
background: url(../images/sommarTab.gif) top right no-repeat;
}
#sommarTab a:hover {
background: url(../images/sommarTab.gif) center right no-repeat;
}
#sommarTab.ui-tabs-selected, #sommarTab.ui-tabs-selected a:hover {
height:28px;
background: url(../images/sommarTab.gif) bottom right no-repeat;
}

#vsTabWrapTabs {
margin:0;
padding:0;
}
#vinter, #sommar {
padding: 20px 8px 0 8px;
}
#vinter div , #sommar div {
color:#000;
font-size: 14px;
}
#vinter h4 , #sommar h4 {
margin:0;
padding:8px;
font-size: 14px;
}
.weeks {
font-weight:bold;
float:left;
}
.prisBox {
float:left;
text-align:center;
margin:0 0 0 10px;
padding:0 0 5px 0;
}



	#mainGallery {

	}
	#mainGallery a img{
		border: 4px solid #14345d;
		padding:0px;
		margin: 0 7px 6px 0px;
		float: left;
	}
	#mainGallery a:hover img{
		border: 4px solid #2d61a1;
		padding:0;
	}
	#mainGallery a.odd img{
		margin: 0 0 6px 0;
	}




	div#mainGalleryWrap{
		margin: 0px 0 0px 0;
		padding: 0px 8px 10px 8px;
		background: #fff;
		height: 290px;
		width: 400px;
		float:left;
		z-index:100;
	}
					ul#spinner{
					height: 290px;
					}
					ul#spinner p{
						padding: 0;
						position: relative;
						z-index: 300;
						background: #1b4b88;
						filter:alpha(opacity=75);
						-moz-opacity: 0.75; 
						opacity: 0.75;
					}
					ul#spinner p span{
						margin: -37px 0 0 0;
						padding: 4px 0 0 7px;
						height: 24px;
						width: 393px;
						display: block;
						font-size: 10px;
						font-weight: bold;
						/*text-transform: uppercase;*/
						color: #fff;
						background: #1b4b88;
						filter:alpha(opacity=75); 
						font-family: Arial, "Lucida Grande", "Trebuchet MS", Verdana, Sans;
					}
					ul#galleryControls{
						margin: -22px 0 0 0;
						padding: 3px 0px 0 0;
						width: 393px;
						position: relative;
						list-style: none;
						z-index: 350;
					}
	ul.arrowControls li{
		display: inline;
		overflow: hidden;
	}
	ul.arrowControls li a.prevArrow{
		display: block;
		overflow: hidden;
		background: url(../icon/control_rewind.png) top left no-repeat;
		width: 16px;
		height: 16px;
		margin-right: 4px;
	}
	ul.arrowControls li a.prevArrow:hover{
		background: url(../icon/control_rewind_blue.png) top left no-repeat;
	}
	ul.arrowControls li a.nextArrow{
		display: block;
		overflow: hidden;
		background: url(../icon/control_fastforward.png) top left no-repeat;
		width: 16px;
		height: 16px;
	}
	ul.arrowControls li a.nextArrow:hover{
		background: url(../icon/control_fastforward_blue.png) top left no-repeat;
	}
	ul.arrowControls li a{
		float: right;
		text-indent: -9999px;
	}