/* CSS Document */


body {
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #98a4a7;
	background-image: url(../img/content_bg.png);
	background-repeat: repeat-y;
	background-position: 50% 0;
	text-align: center;
	}

	#logo {
		position: relative; top: 0; left: 0;
		border: 0;
		width: 917px;
		background-image:url(../img/stars.png);
		background-repeat: no-repeat;
		background-position: 250px 100%;
		}
	
	div.menu {
		width: 917px;
		height: 28px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../img/meny_bg.gif);
		background-repeat: repeat-x;
	}
	
	div#bubbla {
		width: 500px;
		height: 48px;
		position: absolute; 
		top: 20px; 
		left: 140px !important;
		z-index: 10;
		background-image: url(../img/bubbla.png) !important;
		background-image: url(../img/bubbla.gif);
		background-repeat: no-repeat;
	}
	
	
	img#polaroider {
		position: absolute; 
		width: 340px;
		height: 151px;
		top: 13px !important;
		left: 560px !important;
		z-index: 5;
	} 
	
	img {
		border: 0;
	}
	
	/* ######################################################################### */
	
	div.menu ul {
	z-index:100;
		height: 28px;
		float: left;
		list-style-type: none;
		border: 1px dotted #009999;
		margin: 0 0 0 1em; padding: 0; border: 0;
		font-size: .9em;
		font-variant: small-caps;
		letter-spacing: .08em;

	}
	
	div.menu li {
		margin: 0; padding: 0; border: 0;
		height: 28px;
		float: left;
		display: inline;
	}
	
	a.subject, a.subject_active {
		background-image: url(../img/menu_list_bg.gif);
		background-repeat: no-repeat; 
		background-position: 0 0;
		display: block;
		float: left;
		height: 27px;
		padding: 0 1em;
		line-height: 1.9em;
		color: #FFF;
		text-decoration: none;
	}
	
	
	a.subject_active, a.subject:hover, a.subject_active:hover {
		background-color: #850b22;
		background-image: url(../img/menu_act_bg.gif);
		background-position: top left;
		background-repeat: repeat-x;
		color: #FFF;
		text-decoration: none;
	}
	
	
	/* ######################################################################### */
	
	
	#menu_img {
		position: relative;
		/* left: 37.13em; */
		float: right;
		padding: 0;
		margin: 0;
		width: 325px;
		height: 43px;
		background-image: url(../img/meny_bg.gif);
		background-repeat: repeat-x;
	}
	
		


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


	
	img {
		border: 0;
	}
	
	
	h1, h2, h3 {
		font-family: Arial, Verdana, sans-serif;
		line-height: normal;
		font-weight: bold;
		color: #3f3f3f;
	}
	
	h1 {
	font-size: 1.4em;
	font-weight: normal;
	margin: .5em 0;
	text-transform: uppercase;
	letter-spacing: .04em;
	}
	
	
	h2 { font-size: 0.85em; font-weight: bold; }
	
	h2.favoriter {
		background: url(../img/satellitfavoriter.png) no-repeat 0 0;
		text-transform: uppercase;
		letter-spacing: .03em;
		color: #FFF;
		padding: 1em;
		margin: 0;
	}
	
	h2.hund {
		background: url(../img/lathund.png) no-repeat 0 0;
		text-transform: uppercase;
		letter-spacing: .03em;
		color: #FFF;
		padding: 1em;
		margin: 0;
	}
	
		h2.info_mer {
		background: url(../img/info.png) no-repeat 0 0;
		text-transform: uppercase;
		letter-spacing: .03em;
		color: #FFF;
		padding: 1em;
		margin: 0;
	}

	a { text-decoration: none; } a:hover { text-decoration: underline; }
	
	ul, li { position: relative }
	
	
	#container {
	width: 917px;
	margin: 0 auto;	
	padding: 0;
	text-align: left;
	overflow: hidden;
	}
	
	div.sidhuvud {
	position: relative;
	width: 100%;
	height: 120px;
	background-image: url(../img/sidhuvud_bg.png);
	background-repeat: repeat-x;
	}
	
	div.footer {
	clear: both;
	width: 100%;
	text-align: center;
	border-top: 1px solid #AFB6BA;
	background-image: url(../img/sidhuvud_bg.png);
	background-repeat: repeat-x;
	background-position: center center;
	}
	
	#container .footer p {
	margin: 0;
	background: url(../img/stars_white.png) no-repeat 10% 100%;
	padding: .5em;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #3F3F3F;
}
	
	div.content {
		margin: 0 auto;
		text-align: center;
		width: 98%;
		min-height: 20em;
		padding: 0;
		
		}
		
	
	
	div.aktivitet_bilder {
		margin: .5em 0 .5em 1em;
		padding-bottom: .5em;
		width: 34em;
		float: left;
		text-align: left;
		border-bottom: 1px solid #333333;
		background-color: transparent;
	}
	
		
	div.index_left {
	width: 60%;
	float: left;
	text-align: left;
	color: #333333;
	background-color: transparent;
	margin: 1.4em .5em 1em 1em !important;
	margin: 1.4em 0 1em .5em;
	}
	
	div.index_left h3 {
		clear: both;
		font-size: 1.1em;
		font-variant: small-caps;
		margin: .3em 0 .3em 0;
	}
	
	div.index_left 	p {
		font-family: Arial, Verdana, sans-serif;
		padding-right: .8em;
		margin: 0 0 1.1em 0;
		color: #3f3f3f;
		font-size: 0.9em;
		line-height: 1.3em;
	}
	
	.index_left a {
		color: #850b22;
		text-decoration: none;
	}
	
	.index_left a:hover {
		text-decoration: none;
		border-bottom: 1px solid #850b22;
	}
	
	div.content_right {
	width: 17em;	
	text-align: left;
	float: right;
	margin: 3em 0.5em 0.5em 0.5em;
		/* border: 1px dotted #000; */
	}
	
	div.index_right {
	width: 35%;
	text-align: left;
	float: right;
	margin: 1em .5em !important;
	margin: 1.2em 0;
	}
	
	div.kategoriruta {
		text-align: center;
		width: 19em;
		background: #e5e2e2 url(../img/top_left.gif) no-repeat top left;
		margin: 0 0 .8em 0;
		padding: 0;
	}
	
	div.kategoriruta a {
		text-align: left;
		display: block;
		border-bottom: 1px solid #D3D3D4;
		padding: .5em .5em .5em 1.1em;
		font-size: .85em;
		font-weight: bold;
		color: #5d5d5d;
	}
	
	div.kategoriruta a:hover {
		background-image: url(../img/lathund_lista_bg.gif);
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #719faa;
		border-bottom: 1px solid #D3D3D4;
		color: #FFF;
		text-decoration: none;
	}
	
	div.kategoriruta h3 {
		background: url(../img/top_right.gif) no-repeat top right;
		padding: 0;
		height: auto !important;
		height: 1%;
		font-size: .85em;
		margin: 0;
	}
	
	div.kategoriruta p {
		text-align: left;
		font-size: .85em;
		padding-left: 1.1em;
		padding-right: 1.1em;
		margin: 0;
		color: #5d5d5d;
	}
	
	h3.tom {
		background: url(../img/top_right.gif) no-repeat top right;
		border-bottom: 1px solid #D1D1D1;
		padding: 0;
		font-size: .85em;
		margin: 0;
	}
	
		div.kategoriruta_foot {
		margin: 0;
		padding: 0;
		background: url(../img/bottom_left.gif) no-repeat bottom left;
	}
	
	div.kategoriruta_foot_right {
		margin: 0;
		padding: 0;
		background: url(../img/bottom_right.gif) no-repeat bottom right;
		height: auto !important;
		height: 1%;
		line-height: 1em;
	}
	
	select {
		font-size: .8em;
		width: 80%;
	}
	
	
	
	div.puffruta {
		width: 19em;
		background: #e5e2e2 url(../img/top_left.gif) no-repeat top left;
		margin: 0 0 0.5em 0;
		padding: 0;
		}
	
	div.puffruta h3 {
		background: url(../img/top_right.gif) no-repeat top right;
		padding: .9em .9em .2em .9em;
		font-size: .85em;
		margin: 0;
	}
	
	div.puffruta h3 a {
		text-decoration: none;
		color: #76a5b0;
		border-bottom: 1px solid #76a5b0;
	}
	
	div.puffruta h3 a:hover {
		text-decoration: none;
		color: #709da7;
		border-bottom: 1px solid #709da7;
	}
		
	div.puffruta p {
		margin-top: -1em;
		margin-bottom: 0;
		padding: .8em;
		font-size: .8em;
		line-height: 1.3em;
	}
	
	div.puffruta a {
		color: #464646;
	}
	
	div.puffruta a:hover {
		color: #709da7;
		border-bottom: #709da7;
	}

	div.puff_foot {
		margin: 0;
		padding: 0;
		background: url(../img/bottom_left.gif) no-repeat bottom left;
	}
	
	div.puff_foot p {
		margin: 0;
		padding: .5em;
		background: url(../img/bottom_right.gif) no-repeat bottom right;
	}

	
	
