/* -- INNEHÅLLSFÖRTECKNING --
		
		TYPOGRAFI
		LÄNKAR
		BILDER
		FORMULÄR
		TABELLER
		
		LAYOUT
		SIDHUVUD
		NAVIGERINGSMENY
		SIDFOT

------------------------------ */

html, body, div, span,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strong, sub, sup, dl, dt, dd, ol, ul, li,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 {
  background: #333;
  color: #eee;
  margin: 15px 5px;
  font-family: "Lucida Bright", Lucidabright, Georgia, "Bitstream Vera Serif", serif;
  line-height: 1.5;
  }

/* TYPOGRAFI */

#sidhuvud .bildtitel, #meny, #sidfot, .uppdaterat li span, table {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, "Bitstream Vera Sans", sans-serif;
}

#sidhuvud #titel, dd.titel, h1, h2, h3 {
	font-family: "Lucida Bright", Lucidabright, Palatino, "Palatino Linotype", "URW Palladio L", Georgia, "Bitstream Vera Serif", serif;
	font-size-adjust: 0.55;
}

h1, h2, h3 { 
	font-weight: bold; 
	clear: both; 
}

h1 { font-size: 1.5em; line-height: 2; }
h2 { font-size: 1.125em; line-height: 1.333333; margin-top: 1.133333em; margin-bottom: .2em; }
h3.datum { font-size: 1em; font-weight: normal; line-height: 1.5; margin-top: 0; margin-bottom: 1.375em; }
h3 { font-size: 1em; line-height: 1.5; margin-top: 1.5em; margin-bottom: 0em; }
h2+h3 { margin-top: 1.75em; }

#hem h3 { margin-top: 0; }
#hem h2.uppdaterat { margin-bottom: -.25em; border-top: 1px solid #aaa; padding-top: .7em; }

em, cite { font-style: italic; }
strong { font-weight: bold; }

