body, html {
	margin:0;
	padding:0;
	height:100%;
	text-align:left;
	font:11px Arial, sans-serif;
	color: #1a1a1a;
	background-color: #fff;
	background-repeat: no-repeat;
}
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;
	color: #1a1a1a;
}
p {
	padding:9px 0 13px 0;
	margin:0px;
	font-size:11px;
	line-height: 15px;
}
fieldset {
	border: none;
}
img {
	border:none;
	display:block;
}
object {
	outline:0;
}
select {
	background-color:#fcfcfc;
	border:1px solid #e1e1e1;
	color:#333333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font:8pt verdana, sans-serif;
	padding:3px 3px;
	width:300px;
}
	option {
		background-color:#fcfcfc;
		color:#333333;
		font:8pt verdana, sans-serif;
	}
a {
	color:#331200;
	text-decoration:none;
}
a:hover {
	color:#b10021;
}


/* Egna element */
#languages {
	position: absolute;
	margin: 10px;
	float: left;
	z-index: 1000;
} #languages img {
	float: left;
	margin-right: 5px;
}



#container {
	width: 960px;
	margin: 0 auto;
}

	#navcolumn	{
		width:238px;
		margin: 20px 1px 0 1px;
		display: inline;
		float: left;	
	}
		#logotype
		{
			margin: 1px 0 0 6px;
		}
	#navigation {
		margin-top: 18px;
		background:url("/bilder/design/bg_submenu.png") no-repeat;
		padding-top: 5px;
		min-height: 424px;
	}

		#navigation .submenu_lv1 {
			margin: 25px 0 0 0;
			padding-left: 29px;
			list-style:none;
			line-height: 1px;
		}
			#navigation .submenu_lv1 li {
				margin: 0 0 5px 0;
			}
			#navigation .submenu_lv1 li.first {
				margin-left:0;
			}
				#navigation .submenu_lv1 li a {
					color:black;
					text-decoration:none;
				}
			#navigation .submenu_lv1 li.active {
				font-weight:bold;
			}
				#navigation .submenu_lv2 {
					padding:0 10px;
					margin: 5px 0 15px 0;
					list-style:none;

				}
					#navigation.submenu_lv2 li {
						display:inline;
						margin-left:0px;
					}
					#navigation .submenu_lv2 li.first {
						margin-left:0;
					}
						#navigation .submenu_lv2 li a {
							padding:0px 0 0px 0px;
							color: #4c6466;
							font:11px Arial, sans-serif;
							text-decoration:none;
						}
					#navigation .submenu_lv2 li.active a {
						color: #800000;
					}
		#sokboende {
			margin-top: 30px;
			background:url("/bilder/design/bg_sokboende.png") no-repeat;
			padding: 40px 20px 0 20px;
			height: 337px;
			width: 198px;
		}
		
		#sokboende_1033 {
			margin-top: 30px;
			background:url("/bilder/design/bg_sokboende_1033.png") no-repeat;
			padding: 40px 20px 0 20px;
			height: 337px;
			width: 198px;
		}
			.bokaskidutrustning
			{
				height: 30px;
				margin: 12px 35px 0 10px;
				border-top: 1px solid #cecece; 
				padding: 10px 5px 0px 5px;
			}
				.bokaskidutrustning a
				{
					font-weight: bold;
					color: #800000;
				}

	#headercontent {
		width:710px;
		margin:20px 0 0 10px;
		display: inline;
		float: left;
	}	
		#header {
			width: 710px;
			text-align:left;
			position: relative;
		}
			#themebuttons {
				position: absolute;
				left: 284px;
				top: -26px;
				z-index: 15;
			}
				#themebuttons img
				{
					float: left;
					margin-right: 0px;
				}
				
			#pistkarta {
				position: relative;
				width: 710px;
				height: 589px;
				background:url("/bilder/design/pistkarta_2011.jpg") no-repeat;

			}
				.pistinfo
				{
					position: absolute;
					width: 239px;
					height: 166px;
					padding: 30px 35px 15px 30px;
					z-index: 12;
					background: url("/bilder/design/bg_pistinfo.png") no-repeat;
					display: none;
				}
				
				.pistbild
				{
					float: right;
					width: 96px;
					height: 105px;
					margin: 5px 0 0 15px;
					text-align: center;
				}
				
				.pistbild img
				{
					margin-bottom: 5px;
				}
				
			#pistlista {
				width: 630px;
				height: 296px;
				background:url("/bilder/design/bg_pistlista.jpg") no-repeat;
				padding: 40px;
				text-transform: uppercase;
				font: 11px Arial;
				color: #000000;
			}
				#pistlista img
				{
					float: right;
					margin-right: 5px;
				}
				#pistlista .pistkolumn
				{
					width: 190px;
					height: 210px;
					padding-right: 20px;
					float: left;
				}
				#pistlista .pistrad
				{
					height: 32px;
				}
			#flashContainer {
				position: relative;
			}
			#flashOverlay
			{
				position: absolute;
				width: 710px;
				height: 419px;
				top: 0;
				left: 0;
				z-index: 10;
			}		
			#flashOverlay-subpage
			{
				position: absolute;
				width: 710px;
				height: 298px;
				top: 0;
				left: 0;
				z-index: 10;
			}
			#flashContent
			{
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
		#content_wrap {
			width:710px;
			text-align:left;
			padding-top: 10px;
		}
		
			#content {
				width:701px;
				float: left;
				padding-top: 20px;
			}
			#content.subpage {
				width:470px;
				margin-left:0px;
				margin-right:0px;
				padding-top: 20px;
				float: left;
			}
				#content.subpage h1 {
					color:#0c2e86;
					font:bold 16px Trebuchet MS, Arial, sans-serif;
					text-transform:uppercase;
					margin:10px 0 15px 0;
					padding:0;
				}
				#content.subpage p {
					padding:0 5px 22px 0;
				}
				#googlekarta {
					border: 1px #bbbbbb solid;
				}
				.sidbild {
					float:right;
					margin:5px 0 5px 10px;
					padding: 3px;
				}
				.bokacolumn {
					float: right;
					margin-right: 10px;
					width: 240px;
				}
				.bokalink {
					float: right;
				}
				.erbjudandebild {

					margin:5px 0 10px 10px;
					width: 224px;
					padding: 3px 3px 3px 3px;
					background-color:#dce3e4;
				}
					.erbjudandebild .pristext
					{
						width: 214px;
						padding: 5px;
					}
				.erbpuff
				{
					background:url("/bilder/design/bg_erbliten_botten.png") no-repeat;
					width: 145px;
					height: 136px;
					padding: 9px 10px 10px 9px;
					display: block;
					margin: 0 1px 20px -9px;
					float: left;
					cursor: pointer;
				}
				.erbpuff .rub img
				{
					padding: 7px 0px 5px 5px;
				}
				.erbpuff2
				{
					background:url("/bilder/design/bg_erbliten_botten2.png") no-repeat;
					width: 145px;
					height: 146px;
					padding: 9px 10px 10px 9px;
					display: block;
					margin: 0 1px 20px -9px;
					float: left;
					cursor: pointer;
				}
				.erbpuff2 .rub img
				{
					padding: 4px 0px 5px 5px;
				}
				.erbpuff_stor
				{
					background:url("/bilder/design/bg_erbstor_botten.png") no-repeat;
					width: 280px;
					height: 140px;
					padding: 9px 10px 10px 9px;
					display: block;
					margin: 0 0px 0 -9px;
					float: left;
					cursor: pointer;
					position: relative;
				}
				.erbpuff_stor .rub img
				{
					padding: 10px 5px 5px 7px;

				}
				.erbpuff_stor .puffrub
				{
					position: absolute;
					font-size: 20px;
					color: #800000;
					text-align: right;
					top: 30px;
					width: 200px;
					padding: 10px 10px 10px 70px;
				}
				.erbpuff_stor2
				{
					background:url("/bilder/design/bg_erbstor_botten2.png") no-repeat;
					width: 280px;
					height: 152px;
					padding: 9px 10px 10px 9px;
					display: block;
					margin: 0 0px 0 -9px;
					float: left;
					cursor: pointer;
					position: relative;
				}
				.erbpuff_stor2 .rub img
				{
					padding: 6px 5px 5px 7px;

				}
				.erbpuff_stor2 .puffrub
				{
					position: absolute;
					font-size: 20px;
					color: #800000;
					text-align: right;
					top: 30px;
					width: 200px;
					padding: 10px 10px 10px 70px;
				}
				.galleriKatPuff
				{
					width: 130px;
					display: block;
					float: left;
					margin-right: 20px;
					margin-bottom: 15px;
				}
				.galleriKatPuff .rub img
				{
					padding: 5px 5px 5px 3px;
				}
				.galleriPuff
				{
					width: 130px;
					float: left;
					margin-right: 20px;
					margin-bottom: 15px;
				}
				.galleriPuff .rub img
				{
					padding: 5px 0 0 3px;
				}
				#knappar
				{
					margin-left: -2px;
					float: left;
				}
				#knappar_right
				{
					float: right;
				}
				.knapp
				{
					background:url("/bilder/design/knapp.png") no-repeat;
					width: 159px;
					height: 39px;
					padding: 20px 0 0 20px;
					margin-bottom: -9px;
					display: block;
				}
				.dblknapp
				{
					background:url("/bilder/design/knapp2.png") no-repeat;
					width: 159px;
					height: 57px;
					padding: 15px 0 0 20px;
					margin-bottom: -9px;
					display: block;
				}
				.dblknapp a {
					display: block;
					margin-bottom: 2px;
				}
				#friluftsdagforfragan
				{
					width: 340px;
				}
				
			#puffcolumn
			{
				width: 240px;
				float: left;
			}
			
				#vaderpuff
				{
					width: 240px;
					height: 168px;
					background:url("/bilder/design/bg_vaderpuff.png") no-repeat;
					position: relative;
					margin-top: 1px;
					display: block;
				}
				#vaderpuffliten
				{
					width: 240px;
					height: 111px;
					background:url("/bilder/design/bg_vaderpuff_liten.png") no-repeat;
					position: relative;
					margin-top: 1px;
					display: block;
				}
					#vaderText
					{
						display: block;
						padding: 30px 0px 0px 20px;
					}
						#vaderText img
						{
							margin-bottom: 2px;
						}
						#vaderText table
						{
							font: 11px Arial;
							color: #333333;
							margin-top: 5px;
						}
							#vaderText table tr
							{
								height: 20px;
							}
							#vaderText table .data
							{
								padding-left: 35px;
								font: 13px Arial;
								font-weight: bold;
							}
							
				#skolbokning 
				{
					width: 240px;
					height: 147px;	
				}
					#skolbokningWrap
					{
						padding: 23px 0px 0px 20px;					
					}
						#skolbokningWrap img
						{
							margin-bottom: 7px;
						}
						#skolbokningWrap form
						{
							padding: 0;
							margin: 0;
						}
						#skolbokningText
						{
							width: 140px;
							margin: 2px 0 2px 0;
						}
				
				#facbookboxPuff {
					width: 240px;
					height: 533px;
					background:url("/bilder/design/bg_facebookbox.png") no-repeat;	
				}
					#facbookboxPuffText
					{
						padding: 20px 0px 0px 20px;
					}
				
				
				#nyhetsbrevPuff
				{
					width: 240px;
					height: 187px;
					background:url("/bilder/design/bg_nyhetsbrev.png") no-repeat;				
				}
					#nyhetsbrevPuffText
					{
						padding: 20px 0px 0px 20px;
					}
				#nyhetspuff
				{
					width: 430px;
					font: 11px Arial;
					color: #323232;
				}
				#nyhetspuff .date
				{
					font: 10px Arial;
					color: #666666;
				}
				#nyhetspuff .rub
				{
					font: bold 11px Arial;
					color: #323232;
				}
				#nyhetspuff a
				{
					color: #800000;
				}
				
	#footer {
		width:903px;
		height: 55px;
		padding:102px 37px 0px 10px;
		margin-left: 10px;
		text-align:left;
		color: #ffcccc;
		font: 11px Arial;
	}
		#footer .pagename
		{
			font: bold 13px Arial;
		}
		#footer a
		{
			color: #fff;
		}

