html {
	margin:0;
	padding:0;
	height:100%;
	background-image: url(/bilder/design/bgtoning.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#ffdf7c;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height: 18px;
}

body {
	margin:0;
	background-image: url(/bilder/design/bakgrund.jpg);
	background-position:bottom center;
	background-repeat:repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	line-height: 18px;
}

a {
    color:#a50707;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

/* BEGIN NY KOD */
.bokaknappen {
	float:right;
	border:none;
	position:relative;
	top:-3px;
}

.kalender_stor {
	height:217px;
	width:381px;
	background-image:url(/bilder/design/bg_kalender_stor.png);
	margin-top:15px;
	margin-bottom:15px;
	position:relative;
	text-align:center;
	padding-top:15px;
}
	.kalender_stor .readmore {
		position:absolute;
		bottom:15px;
		right:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		text-decoration:none;
	}
	.kalender_stor .puff {
		width:47px;
		height:36px;
		position:absolute;
		padding:7px 0;
	}
	.kalender_stor .puff img {
		margin:0 10px -2px 10px;
	}
	.kalender_stor .puff.type1 {
		top:61px;
		left:60px;
	}
	.kalender_stor .puff.type2 {
		top:61px;
		left:129px;
	}
	.kalender_stor .puff.type3 {
		top:61px;
		left:198px;
	}
	.kalender_stor .puff.type4 {
		top:61px;
		left:267px;
	}
	.kalender_stor .puff.type5 {
		top:126px;
		left:97px;
	}
	.kalender_stor .puff.type6 {
		top:126px;
		left:169px;
	}
	.kalender_stor .puff.type7 {
		top:126px;
		left:240px;
	}
	
.kalender_liten {
	height:259px;
	width:184px;
	background-image:url(/bilder/design/bg_kalender_liten.png);
	margin-top:15px;
	margin-bottom:15px;
	position:relative;
	padding:15px;
}
	.kalender_liten .readmore {
		position:absolute;
		bottom:15px;
		right:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		text-decoration:none;
	}
	.kalender_liten .puff {
		width:47px;
		height:36px;
		position:absolute;
		padding:7px 0;
		text-align:center;
	}
	.kalender_liten .puff img {
		margin:0 10px -2px 10px;
	}
	.kalender_liten .puff.type1 {
		top:62px;
		left:22px;
	}
	.kalender_liten .puff.type2 {
		top:62px;
		left:82px;
	}
	.kalender_liten .puff.type3 {
		top:62px;
		left:140px;
	}
	.kalender_liten .puff.type4 {
		top:124px;
		left:22px;
	}
	.kalender_liten .puff.type5 {
		top:124px;
		left:82px;
	}
	.kalender_liten .puff.type6 {
		top:124px;
		left:140px;
	}
	.kalender_liten .puff.type7 {
		top:185px;
		left:82px;
	}
	
	
	.hoverinfo {
		display:none;
	}
	
	#tooltip {
		position:absolute;
    	z-index:9999;
		padding:15px;
		background-image:url(/bilder/design/bg_hoverinfo.png);
		width:173px;
		color:#f0f0f0;
		-moz-border-radius:5px 5px 5px 5px;
		border-radius:5px 5px 5px 5px;
	}
		#tooltip img {
			margin-bottom:4px;
		}
		#tooltip p {
			margin:0;
			padding:0;
			font-size:11px;
			line-height:15px;
		}

/* END NY KOD */

#container {
	z-index: 100;	
	width: 968px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#loggo {
	position:absolute;
	z-index: 100;
	left:-30px;
}

#sidhuvud {
	height: 90px;
	/**z-index: 1;**/
}


#topmenu {
	float:right;
	height: 15px;
	margin-right: 20px;
	position:relative;
}

* HTML  #topmenu {
	z-index: -1;
}

#flaggor {
	float:right;
	margin-left: 25px;
}

#toplankar {
	text-align:right;
	margin-top: 12px;
}

#toplankar img{
	position:relative;
}


#toplankar a {
	text-decoration:none;	
}

.toptopstreck {
   margin-right: 6px;	
}


.topmenuleft.familj {
	background-image:url(/bilder/design/submenu_leftbg_gron.png);
	width: 5px;
	height: 43px;
	float: left;
	cursor: pointer;
}