ins { text-decoration: none; border-bottom: thin dotted #333; }del { text-decoration: line-through; }

abbr[title], acronym[title] { border-bottom: thin dotted #333; cursor: help; }
code, kbd, samp, var { font: normal 1em/1.5 "Lucida Console", "Andale Mono", "monotype.com", "Bitstream Vera Sans Mono", monospace; }

blockquote, q {	quotes: none; }
blockquote { margin: 1.5em 3em; font-style: italic; }
blockquote:before, blockquote:after, q:before, q:after { content: "\201D"; }

small, sub, sup { font-size: .875em; }
sub { vertical-align: sub; }
sup { vertical-align: super; }

p { margin-bottom: 1.5em; }
p.arkiv { text-align: right; }
p.datum { color: #333; clear: both; }
p.sokvag { font-size: .75em; }
#hem p.datum { margin-top: 2em; margin-bottom: 0; font-size: .75em; line-height: 2; font-style: italic; }

dl, dd, ol, ul { margin-bottom: 1.5em; }
ol, ul { list-style: disc; }
dt { font-weight: bold; }
li { margin-bottom: .5em; }

.nyheter { list-style-type: none; }
.nyheter { position: relative; margin-left: 0; }
.nyheter h2 { margin-left: 6.2em; }
.nyheter p { margin-left: 7em; }

.nyheter p.datum {
  position: absolute;
  margin-left: 0;
  top: 0;
  left: 0;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.33;
  }

/* LÄNKAR */

a:link { background: inherit; color: #337; }
a:visited { color: #669; }
a:hover { color: #33d; }
a:active, a:focus { outline: thin dotted #333; }
  
/* BILDER */

a img { border: 1px solid #333; }
a:hover img { border: 1px solid #eee; }

.bildtext img { margin-bottom: 0; }
.bildtext p { font-size: .857em; line-height: 1.75; text-align: right; }

img.storbild { border: 1px solid #333; display: block; max-width: 800px; max-height: 800px; }
img.left { float: left;	margin: .2em 1.5em 4em 0; }

.storteckning { width:800px; border:1px solid #000; text-align:center; background:#fff; }

.galleri ul { display: block; margin-top: -1.3em; margin-bottom: 2em; }
.galleri li { display: inline; list-style: none; float: left; margin: 0 1em 1em 0; width: 120px; text-align: center; }
.galleri li a { text-decoration: none; }
.galleri li span { font-size: .875em; height: 4em; text-decoration: underline; display: block; }

#hem .galleri ul { margin-top: -.5em; }
#hem .galleri li { margin: 0 0 1em 2.375em; }
#hem .galleri li.first { margin-left: 0; }

.uppdaterat li { position: relative; }
.uppdaterat li span { 
	position: absolute; 
	bottom: 7px; 
	left: 1px; 
	height: 1.5em; 
	width: 120px; 
	text-decoration: none; 
	background: rgb(238, 238, 238);
	background: rgba(238, 238, 238, 0.75); 
	color: #333; 
}

.uppdaterat li span.ny, .ny { text-transform: uppercase; color: #b00; }

.teckning li, .teckning li span { width: 100px; }

/* FORMULÄR */

fieldset { border: 2px groove #c0c0c0; padding: .75em; }
fieldset fieldset { padding: 0; }
label { display: block; }
input, select, textarea { margin-bottom: 1em; }
label { font-weight: bold; margin-top: .5em; }
legend { color: #333; }

label.explain, #antispam { margin-bottom: 0; display: inline; }
input.button { margin-top: 1em; margin-bottom: 0; }

/* TABELLER */

table { 
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5em;
  width: 100%;
  }
  
caption { text-align: center; font-weight: bold; }

th, td { border: 1px solid #c0c0c0; padding: .5em; font-size: .75em; }
  
th { background: #333; color: #eee; text-align: center; vertical-align: top; }
td { background: #ddd; color: #333; vertical-align: middle; }

td.nummer, td.h, td.distans { text-align: right; }
td.c { text-align: center; }

/* LAYOUT */

#wrapper {
  max-width: 53.125em;
  margin: 0 auto;
  background: #eee;
  color: #333;
  }

#innehall {
  width: 50.125em;
  clear: both;
  margin-top: 0em;
  padding: 3em 1.5em .5em 1.5em;
  background: #eee;
  color: #333;
  }
  
#maincol {
	float: left;
	width: 23.5em;
	padding-right: 1.5em;
}

#subcol {
	float: right;
	width: 23.5em;
	padding-left: 1.5em;
	border-left: 1px solid #bbb;
}

.foreg-nasta { text-align: center; }
.hoger { float: right; }

hr {
	clear: both;
	visibility: hidden;
	height: 1px;
	margin: 0;
	padding: 0;
}

#portfolio #innehall a+p {
	width: 30.3125em;
	margin-left: 315px;
}

dt.senaste-bild { float: left; clear: both; margin-bottom: 1.5em; }
dd.senaste-bild { float: left; margin: 0 0 0 10px; width: 244px; font-size: .875em; line-height: 1.71428571; }
dd.titel { font-weight: bold; font-size: 1em; line-height: 1.5; }
dd.senaste-bild span.publicerad { text-transform: uppercase; letter-spacing: .1em; font-size: .714em; line-height: 2.4; }

/* SIDHUVUD */

#sidhuvud {
  position: relative;
  height: 155px;
  overflow: hidden;
  }

#sidhuvud #titel {
  background: #333;
  color: #eee;
  font-size: 2em;
  line-height: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 1px .25em .25em 1px;
  }
  
#sidhuvud #titel a {
  background: #333;
  color: #eee;
  text-decoration: none;
  }
  
#sidhuvud p {
  position: absolute;
  top: -999px;
  left: 0;
  }
  
#sidhuvud dl {
	position: absolute;
	right: 1em;
	bottom: 1em;
	padding: .5em;
	font-size: .75em; /* 12px; */
	line-height: 2; /* 24px; */
	width: 31.4166667em;
	background: rgb(238, 238, 238); /* Opera 9 läser detta värde */
	background: rgba(238, 238, 238, 0.85); /* Firefox/Safari: stöd för RGBA. Opera ignorerar. IE: bg blir osynlig - använd CC. */
}

#sidhuvud dt {
	text-transform: uppercase;
	letter-spacing: .25em;
	font-weight: normal;
	color: #000;
}

#sidhuvud .bildtitel {
	font-weight: bold;
	font-size: 1.1667em; /* 14px; */
	line-height: 1.71428571em; /* 24px; */
	letter-spacing: .071428571em; /* 1px; */
}

#sidhuvud .bildtitel a:link, #sidhuvud .bildtitel a:visited {
	color: #000;
	text-decoration: none;
}

#sidhuvud .bildtitel a:hover, #sidhuvud .bildtitel a:active {
	color: #000;
	text-decoration: underline;
}

#sidhuvud .bildinfo {
	letter-spacing: .0833333em; /* 1px; */
}

#sidhuvud dd, #sidhuvud dl {
	margin-bottom: 0;
}

#sidhuvud a img, #sidhuvud a:hover img { border: none; width: 53.125em; }
  
/* NAVIGERINGSMENY */
  
#meny
{
background: #bbb 0 0 no-repeat;
margin: 0;
padding: 0;
width: 33.75em; /*33.203125em; 26.5625em;  20.16em;*/
height: 2em;
}

#meny ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#meny li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#meny li a, #meny li a#currentpage, #meny li#currentpage
{
width: 6.75em; /* 6.640625em; 6.72em;*/
padding: 0;
margin: 0;
text-decoration: none;
display: block;
text-align: center;
line-height: 2;
}

#meny a:link, #meny a:visited { background: transparent; color: #333; }
#meny li a:hover, #meny li#currentpage, #meny li a#currentpage { background: #333; color: #eee; }

/* SIDFOT */

#sidfot {
  clear: both;
  background: #bbb;
  padding: .75em;
  font-size: .625em;
  line-height: 1.75;
  text-align: center;
  }