/* Användbara klasser */
.clear  {
	clear:both;
	height:0;
	overflow:hidden;
}
.left {
	float:left;
	margin:0 4px 3px 0;
}
.right {
	float:right;
	margin:0 0 3px 4px;
}
.input  {
	background-color:#fcfcfc;
	border:1px solid #999999;
	color:#333333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font:8pt verdana, sans-serif;
	padding:3px 3px;
	width:300px;
}
.input.textarea {
	height:100px;
}
.input_puff  {
	background-color:#fcfcfc;
	border:1px solid #999999;
	color:#333333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font:8pt verdana, sans-serif;
	padding:3px 3px;
	margin-bottom: 5px;
	width:192px;
}
.mercTextField {
	background-color:#fcfcfc;
	border:1px solid #999999;
	color:#333333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font:8pt verdana, sans-serif;
	padding:3px 3px;
	margin-bottom: 5px;
	width:192px;
}
.input_skolbokning  {
	background-color:#fcfcfc;
	border:1px solid #999999;
	color:#333333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font:8pt verdana, sans-serif;
	padding:3px 3px;
	margin: 2px 5px 0 0;
	width:102px;
	float: left;
}
#submit1 {
	float: right;
	margin: 5px 20px 0 0;
}
#submit2 {
	float: left;
}
.pipe { /* Stående streck (avskiljare) */
	color:#ffcccc;
	padding:0 10px;
}
.important { /* Stjärna (krav) vid formulär */
	color:red;
	cursor:help;
}
/* -------- */