.topmenumid.familj {
	background-image:url(/bilder/design/submenu_midbg_gron.png);
	height: 43px;
	background-repeat:repeat-x;
	float: left;
	padding-top: 10px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}

.topmenuright.familj {
	background-image:url(/bilder/design/submenu_rightbg_gron.png);
	width: 5px;
	height: 43px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}


.topmenuleft {
	background-image:url(/bilder/design/submenu_leftbg.png);
	width: 5px;
	height: 43px;
	float: left;
	cursor: pointer;
}

.topmenumid {
	background-image:url(/bilder/design/submenu_midbg.png);
	height: 43px;
	background-repeat:repeat-x;
	float: left;
	padding-top: 10px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}

.topmenuright {
	background-image:url(/bilder/design/submenu_rightbg.png);
	width: 5px;
	height: 43px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}

.topmenulefta {
	background-image:url(/bilder/design/submenactive_leftbg.png);
	width: 4px;
	height: 43px;
	float: left;
	cursor: pointer;
}

.topmenumida {
	background-image:url(/bilder/design/submenactive_midbg.png);
	height: 43px;
	background-repeat:repeat-x;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.topmenurighta {
	background-image:url(/bilder/design/submenactive_rightbg.png);
	width: 4px;
	height: 43px;
	float: left;
	margin-right: 3px;
}


#topsidhuvud {
	float:right;
	margin-right: 20px;
	width: 640px;
	height: 54px;
	padding-top: 10px;
}

#headermoln {
	background-image:url(/bilder/design/moln_header_liten.png);
	height: 121px;
	width: 968px;
	margin-top: -2px;
	z-index: 50;
	position: relative; /**  Detta ska vara position relative i FF**/
	_margin-top: -30px;
	margin-bottom: 5px;
	padding-top: 11px;
	padding-left: 12px;
}

* HTML #headermoln{
	position: static;
}


#headermolnindex {
	background-image:url(/bilder/design/moln_header.png);
	background-repeat:no-repeat;
	height: 250px;
	width: 968px;
	margin-top: -2px;
	z-index: 50;
	position: relative;
	_margin-top: -30px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 10px;
}

#flashcontent {

}

#headerbild {
 	height:106px; 
	width:945px;
	padding: 0;
}

#headerbild_skuggning {
		float:right;
		background-image:url(/bilder/design/bg_toning.png);
		background-repeat:repeat-x;
		width: 178px;
		height: 96px;
		padding-left: 180px;
		padding-top: 10px;
		line-height: 12px;
}

#headerbild_skuggning a {
	text-decoration:none;
}

#headerbild_skuggning_rundadehorn  {
	background-image:url(/bilder/design/randadehorn.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
}


.headerbild_knappar {
     height: 20px;
	 position:relative;
}

#menulevel_2 {	
	background-color:#339;
	margin: 0 auto;
	text-align: center;
	width: 968px;	
}

.streck2{
	margin-left: 15px;
	margin-right: 15px;
}

h1	{ padding:10px 0 5px 0; margin:0px; font-size:16pt; }
h2	{ padding:7px 0 5px 0; margin:0px; font-size:14pt; }
h3	{ padding:5px 0 5px 0; margin:0px; font-size:12pt; }
p	{ margin:9px 0 13px 0; font-size:9pt; font-family:Tahoma, Geneva, sans-serif; }
img	{ border:none; }
object { outline:0; }

