
html, body {
	font-family: arial; 
	font-size: 8pt;
	background-color:#FFF;
	margin:0 auto;
	line-height:15px; 
	min-width:800px;
	text-align:center;
}

h1		{padding:10px 0px 5px 0px;margin:0px;font-size:16pt;}
h2		{padding:5px 0px 5px 0px;margin:0px;font-size:12pt;}
h3		{margin:11px 0px 0px 0px;font-size:9pt;}
p		{margin:10px 0px 0px 0px;}
input	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
select	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
td		{font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height: 15px; font-weight: normal; color: #222222;}

/* -------- LAYOUT-DIVAR ------------ */

#container
{
	margin:0 auto;  /*     CENTRERING */
	text-align:left;
	min-height:100%;
	border-left:1px solid #cdd9dd;
	border-right:1px solid #cdd9dd;
	width:750px;
	background: url(/bilder/bg_container.gif) no-repeat bottom;}  
}
#top 
{
	text-align:center;
	height:60px;
	
}
#mid
{
	text-align:left;
	height:50px;
	background: #FFF url(/bilder/bg_verktygspaletten.gif) repeat-x;
}
#mid a
{
	line-height:10px;
}
#main		{margin-left:10px;}

/* -- VÄNSTERKOLUMN -- */
#col1		{width:160px;margin:10px 0px 10px 0px;float:left;}



/* ------------ Erbjudanden högerlista -------------- */

#FrontErbjContainer {	Width: 164px;
						Background: #FFFFFF;
						min-height: 52px;
						_height: 52px;
						Margin-bottom: 15px; }

#FrontErbjTop {	Width: 164px;
				Height: 52px;
				Background: url(/bilder/erbj/front_top.gif) no-repeat; }

#FrontErbjMid {	Width: 148px;
				Padding: 15px 8px 0px 8px; }
	
	.FrontErbjPost {	Border-bottom: 1px dashed #dddfe0; 
					Padding-bottom: 17px; 
					Padding-top: 5px; 
					Font: 10px Verdana;
					Color: #454545; }
	
#FrontErbjBottom {	Height: 35px;
					Color: #454545;
					Font: 9px Verdana;
					Text-align: center;
					Line-height: 35px; }
	.ErbjBottomLank { 	Font: 9px Verdana;
						Line-height: 35px;}

.Arial9 {	Font: 9px Arial; }


/* ----------------- // ------------------- */


/* -- MITTENKOLUMN(ER) -- */
/*#col2_350		{width:350px;padding:8px 8px 10px 8px;float:left;margin:0px 0px 0px 22px;background: #FFF url(/bilder/bg_col_350.gif) no-repeat center bottom;	}*/
#col2_350		{width:350px; float:left; margin:8px 0px 0px 30px; _margin: 8px 0px 0px 30px; background-color: #FFF; background-image: url(/bilder/bg_col_350.gif) no-repeat center bottom;}
#col2_350 .vit	{padding:4px;background: #FFF;_width:350px;}
#col2_350 .gra	{padding:15px;min-width:320px; _width:320px; background: #FFF url(/bilder/bg_col_gra.gif) repeat-x;}
#col2_350 .vit_mp	{padding:15px;min-width:320px; _width:350px; background: #FFF;}

#col2_350 .gra_top	{padding:15px;min-width:320px;_width:350px;background: #FFF url(/bilder/bg_col_gra.gif) repeat-x;}
#col2_350 .vit_top	{padding:15px;min-width:320px;_width:350px;background: #FFF;}
#col2_350 .gra p img	{margin-left:-11px;}

#col2_542		{width:542px; padding:8px 8px 10px 8px;float:left;margin:0px 0px 0px 22px;background: url(/bilder/bg_col_542.gif) no-repeat center bottom;}
#col2_542 .vit	{padding:4px;background: #FFF;}
#col2_542 .gra 	{padding:15px 10px 15px 15px;min-width:512px;_width:540px;background: #FFF url(/bilder/bg_col_gra.gif) repeat-x;}

/* -- HÖGERKOLUMN -- */
#col3		{padding:8px;margin:0px 0px 0px 0px;float:right;background:#CFE8F1;}
#col3 .vit	{width:164px;background: #FFF url(/bilder/bg_col3.gif) no-repeat center bottom;}

