/* Screen ------------------------------------------------------------------- */

@media projection, screen {

* {
	/* margin: 0; */
	/* padding: 0; */
	list-style: none;
}

* html #navigation li {
	display: inline;
}

body	{	font: normal 100.01% times, serif;
			background-color: #ffffd3;
			color: #000000;
			background-image: url(/img/design/herrang_v2/bg2.gif);
			margin: 0px;
}

td	{
		font: normal 100.01% times, serif;
}
	
div#screen {
	text-align: left;
	font: normal 0.86em times,serif;
	max-width: 60em;
}

.ignore	{
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

p	{
	line-height: 1.4em;
	margin-bottom: 7px;
}

a		{	color: #d21804;
			text-decoration: none; }
a:hover	{	text-decoration: underline; }

hr	{
	width: 100%;
	height: 1px;
	border: 0px solid #796d57;
	background-color: #796d57;
}

#supercontents	{
	position: absolute;
	top: 152px;
	left: 233px;
	width: 580px;
	padding-bottom: 24px;
}

#supercontents div#splash {
	position: relative;
	top: -5px;
	left: -1px;
}

#contents	{
	margin:0 10 0 10;
	padding-top: 7px;
	height:100%;
	padding-bottom: 40px;

	background-image: url(/img/design/herrang_v2/gubbe_small.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	/* background-attachment: fixed; */
}

.contents {
	font-family: times, serif;
	font-size: 12pt;
}

.contents font[size="2"] {
	font-family: times, serif;
	font-size: 12pt;
}

.contents td {
	font-family: times, serif;
	font-size: 12pt;
}

.contents h1		{ 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14pt;
			font-weight: bold;
			color: #d21804;
			margin-bottom: 14px;
}
.contents h2		{ 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12pt;
			font-weight: bold;
			color: #d21804;
			margin-bottom: 12px;
}
.contents h3		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11pt;
			font-weight: bold;
			color: #d21804;
			margin-bottom: 11px;
}

.contents ul {
	list-style: disc outside;
	padding-left:10px;
	margin-left:10px;
}
.contents ul li {
	list-style: disc outside;
}
.contents ul.listindex {
	list-style: disc outside;
	padding-left:10px;
	margin-left:10px;
	color:#d21804;
}
.contents ul.listindex li {
	list-style: disc outside;
}

#contenttable {
	padding-top: 11;
}

#rubriktitle {
		width: 100%;
		padding: 0;
		margin: 0 0 7 0;
}

#rubriktitle div.topbar {
			height: 7px;
			background-image: url(/img/design/herrang_v2/topbar.gif);
}
#rubriktitle div.bottombar {
			height: 7px;
			background-image: url(/img/design/herrang_v2/bottombar.gif);
}
#rubriktitle div.rubriktitle {
			text-align: left;
			margin: 0;
			padding: 4 0 3 0;
			margin-left: 10px;
			font-family: arial, helvetica, sans-serif;
			font-weight: bold;
			font-size: 18px;
			text-transform: uppercase;
			color: #d21804;
}

#navigation * {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation	{
	position: absolute;
	top: 152px;
	left: 18px;
	width: 160px;
}

/* main menu - basic */
#navigation li.main a {
	display:block;
	margin:4 0 0 0;
	padding:4 0 0 0;
	color: #fff4ca;
	border-top: 1px solid #796d57;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}

/* main menu - current selected menu*/
#navigation li.father a, #navigation li.mcurrent a {
	border-top: 1px solid #796d57;
	padding:4 0 0 0;
	color: #ffd039;
}

/* main menu - current selected menu*/
#navigation li.mcurrent a {
	border-top: 1px solid #796d57;
	color: #ffd039;
	padding:4 0 0 0;
}

/* main menu - mouse over effect */
#navigation li a:focus, #navigation li a:active, #navigation li a:hover {
	padding:4 0 0 0;
	text-decoration: none;
	color: #d21804;
}

/* sub menu - basic */
#navigation li.sub a {
	display:block;
	margin: 0 0 0 0;
	padding: 0 0 0 8;
	color: #fff4ca;
	border: 0px solid #ffffff;
	font-weight: bold;
	font-size: 13px;
	background-color: transparent;
	text-transform: none; /* was uppercase */
}

/* sub menu - current selected menu*/
#navigation li.subfather a, #navigation li.scurrent a {
	color: #ffd039;
}

/* sub menu - mouse over effect */
#navigation li.sub a:focus, #navigation li.sub a:active, #navigation li.sub a:hover {
	padding: 0 0 0 8;
	text-decoration: none;
	color: #d21804;
}

/* subsub menu - basic */
#navigation li.subsub a {
	display:block;
	margin: 0 0 0 0;
	padding: 0 0 0 20;
	color: #fff4ca;
	border: 0px solid #ffffff;
	font-weight: bold;
	font-size: 13px;
	background-color: transparent;
	text-transform: none;
}

/* sub menu - current selected menu*/
#navigation li.sscurrent a {
	color: #ffd039;
}

/* sub menu - mouse over effect */
#navigation li.subsub a:focus, #navigation li.subsub a:active, #navigation li.subsub a:hover {
	padding: 0 0 0 20;
	text-decoration: none;
	color: #d21804;
}

#screen {
	position: relative;
	min-height: 500px;
}


#header h1	{	position: relative;
				color: #000000;
				margin-top: 0px;
				margin-right: 0px;
				padding-left: 0px; }

#copyright {	position: absolute;
				bottom: 2px;
				left:20px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 7pt;
				color: #333333;
}

#copyright a {	color: #333333;
}
#copyright a:hover {	color: #88845a;
}

#lastupdate {   /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
				position: absolute;
				bottom: 2px;
				left: 860px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 7pt;
				color: #796d57;
}

body > div#lastupdate {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
}

#searchform {
	border-top: 1px solid #796d57;
	margin: 4 0 0 0;
	padding: 6 0 0 0;
}

#searchform form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#searchform span {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 13px;
		color: #fff4ca;
		vertical-align: middle;
}

#searchform form input.search_input {
		width: 85px;
		height: 18px;
		background-color:#101010;
		color: #fff4ca;
		border: 1px solid #796d57;
		vertical-align: middle;
}

#searchform form input.search_button {
		border: 0px solid #ffffff;
		vertical-align: middle;
		width:20px;
		height:20px;
}

.error {
		font-weight: bold;
		color: #d21804;
}

}

/* Print -------------------------------------------------------------------- */
@media print {

	#navigation { display: none; }
	.ignore { display: none; }

}