/* För stilning av den nya ul-li-menyn (Meny2) */
.submenu_lv1, .submenu_lv2, .submenu_lv3 { list-style:none; margin:0 auto 0 auto; padding:0; display:table;	white-space:nowrap;}
.submenu_lv1 li { display:table-cell; margin:0; list-style:none; float:left; padding-top:20px; padding-bottom:20px; }
.submenu_lv1 li a, .submenu_lv2 li a, .submenu_lv3 li a { color:#4e4d50; padding-left: 15px; padding-right: 15px; display:block;  text-decoration:none; }
.submenu_lv2 li a { color:#4e4d50; padding-left: 15px; padding-right: 15px; display:block;  text-decoration:none; }
.submenu_lv3 li a { padding-left: 0px; padding-right: 0px;  }


.submenunobg  a { background:none;  height: 20px; }
.subnobg  img{  margin-top: 8px;  margin-bottom: 10px; }
.submenubg  a {  background: url(/bilder/design/streck2.gif) no-repeat top left;  /**height: 25px; **/}
.submenubg  a  img{  margin-top: 8px;  margin-bottom: 10px;  }

.submenu_lv1 li.active {
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/design/sol.png',sizingMethod='scale');
		}
.submenu_lv1 li.active{ font-weight:bold;  background-image:url(/bilder/design/sol.png); background-repeat:no-repeat; background-position:center; _background-image:none;}

.submenu_lv2 li.active { font-weight:normal; }
.submenu_lv2 li { padding-left:10px; }
.submenu_lv2 li a { font-weight:normal; }

.submenu_lv3 li { padding-left:10px; font-style:italic; }
.submenu_lv3 li.active {  }

.meny2 {  }
/* -------- */


/* För stilning av den nya ul-li-menyn (Meny3, den tillvänster) */
.submenu_2v1, .submenu_2v2, .submenu_2v3 { padding: 0; margin: 0;  }
.submenu_2v1 li { margin:0; list-style:none; padding-top: 10px;  }
.submenu_2v1 li a, .submenu_2v2 li a, .submenu_2v3 li a { color:#4e4d50;    text-decoration:none; }
.submenu_2v1 li.active { font-weight:bold; }

.submenu_2v2 li.active a { font-weight:normal; color:#990000; }
.submenu_2v2 li { padding-left:10px;  padding-top: 5px; }
.submenu_2v2 li a { font-weight:normal; }

.submenu_2v3 li { padding-left:10px; font-style:italic; }
.submenu_2v3 li.active {  }

/* -------- */


#main {	
  margin-top: 20px;
}


#mainleft {
	width: 460px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	min-height:750px;
  	height:auto !important;
  	height:750px;
}


#main_left_menu {
	width: 213px;
	margin-right: 30px; 
	float:left;
	min-height:750px;
  	height:auto !important;
  	height:750px;
}

#main_info_middle {
	width: 300px;
	float:left;
	padding-bottom: 200px;
}

#main_fotoalbum_middle {
	width: 700px;
	float:left;
	padding-bottom: 200px;
}

#main_gastbok_middle {
	width: 700px;
	float:left;
	padding-bottom: 200px;
}


#main_stug_middle {
	width: 460px;
	float:left;
	padding-bottom: 200px;
}



#blogg_info_middle {
	width: 454px;
	float:left;
	padding-bottom: 200px;
}

#main_info_right {
	width: 274px;
	float: right;
}

#bildspel {
	background-image:url(/bilder/design/bgbildspel.gif);
	background-repeat:repeat-x;
	width: 372px;
	padding-left: 4px;
	padding-top: 4px;
	background-color: #fefefe;
}


#mainright {
	width: 460px;
	float: right;
	margin-top: 20px;
	/**margin-right: 20px;**/
}

#main_info_right {
	width: 400px;
	float:right;
}

#main_stug_right {
	width: 215px;
	float:right;
}

.bokaRund {	z-index: 999; 
			width: 64px; 
			height: 62px; 
			position: absolute; 
			top: 27px; 
			left: -21px;
			cursor: pointer;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/design/bokaRund.png',sizingMethod='scale'); 
		}

.bokaRund[class] {	background: url(/bilder/design/bokaRund.png); }

.diverbj {
	width: 436px;
	min-height: 140px;
	_height: 140px;
	/**background-image:url(/bilder/design/bg_erbjudande_middle.gif);**/
	background: #e68a2e url(/bilder/design/gbpaketpuff.jpg) no-repeat;
	padding-top: 1px;
	text-align:center;
	cursor:pointer;
	padding-bottom: 2px;
	overflow:hidden;
}

.diverbjbtn {
	background-image:url(/bilder/design/btn_bg_vit.jpg);
	background-repeat:repeat-x;
	height: 20px;
	width: 177px;
	padding-top: 8px;
}

.diverbj p {
	font-size: 9px;	
	line-height: 12px;
	font-weight: 500;
}

.diverbjtop {
	width: 439px;
	height: 4px;
	background-image:url(/bilder/design/bg_erbjudande_top.gif);
	background-repeat:no-repeat;
	margin-top: 10px;
	overflow:hidden;
}

.diverbjfoot {
	width: 439px;
	height: 2px;
	background-image:url(/bilder/design/bg_erbjudande_foot.gif);
	background-repeat:no-repeat;
}