#col1_start	{background:#CFE8F1;width:230px;_width:246px;padding:8px 8px 10px 8px;float:left;margin:12px 0px 0px 22px;}
#col2_start	{background:#CFE8F1;min-width:284px;_width:300px;padding:8px 8px 10px 8px;float:right;margin:12px 0px 0px 0px;}

#col1_start .evenemang_1053	{margin-top:10px;padding:30px 4px 4px 4px;background: #FFF url(/bilder/bg_flik_evenemang_1053.gif) top no-repeat;}
#col1_start .evenemang_1033	{margin-top:10px;padding:30px 4px 4px 4px;background: #FFF url(/bilder/bg_flik_evenemang_1033.gif) top no-repeat;}

#col2_start .erbj_1053	{padding:28px 4px 4px 8px;margin-top:10px;background: #FFF url(/bilder/bg_flik_erbj_1053.gif) top no-repeat;}
#col2_start .erbj_1033	{padding:28px 4px 4px 8px;margin-top:10px;background: #FFF url(/bilder/bg_flik_erbj_1033.gif) top no-repeat;}
#col2_start .aktuellt	{width:272px;margin-top:10px;padding:30px 4px 4px 8px;background: #FFF url(/bilder/bg_flik_aktuellt.gif) top no-repeat;}
#col2_start .nyhbrev	{margin-top:10px;padding:30px 4px 4px 8px;background: #FFF url(/bilder/bg_flik_nyhetsbr.gif) top no-repeat;}

/* ------- // ------ */
#bottomClear {
	height:70px;  
	clear:both;
}
#bottom{
	margin:0 auto; 
	text-align:left;
	background-color:#D2E69C;
	width:750px;
	height: 70px; 
	margin-top:-70px; 
	background: #FFF url(/bilder/bg_sidfot.jpg) no-repeat bottom; 

}
#bottom p		{margin:30px 0px 0px 197px;color:#68B4C2;position:absolute; width:536px;}
#bottom img		{margin:25px 0px 0px 12px;position:absolute;}
/* -------------- // ----------------- */

/*----------------- 360 -------------------*/
.bg-tabell-bla 				{ background-color: #CFE8F1;}
.bg-toning-350				{ background-image: url(/bilder/bg_toning_350.jpg);   	background-repeat: no-repeat; background-position: top; 	background-color: #FFFFFF;}
/* ----------------- // ------------------- */



/* ------------ Blogg --------------*/

.blogg_kommentar_info { width: 100px; float: right; padding-right: 10px; padding-left: 10px; background-color: #FAFAFA; }

.bloggbildtopfirst {
	width: 342px;
	height: 14px;
	background: url(/bilder/design/bloggbild_top.gif) no-repeat;
	left:-4px;
	position:relative;
}

.bloggbildcontfirst {
	width: 342px;
	background: url(/bilder/design/bloggbild_middle.gif) repeat-y;
	left:-4px;
	position:relative;
	padding-left: 21px;
}

.bloggbildbottomfirst {
	width: 342px;
	height: 14px;
	background: url(/bilder/design/bloggbild_bottom.gif) no-repeat;
	left: -4px;
	position:relative;
}


.bloggbildtop {
	width: 342px;
	height: 14px;
	background: url(/bilder/design/bloggbild_top.gif) no-repeat;
	left:-15px;
	position:relative;
}

.bloggbildcont {
	width: 342px;
	background: url(/bilder/design/bloggbild_middle.gif) repeat-y;
	left:-15px;
	position:relative;
	padding-left: 21px;
}

.bloggbildbottom {
	width: 342px;
	height: 14px;
	background: url(/bilder/design/bloggbild_bottom.gif) no-repeat;
	left:-15px;
	position:relative;
}

.bloggbild img{
	border: none;
}

.blogg_hr_hogerspallt {
	padding: 15px 0 15px 0;	
}

.bloggkategorier {
	padding-left: 20px;	
	margin-left: 0;
	margin-bottom: 0;
}



.bloggarkiv a:link, .bloggarkiv a:visited:hover , .bloggarkiv a:visited, .bloggarkiv a:hover{
	color: #000;
}

.bloggarkivplus {
	 cursor: pointer;	
}

.bloggarkivminus {
	 cursor: pointer;	
}

.bloggarkivrubrik {
	font-weight: bold;
	font-size: 12px;
}

.bloggarkiv a{
	 line-height: 16px;
}

.bloggarkiv {
	padding-bottom: 10px;	
}

.blogg_container a img{
	border: 0;	
}

.col3_bottom_shadow {
	background-image:url(/bilder/design/bg_hogerspalt_bottom.gif);
	width: 164px; 
	height: 5px;
	clear: both;
	overflow: hidden;
	
}

.blogg_hogerlankar a img{
	border: none;
	display:block;
	margin-top: 5px;
}

.bloggskribentinfo {
	padding-left:5px;
	padding-top:24px;
	float:left;
}

.blogg_dela_funktioner {
	margin-left: 20px;
	padding-bottom: 15px;
	width: 100px;
	font-weight: bold;
}
.blogg_dela_funktioner p {
	padding: 5px 0 5px; 
}

.blogg_dela_funktioner a img {
	border: none;
}

.blogg_dela_funktioner a {
	padding-right: 5px;
	padding-top: 5px;
}


.clear {
	clear: both;	
}

.blogg_container {
	line-height: 18px;
	font-size:9pt;
	
}

#col2_350.blogg_container .vit_mp{
	padding: 10px 15px 6px;
}

#col2_350 .vit {
	background:#FFFFFF none repeat scroll 0 0;
	padding:4px 4px 0;
}

.blogg_las_mer {
	display:block;
	margin-top: 5px;
	margin-bottom: 10px;
}

#col3 .blogg_col3_inner {
	width: 138px; 
	padding: 16px 8px 5px 8px; 
	margin: 0;  
	background: #ffffff url(/bilder/design/bg_gratonad.gif) repeat-x;
}

