body
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: 1em verdana, arial, sans-serif;
	background-color: black;
}

#pagecontent
{
	position: relative;
	width: 930px;
	height: 768px;
	margin-left: auto;
	margin-right: auto;
	background-image: none;
	background-position: center top;
}

#header
{
	position: absolute;/*relative;*/
	margin: 0;
	padding: 0;
	background-position: center top;
}

#header a
{
	display: block;
	width: 930px;
	height: 165px;/*182px*/;
	background: transparent url("../images/banner.gif") no-repeat;
}

#menubar
{
  position: absolute;/*relative;*/
	top: 145px;
	width: 930px;
	height: 20px;/*182px*/;
	border-bottom: 1px solid #000000;/*60777d;*/
	background: transparent;/* url("../images/bannerbg.gif") no-repeat;/*#626e8a;*/
	/*background-position: center top;*/
	z-index: 500;
	font: bold 10px/10px Verdana, Helvetica, sans-serif;
}

#menubar a, #menubar h2
{
  font: bold 10px/10px Verdana, Helvetica, sans-serif;
  display: block;
/*  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;*/
  white-space: nowrap;
  margin: 0;
  padding: 3px 0 1px 3px;
  /*padding: 0.4em;*/
  text-align: center;
}

#menubar a, #menubar a:visited
{
  text-decoration: none;
  padding: 0.4em;
  border: 1px solid #000000;
  background: #c9d3d6;
  color: #000000;
}

#menubar h2
{
  
  color: #eeeeee;
}

#menubar ul
{
  padding: 0;
  margin: 0;
  float: left; 
  width: 100px;
  list-style: none;
}

#menubar li
{
  position: relative;
  /*margin: 0;
  padding: 0;
  display: inline;
  list-style: none;*/
}

#menubar li a, #menubar li a:visited
{
/*  text-decoration: none;
  padding: 0.4em;*/
  /*margin-left: 1em;
  margin-top: 1em;*/
/*  border: 1px solid #000000;/*#60777d;*/
/*  border-bottom: 1px solid #000000;*/
/*  background: #c9d3d6;
  color: #000000;/*eeeeee;*/
}

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


#menubar ul ul
{
  position: relative;
  z-index: 500;
/*  margin-left: 5px;*/
/*  padding: 0.4em;*/
/*  top: 5px;*/
  display: none;
}

#menubar ul ul:hover
{
  position: relative;
  z-index: 500;
  /*top: 5px;*/
  display: block;
}

#menubar li:hover
{
  cursor: pointer;
  z-index: 100;
}

#menubar li:hover ul ul,
#menubar li li:hover ul ul,
#menubar li li li:hover ul ul,
#menubar li li li li:hover ul ul
{
  display: none;
  color: #000000;
}

#menubar li:hover ul,
#menubar li li:hover ul,
#menubar li li li:hover ul,
#menubar li li li li:hover ul
{
  display: block;
}

#menubar ul ul li:hover
{
  display: block;
}

#menu ul
{
  position: absolute;
  top: auto;
  left: 100%; 
  width: 100%;
  z-index: 500;
}

#menu ul ul, #menu ul ul li:hover ul ul
{
  display: none;
}

#menu ul ul li:hover ul, #menu ul li:hover ul ul
{
  display: block;
}
/* ***************************** */
#menu a:visited
{
  color: #eeeeee;
}

#menu a:hover
{
  background: #a7b8bc;
  color: #000000;
}

#menu a#current
{
  /*background: #ffffff;*/
  border: none;/*1px solid #000000;*/
  /*border-bottom: 1px solid #ffffff;*/
  color: #eeeeee;
}

