/* ================== Template 1 ================= */	


body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background : #fff url(./images/bg_body.gif) repeat-x center top;		
	text-align: left;
}

html,body {
	height: 100%;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}	

/* 
=============================================

TEXT CSS SETTINGS

=============================================
*/


a {
	text-decoration: none;
	color: #d6b053;	
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 80%;
}

a:hover {
	text-decoration: underline;
	color: #d6b053;	
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 80%;
}

.box a {
	text-decoration: none;
	color: #000080;	
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 80%;
}
.box a:hover {
	text-decoration: underline;
	color: #000080;	
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 80%;
}

a.link {
	text-decoration: none;
	color: #492909;	
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 90%;
}

a.link:hover {
	text-decoration: underline;
	color: #492909;	
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 90%;
}

.copy {
	color: #666;
	font: 12px Arial, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

a.author {
	text-align: center;
	text-decoration: none;
	color: #ccc;
	font: 12px Arial, Verdana, sans-serif;	
}

a.author:hover {
	text-align: center;
	text-decoration: none;
	color: #ccc;
	font: 12px Arial, Verdana, sans-serif;
}

a.storlank {
	text-decoration: underline;
	color: #800000;
	font: bold 28px Arial, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

a.storlank:hover {
	text-decoration: underline;
	color: #800000;
		font: bold 28px Arial, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

a.mellanlank {
	text-decoration: underline;
	color: #800000;
	font: bold 18px Arial, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

a.mellanlank:hover {
	text-decoration: underline;
	color: #800000;
		font: bold 18px Arial, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

a.erbjudande {
	text-decoration: none;
	color: #492909;
	font-family: "Arial Black";
	text-transform:uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}

a.erbjudande:hover {
	text-decoration: none;
	color: #492909;
	font-family: "Arial Black";
	text-transform:uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}

a.more {
	text-decoration: none;
	color: #000;	
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 80%;
}

a.more:hover {
	text-decoration: underline;
	color: #000;	
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 80%;
}

p {
color: #000;
font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
margin-top: 0px;
font-size: 80%;
margin-bottom: 0.1em;
line-height:125%;
}

strong {
color: #000;
font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
margin-top: 0px;
font-size: 90%;
margin-bottom: 0.1em;
line-height:125%;
font-weight: bold;
}

.brodtext {
color: #000;
font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size: 80%;
margin-top: 0px;
margin-bottom: 0.8em;
}

.brodtext_gray {
color: #666;
font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size: 70%;
margin: 0px;
}


.brodtext-fet 
{
color: #000000;
font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size: 12px;
font-weight: bold;
}

h1
{
	color: #d6b053;
	font: normal 22px Arial, Helvetica, sans-serif;
	margin: 0px;
	font-weight: bold;
}


h2
{
	color: #d6b053;
	font: normal 14px Arial, Helvetica, sans-serif;
	margin: 0px;
	font-weight: bold;
}

h3
{
	color: #000;
	font: normal 22px Arial, Helvetica, sans-serif;
	margin: 0px;
}
.info 
{
color: #CC0000;
font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size: 12px;
font-weight: bold;
}



/* 
=============================================

FORM CSS SETTINGS

=============================================
*/

.cssbutton {
	padding: 0px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	color: #000;
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	margin-top: 0px;
	font-size: 12px;
	margin-bottom: 0.1em;
	line-height:125%;	
}

.button {
	font-family: Arial, Verdana, "Trebuchet MS";
	font-size:12px;
}

input {
	margin: 0px;
	padding: 0px;
}

form {
	padding: 0px;
	margin: 0px;
}

.inputfield_short {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #000; 
	border: 1px solid #ccc;
	width: 50px;
	background: #fff;	
}	
	
.inputfield_nyhetsbrev {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 12px; 
	color: #666; 
	width: 185px;
	height: 25px;
	border: 0px;
	padding: 3px 0px 0px 3px;
	background : #fff url(./images/bg_forminput.gif) no-repeat left top;		
}

.inputfield_ort {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #000; 
	border: 1px solid #ccc;
	width: 112px;
	background: #fff;	
}
.inputfield_nr {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #000; 
	border: 1px solid #ccc;
	width: 30px;
	background: #fff;	
}

.input_select {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 14px; 
	color: #666; 
	width: 185px;
	height: 25px;
	border: 0px;
	padding: 3px 0px 0px 3px;
	background : #fff url(./images/bg_forminput.gif) no-repeat left top;		
}

.inputtextfield {
 	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	border: 1px solid #ccc;
	width: 200px;
	height: 100px;
}

.inputtextfield_small {
 	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	border: 1px solid #ccc;
	width: 200px;
	height: 95px;
}

.inputfield_file {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	border: 1px solid #ccc;
	width: 300px;
	background: #fff;	
}

.td_name {
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	color: #000;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;	
}

.td {
	padding: 3px;
	text-align: left;
}

/* age control ************************************************************** */

#online {
	display: block;
	z-index: -1200;
}

#dim_page {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1500;
	background-color: #000;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	display: none;
	text-indent: -9999px;
}

#age_outer {
	width: 300px;
	position: absolute;
	top: 200px;
	left: 300px;
	border: 5px solid #666666;
	background-color: #FFFFFF;
	z-index: 1666;
	display: none;
}

#age_inner {
	position: relative;
	text-align: center;
	background-color: #FFFFFF;
	padding: 0px;
	display: none;
}


/* 
=============================================

CSS BOXES SETTINGS

=============================================
*/

#padding {
	padding: 10px;
}	

