/* 
www.okenstjarnan.se (c) 2007

Colors used
	banner background: c5c9d5
	banner text: 7582a5
	menu text: d5d5c5

*/

body { 	
	background-color: #c5c9d5; 	
	background-image: url("images/bakgrund2.gif");	
	font-family: Verdana; 	
	font-size: 11px; 	
	color: #000000;
	text-align: center;
}

a {
	text-decoration: none;
}
	
.small { font-size: 8px; }
.right { text-align: right; }
.separator { border-top:1px solid gray;	padding-top:1em; }
.uttryck { color: #cc0033; }

#updated {
	font-family: Verdana;
	font-size: 10px;
	color: #666699;
	padding-top: 5px;
}

#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 800px;
	background-color:transparent;
}
#frame {
	margin: 0 auto;
	padding: 0px 0;
	text-align: left;
	width: 100%;
	position:relative;
}

/* Same as #content */
#scroller a:link { color: #000066; }
#scroller a:visited { color: #5a5f92; }
#scroller a:hover { color: #6582c5; }



#topmenu {
	padding: 0;
	margin: 0;
	position: relative;
}
#mainmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
/*	background: url(bakgrund2.gif);  */
	font-size: 80%; 
	line-height:1em;
	height: 3em;
}
	#mainmenu li {
		float: left;
		margin: 0;
		padding: 0;
	}
	#mainmenu li a {
		display: block;
		float: left;
		padding: 1em;
		border-right: solid 1px #c5c9d5;
		color: #d5d5c5;
		background-color: #7582a5; 
		margin: 0;
		text-decoration:none;
/*		width: 110px; */
	}
	#mainmenu li.active a {
		color: white;
		background-color: #6582c5;
	}
	#mainmenu li a:hover {
		background-color: #6582c5;
		color: white;
		text-decoration: none;
	}
#localnav {
	width: 140px;
	float: left;
	margin: 0 10px 0 0;
	font-size: .9em;
}
	#localnav a:link, 
	#localnav a:visited {
		text-decoration:none;
	}
	#localnav .modul ul {
		margin:0 0 0 0;
		padding:0;
		list-style-type:none;
		clear:both;
		background-color: #7582a5;
	}
	#localnav .modul ul li {
		border-bottom:2px solid #c5c9d5;
		line-height: 1.4em; 
	}
	#localnav .modul ul li a {
		padding: 4px; 
		color: #d5d5c5;
		display: block;
		width: 140px;
	}
	#localnav .modul ul li a:hover,
	#localnav .modul ul li a.active {
		background-color: #6582c5;
		color: white;
		text-decoration: none;
	}
	
	/* Submenu item */
	#localnav .modul ul li li {
		border-bottom:1px solid;
		line-height: 1.4em;
	}
	#localnav .modul ul li li a {
		padding-left: 20px;
		margin:0;
		font-size: .8em;
	}

	#localnav .modul h3 {
		margin: 15 0 0 0;
	}
	#localnav .modul h3 a {
		padding: 5 0 5 5;
		width: 140px;
		display: block;
		color: white; /* white */
		background-color: #585890; /* #336699; */ /* #ff9966; */ /* #c09060; */
		border-bottom:2px solid #c5c9d5;
		font-size: 11px;
		font-weight: normal;
	}
#content {
	width: 650px;
	float: left;
	background-color:transparent;
	color:#333;
	margin-top: 15;
}
	/* Same as #scroller */
	#content a { color: #000066; }
	#content a:link { color: #000066; }
	#content a:visited { color: #5a5f92; }
	#content a:hover { color: #6582c5; }
	#content h1 {
		font-size: 18px;
	}
	#content h2 {
		font-size: 14px;
	}
	#content h3 {
		font-size: 12px;
	}
	#content table {
		font-size: 10px;
	}
	#content .header {
		font-weight: bold;
		font-size: 12px;
	}
	#content a img {
		border: 0px;
	}

#banner { 
	font-family: "Arioso LT"; 
	font-size: 72px;
	background-color: #c5c9d5;
	color: #7582a5;
	margin-left: 65px;
	margin-right: 60px;
}
#banner a { 
	text-decoration: none;
	color: #7582a5;
}
#banner img {
	border-style: none;
}


#topitem {
	padding: 0em;
	background: #c5c9d5;
	margin-left: 30px;
	list-style-type: none;
	font-size: 90%;
}
#topitem a {
	color: #d5d5c5;
	width: 10em;
	background: #7582a5; 
	text-decoration: none;
	text-align: center; 
	display: inline-block;
	padding: 0.3em 0.5em; 
	margin-bottom: 0.8em; 	
	border-top: 2px solid #e8e8e8;	
	border-right: 2px solid #999999; 
	border-bottom: 2px solid #999999; 
	border-left: 2px solid #e8e8e8;
}
#topitem a:hover, #topitem a.clicked {
	background: #7582b5;
	font-weight: bold;
	border-top: 2px solid #999999; 
	border-right: 2px solid #e8e8e8; 	
	border-bottom: 2px solid #e8e8e8; 
	border-left: 2px solid #999999;
}


#menycontainer {	
	float: left; 	
	margin: 0em 0 0 0em; 	
	padding: 0;
}
#meny {	
	margin: 0; 
	padding: 0em; 	
	list-style-type: none; 	
	background: #c5c9d5;
	font-size: 80%;
}
#meny a {
	color: #d5d5c5;
	width: 10em;
	text-decoration: none; 
	display: block; 
	padding: 0.3em 0.5em; 
	margin-bottom: 0.8em; 	
	background: #7590b5; 
	border-top: 2px solid #e8e8e8;	
	border-right: 2px solid #999999; 
	border-bottom: 2px solid #999999; 
	border-left: 2px solid #e8e8e8;
}
#meny a:hover, #meny a.clicked {
	background: #7590d5;
	font-weight: bold;
	border-top: 2px solid #999999; 
	border-right: 2px solid #e8e8e8; 	
	border-bottom: 2px solid #e8e8e8; 
	border-left: 2px solid #999999;
}
#meny a#current{font-weight: bold}