body, html {
	margin: 0;
	padding: 0;
	font: 11px/16px Arial, sans serif;
	text-align: center;
	background: #f7f7f7;
}

body {
	background-image:url(/bilder/background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
}

/*
h1 {
	padding: 1em 0 0.5em 0;
	margin: 0;
	font-size: 1.5em;
}
h2 {
	padding: 0.7em 0 0.5em 0;
	margin: 0;
	font-size: 1.2em;
}
h3 {
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	font-size: 1.1em;
}
*/
.hidden { display:none; }

p {
	padding: .8em 0 1em 0;
	margin: 0px;
	font-size: 1em;
}
a img {
	border: none;
}
a {
	color: #0344c8;
	text-decoration:none;
}
a:visited {
	color: #2b64d9;
}
a:hover {
	color: #032f88;
	text-decoration: underline;
}


/* Egna element */
#wrap {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
	#header {
		width: 100%;
		height:316px;
		padding:0;
		position:relative;
	}
		#logo {
			height:316px;
			width:240px;
			background-image:url(/bilder/logo.png);
			position:absolute;
			top:0;
			left:0;
			z-index:101;
			cursor:pointer;
		}
		#flashContainer {
			position:absolute;
			top:0;
			left:0;
			z-index:100;
			height:316px;
		}
		#huvudmeny {
			padding:0;
			position:absolute;
			top:265px;
			left:0;
			z-index:102;
			width:100%;
			height:41px;
			background-image:url(/bilder/flashmenubg.png);
			text-align:center;
		}
			#huvudmeny .submenu_lv1 {
				float: left;
				list-style: none outside none;
				margin: 0 auto;
				width: auto;
			}
				#huvudmeny .submenu_lv1 li {
					display:inline-block;
					margin-left:13px;
					margin-right:13px;
					margin-top:13px;
					float:left;
				}
					#huvudmeny .submenu_lv1 li a {
						color: black;
						font-size:16px;
						font-weight:bold;
					}
					#huvudmeny .submenu_lv1 li.first,
					#huvudmeny .submenu_lv1 li.first a {
						margin-left: 0;
						padding-left: 0;
					}
				#huvudmeny .submenu_lv1 li.active {
					font-weight: bold;
				}
				#huvudmeny .submenu_lv1 li.active a {
					color:#333333;
				}
	#vagbeskrivning {
		width:252px;
		float:right;
		margin-right:10px;
		margin-left:25px;
	}
	#bilder {
		width:253px;
		float:right;
		margin-right:10px;
		margin-left:25px;
		margin-top:45px;
		margin-bottom:25px;
	}
		#bilder .largepic {
		}
		#bilder .smallpic {
			float:left;
			width:45px;
			height:45px;
			margin-right:7px;
			margin-top:7px;
			cursor:pointer;
		}
		#bilder .smallpic.nomargin {
			margin-right:-2px;
		}
		#bilder .smallpic img {
		}
	#submeny {
		height:37px;
		width:952px;
		padding:0 4px;
		background-image:url(/bilder/submeny.png);
	}
		#submeny .facebook {
			float:right;
			height:10px;
			padding:10px 6px 0 2px;
		}
		#submeny .facebook img {
			border:none;
		}
		#submeny .lang {
			float:right;
			height:10px;
			padding:12px 3px;
		}
		#submeny .lang.selected {
			background-image:url(/bilder/submeny_selected.png);
			padding:12px 7px;
			margin:0 5px;
		}
		#submeny .submenylink {
			float:right;
			padding:9px 10px;
		}
			#submeny .submenylink a {
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:#fff;
				text-decoration:none;
			}
		
	#sidebar {
		float: left;
		width: 260px;
		padding: 0 20px 0;
	}
	#content {
		width:436px;
		padding: 0 20px 0 0;
		margin:45px auto 0 auto;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
	}
	#content.hittahit {
		/*padding-right:120px;
		padding-left:50px;
		*/
	}
	#content.kategorier {
		width:785px;
		float:right;
		margin-right:-100px;
	}
	#content.fleratexter {
		float:right;
		width:685px;
	}
		#content.fleratexter h1 {
			margin-top:10px;
			margin-bottom:10px;
		}
		#content.fleratexter img {
			float:right;
			margin:15px 0 28px 50px;
		}
		#content.fleratexter img.toppbild {
			float:right;
			margin:10px 0 28px 50px;
		}
	#content.index {
		width:950px;
		padding:35px 0 0 10px;
		margin:0;
	}
		#content h1 {
			color:#262626;
			font-size:20px;
			text-transform:uppercase;
		}
		#content h2 {
			color:#262626;
			text-transform:uppercase;
		}
		#content h3 {
			color:#262626;
			text-transform:uppercase;
		}
		#wrap #content.index h1 {
			color:#262626;
			font-size:25px;
			margin-top:0;
		}
		#content.index p {
			width:490px;
		}

		.indexText{
			float:left;
		}
	
	#wrap #hittahit {
		float:left;
		margin-top:25px;
		margin-bottom:25px;
		margin-left:10px;
		clear:left;
		width:180px;
	}
	#wrap #hittahit img { border:none; }
	
	#wrap #content.index #hittahit {
		float:right;
		clear:none;
		margin-right:10px;
		margin-top:0;
	}
	
	#wrap #bokaonline {
		float:left;
		margin-top:25px;
		margin-left:10px;
		clear:left;
		width:160px;
		height:190px;
		padding:45px 10px 0 10px;
	}
	
	#wrap #bokaonline.l_1053 {
		background-image:url(/bilder/bokaonline_1053.png);
	}
	
	#wrap #bokaonline.l_1033 {
		background-image:url(/bilder/bokaonline_1033.png);
	}
		#wrap #bokaonline label {
			text-transform:uppercase;
			color:#333;
		}
	#wrap #content.index #bokaonline {
		float:left;
		clear:none;
		margin-left:30px;
		margin-top:0;
	}
	
	#footerline {
		background-image:url(/bilder/footerline.png);
		background-repeat:no-repeat;
		background-position:top center;
		height:5px;
		clear:both;
	}
	#footerline {
		margin-top:25px;
	}
	#footer {
		clear: both;
		padding: 30px 0;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		color:#666666;
		font-size:11px;
	}
		#footer .name {
			text-transform:uppercase;
			font-size:12px;
			font-weight:bold;
		}
		#footer a {
			color:#fb4f14;
			text-decoration:none;
		}
		
	#subnavigation {
		background-color:#fcfcfc;
		border-right:1px solid #d2d2d2;
		border-bottom:1px solid #d2d2d2;
		width:160px;
		float:left;
		margin-top:45px;
		margin-left:10px;
		padding:15px 10px;
	}
		#subnavigation h2 {
			font-weight:bold;
			font-size:15px;
			margin-top:0;
		}
		#subnavigation h2 a {
			color:#333;
		}
		
		#subnavigation a {
			color:#fb4f14;
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:normal;
		}
			#subnavigation .submenu_lv1 {
				padding: 0;
				margin: 0;
				list-style: none;
			}
				#subnavigation .submenu_lv1 li {
					/*
					margin-left:12px;
					margin-right:12px;
					margin-top:13px;
					*/
					margin:3px 0;
				}
					#subnavigation .submenu_lv1 li a {
						background-image:url(/bilder/subicon.png);
						background-repeat:no-repeat;
						background-position:left center;
						padding:0 0 0 15px;
						color:#fb4f14;
					}
					#subnavigation .submenu_lv1 li.first,
					#subnavigation .submenu_lv1 li.first a {
					}
				#subnavigation .submenu_lv1 li.hassubpages {
				}
					#subnavigation .submenu_lv1 li.active a {
						color:#333;
					}
					#subnavigation .submenu_lv1 li.hassubpages.open a {
						background-image:url(/bilder/subicon_selected.png);
					}
					
			#subnavigation .submenu_lv1 li .submenu_lv2 {
				padding: 0;
				list-style: none;
				margin:7px 12px;
			}
				#subnavigation .submenu_lv1 li .submenu_lv2 li {
					/*
					margin-left:12px;
					margin-right:12px;
					margin-top:13px;
					*/
				}
					#subnavigation .submenu_lv1 li .submenu_lv2 li a {
						background-image:url(/bilder/subicon.png) !important;
						background-repeat:no-repeat;
						background-position:left center;
						padding:0 0 0 15px;
						color:#fb4f14;
						font-size:12px;
					}
					#subnavigation .submenu_lv1 li .submenu_lv2 li.first,
					#subnavigation .submenu_lv1 li .submenu_lv2 li.first a {
					}
				#subnavigation .submenu_lv1 li .submenu_lv2 li.active {
				}
					#subnavigation .submenu_lv1 li .submenu_lv2 li.active a {
						color:#333;
					}

					#subnavigation .submenu_lv1 li .submenu_lv2 li.hassubpages.open a {
						background-image:url(/bilder/subicon_selected.png);
					}
					