/* CSS För Google Map i hittahit.asp */
#GM_Form { display:none; } /* Formuläret */
#GM_Map { display:none; width:100%; height:350px; } /* Kartan*/
#GM_Route { display:none; width:100%; } /* Vägbeskrivningen*/
#GM_Message { display:none; padding:10px; } /* Felmeddelanden och även förslag på avresepunkter om flera olika hittas */
#GM_Destination { width:250px; }  /* Inmatningsfältet för avresepunkt */
#GM_Submit { } /* Sök-knappen */

.sitemap {
	margin-left:20px;
}
.sitemap ul {
	margin-left:15px;
}

/*CSS för utskrift*/
@media print{
	/* Dölj element som inte ska visas i utskrift */
	body,html { font-size: 13pt; line-height: 15pt; }
	p { font-size: 13pt; line-height: 15pt; }
	#header { display:none; }
	#footer { display:none; }
	#navcolumn { display:none; }
	#puffcolumn { display: none; }
	#knappar { display: none; }
	.erbpuff_stor { display: none; }
	.erbpuff { display: none; }
	input { display: none; }
	label { display: none; }
	.important { display: none; }
	.bokalink { display: none; }
	#jquery-lightbox { display: none; }
	#jquery-overlay { display: none; }
	/* Positionera upp huvudytan */
	#content { position:absolute; top:0; left:0; width: 100% !important;}
}