/* opacitetsbox för IE */
#opacity
{
  width: 100%;
  padding: 1px 0 0 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#background
{
	position: absolute;/*relative;*/
	width: 930px;
	height: 603px;
	top: 165px;
	margin: 0;
	padding: 0;
	z-index: 1;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#extra
{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 230px;
	left: 275px;
	z-index: 1;
}

#extra a
{
	display: block;
	width: 10px;
	height: 10px;
	cursor: default;
}

#navigation
{
	position: absolute;/*relative;*/
	width: 150px;/*10%;*/
	height: 500px;/*70%;*/
	top: 10px;
	left: 10px;
	margin: 0;/*10px 0 0 10px;*/
	padding: 0;
	font: 75% Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #bbb;
/*	border: solid 3px #CCC;*/
	z-index: 1;
/*	float: left;*/
/*	visibility: hidden;*/
}

#navigation a
{
	color: white;
	text-decoration: none;
}

#navigation a:hover
{
	color: white;
	text-decoration: bold;
}

#navigation a:visited
{
	color: white;
}

#navigation button
{
	width: 87%;
	margin-top: 10px;
}

#navigation select
{
	width:150px;
	margin: 10px 0 10px 0;
	color: black;
}

#choice1
{
	position: absolute;
	width: 200px;
	height: 200px;
	top: 150px;
	left: 10px;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#choice1 a
{
	width: 195px;
	height: 181px;
	display: block;
	background-position: center center;
	background-color: transparent;
	background-image: url("../images/birds.gif");
	background-repeat: no-repeat;
	opacity: 0.5; /* Firefox */
	filter: alpha(opacity = 50); /* Internet Explorer */
}

#choice1 a:hover
{
	opacity: 1; /* Firefox */
	filter: alpha(opacity = 100); /* Internet Explorer */
}

#choice2
{
	position: absolute;/*relative;*/
	width: 200px;
	height: 200px;
	top: 25px;
	left: 230px;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#choice2 a
{
	width: 195px;
	height: 181px;
	display: block;
	background-position: center center;
	background-color: transparent;
	background-image: url("../images/nature.gif");
	background-repeat: no-repeat;
	opacity: 0.5; /* Firefox */
	filter: alpha(opacity = 50); /* Internet Explorer */
}

#choice2 a:hover
{
	opacity: 1; /* Firefox */
	filter: alpha(opacity = 100); /* Internet Explorer */
}

#choice3
{
	position: absolute;/*relative;*/
	width: 200px;
	height: 200px;
	top: 15px;
	left: 500px;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#choice3 a
{
	width: 195px;
	height: 181px;
	display: block;
	background-position: center center;
	background-color: transparent;
	background-image: url("../images/mammals.gif");
	background-repeat: no-repeat;
	opacity: 0.5; /* Firefox */
	filter: alpha(opacity = 50); /* Internet Explorer */
}

#choice3 a:hover
{
	opacity: 1; /* Firefox */
	filter: alpha(opacity = 100); /* Internet Explorer */
}

#choice4
{
	position: absolute;/*relative;*/
	width: 200px;
	height: 200px;
	top: 250px;
	left: 630px;
	margin: 0;/*10px 0 0 0;*/
	padding: 0;
/*	border: solid 3px #CCC;*/
	z-index: 1;
/*	float: left;*/
/*	visibility: hidden;*/
}

#choice4 a
{
	width: 195px;
	height: 181px;
	display: block;
	background-position: center center;
	background-color: transparent;
	background-image: url("../images/insects.gif");
	background-repeat: no-repeat;
	opacity: 0.5; /* Firefox */
	filter: alpha(opacity = 50); /* Internet Explorer */
}

#choice4 a:hover
{
	opacity: 1; /* Firefox */
	filter: alpha(opacity = 100); /* Internet Explorer */
}

#content
{
	position: absolute;/*relative;*/
	width: 600px;
	height: 490px;
	top: 0;
	left: 150px;
	margin: 0;
	padding: 0;
/*	border: solid 3px #CCC;*/
	z-index: 1;
	background: #CCC;
	opacity: 0.75; /* Firefox */
	filter: alpha(opacity = 75);
/*	float: left;*/
/*	visibility: visible;*/
}

#content a img
{
	opacity: 0.6; /* Firefox */
	filter: alpha(opacity = 60);
}

#content a:hover img
{
	opacity: 1; /* Firefox */
	filter: alpha(opacity = 100);
}

#content h1
{
	font-size: 1em;
}

#content img
{
/*	border: solid 2px #CCC;*/
	border: none;
	margin: 20px 0 0 35px;
}

#content li
{
	font-size: .75em;
}

#content p
{
	font-size: .8em;
}

#contentnav
{
	position: absolute;/*relative;*/
	width: 600px;
	height: 50px;
	top: 490px;
	left: 150px;
	margin: 0;
	padding: 0;
/*	border: solid 3px black;*/
	z-index: 1;
	text-decoration: bold;
	font: 75% Verdana, Helvetica, sans-serif;
	color: black;
	text-align: center;
	background: #CCC;
	opacity: 0.75; /* Firefox */
	filter: alpha(opacity = 75);
}

#contentnav h1
{
	font: 150% Verdana, Helvetica, sans-serif;
	color: darkblue;
}

#contentnav a, #contentnav a:visited
{
	color: darkblue;
}

#largeimage
{
	position: absolute;
	width: 800px;
	height: 540px;/*558*/
	left: 50%;
	top: 10px;
	margin-left: -400px;
	z-index: 2;
	background: #999999;/*eeeeee;*/
	border: 2px solid #909090;
	display: block;
	visibility: hidden;
/*	color: black;
	font-style: bold;*/
	text-align: center;
}

#largeimage a
{
	color: black;
}

#largeimage a:hover
{
	font-weight: bold;
}

#largeimage img
{
	border: none;
}

#largeimageinfo
{
	position: absolute;
	width: 300px;
	height: 100px;
	left: 51%;
	top: 10px;
  margin-left: -400px;
	z-index: 3;
	background: #ffffff;/*transparent;*/
	visibility: hidden;
	font: 80% Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 10px;
	text-align: left;
	opacity: 0.5;
  filter: alpha(opacity=50);
}

#contact ul
{
/*  padding: 0.4em 0;*/
  margin-top: 50px;
  text-align: left;
  font: 80% Verdana, Helvetica, sans-serif;
  font-weight: bold;
}

#contact h2
{
  margin-left: -50px;
  text-align: center;
  font: 120% Verdana, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
}

#contact li
{
  /*margin: 10px;*/
  margin-left: 250px;
  padding: 0;
  /*display: inline;*/
  list-style: none;
  color: #000000;
}

#contact li#center
{
  text-align: center;
  margin-left: -50px;
}

#login ul
{
  margin-top: 50px;
  margin-left: -50px;
  text-align: center;
  font: 80% Verdana, Helvetica, sans-serif;
  font-weight: bold;
}

#login li
{
  padding: 0;
  list-style: none;
  color: #000000;
}

#loggedin ul
{
  margin: 10px;
  padding: 10px;
  border: 1px solid #dddddd;
  text-align: left;
  font: 80% Verdana, Helvetica, sans-serif;
  font-weight: bold;
  color: #dddddd;
}

#loggedin h2
{
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  text-align: left;
  font: 100% Verdana, Helvetica, sans-serif;
  font-weight: bold;
}

#loggedin li
{
  padding: 0;
  list-style: none;
}

#loggedin a, #loggedin a:visited
{
  color: #cccccc;
}

#loggedin li#center
{
  text-align: center;
  margin-left: -50px;
}

#loggedincenter
{
  margin-left: 20px;
  font: 80% Verdana, Helvetica, sans-serif;
  font-weight: bold;
  color: #dddddd;
}

#loggedincenter a, #loggedincenter a:visited
{
  color: #dddddd;
}

#about
{
	position: absolute;
	width: 750px;
	height: 540px;/*558*/
	left: 50%;
	top: 10px;
	margin-left: -375px;
	z-index: 2;
	background: #999999;/*eeeeee;*/
	border: 2px solid #909090;
	display: block;
/*	color: black;
	font-style: bold;*/
	text-align: left;
	opacity: 0.9;
  filter: alpha(opacity=90);
  overflow: auto;
}

#about h2
{
  margin-top: 20px;
  font: bold 120% Verdana, Helvetica, sans-serif;
  text-align: center;
  color: #ffffff;
}

#about p
{
  margin-left: 20px;
  margin-right: 20px;
}

#search
{
  margin-top: 50px;
  margin-left: -50px;
  text-align: center;
  font: 80% Verdana, Helvetica, sans-serif;
  font-weight: bold;
}

#search h2
{
  text-align: center;
  font: 120% Verdana, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
}

#search li
{
  padding: 0.4em;
  list-style: none;
}

#search a, #search a:visited
{
  color: #000000;
}

#leftfooter
{
	position: absolute;
	width: 365px;
	height: 50px;
	top: 715px;
	left: 0px;
	margin-top: 40px;
	font: 60% Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-align: left;
/*	border: 2px solid #069;*/
	z-index: 1;
}

#leftfooter a
{
	font: 100% Verdana, Helvetica, sans-serif;
	color: #909090;
	text-decoration: none;
}

#leftfooter a:hover
{
	color: #000;
/*	font: 150% Verdana, Helvetica, sans-serif;*/
	font-weight: bold;
	text-decoration: blink;
	background: #ccc;
}

#rightfooter
{
	position: absolute;
	width: 465px;
	height: 50px;
	top: 715px;
	left: 465px;
	margin-top: 35px;
	margin-left: -10px;
	font: 60% Verdana, Helvetica, sans-serif;
	/*font-weight: bold;*/
	color: white;
	text-align: right;
/*	border: 2px solid #069;*/
	z-index: 1;
}

#rightfooter a
{
	font: 100% Verdana, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}

#rightfooter a:hover
{
	font-weight: bold;
}

#rightfooter a:visited
{
	color: white;
}

#error
{
  color: red;
  text-align: center;
}

.error
{
	/*font-size: 20px;*/
	font: 120% Verdana, Helvetica, sans-serif;
	color: red;
	text-align: center;
	margin: 20px 0 0 0;
	z-index: 1;
}

.error a, .error a:visited
{
  color: red;
}

#noerror
{
  color: green;
  text-align: center;
}

.noerror
{
	/*font-size: 20px;*/
	font: 120% Verdana, Helvetica, sans-serif;
	color: green;
	text-align: center;
	margin: 20px 0 0 0;
	z-index: 1;
}

.noerror a, .noerror a:visited
{
  color: green;
}

.testing
{
/*  padding: 0.4em 0;*/
/*  margin-top: 50px;*/
  text-align: left;
  font: 80% Verdana, Helvetica, sans-serif;
  font-weight: bold;
  color: #cccccc;
/*  width: 100%;
  padding: 1px 0 0 0;
  opacity: 0.5;
  filter: alpha(opacity=50);*/
}

#optionselected
{
/*  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;*/
  color: blue;
  background-color: #aaaaaa;
}

#optionchange
{
/*  font-style: italic;*/
  color: blue;
  background-color: #cccccc;
}

/* NOT IN USE */

/*div#choice4 a:hover img
{
	opacity: 1;
	filter: alpha(opacity = 100);
}

div#choice4 img
{
	border: none;
	z-index: 1;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

div#menubar
{
  position: absolute;relative;
	margin: 0;
	padding: 0;
	top: 165px;
	width: 930px;
	height: 20px;
	background: #aaa;
	background-position: center top;
}

div#menu {
width: 12em;
background: #eee;
} 

div#menubar ul { 
list-style: none;
margin: 0;
padding: 0;
}


div#menubar a, div#menubar h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

div#menubar h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

div#menubar a {
color: #000;
background: #efefef;
text-decoration: none;
}

div#menubar a:hover {
color: #a00;
background: #fff;
}

#menubar li {

position: relative;
} 

#menubar ul ul ul {
position: absolute;
top: 0;
left: 100%; 
width: 100%; 
}

div#menubar ul ul ul,
div#menubar ul ul li:hover ul ul
{display: none;}

div#menubar ul ul li:hover ul,
div#menubar ul ul ul li:hover ul
{display: block;}

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