html {
	margin:0;
	padding:0;
	height:100%;
	background:#0f6089 url("/bilder/design/bg_vandrare.gif") center fixed no-repeat  ;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
}

body {
	margin:0;
	padding:0;
	background: url("/bilder/design/bg_vitt.gif") top right fixed no-repeat   ;
}

h1 {
	padding:10px 0 5px 0;
	margin:0px;
	font-size:12px;
}
h2 {
	padding:7px 0 5px 0;
	margin:0px;
	font-size:14pt;
}
h3 {
	padding:5px 0 5px 0;
	margin:0px;
	font-size:12pt;
}
p {
	padding:9px 0 13px 0;
	margin:0px;
	font-size:12px;
}
img {
	border:none;
	outline: none;
}
object {
	outline:0;
}
select {
	background-color:#fff;
	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:178px;
}
	option {
		background-color:#fcfcfc;
		color:#333333;
		font:8pt verdana, sans-serif;
	}
a {
	color:#331200;
	text-decoration:none;
	outline: none;
}
a:hover {
	color:#b10021;
}


/* Egna element */
#container {
	margin:0;
	padding:30px 0 0;
}
	#navigation {
		float:right;
		height:115px;
		margin:0 50px;
		padding-top:18px;
		width: 580px;
	}
		#navigation_top {
			text-align:right;
			float:right;
			clear:left;
			color:white;
		}
			#navigation_top .submenu_lv1 {
				padding:0 10px;
				margin:0;
				list-style:none;
				width: 580px;
			}
				#navigation_top .submenu_lv1 li {
					display:inline;
					margin-left:7px;
				}
				#navigation_top .submenu_lv1 li.first {
					margin-left:0;
				}
					#navigation_top .submenu_lv1 li a {
						padding:2px 0 2px 7px;
						color:white;
						font:11px Trebuchet MS, Arial, sans-serif;
						text-decoration:none;
					}
				#navigation_top .submenu_lv1 li.active {
					font-weight:bold;
				}
			
		#navigation_main {
			text-align:right;
			float:right;
			clear:right;
			color:#b2917f;
			padding-top:50px;
		}
			#navigation_main .submenu_lv1 {
				padding:0 10px 0 0;
				margin:0;
				list-style:none;
			}
				#navigation_main .submenu_lv1 li {
					display:inline;
					margin-left:31px;
				}
				#navigation_main .submenu_lv1 li.first {
					margin-left:0;
				}
					#navigation_main .submenu_lv1 li a {
						color:#b2917f;
						padding:2px 0 2px 7px;
						text-decoration:none;
						text-transform:uppercase;
						font:bold 14px Trebuchet MS, Arial, sans-serif;
					}
				#navigation_main .submenu_lv1 li.active {
					font-weight:bold;
				}
			
		#logotype {
			width:200px;
			height:22px;
			margin-top:93px;
			margin-left:10px;
		}
		
	#header {
		width: 1002px;
		height: 457px;
		padding:0 0px;
		margin:0 auto;
		text-align:left;
		background:url("/bilder/design/bg_cont_header.png") no-repeat;
		position: relative;
	}
	
	.header_catpuff_bild {
		background: #FFF;
		padding: 5px 6px 5px 6px;
		width: 269px;
		height: 155px;
		overflow: hidden;
		display: block;
	}
	
	#headercont {
		width: 1002px;
		height: 400px;
		position: absolute;
		top: 136px;
		left: 60px;
	}
		#headercontleft {
			float:left;
			width: 620px;
		}
	
			#headercontimg {
				padding: 5px;
				background-color: #FFF;
				margin-top: 12px;
				float: left;
			}
			
			.headercontimg_tumnfirst {
				float: right;
				padding: 3px;
				margin-top: 12px;
				background-color: #FFF;
				cursor: pointer;
			}
			
			.headercontimg_tumn {
				float: right;
				padding: 3px;
				margin-top: 8px;
				background-color: #FFF;
				cursor: pointer;
			}
		
		#headercontright {
			float:left;
			width: 240px;	
		}
		
		#headercontright form {
			width: 180px;
			margin-left: 47px;
			margin-top: 60px;
		}
		
		#headercontright form p{
			color:#FFF;	
			font-size: 10px;
		}
		
		
	#headerindex {
		width: 1002px;
		height: 497px;
		padding:0 0px;
		margin:0 auto;
		text-align:left;
		background:url("/bilder/design/bg_cont_header_index.png") no-repeat;
		position: relative;
	}
	
	.header_catpuff {
		position: absolute;
		top: 136px;
		width: 292px;
	}
		#header_cat_puff_1 {
			left: 58px;
			background: url(/bilder/design/vr_line_header.gif) no-repeat top right;
		}
		
		#header_cat_puff_2 {
			left: 359px;
			background: url(/bilder/design/vr_line_header.gif) no-repeat top right;
		}
		
		#header_cat_puff_3 {
			left: 659px;	
		}
		
		.header_catpuff_text {
			padding: 10px;
			color: #FFF;
		}
		.header_catpuff_text p{
			font-size:11px;
			margin:0;
			padding:0;
			color: #FFF;
			line-height:16px;
		}
	
	#content_wrap {
		background:transparent url(/bilder/design/bg_cont_middle.png) repeat-y scroll 0 0;
		clear:both;
		margin:0 auto;
		padding:0;
		text-align:left;
		width:902px;
		padding-left: 100px;
		position: relative;
	}
	
	
	#startsidameny {
		 position: absolute;
		 top: -90px;
		 left: 65px;
		 width:865px;
		 height: 150px;
	}
	
	
	
	#btn_varapaket {
		background: transparent url(/bilder/design/btn_varapaket.png);
		width: 141px;	
		height: 146px; 
		float:left;
	}
	
	.startsidan_aktivitetstumnagel {
		background: transparent url(/bilder/design/bg_tumnagel.png);
		width: 101px;	
		height: 102px;
		float: left;
		padding-top: 6px;
		padding-left: 7px;
		margin: 12px 9px 0 2px;
	}
	
	.aktivitetstumnagel {
		background: transparent url(/bilder/design/bg_tumnagel.png) no-repeat;
		width: 101px;	
		height: 120px;
		float: left;
		padding-top: 6px;
		padding-left: 7px;
		margin: 12px 9px 0 2px;
	}
	
	.aktivitetstumnagelrubrik {
		padding-top: 7px;
		font-size: 11px;
	}
	
	#aktivitetstumnagel_container {
		margin-left: -10px;
	}
	
	#btn_vadvillnigora {
		background: url(/bilder/design/btn_vadvillnigora.png);
		width: 141px;	
		height: 139px; 
		position:absolute;
		right: 0px;	
	}
	
	
	#start_profiler {
		background:url(/bilder/design/startsidan_profiler.jpg) no-repeat;
		width: 542px;
		padding-top: 155px;
		margin-top: 80px;
		float: left;
	}
	
	
	#start_profiler p{
		padding: 3px 0 0 0;	
	}
	
	#profil_puff1 {
		float:left;
		margin-left: 20px;
		width: 150px;
	}

	#profil_puff2 {
		float:left;
		margin-left: 40px;
		width: 150px;
	}


	#profil_puff3 {
		float:left;
		margin-left:38px;
		width:144px;
	}

	#col_nyheter_kontakta {
		 float:left;
		 width: 210px;
		 margin-top: 90px;
		 margin-left: 65px;
	}
		.nyhetexpand {
			display:none;	
		}
	
	#col_kontakta {
		 float:left;
		 width: 292px;
		 margin-left: 65px;
	}
	
	.col_kontakta_inner {
		width: 230px;
		padding-left: 40px;
		padding-top: 10px;
	}
	
	.col_kontakta_inner_tumn {
		width: 240px;
		padding-left: 35px;
		padding-top: 3px;
	}
	
	#col_kontakta form{
		width: 178px;
		margin-left: 49px;
		padding-top: 11px;
	}
	
	#col_kontakta form p{
		font-size: 10px;
	}
	
	.puff_nyheter {
		padding-bottom: 27px;
		font-size: 11px;
	}
	
	.puff_nyheter a{
		color: #8b0404;
		font-size: 12px;
	}
	#col_nyheter_kontakta form{ 
		padding-top: 10px;
		width: 176px;
	}
		#subnavigation {
			width:233px;
			float:left;
			min-height:560px;
		}
			#subnavigation h2 {
				text-transform:uppercase;
				color:#331200;
				margin:10px 0 10px 10px;
				padding:0;
				font:bold 14px Trebuchet MS, Arial, sans-serif;
			}
			#subnavigation .submenu_lv1 {
				padding:0 10px 0 0;
				margin:0 0 40px 10px;
				list-style:none;
			}
			
			.submenu_lv1_active_first {
				display:inline-block;
				background: url(/bilder/design/menu_left.gif) no-repeat;
				width: 5px;
				height: 22px;
				margin: 0 -3px 0 0;
				padding: 0;
				overflow:hidden;
			}
			.submenu_lv1_active_middle {
				display:inline-block;
				background: url(/bilder/design/menu_middle.gif);
				height:19px;
				padding:3px 5px 0;
				background: #FFF;
				margin: 0;
				overflow:hidden;
				vertical-align: top;
			}
			
			.submenu_lv1_middle{
				height:16px;
				padding:3px 0 3px;
				display:inline-block;
				overflow:hidden;
			}
			.submenu_lv1_active_last {
				display:inline-block;
				background: url(/bilder/design/menu_right.gif) no-repeat;
				width: 5px;
				height: 22px;
				margin: 0 0 0 -3px;
				padding: 0;
				overflow:hidden;
			}
			
				#subnavigation .ie6hax {
					width:1px;
					height:560px;
					float:right;
				}
				#subnavigation .submenu_lv1 li {
					
				}
				#subnavigation .submenu_lv1 li.active {
					
				}
					#subnavigation .submenu_lv1 li a {
						color:#331200;
						padding:1px 0 1px 8px;
						text-decoration:none;
						font:normal 11px Trebuchet MS, Arial, sans-serif;
					}
					#subnavigation .submenu_lv1 li.active a {
						color:#b10021;
					}
			
		#content {
			width:500px;
			float:left;
			padding-top: 15px;
		}
			.aktiviteter_knappar
			{
				float: left;
				margin-left: 20px;
				width: 350px;
			}
			
			.aktivitetsikon
			{
				width: 50px;
				margin: 10px 10px 5px 0;
				float: left;
				font: 12px Arial;
				color: #666;
			}
			.aktivitetsikon img
			{
				margin: 0 0 8px 0;
			}
			
		#aktiviteter_bred {
			width: 902px;
		
		}
		#content p{ 
			font: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #666666;
			line-height: 20px;
		}

	.passafor {
		float: left;
		width: 155px;
	}
	
	.passafor ul{ 
		padding-top: 10px;
		padding-left: 12px;
		margin: 0;
		color: #666;
		font-size: 11px;
		line-height: 17px;
	}

	.faktaruta {
		float: left;
		width: 155px;
	}
	
	.faktaruta ul{ 
		padding-top: 10px;
		padding-left: 12px;
		margin: 0;
		color: #666;
		font-size: 11px;
		line-height: 17px;
	}

	.gorenforfragan {
		float:left;
		padding-left:10px;
		text-align:left;
		width:162px;
	}

	#citatpuff {
		background: url(/bilder/design/citatpuf.gif) no-repeat;
		width: 177px;
		height: 177px;
		font: "Univers"; 
		
		padding-top: 38px;
		text-align: center;
		float:right;
		padding-left: 45px;
		padding-right: 45px;
		margin-top:10px;
		margin-left:20px;
		margin-right:10px;
	}
	
	#citatpuff p{
		font: "Univers"; 
		font-size: 11px;
		color: #ffffff;
		line-height: 1.5em;
	}
	
	#citatpuff p strong{
		display:block;
		margin-top:-8px;
	}
	
	cufon {
		margin-bottom:8px;
	}

	#footer {
		width:1002px;
		padding: 44px 0 0 0;
		margin:0 auto;
		overflow:hidden;
		clear:both;
		background:url("/bilder/design/bg_cont_footer.png") no-repeat;
		text-align:center;
		height: 83px;
		color: #FFF;
		font-size:11px;
	}
		#footer p {
			font:11px Trebuchet MS, sans-serif;
			color:#fff;
			margin:0;
			padding:0;
		}
		#footer p.right {
			font: 11px  Arial, Helvetica, sans-serif
		}
			#footer p a {
				color:#fff;
				text-decoration:none;
			}

			#footer a {
				color:#fff;
				text-decoration:none;
			}

	.kontaktperon_container {
		display:block;
		padding-top: 3px;
		clear: both;
		position:relative;
		left: -25px;
		width:525px;
	}
	
	.kontaktperon_info {
		float: left;
		width:320px;
		padding-left: 25px;
		padding-top: 30px;
		padding-bottom: 15px;
	}

	#content .kontaktperon_info p {
	  font-size: 10px;
	  color: #333333;
	  padding-top:0;
	  line-height: 15px;
	}

	#content .kontaktperon_info .kontakt_talefon {
		padding-top: 0;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		color: #000;
		line-height: 20px;
	}

	#JavascriptForm3 .input{
			background: url(/bilder/design/input_bg.gif) no-repeat;
			border: none;
			height:15px;
			padding-top: 5px;
	}
	#JavascriptError3
	{
		color: #fff;
		margin: 30px 0 0 20px;
	}