#erbjudanden {
	margin-top:45px;
	width:180px;
	float:right;
}
	#erbjudanden .erbjudande {
		margin-bottom:35px;
		position:relative;
		cursor:pointer;
	}
		#erbjudanden .erbjudande .rubrik {
			background-image:url(/bilder/flashmenubg.png);
			position:relative;
			top:-40px;
			height:14px;
			width:164px;
			overflow:hidden;
			font-size:15px;
			color:#000;
			padding:8px;
			margin-bottom:-30px;
		}
		#erbjudanden .erbjudande .ingress {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			margin-top:9px;
		}
		
.kategorilista {
}
	.kategorilista .erbjudande {
		margin-bottom:35px;
		position:relative;
		cursor:pointer;
		float:left;
		margin-right:74px;
	}
		.kategorilista .erbjudande .rubrik {
			background-image:url(/bilder/flashmenubg.png);
			position:relative;
			top:-40px;
			height:14px;
			width:164px;
			overflow:hidden;
			font-size:15px;
			color:#000;
			padding:8px;
			margin-bottom:-30px;
			text-transform:uppercase;
			text-align:center;
		}
		.kategorilista .erbjudande .ingress {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			
			margin-top:9px;
		}
		
.erbjudandelista {
}
	.erbjudandelista .erbjudande {
		height:200px;
		margin-bottom:35px;
		position:relative;
		cursor:pointer;
		float:left;
		margin-right:74px;
	}
		.erbjudandelista .erbjudande .rubrik {
			background-image:url(/bilder/flashmenubg.png);
			position:relative;
			top:-40px;
			height:14px;
			width:164px;
			overflow:hidden;
			font-size:15px;
			color:#000;
			padding:8px;
			margin-bottom:-30px;
		}
		.erbjudandelista .erbjudande .ingress {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			margin-top:9px;
			width: 180px;
		}
		