/** **/
.diverbj2 {
	width: 378px;
	padding-top: 1px;
	text-align:center;
	cursor:pointer;
	padding-bottom: 2px;
	overflow:hidden;
	background: #e68a2e url(/bilder/design/gbpaketpuff.jpg) no-repeat;
}


.diverbj2 p {
	font-size: 9px;	
	line-height: 12px;
	font-weight: 500;
}

.diverbjtop2 {
	width: 378px;
	height: 4px;
	background-image:url(/bilder/design/bg_erbjudande_top2.gif);
	background-repeat:no-repeat;
	margin-top: 10px;
	overflow:hidden;
}

.diverbjfoot2 {
	width: 378px;
	height: 2px;
	background-image:url(/bilder/design/bg_erbjudande_foot2.gif);
	background-repeat:no-repeat;
}





/** **/


.bildstartsidepuff {
	width: 205px; 
	height: 31px;
	margin-bottom: 5px;
	padding-top: 97px;
	background-repeat:no-repeat;
	padding-left: 10px;
	cursor: pointer;
}


#bloggpuffstartsidan {
	width: 439px;
	height: 77px;
	background-image:url(/bilder/design/bg_blogg.gif);
	margin-top: 15px;
	cursor: pointer;
}

#bloggpuffstartsidandatum {
	float:left;	
	width: 65px;
	padding-left: 7px;
	padding-top: 22px;
	text-align:center;
	
}

#bloggpuffstartsidanhoger {
	float: right;
	width: 345px;
	padding-right: 5px;
	padding-top: 10px;
	font-size:9px;
	line-height: 12px;
	font-weight: 500;
}


#bloggpuffstartsidanhoger a {
	color: #4d0000;
}

#startsidafoto {
	float:left;
	width: 130px;
	height: 49px;
	background-image:url(/bilder/design/btn_fotoalbum.png);
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 88px;
	cursor: pointer;
}

#startsidafilm {
	float:right;
	width: 188px;
	height: 59px;
	background-image:url(/bilder/design/btn_film.png);
	background-repeat:no-repeat;
	padding-top: 24px;
	padding-left: 33px;
	margin-right: 18px;
	cursor: pointer;
}

* HTML #startsidafilm {
	_margin-right: 9px;
}

#startsidanevenemang {
	width: 213px;
	height: 148px;
	background-image:url(/bilder/design/bg_evenemang.gif);
	margin-top: 15px;
	float:left;
	cursor: pointer;
}

#startsidanevenemangrub{
	padding-top: 7px;
	text-align:center;
}

#startsidanevenemangtxt {
	text-align:center;
	padding-top: 20px;
}

#startsidanevenemangtxt p {
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
		font-size:9px;
	line-height: 12px;
	font-weight: 500;
	width: 200px;
}

#gastbokpuff {
	float:right;
	width: 238px;
}

#foot_top {
	height: 7px;
	width: 960px;
	background-image:url(/bilder/design/bg_fot_top.png);
	margin: 0 auto;
}

#foot_bottom {
	height: 5px;
	width: 960px;
	background-image:url(/bilder/design/bg_fot_bottom.png);
	margin: 0 auto;
}


#footer {
	width:946px;
	background-image:url(/bilder/design/bg_fot_middle.png);
	height: 30px;
	margin: 0 auto;
	padding-left: 7px;
	padding-right: 7px;
	padding-top:3px;
	text-align:center;
}



/**
  ==================================================================	
	Bildspel 
	Mer css finns i /js/bildspelcss.css och /js/bildspel_stuga.css
  ==================================================================	
**/

#JPic_hide {	z-index: 31; position: absolute; top: 0px; left: 0px; display: none; /**_filter:alpha(opacity=00);**/ -moz-opacity:.00; opacity:.00; }
#JPic_show {	z-index: 30; position: absolute; top: 0px; left: 0px; }

 .tumnagelstugbild {
	border: #a9ce31 2px solid;
	margin-right:0px; 
	margin-left:0px; 
	cursor:pointer;
 }
 
/******************/


/****** PaketPuff *********/


.paketpuff {
	background-image:url(/bilder/design/bg_puffpaket.png);
	width: 	374px;
	height: 70px;
	margin-top: 20px;
	cursor: pointer;
}

.paketpuffleft {
	width: 300px;
}

