/* CSS Document */
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align:left;
}
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	text-align: left;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.mainheading{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;}

.datespec {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #FF0000;
	text-align:left;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #993300;
	text-decoration: none;

}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #993300;
	font-weight: bold;
	text-decoration: none;
	left: 15px;
}

/* 	Först tar vi bort inskjutningen och punkterna från punktlistan, 
	vi lägger till en kant längst ner för att det inte skall upplevas 
	som avklippt: lugn, du kommer att fatta längre ner. */
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 123px;
	border-bottom: 1px solid #ccc;
	}
	
/* 	Positionering av listpunkterna, de måste sättas relativt för att 
	drop listan skall kunna styras efter deras position,
	här lägger vi också till bakgrundsbilden för "out" */
#nav li {
	position: relative;
	background: transparent url(Images/testbg2.gif);
	}

/* 	Menyerna i droppen positioneras till höger om respektive listpunkt */
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 123px;
	position: absolute;
	left: 122px;
	top: 0;
	display: none;
	border-bottom: 1px solid #ccc;
	}

/* 	Nu sätter vi stil på länkarna i droplistan
	och här är skälet till behov av kant i #nav */
#nav li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: transparent;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(droparrow.png) right top no-repeat;
	}

/*	Tyvärr har MSIE en skojig tendens att tolka radbrytningarna i våran
	lista som mellanslag, så vi får tokiga mellanrum om vi inte trixar lite... 
	Det finns ett sätt att ta sig förbi problemet, genom att lägga till 
	något som kallas "the Holly Hack" */

/* Fixar IE. Gömmer för IE Mac, notera backslash här >> \*/
* html #nav li { float: left; }
* html #nav li a { height: 1%; }
/* Slut på Holly Hack */

/* 	Så den skojiga biten, vi visar undermenyerna vid mouseover. 
	Klassbeteckningen "over" kommer att användas av det lilla script som 
	skall få det att fungera även i MSIE och Opera */
#nav li:hover ul ul, 
#nav li.over ul ul { display: none; }

#nav li:hover ul, 
#nav li li:hover ul,  
#nav li.over ul, 
#nav li li.over ul { display: block; } 

/* Flytta bakgrundsbilden så vi får en pil, dölj den från "flat" */
#nav li:hover a, /* toppnivå */
#nav li:hover li:hover a, /* första undernivån */
#nav li.over a, 
#nav li.over li.over a { background: url(droparrow.png) no-repeat right bottom; }

#nav li.flat a, /* toppnivå */
#nav li:hover li a, /* första undernivån */
#nav li:hover li.flat a, /* andra undernivån */
#nav li.over li a, 
#nav li.over li.flat a { background: url(droparrow.png) no-repeat right top; }

#nav a:hover { color: #990000; }

#menue{position: absolute;	
		left: 11px;
		top: 135px;
		z-index:7;}
		
#Layer1{
	position:absolute; 
	width:482px; 
	height:29px; 
	z-index:3; 
	left: 135px; 
	top: 11px; 
	text-align:center;
	padding:10px;
	background-image: url(Images/banjohead.jpg); 
	layer-background-image: url(Images/banjohead.jpg); 
	border: 1px none #000000;
	}
#Layer2{
	position:absolute; 
	width:142px; 
	height:596px; 
	z-index:3; 
	left: 638px; 
	top: 11px; 
	border: 1px none #000000; 
	background-image: url(Images/flag.jpg); 
	layer-background-image: url(Images/flag.jpg);
	}
#Layer3{
	padding:10px;
	position:absolute;
	background-color:#FFFFFF; 
	width:482px; 
	min-height:526px;
	z-index:4; 
	left: 135px; 
	top: 61px; 
	border: 1px none #000000;
	height:expression(document.body.clientHeight < 526? "526px": "auto" );
}
#Frontpage{
	padding:10px;
	position:absolute; 
	width:483px; 
	min-height:526px;
	z-index:4; 
	left: 135px; 
	top: 61px; 
	border: 1px none #000000;
	height:541px.body.clientHeight < 526? "526px": "auto" );
}
#Layer4{
	position:absolute; 
	width:122px; 
	height:122px; 
	z-index:6; 
	left: 1px; 
	top: 397px;
	}
#Menubg{
	position:absolute; 
	width:123px; 
	height:596px; 
	z-index:1; 
	left: 11px; 
	top: 11px; 
	background-image: url(Images/bgaffmen.jpg); 
	layer-background-image: url(Images/bgaffmen.jpg); 
	border: 1px none #000000;
	}
#TextBg{
	position:absolute; 
	background-color:#FFFFFF;
	width:200px; 
	height:115px; 
	z-index:3; 
	width:502px; 
	height:546px;
	left: 135px; 
	top: 61px; 
	border: 1px none #000000;
	}