.index #erbjudanden {
	margin-top:45px;
	width:1040px;
	float:none;
	margin-right:-100px !important;
	padding:0 10px;
}
	.index #erbjudanden .erbjudande {
		margin-bottom:25px;
		position:relative;
		float:left;
		margin-right:72px;
		width:185px;
		height:200px;
	}
		.index #erbjudanden .erbjudande .rubrik {
			background-color:#fff;
			position:relative;
			top:-40px;
			height:14px;
			width:164px;
			overflow:hidden;
			font-size:15px;
			color:#000;
			text-align:center;
			padding:8px;
			margin-bottom:-30px;
		}
		.index #erbjudanden .erbjudande .ingress {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			margin-top:9px;
		}

.leftcol {
	float:left;
}

.hittahit #erbjudanden {
	margin-top:20px;
	width:800px;
	margin-right:-370px !important;
	padding:0 10px;
}
	.hittahit #erbjudanden .erbjudande {
		position:relative;
		float:left;
		margin-right:84px;
		height:200px;
	}
		.hittahit #erbjudanden .erbjudande .rubrik {
			background-color:#fff;
			position:relative;
			top:-40px;
			height:14px;
			width:164px;
			overflow:hidden;
			font-size:15px;
			color:#000;
			padding:8px;
			margin-bottom:-30px;
		}
		.hittahit #erbjudanden .erbjudande .ingress {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			width: 180px;
			margin-top:9px;
		}
					