/* ----------------// ---------------*/


/* ------------ BOKNING -------------- */

#searchDateHeader
{
	width:350px;
	height:20px;
	text-align:center;
	margin:10px 0px 0px 0px;
	font-weight:bold;
	padding:8px 2px 2px 2px;
	background: url(/bokning/bilder/bg_flik.gif) no-repeat left top;
}

#searchDate 
{
	width:350px;
	background: #FFF;
	
	text-align:center;
}

#searchAttributes
{
	text-align:center;
	padding-top:10px;
	background: #fff/* url(/bilder/bg_col_350.gif) no-repeat bottom bottom*/;
}
	#searchDefaultAttributes
	{
		margin:0 auto;
	}
	#searchExtendedAttributes
	{
		text-align:left;
	}
	
#searchResultMain
{
	background:#fff;
	text-align:center;
	display:block;
	min-width:340px;_width:350px;
}
	#displayAttributes
	{
		width:305px;
		margin:0 auto;
	}
	#searchResult
	{
		text-align:center; 
		background:#F7F7F7;
		padding:0px 0px 5px 0px;
		
	}
	
#searchResultHeader
{
	width:350px;
	height:20px;
	text-align:center;
	font-weight:bold;
	/*border-bottom:solid 1px #E2E2E2;*/
	padding:8px 0px 3px 0px;
	background: url(/bokning/bilder/bg_flik.gif) no-repeat center top;
}

#bo_tooltip
{
	text-align:left;
}
.flik
{
	width:350px;
	height:20px;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	padding:8px 0px 3px 0px;
	background: url(/bokning/bilder/bg_flik.gif) no-repeat center top;
}
.flik_gra
{
	width:350px;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	padding:27px 0px 3px 0px;
	background: #FFF url(/bokning/bilder/bg_flik2.gif) no-repeat center top;
}

.varukorgBoende
{
	color:#FFF;
	padding:4px 24px 0px 0px;
	cursor:hand;
	height:23px;
	margin-top:4px;
	text-align:right;
	width:140px;
	_width:164px;
	background:#FFF url(/bilder/knp_boende.gif) no-repeat center top;
}

.varukorgKnapp
{
	color:#FFF;
	padding:4px 24px 0px 0px;
	cursor:hand;
	height:23px;
	margin-top:4px;
	text-align:right;
	width:140px;
	_width:164px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:center top;
}

