/*     CSS RESET */
html, body, div, span, applet, object, iframe,
 blockquote, pre,
h3,h4, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul,li,ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	text-align:center;
	background:#dfe9ec url(../images/layout/body-back.gif) top center repeat-x;
	font: normal 10pt Arial, Helvetica, sans-serif;
	color:#444;
	line-height:1.5em;
}

#breadcrums a { text-transform: capitalize; text-decoration:underline; text-transform:uppercase }

ol, ul {
	list-style:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.blue	{ color:#34b6e5; text-decoration:none; }
.blue:hover	{ color:#890175; text-decoration:none; }
.pink	{ color:#f21e8c ;}
.purple	{ color:#890175; }
.green	{ color:#8cc919; }
.black	{ color:444; }

a { font: bold 9pt Arial, Helvetica, sans-serif; color:#890175; text-transform:uppercase; line-height:1.5em; text-decoration:underline }
a:hover { text-decoration:underline; color:#34b6e5; }


/*        START KUNGSBERGET   */

/*  Basic layout  */
.wrapper { width:960px; margin:0 auto; padding:0; text-align:left; }
#header { height:442px; margin:0; padding:0; position:relative; background:url(../images/layout/header-back.jpg) 0 47px no-repeat; z-index:2; }
#headersub { height:162px; margin:0; padding:0; position:relative; background:url(../images/layout/header-back.jpg) 0 47px no-repeat; z-index:2; }
#headerfreestyle { height:320px; margin:0; padding:0; position:relative; background:url(../images/layout/header-back-freestyle.jpg) 0 27px no-repeat; z-index:2; }
#headerripcurl { height:437px; margin:0; padding:0; position:relative; background:url(../images/layout/header-back-ripcurl.jpg) 0 47px no-repeat; z-index:2; }


#body { background:#fff; padding:40px 0; position:relative; float:left; width:100%; z-index:0;  }
#bodysub { background:#fff; padding:40px 0; position:relative; float:left; width:100%; background-image:url(../images/layout/avgrensare.jpg); background-repeat:repeat-y; z-index:0;  }
#bodyfreestyle { background:#fff; padding:40px 0; position:relative; float:left; width:100%; background-image:url(../images/layout/avgrensare.jpg); background-repeat:repeat-y; z-index:0;  }
#bodyripcurl { background:#fff; padding:40px 0; position:relative; float:left; width:100%; background-image:url(../images/layout/avgrensare.jpg); background-repeat:repeat-y; z-index:0;  }


span#bodytop { display:block; background:url(../images/layout/body-top.gif); width:960px; height:20px; position:absolute; top:0; left:0; z-index:1;}
span#bodyfooter { display:block; background:url(../images/layout/body-footer.gif); width:960px; height:20px; position:absolute; bottom:0; left:0; }
#bodysub span#bodytop { background:url(../images/layout/body-top-sub.gif); z-index:1; }
#bodyfreestyle span#bodytop { background:url(../images/layout/body-top-sub2.gif); z-index:1; }
#bodyripcurl span#bodytop { background:url(../images/layout/body-top-sub2.gif); z-index:1; }


#footer { background:#8ecce2 url(../images/layout/footer-bottom.gif) bottom left no-repeat; float:left; color:#FFFFFF; width:100%; position:relative; padding:0 0 30px 0; margin-bottom:10px; }
#jambacklogo { float:right;}

/*  Columns */
div.small	{ display:inline; width:279px; margin:0 20px;  }
div.big		{ display:inline; width:520px;  margin:0 50px 0 50px;; color:#444; position:relative; }
div.big_start	{ display:inline; width:590px;   margin:0 20px 0 20px;; color:#444; position:relative; }

div.left	{ float:left; }
div.right	{ float:right; }

div.break	{ float:left; width:100%; height:21px; margin-top:10px; background-image:url(../images/layout/startpage_split_horisont.jpg); background-repeat:no-repeat; }

div.content_box { float:left; width:100%; }
div.content_box ul { list-style:circle; margin:1.12em 0; margin-left:40px;  }


/* Widgets */
#widgets { width:307px; height:95px; background-image:url(../images/layout/widgets_back.png); background-repeat:no-repeat; margin-top:10px; position:absolute; right:0px; color:#2896b8; z-index:0; }
#widget_time { width:95px; height:56px; padding-left:0px; float:left; text-align:center; margin-right:17px; }
	#time { margin-left:0px; }
	#widget_time h4 { color:#f21e8c; font-size:16px; font-weight:bold; margin-left:7px; margin-top:2px; }
	#widget_time a { color:#2896b8; text-decoration:none; display:block; }
	#widget_time a:hover { text-decoration:underline; }
#widget_cam { width:105px; height:56px; float:left; padding-left:2px; }
	#webcam { margin-left:20px; }
	#widget_cam a { color:#2896b8; text-decoration:none; }
	#widget_cam a:hover { text-decoration:underline; }
#widget_temp { width:81px;  height:70px; float:right; }
	#widget_temp h4 { color:#f21e8c; font-size:16px; font-weight:bold; margin-left:7px; margin-top:2px; }
	#widget_temp a { color:#2896b8; text-decoration:none; }
	#widget_temp a:hover { text-decoration:underline; }
#widget_open { width:270px; height:20px; clear:both; padding-left:10px; padding-top:2px; color:#FFFFFF; font-weight:bold; }
	#widget_open a { color:#FFFFFF; text-decoration:none; }
	#widget_open a:hover { text-decoration:underline; }


/*  Slider  */
#slider { height:280px; width:960px; position:absolute; bottom:0; margin:0; padding:0; background:url(../images/layout/slider-shadow2.gif) 20px 237px  no-repeat; }
#slider-wrap { width:960px; height:237px; background: #fff url(../images/layout/slider-box.png); position:relative; overflow:hidden; z-index:2;   }
#slider-box  { position:absolute; top:0; left:0; width:960px; height:237px; overflow:hidden;  z-index:1; }
#slider-menu { height:30px; background:#f2f2f2; margin:0 20px; }
	#slider-menu li { display: inline; }
	#slider-menu li a { display:block; float:left; height:30px; padding:0 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #fff; color:#444; text-decoration:none; font:bold 10pt Arial, Helvetica, sans-serif; line-height:30px;  }
	#slider-menu li:last-child a { border-right:0; }
	#slider-menu li a.active { height:32px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:0; line-height:32px; color:#f21e8c; }

#slider_merinfo{ background:url(/0910/images/layout/las_mer.gif) no-repeat; width:81px; height:25px;  cursor:pointer; position:absolute; right:21px; bottom:17px; z-index:30;}

/*   Text styles  */

h1 { font:normal 18pt Arial, Helvetica, sans-serif; color:#34b6e5; padding-bottom:10px; clear:both; text-transform:uppercase;  }
div.big_start h1 { margin-top:0; }
h2 { font:normal 13pt Arial, Helvetica, sans-serif; color:#34b6e5; text-transform:uppercase; margin-bottom:5px; padding-bottom:0px;  }
a.blue  { font:normal 13pt Arial, Helvetica, sans-serif; color:#34b6e5; text-transform:uppercase; margin-bottom:5px; padding-bottom:5px; padding-top:5px; display:block  }
.blue a:hover { text-decoration:underline; }

h3 { color:#890175 }
strong { font: bold 9pt Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; line-height:1.5em; }
p { font-size:1em; line-height:1.5em; }
p.image_caption { font-size:0.8em; color:#666; font-style:italic; }

/* Image borders */
#body div.small img, #body div.big img,
#bodysub div.small img, #bodysub div.big img{ padding:3px; border:1px solid #dadada; margin:0; } 

.image_placeholder { }

/* Startpage columns */
/* news & blog */
div.small a.news,div.small div.news a,small div.news a:hover { color:#444; text-decoration:none; }
div.small div.news { padding:3px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin-bottom:-1px; position:relative; }
div.small div.news a span.date { position:absolute; top:2px; right:3px; color:#999; }
div.small a.news img { float:left; margin-right:5px; padding:3px; border:1px solid #dadada; }

div#newslist span.news { padding:3px 0; float:left; width:272px; font-size:11px; margin-right:30px;   border-bottom:1px solid #dadada; margin-bottom:-1px; position:relative; }
div#newslist span.news_right { padding:3px 0; float:left; font-size:11px; width:272px; margin-left:15px;   border-bottom:1px solid #dadada; margin-bottom:-1px; position:relative; }
div#newslist span.news  a span.date { position:absolute; top:2px; font-size:9px; right:3px; color:#999; }
div#newslist span.news_right  a span.date  { position:absolute; font-size:9px; top:2px; right:3px; color:#999; }

div#newslist div.news { padding:3px 0; float:left; width:100%; margin-right:0px;   border-bottom:1px solid #dadada; margin-bottom:-1px; position:relative; }
div#newslist div.news_list { padding:3px 0; float:left; width:100%; margin-left:0px;   border-bottom:1px solid #dadada; margin-bottom:-1px; position:relative; }
div#newslist div.news  a span.date { position:absolute; top:2px; right:3px; color:#999; }
div#newslist div.news_list  a span.date  { position:absolute; top:2px; right:3px; color:#999; }



div#big_news {width:100%; border-bottom:1px solid #ccc; padding-bottom:10px; padding-bottom:10px;  }
div#big_news a:hover { color:#444; text-decoration:underline}
div#big_news h1 { padding-bottom:0px; margin-bottom:0px; }
div#big_news a { font:normal 15pt Arial, Helvetica, sans-serif; text-transform:none; text-transform:uppercase; line-height:20pt; color:#890175; padding-bottom:10px; clear:both; text-decoration:none }
div#big_news a:hover { text-decoration:underline; color:#890175; }

div#big_news img {  margin:5px 0px 5px 5px; padding:3px; border:1px solid #dadada; }

div#news_left {width:302px; float:left; padding:20px 0 20px 0;}

/* erbjudande */
/*ul.erbjudanden { background-image:url(../images/layout/erbjudande_back.png); background-repeat:no-repeat; padding:10px; 	margin: 0; list-style:none;}*/
ul.erbjudanden { background:#efefef; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:10px; }
ul.erbjudanden li { overflow:hidden; height:1%; }
div.small ul.erbjudanden li a { font:normal 11pt Arial, Helvetica, sans-serif; color:#444; display:block; position:relative; line-height:25px; text-transform:none; }
div.small ul.erbjudanden li a:hover { text-decoration:underline; color:#f21e8c }
	ul.erbjudanden li a span.pris { position:absolute; color:#f21e8c; top:0; left:150px; }
	ul.erbjudanden li a span.button { position:absolute; color:#fff; top:0; right:0px; background:#34b6e5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; display:block; width:20px; height:20px; text-align:center; font-size:14pt; line-height:17px; }
div.small a.erbjudande { display:block; background:#34b6e5; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase; padding:5px 10px; margin-top:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  }
div.small a.erbjudande:hover { text-decoration:underline; background-color:#890175;}
div.small a.erbjudande span { font-size:14pt; line-height:13px; }

div.big a.erbjudande { display:block; background:#34b6e5; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase; padding:5px 10px; margin-top:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  }
div.big a.erbjudande:hover { text-decoration:underline; background-color:#890175; }
div.big a.erbjudande span { font-size:14pt; line-height:13px; }


/*  Menu style  */
#menucontainer { background:url(../images/layout/menu-back.gif); height:47px; position:relative; z-index:200; }
#menu { margin:0 15px; position:relative; z-index:210; }
#menu li { display:inline;  }
#menu li a { display:block; float:left; height:47px;   font:bold 9pt Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:url(../images/layout/menu-link.gif) top left no-repeat; position:relative; z-index:230;  }
#menu li a span { display:block;line-height:47px; padding-right:13px; padding-left:13px; background:url(../images/layout/menu-link.gif) top right no-repeat; }
#menu li:first-child a { background-position: -1px 0; }
#menu li a:hover,#menu li a.active { background-position: bottom left; }
#menu li a:hover span,#menu li a.active span { background-position:bottom right; }
#menu #id1,#menu #id55 {  background:url(../images/layout/menu-home.gif) top left no-repeat; width:63px; text-indent:-9999em; overflow:hidden; padding:0; margin-left:-15px; }
#menu #id1 span,#menu #id55 span { background:none; display:inline; } 
#menu a#id1:hover,#menu a#id1.active,#menu a#id55:hover,#menu a#id55.active {  background:url(../images/layout/menu-home.gif) bottom left no-repeat; width:63px; text-indent:-9999em; overflow:hidden;  }


#submenu li{ list-style:circle; margin-left:25px }

/*** menu dropdownstyles ***/
.sf-menu ul { position:	absolute; top: -999em; 	width:160px; z-index:500; } /* left offset of submenus need to match (see below) */

.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:46px; /* match top ul list item height */ z-index:999;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:170px; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */	top:0;}
#menu li span.sf-sub-indicator { display:none; }
#menu li ul span.sf-sub-indicator { display:inline; }

#menu ul { padding:5px; background:#34b6e5; -webkit-border-radius-bottomright: 5px;-webkit-border-radius-bottomleft: 5px; -moz-border-radius-bottomright:5px;  -moz-border-radius-bottomleft:5px; z-index:200; }
#menu ul li ul { padding: 5px 5px 5px 5px; background:#34b6e5; -webkit-border-radius: 5px; -moz-border-radius:5px; z-index:500; }
#menu ul li { display:block; position:relative; background:#34b6e5; border-top:1px solid #15a5e3; }
#menu ul li:first-child { border:0; }
#menu ul li a { display:block; padding:0; font:bold 9pt Arial, Helvetica, sans-serif; height:auto; width:100%; background:none; position:relative; font:inherit; } 
#menu ul li a span { display:block; padding:0; margin:0; height:auto; padding:4px 8px; background:none; line-height:1em; font:inherit; text-transform:capitalize;  }
#menu ul li a:hover { background:#24ade4; } 
#menu ul li a span.sf-sub-indicator { display:block; padding:0; margin:0; background:none; height:10px; width:10px; line-height:1; position:absolute; right:2px; top:3px; }


/*  Test if browser is CSS3 compatible  */
#css3test { background:#000; height:10px; }
#css3test:empty { background:#900;}


/*  The slider  */
.TWICS2{
	width:100%;
    margin-bottom: 20px;
	cursor: pointer;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.TWICS2:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#HeadTitle{
position:absolute;
bottom:0;
}

#MainTWI{

	width:960px; 
	height:237px; 
	position:relative;
	overflow:hidden;
	
	
}
.TWITab{
position:relative;
 width:960px; height:237px;
 overflow:hidden;
}
.TWITab a{
	display:block;
	width:960px;
	height:237px;
	position:relative;
	z-index:10;
}

#TWITab1{
	width:960px;
	background-image:url(http://www.kungsberget.se/0910/images/slides/jobba.jpg);
	background-repeat:no-repeat;
	position:relative;

}

#TWITab2{
	background-image:url(../images/slider22.gif);
	background-repeat:no-repeat;
	position:relative;
}

#TWITab3{
	background-image:url(../images/slider33.gif);
	background-repeat:no-repeat;
	position:relative;
}

#TWITab4{
	background-image:url(../images/slider4.gif);
	background-repeat:no-repeat;
	position:relative;
}

#TWITab5{
	background-image:url(../images/slider99.gif);
	background-repeat:no-repeat;
	position:relative;
}

#TWITab6{
	background-image:url(../images/slider_nyakb.gif);
	background-repeat:no-repeat;
	position:relative;

}

#TWITab7{
	background-image:url(http://www.kungsberget.se/0910/images/slider7.gif);
	background-repeat:no-repeat;
	position:relative;

}

#TWITab8{
	background-image:url(http://www.kungsberget.se/0910/images/slider_bil.gif);
	background-repeat:no-repeat;
	position:relative;

}

#TWITab9{
	background-image:url(http://www.kungsberget.se/0910/images/slider9.gif);
	background-repeat:no-repeat;
	position:relative;

}



/*--Tab type control --*/

#ColorSelector{
height:30px;  margin:0 20px; overflow:hidden;

}
#ColorSelector .ColorSelected{
	background:#ffffff;
	color:#ee3d96;
}
.TWICS{
	height:30px; padding:0 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #fff; color:#444; text-decoration:none; font:bold 10pt Arial, Helvetica, sans-serif; line-height:30px;
	display:block;
	float:left;
	cursor: pointer;
	font-weight:bold;
}
.TWICS:hover{
	background:#ffffff;
	color:#ee3d96;
}


div.TWICS a{
	height:30px; padding:0 10px; color:#444; text-decoration:none; font:bold 10pt Arial, Helvetica, sans-serif; line-height:30px;
	display:block;
	float:left;
	cursor: pointer;
	font-weight:bold;
}
div.TWICS a:hover{
	background:#ffffff;
	color:#ee3d96;
}

div#widgets a{ text-transform:none}


#TWICS1{
	height: 45px;
    margin-right: 0px;
	cursor: pointer;
}

#TWICS2{
	height: 45px;
    margin-right: 0px;
	cursor: pointer;
}

#TWICS3{
	height: 45px;
    margin-right: 0px;	
	cursor: pointer;
}

#TWICS4{
	height: 45px;
    margin-right: 0px;
	cursor: pointer;
}


/*  Open hills and lifts  */
table.datatable {
		border-collapse:collapse;
	}
	table.datatable tr.rad1 td,table.datatable tr.rad2 td {
		padding:3px 5px;
		border-bottom: 1px solid #17586a;
	}
	table.datatable tr.rad1 {
		background: #f1fafc;
	}
	table.datatable tr.rad2 {
		background: #fff;
	}
	table.datatable tr.open {
		background: #6aff63;
	}
	table.datatable tr.tableheader td {
		background:#17586a;
		border:none;
		padding:3px 5px;
		color:#fff;
		font-weight:bold;
	}
	table.datatable tr.radtoppist {
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#700019;
		padding:5px 10px;
	}
	table.strongtable {
		border-collapse:collapse;
	}
	table.strongtable td {
		padding:3px 5px;
		background:#f1fafc;
		color:#000;
		border-bottom:1px solid #17586a;
	}
	
	
	
/*  Listing of events  */	
	ul.eventlist {list-style-type:none; margin:0; padding:0;}
	ul.eventlist li{ width:100%; float:left; position:relative;	padding: 3px 0;}
	ul.eventlist li.week{ border-top:1px solid #eee;}
	ul.eventlist li span.vecka{ position:absolute; top: 5px; left:10px; font-size:1,5em; font-weight:bold; font-style:italic; line-height:1.5em; }
	ul.eventlist li div.info{ margin-left: 60px;clear:both; margin-right:40px;}
	ul.eventlist li span.datum{margin-left:-100px; color:#666; line-height:1.5em;font-style:italic;display:block; width:80px;float:left;}
	ul.eventlist li h3{ font-size:1em; font-weight:bold; line-height:1.5em;margin:0; padding:0;}
	ul.eventlist li span.radera {position:absolute; top: 5px; right:0;}
	ul.eventlist li span.redigera {position:absolute; top: 5px; right:20px;}

div.startpage_blogg { position:relative; border:1px solid #dadada; height:180px; overflow:hidden; }
div.startpage_blogg a { display:block; border:3px solid #fff; height:174px; overflow:hidden; }
div#body div.startpage_blogg img { border:0; padding:0; margin-top:-10px; } 
div.startpage_blogg span#bloggen { width:160px; height:110px; background: url(../images/layout/blogg_start_overlay.png) no-repeat; position:absolute; top:-1px; left:-1px; }
div.startpage_blogg span#bloggtitle { position:absolute; left:3px; bottom:3px; padding:5px; display:block; background:#fff; font-style:oblique; font-weight:bold; right:3px; }