.paketpuffrubrik {
	padding-top: 10px;
	width: 300px;
	float: left;
	text-align:center;
}

.paketpufftext {
	padding-top: 5px;
	padding-left: 5px;
	width: 290px;
	float: left;
	text-align:center;
	color: #aaddea;
}

.paketpuffright {
	float:right;
	width: 62px;
	height: 42px;
	padding-top: 27px;
	margin-right: 3px;
	text-align:center;
}
/****** slut paketpuff ********/


/****** PaketPuff2 *********/


.paketpuff2head {
	background-image:url(/bilder/design/paketpuff2_head.png);
	background-repeat:no-repeat;
	height: 4px;
	width: 	213px;
	overflow:hidden;
}

.paketpuff2middle {
	background: url(/bilder/design/puff_small_bg2.gif);
	width: 	214px;
}

.paketpuff2middle_bg {
	background: url(/bilder/design/puff_small_bg.gif) no-repeat;
	width: 	214px;
	padding-top: 117px;
	padding-bottom: 10px;
}

.paketpuff2foot {
	background-image:url(/bilder/design/puff_small_bg3.gif);
	background-repeat:no-repeat;
	height: 6px;
	width: 	214px;
	margin-bottom: 10px;
}

.paketpuff2rubrik {
	padding-top: 10px;	
}

.paketpuff2text {
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 15px;
	overflow:hidden;
}

.paketpuff2bokaknapp {
	width: 150px;
	padding-top: 8px;
	height: 20px;
	cursor: pointer;
	background-image: url(/bilder/design/btn_bg_vit.jpg);
	text-align:center;
	margin-top: 15px;
	margin-left: 10px;
}

/****** slut paketpuff2 ********/



/*********** Bloggen *********/

#blogg_head {
	background-image:url(/bilder/design/bg_blogghead.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 213px;
	height: 98px;
	float: left;
	background-color: #ece89e;
	margin-top: 10px;
}

#blogg_body {
	background-color: #ece89e;
	margin-left: 2px;
	width: 193px;
	height: 450px;
	padding-left: 18px;
	padding-top: 20px;
}

#blogg_body a {
	text-decoration:none;
	padding-left: 10px;
	color: #000;
	background-image:url(/bilder/bloggen/design/pilar.png);
	background-repeat:no-repeat;
}

.blogg_menu_second_div {
	padding-bottom: 5px;
	padding-left: 5px;
}

.blogg_inlagg_lista_actiondiv {
		background-image:url(/bilder/bloggen/design/bg_kommentar.png);
		width: 217px;
		height: 25px;
		text-decoration:none;
		text-align:center;
		padding-top: 7px;
		cursor: pointer;
		float:left;
		margin-right: 5px;
}

/********* Slut bloggen **************/


/********* Personaltavla *************/

#main_personaltavla_middle {
		width: 700px;
		float: left;
	}

#personaltavla {
	width: 690x;
	height: 569px;
	background-image:url(/bilder/design/bgpersonaltavla_new.png);
	background-repeat:no-repeat;
	padding-left: 10px;
}

.personallista_bild {
	width: 45px;
	height: 60px;
	background-color:#FFF;
	padding-left: 3px;
	padding-top: 3px;
	float:left;
	margin-left: 8px;
	margin-bottom: 15px;
	cursor: pointer;
	position:relative;
}

.personallistaodd {
	width: 300px;
	margin-top: 10px;
	
}

.personallista {
	margin-left: 20px;
	width: 300px;
	margin-top: 10px;
}

.personaltavla_before {
	width: 320px;
	height: 65px;
}

#personalinfo{
	width: 240px;
	height: 315px;
	float: right;
	margin-right: 60px;
	margin-top: 100px;
}

* HTML #personalinfo{ 
	margin-right: 30px;
}

#personaltavlafoton {
	float:left;
	width: 350px;
	padding-left:4px;
	min-height: 500px;
}


.personalinfo_bild {
	float: right;
	margin-bottom: 45px;
}

.personalinfo_text {
	float: left;
	width: 112px;
}

#personalartal {
	width: 260px;
	margin-top: 50px;
	margin-right: 50px;
	float: right;
	text-align: center;
}

#personalartal .yearDivider {
	margin: 0 6px 0px 7px;
	color: #6e4f37;
	font-weight: bold;
}
/********* Faktaruta ************/

.faktaruta {
	width: 213px;	
}