/* Användbara klasser */
.clear  {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.pipe { /* Stående streck (avskiljare) */
	color:#BCB9B4;
	padding:0 10px;
}
.important { /* Stjärna (krav) vid formulär */
	color: red;
}

/* -------- */

.subpage form {
	width:416px;
}

	.subpage form label {
		width:160px;
		display:block;
		padding:0;
		margin:0;
	}
	.subpage form label.wide {
		width:412px;
		background:transparent url(/bilder/inputbgwide.png);
	}
	
	.subpage form label.liten_left {
		float:left;
		width:60%;
	}
	
	.subpage form label.liten_right {
		float:left;
		width:40%;
	}
	
	.subpage form .input {
		width:176px;
		height:20px;
		padding:1px 2px;
		margin:0;
		border:none;
		background:transparent url(/bilder/inputbg.png);
		margin-bottom:10px;
	}
	
	.subpage form .form_bottom {
		width:476px; 
		float:left;
	}
	
	.subpage form .input.wide {
		width:412px;
		background:transparent url(/bilder/inputbgwide.png);
	}
	
	.subpage form .input.select {
		height:22px;
		margin:0 0 10px 0;
		padding:0;
	}
	.subpage form .input.select.wide {
		width:412px;
		background:transparent url(/bilder/inputbgwide.png);
	}
	
	.subpage form .input.select.liten_left {
		float:left;
		width:96px;
		margin-right:4px;
	}
	
	.subpage form .input.select.liten_right {
		float:left;
		width:76px;
	}
	
	.subpage form .input.textarea {
		height:108px;
		width:412px;
		background:transparent url(/bilder/textareabg.png);
	}
	
	.subpage form .input_skicka {
		height:22px;
		width:61px;
		margin:0;
		padding:0;
		border:none;
		display:block;
	}
	
	.subpage form .input_skicka.s_1053 {
		background:transparent url(/bilder/btn_skicka_1053.png);
	}
	
	.subpage form .input_skicka.s_1033 {
		background:transparent url(/bilder/btn_skicka_1033.png);
	}
	
	.form_left {
		width:200px;
		float:left;
	}

	.form_right {
		width:180px;
		float:right;
	}
	
	#bokaonline form {
	}
	/*
	#bokaonline form .day {
		margin:0;
		padding:0;
	}
	
	#bokaonline form .month {
		margin:0;
		padding:0;
	}
	
	#bokaonline form .year {
		margin:0;
		padding:0;
	}
	*/
	.bokasok_1053 {
		border:none;
		padding:0;
		margin:0;
		clear:both; 
		height:22px;
		color:#000;
		font-weight:bold;
		width:97px;
		cursor:pointer;
		background:transparent url(/bilder/btn_sok_1053.png);
	}
	.bokasok_1033 {
		border:none;
		padding:0;
		margin:0;
		clear:both; 
		height:22px;
		color:#000;
		font-weight:bold;
		width:97px;
		cursor:pointer;
		background:transparent url(/bilder/btn_sok_1033.png);
	}

/*#content table { border-bottom:1px dashed #999; }*/
#content table p { margin:0; padding:1px; font-size:12px; }

/* CSS För Google Map i hittahit.asp */
#GM_Form { display:none; } /* Formuläret */
#GM_Form label { display:block; margin-top:10px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
#GM_Map { display:none; width:100%; height:322px; margin-top:45px; } /* Kartan*/
#GM_Route { display:none; width:90%; clear:right; } /* Vägbeskrivningen*/
#GM_Message { display:none; padding:10px; } /* Felmeddelanden och även förslag på avresepunkter om flera olika hittas */
#GM_Destination { width:100%; }  /* Inmatningsfältet för avresepunkt */
#GM_Submit { border:none; background-color:transparent; background-image:url(/bilder/btn_vag.png); height:22px; width:180px; padding:0; margin-top:10px; } /* Sök-knappen */

.firstselectbox .selector {
	 position:relative; 
	 left:-2px;
}
.secondselectbox .selector {
	 position:relative; 
	 left:-2px;
}

.thirdselectbox .selector {
	 position:relative; 
	 left:-2px;
}

.styledlabel {
	height:30px;
	display:block;
}
.styledlabel2 {
	height:35px;
	display:block;
}

img.ui-datepicker-trigger {
	position:relative;
	top:-15px;
	float:right;
}

.to_date_span {
	color:#404040;
	font-weight:normal;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:10px;
}

.to_date_span .day {
	margin-top:3px;
	margin-left:5px;
	display:block;
	float:left;
	width:25px;
}

.to_date_span .month {
	margin-top:3px;
	display:block;
	float:left;
	width:72px;
	text-transform:uppercase;
	overflow:hidden;
}

.to_date_span .year {
	margin-top:3px;
	display:block;
	float:left;
	width:33px;
}
.from_date_span {
	color:#404040;
	font-weight:normal;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:10px;
}

.from_date_span .day {
	margin-top:3px;
	margin-left:5px;
	display:block;
	float:left;
	width:25px;
}

.from_date_span .month {
	margin-top:3px;
	display:block;
	float:left;
	width:72px;
	text-transform:uppercase;
	overflow:hidden;
}

.from_date_span .year {
	margin-top:3px;
	display:block;
	float:left;
	width:33px;
}

	.textstycke {
		border-top:1px solid #dedede;
		padding-top:10px;
	}
	/*
	.textstycke img {
		margin-top:15px !important;
	}
	*/

	
/*CSS för utskrift*/
@media print{
	/* Dölj element som inte ska visas i utskrift */
	#header { display:none; }
	#footer { display:none; }
	#sidebar { display:none; }
	#subnavigation {display:none;}
	#bokaonline{display:none;}
	#hittahit{display:none;}
	/* Positionera upp huvudytan */
	#content { position:absolute; top:0; left:0; }
}