.varukorgSummering
{
    padding:0px 8px 0px 5px;
    color:#000000;
    margin:-1px 13px 0px 33px;
    background-color:#FFFFFF;
    /*font-weight:bold;*/
    text-align:right;
    border-bottom:solid 1px #4499FF;
    border-left:solid 1px #4499FF;
    border-right:solid 1px #4499FF;
}
/* ------------ // --------------------*/
.sok
{
	position:absolute;
	width:50px;
}
.sokBtn
{
	position:absolute;
	margin-left:55px;
}
.menu
{
	position:absolute;
	padding:0;
	height:27px;
}
.menu img 
{
	border:none;
	margin:0px 2px 0px 2px;
}
.textruta
{
	border:solid 1px #999;
}
.textruta_bokning
{
	border:solid 1px #999;
	width:146px;
}
.vaderRam					{ background-color: #C6BDA0; }
.list-rubrik-12				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; line-height: 15px; font-weight: bold; color: #29539F;}
.bg-tabell-gra				{ background-color: #F6F2E4;}
.bg-tabell-vit				{ background-color: #FFFFFF;}
.bg-meny-toning					{ background-color: #FFFFFF;}
.bg-meny-toning					{ background-repeat: no-repeat; background-position: top; background-color: #FFFFFF;}
.listrad						{ background-color: #F0F0F0;}

/* -----LÄNKAR----- */
a					{ font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 15px;}
a:link 					{ color: #4E85AB;}
a:hover 				{ color: #000000; text-decoration: none;}
a:visited 				{ color: #4E85AB;}
a:visited:hover 			{ color: #000000; text-decoration: none;}
a:active 				{ color: #4E85AB;}

A.lank-vit 				{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height: 15px;}
A.lank-vit:link 			{ color: #FFFFFF;}
A.lank-vit:hover 			{ color: #000000; text-decoration: none;}
A.lank-vit:visited 			{ color: #FFFFFF;}
A.lank-vit:visited:hover		{ color: #000000; text-decoration: none;}
A.lank-vit:active 			{ color: #FFFFFF;}

A.lank-blasvart				{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height: 15px;}
A.lank-blasvart:link 			{ color: #4095A6;}
A.lank-blasvart:hover 			{ color: #000000; text-decoration: none;}

A.meny-oppen				{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; line-height: 17px;}
A.meny-oppen:active 			{ color: #FFFFFF;}
A.meny-oppen:link			{ color: #FFFFFF;}
A.meny-oppen:hover 			{ color: #FFFFFF; text-decoration: none;}
A.meny-oppen:visited 			{ color: #FFFFFF;}
A.meny-oppen:visited:hover		{ color: #FFFFFF; text-decoration: none;}



/* -----NAVIGATION----- */
.meny-knapp 				{ border-top: 1px solid #FFFFFF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #D0D0D0; border-left: 1px solid #CCCCCC; background-color: #F0F0F0;}
.meny-knapp-vald			{ background-image: url(/bilder/meny_bg_farg.gif); font-size: 14px;}

A.meny 					{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; line-height: 17px;}
A.meny:link 				{ color: #5C767B;}
A.meny:hover 				{ color: #000000; text-decoration: none;}
A.meny:visited 				{ color: #5C767B;}
A.meny:visited:hover			{ color: #000000; text-decoration: none;}
A.meny:active 				{ color: #778657;}

A.meny-niva2				{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; line-height: 16px;}
A.meny-niva2:link 			{ color: #5C767B;}
A.meny-niva2:hover 			{ color: #000000; text-decoration: none;}
A.meny-niva2:visited 			{ color: #5C767B;}
A.meny-niva2:visited:hover		{ color: #000000; text-decoration: none;}
A.meny-niva2:active 			{ color: #5C767B;}

A.meny-vald				{	font-family: Arial, Helvetica, sans-serif; font-weight: bold;  font-size: 11px; text-decoration: none; line-height: 16px;}
A.meny-vald:link 			{ color: #000000;}
A.meny-vald:hover 			{ color: #000000; text-decoration: none;}
A.meny-vald:visited 			{ color: #000000;}
A.meny-vald:visited:hover		{ color: #000000; text-decoration: none;}
A.meny-vald:active 			{ color: #000000;}