.faktarutahead {
	width: 203px;
	background-color: #a2d0dc;
	height: 25px;
	padding-top: 5px;
	padding-left: 10px;
	background-image:url(/bilder/design/faktarutatop.png);
	background-repeat:repeat-x;
}

.faktarad {
	width: 203px;
	background-color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.faktaradodd {
	width: 203px;
	background-color: #e6f5f9;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/*** Slut på faktaruta **********/




/********* Slut personaltavla****************/



/******  Pristabell  *****/

.prisheader{
	width: 	454px;
	background-image:url(/bilder/design/prid_header.jpg);
	height: 30px;
	vertical-align:top;
}


.pristabellfirstcol{
	width: 69px;
	background-color:#f0ece1;
	padding-left: 5px;
	padding-bottom: 15px;
	vertical-align:top;
	color:#5ca2b3;
}

.pristabellfirstcol img{
	margin-top: 15px;		
}


.pristabellcol {
	width: 77px;
	background-color: #fffaec;
	text-align:center;
	padding-bottom: 15px;
	vertical-align:top;
}

.pristabellcolodd {
	width: 77px;
	background-color: #fcf8ed;
	border-left: #f2eee1 1px solid;
	border-right: #f2eee1 1px solid;
	text-align:center;
	padding-bottom: 15px;
	vertical-align:top;
}

.pristabell {
	border: 0;
	vertical-align:top;
}

.bokaknapp {
	padding-left: 10px;
	cursor:pointer;
}

.bokaknappleft {
	width: 7px;
	height: 20px;
	background-image:url(/bilder/design/btn_boka_left.gif);
	float:left;
}

.bokaknappmiddle {
	width: 40px;
	height: 17px;
	background-image:url(/bilder/design/btn_boka_middle.gif);
	float:left;
	padding-top: 3px;
}

.bokaknappright {
	width: 7px;
	height: 20px;
	background-image:url(/bilder/design/btn_boka_right.gif);
	float:left;
}
.bokaknapp_paket {
	cursor:pointer;
}
.bokaknapp_paket .bokaknappleft {
	width: 7px;
	height: 20px;
	background-image:url(/bilder/design/btn_boka_left_paket.gif);
	float:left;
}

.bokaknapp_paket .bokaknappmiddle {
	width: auto;
	height: 16px;
	background-image:url(/bilder/design/btn_boka_middle_paket.gif);
	float:left;
	padding-top: 5px;
}
.bokaknapp_paket .bokaknappmiddle img {
	float:none;
}

.bokaknapp_paket .bokaknappright {
	width: 7px;
	height: 20px;
	background-image:url(/bilder/design/btn_boka_right_paket.gif);
	float:left;
}

.bokaknappdea {
	padding-left: 10px;
}

.bokaknappleftdea {
	width: 7px;
	height: 20px;
	background-image:url(/bilder/design/btn_boka_left_dea.gif);
	float:left;
}

.bokaknappmiddledea {
	width: 40px;
	height: 17px;
	background-image:url(/bilder/design/btn_boka_middle_dea.gif);
	float:left;
	padding-top: 3px;
}

.bokaknapprightdea {
	width: 7px;
	height: 20px;
	background-image:url(/bilder/design/btn_boka_right_dea.gif);
	float:left;
}

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

/****** Expanderbar *******/

.expanderbardiv{
	 background-image:url(../bilder/design/expanderbar_bg.png);
	 background-repeat:repeat-x;
	 background-position:bottom;
	 margin-bottom: 10px;
}

.expand_brodtext {
	 display:none; 
	 padding-left: 15px;
	 padding-right: 15px;
	 padding-bottom: 10px;
}

.expand_brodtext img{
	 float: right;
	 padding-left: 5px;
	 padding-bottom: 5px;
}

.expand_rubrik {
	width: 415px;
	height: 30px;
	float: left;
	cursor:pointer;
	padding-top: 5px;
	padding-left: 10px;
}

.expanderbarpilner {
	float:right;
	width: 18px;
	height: 18px;
	background-image:url(/bilder/design/expander_nerpil.png);
	cursor:pointer;
	margin-top: 5px;
	margin-right: 5px;
}

.expanderbarpilupp {
	float:right;
	width: 18px;
	height: 18px;
	background-image:url(/bilder/design/expander_upppil.png);
	display: none;
	cursor:pointer;
	margin-top: 5px;
	margin-right: 5px;
}
/*************/

/***** Fotoalbum ********/


.fotalbums {
	text-align:center;	
	width: 75px;
	height: 95px;
	float:left;
	overflow:hidden;
}

.fotoalbumsbild img {
	border: #FFF 2px solid;
	cursor:pointer;
}

.fotoalbumbild {
	background-color:#FFF;
	width: 72px;
	height: 70px;
}

.fotostift {
	width: 72px;
	height: 70px;
	background-image:url(/bilder/design/fotostift.png);
}

.fotobok {
	background-image:url(/bilder/design/fotobok.png);
	background-repeat:no-repeat;
	width: 703px;
	height: 351px;
	padding-top: 25px;
	padding-left: 20px;
}

.fotovansterblad {
	float: left;
	width: 320px;
	height: 320px;
	position: relative;
}

.fotohogerblad {
	float: right;
	width: 320px;
	height: 320px;
	margin-right: 20px;
	position: relative;
}



.fotoleftpil {
	margin-top: 10px;	
	float: left;
}

.fotoleftpil a {
	 text-decoration:none;	
}

.fotorightpil {
	margin-top: 10px;	
	float: right;
}

.fotorightpil a {
	 text-decoration:none;	
}


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

/***** Kategori *******/

.kategoribild {
	width: 150px;
	height: 120px;
	float:left;
	text-align: center;
	cursor: pointer;
}

.katbild {
	border: #FFF 1px solid;
	height: 80px;
	width: 140px;
}

.katpil {
	width: 19px;
	height: 19px;
	background-image:url(/bilder/design/katpil.png);
	background-repeat:no-repeat;
	float: right;
	margin-top: 60px;
}

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

/****  DatePicker ****/
.dpTable {
	background-color:#FFF;	
}

.dpDayHighlight {
	cursor: pointer;
	background-color:#CCC;
}

.dpTDHover {
	cursor: pointer;
	background-color:#999;
}

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


.formTable td {
	vertical-align:top;	
	padding-top: 5px;
}


/************ Gästbok ****************/



.flyttaUpp {
	margin-top: -40px;
}


.gbpuff {
	background-image:url(/bilder/design/bg_gbpuff.png);
	background-repeat:no-repeat;
	width: 231px;
	height: 55px;
	float: right;
	cursor: pointer;
	padding-top: 12px;
	text-align:center;
	margin-top: -30px;
}

.gbincontainer {
	background-image:url(/bilder/design/bg_gb.jpg);
	background-repeat:repeat-y;
	width: 707px;
	overflow:hidden;
	margin-top: 20px;
}

.gbinleft {
	width: 430px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.gbinright {
	width:  190px;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}


.gbindatum {
	color: #990000;
	font-style:italic;
	font-weight:bold;
	font-size: 11px;
}

.gbinrubrik {
	color: #000000;
	font-weight:bold;
	font-size: 14px;	
}

.gblinje {
	background-color:#CCC;
	width: 195px;
	height: 1px;
	overflow:hidden;
}


.gbinramsvikskommentar {
	width: 435px;
	background-color: #f5f5f5;
	padding-left: 5px;
	padding-top: 8px;
}

.ramsvikkommenterar {
	background-color: #c0dde4;
	padding: 3px 3px 3px 3px;
	font-weight:bold;
}

.gbinhemort {
	padding-bottom: 4px;	
}

.gbinsenastebesok {
	padding-bottom: 15px;	
}

.gbleftpil {
	margin-top: 10px;	
	float: left;
}

.gbleftpil a {
	 text-decoration:none;	
}

.gbrightpil {
	margin-top: 10px;	
	float: right;
}

.gbrightpil a {
	 text-decoration:none;	
}

.betygskala {
	float:left;
	padding-right: 15px;
}

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


/* Användbara klasser */
.clear  { clear:both; }
.left { float:left; margin:0 4px 3px 0; }
.right { float:right; margin:0 0 3px 4px; }
.hr { margin-top:8px; width:95%; height:8px; border-top:1px solid #E5EBDC; margin:0 auto; } /* Horisontellt streck med div */
.input  { background-color:#f3f6ee; border: #66b3c6 1px solid; color:#003822; background-image:url(/bilder/design/bginput.jpg); background-repeat:no-repeat; }
.l { /**color:#BCB9B4; **/ color:#555555; padding:0 4px; } /* Stående streck (avskiljare) */
.important { color:red; cursor:help; } /* Stjärna (krav) vid formulär*/


.inputtext {
	background-image:url(/bilder/design/bginput.jpg);
	background-repeat:repeat-x;
	width: 214px;
	height: 19px;
	border: #66b3c6 1px solid;
	font-size: 13px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 4px;
}

.inputtextarea {
	background-image:url(/bilder/design/bg_textarea.jpg);
	background-repeat:no-repeat;
	width: 453px;
	height: 95px;
	border: #66b3c6 1px solid;
	font-size: 13px;
	font-weight: bold;
}

.selectbox {
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	background:  url('/bilder/design/selectboxbg.png')  no-repeat;
	color: #000;
	width: 196px;
	height: 21px;
	font-size: 13px;
	font-weight: bold;
	overflow:hidden;
	padding-right:20px;
}

.inputselect {
	padding-top: 4px;	
	width:220px;
	font-size: 13px;
	font-weight: bold;
}

.knapp {
	background:  url('/bilder/design/skickaknapp.png')  no-repeat;
	font-size: 13px;
	font-weight: bold;
	width: 171px;
	height: 33px;
	border: none;
	cursor: pointer;
	text-align:center;
	vertical-align:middle;
	padding-top: 8px;
}

input.knapp {
	padding-top: 0px;
}

.spristabellcolhead {
	background-image:  url('/bilder/design/tablecell.gif') ;
	background-repeat:repeat-x;
	width: 110px;
	_width: 115px;
	border-right: 1px solid #f2eee1;
	font-size: 9px;
	text-align:center;
}

.spristabellcolheaddygn {
	background-image:  url('/bilder/design/tablecell.gif') ;
	background-repeat:repeat-x;
	width: 110px;
	border-right: 1px solid #f2eee1;
	font-size: 10px;
	text-align:right;
}


.spristabellcolheadfirst {
	background-color: #d9d6c8;	
	font-weight: bold;
	text-align:center;
}


.prislistatabell {
	width: 710px;
	_width: 720px;
	background-color:#FFF;
}

.prislistatabell td {
	padding-left: 2px;	
	padding-right: 2px;
	font-size: 10px;
}

.spristabellcolodd {
	background-color: #f0ebdd;	
	border-right: 1px solid #f2eee1;
	border-bottom: 1px solid #cfcfcf;
	text-align:center;
}

.spristabellcol {
	background-color: #fcf7e8;
	border-right: 1px solid #f2eee1;
	border-bottom: 1px solid #cfcfcf;
	text-align:center;
}

.pristabell_forstacol {
	background-color: #f0ebdd;
	color: #990000;
	font-weight: bold;
	border-bottom: 1px solid #cfcfcf;
}

.pristabell_dygn {
		text-align:right;
		vertical-align:top;
		border-bottom: 1px solid #cfcfcf;
		background-color: #fcf7e8;
}

.tableRollOverEffect1{
		background-color: #ffffff;
		background-image: none;
		border-right: 1px solid #66b3c6;
		border-left: 1px solid #66b3c6;
		border-bottom: 1px solid #66b3c6;
		border-top: 1px solid #66b3c6;	
}

.tableRollOverEffect1 td{
		background-color: #ffffff;
		background-image: none;
		border-bottom: 1px solid #66b3c6;
		border-top: 1px solid #66b3c6;	
}


.evenemangbild {
	float:right;
	margin-left:10px;
}

.evenemangdiv {
	background-color:#FFF;
	overflow:hidden;
	padding: 15px 15px 15px 15px;
	border-bottom: #900 1px solid;

}
.evenemang_rubrik {
	margin-bottom:5px;}
.evenemang_datum {
	margin-bottom:3px;}	
/* -------- */


/* --------*/

.noslider {
	height: 5px;
	overflow:hidden;
}

#sitemap {
	margin:50px 200px;
}

#sitemap a{
	text-decoration:none;
	color:#000;
}

/*CSS för utskrift*/
@media print{
   body *{ visibility:hidden;  }
   body { background-color:white; height: 100% }
   #printyta { visibility:visible; position:absolute; top:0px; left:0px; width:100%; background-color:#ffffff; }
   #printyta *{ visibility:visible; }
   #container { height: 100%;}
}