/* 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:#fff;
	border:1px solid #e1e1e1;
	color:#666666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:3px 3px;
	width:170px;
	text-transform: uppercase;
	font-size:9px;
	font-weight:normal;
}

#button_skicka {
	background: url(/bilder/design/btn_skicka.gif) no-repeat;
	width: 65px;
	height: 23px;
	padding: 0;
	margin: 0;
	float: right;
	border: none;
}
#button_skicka_1033 {
	background: url(/bilder/design/btn_send.png) no-repeat;
	width: 65px;
	height: 23px;
	padding: 0;
	margin: 0;
	float: right;
	border: none;
}

.input.textarea {
	height:100px;
}
.pipe { /* Stående streck (avskiljare) */
	color:#BCB9B4;
	padding:0 5px;
}
.important { /* Stjärna (krav) vid formulär */
	color:red;
	cursor:help;
}
/* -------- */

.hr {
	margin-top: 12px;
	clear:both;
	width: 100%;
	height: 3px;
	background:url(/bilder/design/hr.gif);
}


/* 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 */

/*CSS för utskrift*/
@media print{
	/* Dölj element som inte ska visas i utskrift */
	#header { display:none; }
	#footer { display:none; }
	#navigation { display:none; }
	/* Positionera upp huvudytan */
	#content { position:absolute; top:0; left:0; }
}


/* INFO ENGELSKA */

.pdfPuff {
	width: 106px;
	float: left;
	margin-top: 7px;
	height: 150px;
	margin-right: 13px;
}
.pdfPuff .logo {
	background-image: url(/bilder/design/pdfLogo.png);
	position: absolute;
	width: 18px;
	height:24px;
	margin: 71px 0 0 9px;
}
.pdfPuff  .text{
	padding: 0px 5px;
	font-size: 11px;
	color: #000;
}
.pdfPuff  .size{
	padding: 0px 5px;
	color: #666666;
	font-transform:italic;
}
.pdfPuff .bild{
	background-image: url(/bilder/design/pdfRam.png);
	width: 100px;
	height: 101px;
	padding: 5px 0 0 6px;
}