#frame {
	width: 1000px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#header {
	text-align: left;
	vertical-align: top;
	width: 1000px;
	height: 145px;				
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 950px;	
	min-height: 650px;
	height: auto !important;
	height: 650px;			
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
	background : url(./images/bg_content.gif) no-repeat center top;		
}

#left_content {
	float: left;
	text-align: left;
	width: 300px;	
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	vertical-align: top;	
}

#main_content {
	float: left;
	text-align: left;
	width: 590px;	
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	vertical-align: top;	
}

#footer {
	text-align: left;
	width: 950px;
	margin: 0px;	
	margin: 0px 0px 0px 25px;	
	padding: 20px 0px 0px 0px;
	border-top: 3px #d6b053 solid;	
}

#producedby { 
	text-align: center;
	width: 950px;	
	margin: 0px 0px 0px 25px;	
	padding: 20px 0px 0px 0px;
}

.clear {
	clear:both;
	overflow:hidden;
}



/* 
=============================================

CSS MENU

=============================================
*/
	
#menu {
	background : #000;		
	vertical-align: top;
	height: 29px;			
	width: 1000px;	
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#bg_nav_left {
	float: left;
	background : #000 url(./images/bg_nav_left.gif) no-repeat left top;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 53px;
	height: 29px;
}

#bg_nav_right {
	float: right;
	background : #000 url(./images/bg_nav_right.gif) no-repeat right top;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 53px;
	height: 29px;
}

div#menu ul {
	text-align: left;
	padding:0px 0px 0px 0px;	
	margin 0px 0px 0px 0px;
	list-style:none; 
}

html>body div#menu ul {
	margin:0px 0px 0px 0px;
	list-style:none; 
}

div#menu li {	
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#menu li.active span { 

}

html>body div#menu li.active span { 
	float:left;
	display:block;
	width:100%;
	height: 29px;
	position:relative;
	color:#fff;
	font: 12px Arial, Verdana, sans-serif;
	letter-spacing:1px;
	font-weight: bold;
		text-transform:uppercase;
}
	
div#menu a {	
	float:left;
	display:block;
	padding: 8px 15px 0px 15px;
	text-decoration:none;
	color:#d6b053;
	font: 12px Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	border:none;
	position:relative;
	text-transform:uppercase;
}

html>body div#menu a {	
	float:left;
	display:block;
	padding: 8px 15px 0px 15px;
	text-decoration:none;
	color:#d6b053;
	font: 12px Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	border:none;
	position:relative;
	text-transform:uppercase;	
}


	
div#menu li:hover, div#menu li.sfhover, div#menu  li:hover a, div#menu  li.sfhover a {  
	cursor:pointer;
	color: #fff;
}
	
div#menu li:hover a , div#menu li.sfhover a {	
	cursor:pointer;
	color: #fff;
}

/* Commented Backslash Hack
	hides rule from IE5-Mac \*/
	div#menu a {float:none;}
	/* End IE5-Mac hack */
	div#menu a:hover {
}

div#menu li.active { 
	color: #fff;
}

div#menu li.active a { 
	color:#fff;
	font-weight: bold;
}


div#menu li.active:hover, div#menu li.active.sfhover, div#menu  li.active:hover a, div#menu  li.active.sfhover a {  
	cursor:pointer;
}

div#menu li.active:hover a , div#menu li.active.sfhover a {	
	cursor:pointer;
}

/* 
___________________________________________________

Sökresultat
___________________________________________________

*/

.td_resultat {
	text-align: center;	
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	border: 1px #eee solid;
	width: 120px;
	vertical-align: top;
}

/* ================== Trädmeny ================= */	

ul{ 
	margin: 0;
	padding: 0;
	color: #d6b053;	
	font-family: Verdana, Frutiger, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 14px;	
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(./images/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 20px;
margin-bottom: 3px;
	font-size: 14px;	
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(./images/closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
	font-size: 14px;	
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}


.bild {
	float: left;
	width: 160px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.bild_right {
	float: right;
	width: 140px;
	text-align: right;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}