div.aktivitet {
	width: 100%;
	clear: both;
	}
	
	div.aktivitet h2 {
		font-size: 1.4em;
		margin: 0 0 .2em 0;
		padding: .2em;
		border-bottom: 1px solid #7dadb8;
		/* background-color: #DADADA; */
	}
	
	
	div.aktivitet h2 a, div.aktivitet h2 a:visited {
		color: #5d5d5d;
	}
	
	div.aktivitet h2 a:hover {
		color: #7dadb8;
		text-decoration: none;
		border-bottom: none;
	}
	
	div.faktaruta {
		width: 100%;
		background: #7dadb8 url(../img/blue_corner_top_left.gif) no-repeat top left;
		margin-bottom: 0.6em;
		}
		
	div.cat {
		background: url(../img/blue_corner_top_right.gif) no-repeat top right;
		padding: .4em;
	}
	
	div.fakta_foot {
		background: url(../img/blue_corner_bottom_left.gif) no-repeat bottom left;
	}
	
	div.fakta_foot_right {
		background: url(../img/blue_corner_bottom_right.gif) no-repeat bottom right;
		line-height: .5em;
		}
	
	div.cat a {
		line-height: 1.5em;
		padding: .5em .5em .5em 1em;
		font-size: .75em;
		font-weight: bold;
		color: #FFF;
		margin: 0;
		background: url(../img/check.gif) no-repeat left center;
	}
	
	div.cat a:hover {
		border: none;
		text-decoration: underline;
	}
	
	div.cat span {
		display: block;
		margin-top: .5em;
		font-size: .75em;
		color: #333333;
	}
	
	
	
	div.image_holder {
		width: 240px;
		float: left;
		margin-bottom: 1.5em;
		padding: 0;
	}	
	
		
	div.aktivitet_holder {
		float: right;
		width: 270px;
		margin-left: 5px;
		padding: 0;
		}
	
	a.to_gallery {
		color: #7dadb8;
	}
	
	a.to_gallery:hover {
		border-bottom: #7dadb8;
	}
		
	
	div.aktivitet_holder p {
		font-size: 0.8em;
		line-height: 1.2em;
		margin-bottom: 1em;
		padding: 0;
	}
	
	div.thumb {
	margin-right: 0.4em;
	float: left;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  margin-right: 6px;
  background:url(../img/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(../img/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding: 0 9px 9px 0;
  background:url(../img/corner_tr.gif) right -12px no-repeat;
  }
  
  .wrap3 img {
  display:block;
  }

.more {
	clear: left;
	font-size: .7em;
	padding-bottom: 1.5em;
}

body#ext {
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding: .5em;
	background-color: #98a4a7;
	text-align: center;
}

div.img_full {
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%
}

p.controls {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: .8em;
	z-index: 100;
}

p.controls a, p.controls a:visited {
	color: #850b22;
}