/* 	reset	*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: normal;
	font-family: Garamond, serif;
}

body,div,h1,h2,h3,h4,p,ul{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 100%;
	}

h1,h2,h3,h4 {font-weight: bold; margin: 1.5em 0}

h1 {font-size: 2em}
h2 {font-size: 1.6em}
h3 {font-size: 1.3em}
h4 {font-size: 1em}

p {margin: 2em 0}


body	{
	background: #888 url('bg-gray.png') fixed repeat;
	color: #000000;
	}

div.arkivtop
	{
	position: fixed;
	top: 0;
	left: 0px;
	padding: 0 0 0 20px;
	width: 100%;
	height: 60px;
	background: #808080;
	z-index: 100;
	}

.arkivtop h1
	{
	float: left;
	margin: 0;
	padding: 10px;
	}

.arkivtop p
	{
	margin: 0 0 0 400px;
	padding: 10px 0 0 0;
	font-size: 80%;
	width: 400px;
	}

ul.nav
	{
	position: fixed;
	left: 0px;
	top: 60px;
	width: 100%;
	height: 1.7em;
	margin: 0;
	padding: 0 5em 0 5em;
	background: #000;
	list-style: none;
	font-weight: bold;
	z-index: 100;
	}

ul.nav > li
	{
	position: relative;
	display: block;
	float: left;
	width: 10em;
	margin: 0.2em 0 0 0;
	}

#year2007 > a:link,
#year2007 > a:visited {color: #ff0}
#year2007 > a:hover {color: #fff}

#year2008 > a:link,
#year2008 > a:visited {color: #0f0}
#year2008 > a:hover {color: #fff}

#year2009 > a:link,
#year2009 > a:visited {color: #06f}
#year2009 > a:hover {color: #fff}

ul.nav ul
	{
	visibility: hidden;
	position: relative;
	margin: 0;
	padding: 0 0 0.5em 0.5em;
	list-style: none;
	background: url('black_30.png') repeat;
	z-index: 10;
	}

ul.nav > li:hover ul
	{
	visibility: visible;
	}

ul.nav a
	{
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	}

ul.nav a:link    {color: #ddd}
ul.nav a:visited {color: #999}
ul.nav a:hover   {color: #fff}


div.arkiv_content
	{
	width: 465px;
	margin: 0 0 150px 220px;
	padding: 240px 0 0 0;
	font-size: 85%;
	}

div.arkiv_foto
	{
	margin: 100px 0 0 20px;
	witdh: 950px;
	}

object.embedweb
	{
	position: fixed;
	top: 1.7em;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	}

/* justeringar för web-arkiv */

.webarkiv div.arkivtop {display: none}

.webarkiv ul.nav {top: 0}


/* småkrafs  */

#tal_ill01 {float: right; width: 180px;}
#tal_ill02 {float: right; margin: 0 0 0 15px;}
#tal_ill03 {float: left; width: 180px; margin: 0 15px 0 0;}

#tal_content h4 + p {clear: both;}
#tal_content h3 + h4 {margin: 4em 0;}

#rit_ill01 {width: 280px;}
#rit_ill02 {	width: 230px;
		height: 280px;
		float: right;
		margin: 0 0 15px 15px;
		background: url('2007_foto/09.1.jpg') -90px -20px;}
#rit_ill03 {width: 250px; float: right;}
#rit_ill04 {	width: 180px;
		height: 300px;
		float: left;
		margin: 0 15px 15px 0;
		background: url('2007_foto/07.3.jpg') -70px -90px;}

#rit_content h4 + p {margin-top: -1.4em;}

#rit_content h4:before {content: " - ";}

.directions {font-style: italic; font-weight: normal;}

#press_content h2,
#press_content p {width: 300px; text-align: justify; margin-top: 0; margin-bottom: 1em;}


/* -- 2008 --  */

#odling_content p {line-height: 1.1}

#odling_content q
	{
	display: block;
	font-style: italic;
	font-size: 0.9em;
	max-width: 70%;
	margin: 1em 2em 1em 20%;
	position: relative;
	left: 1.5em;
	}

#odling_ill01
	{
	float: right;
	width: 240px;
	}

#odling_ill02
	{
	float: left;
	height: 240px;
	margin: 0 10px 5px 0;
	}

#odling_ill03
	{
	float: right;
	height: 240px;
	margin: 0 0 5px 10px;
	}

#odling_ill04
	{
	float: left;
	height: 240px;
	margin: 5px 10px 0 0;
	}

#odling_ill05
	{
	float: right;
	width: 220px;
	margin: 0 0 -35px -70px;
	position: relative;
	left: 45px;
	top: -35px;
	}

#odling_ill06 
	{
	width: 100%;
	margin: -1em 0;
	}

#odling_ill07
	{
	float: right;
	width: 220px;
	}

#odling_ill08
	{
	float: left;
	height: 240px;
	margin: 5px 10px 0 0;
	}