/* CSS Document */
body{
	margin:0px;
	padding:0px;
	 margin-top:50px;
	background:url(../../img/templateimages/bg.jpg) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5A5A59;
	line-height:150%;
}

/*------------------- TinyMCE specific rules ----------------------------------------- nytt 2.1.10 */
body.mceContentBody {
	margin:0px;
	padding:0px;
	background:none;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	line-height:150%;
}
.mceContentBody a{
	color:#682905 !important; 
	text-decoration:underline!important;
}

.mceContentBody a:hover{
	color:#682905 !important; 
	text-decoration:underline !important;
}

.mceContentBody table{
	 
}

.mceContentBody table td{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000 !important; 

}

.mceContentBody table td.bildtext{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000 !important; 
	font-size:11px; font-style:italic;
}
/*---------------------- END TinyMCE specific rules -------------------------------------*/

/*Ange de divar som har png-bilder och som ska vara genomskinliga krävs för ie6  nytt 2.1.10*/ 
img, #divnamn1, #divnamn2, #divnamn3  {behavior: url (/iepngfix.htc);}

h1{margin:0px; padding:0px; margin-bottom:5px; font-size:25px; font-weight:bold; line-height:1.2em;}
h2{margin:0px; padding:0px; margin-bottom:5px; font-size:18px; font-weight:normal;}
h3, h4, h5, h6{margin:0px; padding:0px; margin-bottom:5px; font-size:14px; font-weight:normal;}
p{margin-top:0px; padding:0px;}

a{color:#682905; text-decoration:underline;}
a:hover{color:#999999; text-decoration:underline;}

div#container{position:relative; width:980px; margin:0px; margin:0 auto; padding:0px;}

div#logo{position:absolute; top:50px; left:10px; z-index:2; width:394px;}

div#top{position:relative; width:980px; height:138px; margin:0px; padding:0px; background:url(../../img/templateimages/top.gif) left top no-repeat; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; z-index:1;}

div#outer_content{position:relative; width:980px; margin:0px; padding:0px; padding-top:25px; margin-bottom:0px; background:#FFFFFF url(../../img/templateimages/passare.jpg) 55px 100% no-repeat;}
div#outer_content_page{position:relative; width:980px; margin:0px; padding:0px; padding-top:25px; padding-bottom:25px; background:#FFFFFF url(../../img/templateimages/passare_hel.jpg) 30px 100% no-repeat;}

div#outer_content_border_left{position:relative; width:980px; margin:0px; padding:0px; background:url(../../img/templateimages/left_tile.gif) left top repeat-y;}
div#outer_content_border_left_right{position:relative; width:980px; margin:0px; padding:0px; background:url(../../img/templateimages/left_right_tile.gif) left top repeat-y;}
	
div#content{position:relative; width:980px; margin:0px; padding:0px;}
	div#content #left{position:relative; width:190px; margin:0px; padding:0px; padding-left:0px; float:left;}
	
	/*div#content #outer_middle{position:relative; width:461px; margin:0px; padding:0px; float:left; padding-left:40px; padding-right:25px; border-left:#ADADAD 1px solid; margin-bottom:20px;}*/
	
	/*div#content #middle{position:relative; width:461px; margin:0px; padding:0px; margin-top:30px; margin-bottom:20px;}*/
	div#content #middle{position:relative; width:450px; margin:0px; padding:0px; float:left; padding-left:40px; padding-right:25px; margin-bottom:20px; margin-top:25px;}
		div#content #middle h1.error_404{margin:0px; padding:0px; margin-top:25px; font-size:25px; font-weight:normal;}
		div#content #middle p.error_404_text{margin:0px; padding:0px; margin-top:25px; font-size:15px; font-weight:normal;}
		div#content #middle p.error_404_text a{color:#682905; text-decoration:underline;}
		div#content #middle p.error_404_text a:hover{color:#999999; text-decoration:underline;}
		div#content #middle h2.okey{color: #009900; margin-top:50px;}
		
		div#content #middle p.top{margin-top:20px;}
		div#content #middle p a.all_news, div#content #right p a.archive{color:#682905;}
		div#content #middle p a:hover.all_news, div#content #right p a:hover.archive{color:#999999; text-decoration:underline;}
		
		div#content #middle h2.news_header a{color: #000000;}
		div#content #middle h2.news_header a:hover{color: #999999;}
		
		div#content #middle p a.read_more{color:#682905;}
		div#content #middle p a:hover.read_more{color:#999999; text-decoration:underline;}
		
		div#content #middle p.news_date{}
		div#content #middle p.news_teaser{}
		
		div#content #middle #paging_container{margin:0px; padding:0px; border-top:#000000 1px solid; width:350px; margin-top:20px;}
			div#content #middle p.paging{margin:0px; padding:0px; font-weight:normal; color:#000000; margin-top:10px;}
			div#content #middle p.paging a{color:#000000; text-decoration:underline;}
			div#content #middle p.paging a:hover{color:#999999; text-decoration:underline;}
		
		
		div#content #right{position:relative; width:242px; margin:0px; padding:0px; margin-left:22px; float:left;}
		div#content #right p{margin:0px; padding-bottom:14px;}
		
		div#content #right_page{position:relative; width:192px; margin:0px; padding:0px; margin-left:9px; padding-left:25px; padding-right:0px; padding-top:25px; float:left;}
		


div#bottom{position:relative; width:980px; height:92px; margin:0px; padding:0px; padding-bottom:25px; background-color:#FFFFFF;}
	
div#footer{position:relative; width:980px; height:32px; background:url(/templates/img/templateimages/footer.jpg) top left no-repeat; margin:0px; padding:0px; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; z-index:1;}
/*div#footertext{position:absolute; bottom:28px; width:980px; text-align:center; color:#232323; z-index:2; font-size:12px; font-weight:bold;}*/
div#footertext{position:relative; width:980px; text-align:center; color:#000000; z-index:2; font-size:12px; font-weight:bold; padding-top:7px;}
	div#footertext a{color:#000000; text-decoration:none;}
	div#footertext a:hover{color:#999999; text-decoration:underline;}

div#design{position:relative; width:980px; text-align:center; z-index:2; color:burlyWood; font-size:12px; font-weight:normal; margin-top:5px;}
	div#designtext a{position:relative; text-align:center; color:burlyWood; z-index:2; font-size:12px; font-weight:normal; text-decoration:none;}
	div#footertext a:hover{color:burlyWood; text-decoration:underline;}

/*#breadcrumb{margin:0px; padding:0px; margin-bottom:15px; margin-top:30px; width:100%;}
	#breadcrumb .breadcrumb{float:left; font-weight:bold; margin-right:5px; color:#000000;}
	#breadcrumb a{color:#0064AF; text-decoration:none;}
	#breadcrumb a:hover{color:#999999; text-decoration:underline;}*/

/*#menu{margin:0px; padding:0px; margin-top:30px;}
	#menu h2{margin:0px; padding:0px; margin-top:0px; margin-left:32px; font-size:16px; margin-bottom:4px;}*/

#newsletterform{
	position: relative;
	margin:0px;
	padding:0px;
	/*padding-top: 0px;*/
	margin-top: 25px;
	padding-top:7px;
	background:url(/templates/img/templateimages/bg_top_menu.jpg) top left no-repeat;
}

#newsletterform h2{
	margin:0px;
	padding:0px;
	font-size:16px;
	padding-left:30px;
	width:205px;
	background:url(/templates/img/templateimages/bg_content_menu.jpg) top left repeat-y;
}

#newsletterform p{
	margin:0px;
	padding:0px;
	padding-top:4px;
	font-size:11px;
	padding-left:30px;
	width:205px;
	background:url(/templates/img/templateimages/bg_content_menu.jpg) top left repeat-y;
}

#newsletterform form{
	margin:0px;
	padding:0px;
	padding-left:30px;
	width:205px;
	background:url(/templates/img/templateimages/bg_content_menu.jpg) top left repeat-y;
}

#newsletterform .field{
	margin:0px;
	padding:0px;
	width: 120px;
}

#newsletterform .btn_newsletter{
	margin:0px;
	padding:0px;
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
	height:16px;
	font-size:10px;
}

.btn_newsletter_unregister{
	margin:0px;
	padding:0px;
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
	height:17px;
	font-size:10px;
}

#newsletterform_bottom{margin:0px; padding:0px; background:url(/templates/img/templateimages/img/bg_bottom_menu.jpg) top left no-repeat; height:7px;}

/*.box{margin:0px; padding:0px; width:240px; height:195px; background:url(../../img/templateimages/right_box.jpg) top left no-repeat; margin-bottom:15px;}
	.box h1{margin:0px; padding:0px; font-size:16px; padding-top:25px; padding-left:20px; color:#FFFFFF; font-weight:bold;}
	
	.box ul li{ display:block; background: url(/templates/img/templateimages/arrow_right.gif) center left no-repeat;}	
	.box ul{ margin:0px; padding:0px; margin-left:20px; padding-top:30px; width:170px;}
	.box ul li{ padding-left: 18px;}
	.box ul li{ font-size: 14px; line-height:2.0em; font-weight:bold; color:#FFFFFF;}*/

/*.box{margin:0px; padding:0px; margin-top:25px; padding-top:7px; background:url(/templates/img/templateimages/bg_top_menu.jpg) top left no-repeat;}
	.box h2{margin:0px; padding:0px; margin-top:0px; padding-left:32px; font-size:16px; padding-bottom:4px; width:205px; background:url(/templates/img/templateimages/bg_content_menu.jpg) top left repeat-y;}
.box_bottom{margin:0px; padding:0px; background:url(/templates/img/templateimages/bg_bottom_menu.jpg) top left no-repeat; height:7px;}*/
	
/*#newscontainer{margin:0px; padding:0px; margin-top:25px; margin-left:30px;}
	#newscontainer h2.news{margin:0px; padding:0px; margin-top:0px; font-size:16px; margin-bottom:4px;}*/

textarea, input, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #000000;
	color: #000000;
}

.btn{
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
}

.break{clear: both; float: none;}

#admin_menu{
	position:absolute;
	margin:0px;
	top:5px;
	left:0px;
	height:20px;
	width:175px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	line-height:normal;
	color:#000000;
	text-transform:uppercase;
	z-index:5;
}
	#admin_menu ul{
		margin:0px; margin-left:10px; padding:0px;
	}
	#admin_menu ul li{ 
		float:left;
		padding:0px;
		padding-left: 15px;
		list-style: none;
	}
	#admin_menu ul li a{ 
		padding:0px;
		margin:0px;
		color:#000000;
		text-decoration:none;
	}

.bildtext{font-size:11px; font-style:italic;}



/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	ul.mktree  li 					{ list-style: none; display:block;}
	ul.mktree  li a					{ text-decoration:none; color:#5C5C5B; font-weight:bold; letter-spacing:1px;}
	ul.mktree  li a.active     		{ font-weight:normal; color:#5C5C5B; font-weight:bold;}	 
	ul.mktree  li a:hover			{ text-decoration:underline; color:#999999; font-weight:bold;} 
	/* Control how "spaced out" the tree is */
	ul.mktree				   		{ margin:0px; padding:0px; padding-left:15px; margin-top:20px; width:170px;}
	ul.mktree ul			   		{ margin:0px; margin-left:10px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li            { padding-left: 18px;}
	ul.mktree  li.liBullet   { padding-left: 18px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen     { cursor: pointer; background: url(/templates/img/templateimages/arrow_open.jpg) left 1px no-repeat; color:#0165B0;}
	ul.mktree  li.liClosed   { cursor: pointer; /*background: url(/templates/img/templateimages/arrow_close.jpg) center left no-repeat; color:#0165B0;*/}
	ul.mktree  li.liBullet   { cursor: default; /*background: url(/templates/img/templateimages/arrow_close.jpg) center left no-repeat; color:#0165B0;*/}
	ul.mktree  li ul li.liOpen   { cursor: pointer; background:none; color:#0165B0;}
	
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: block; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 12px; margin-bottom:20px;}
	ul.mktree  li ul li { font-size: 11px; margin-bottom:1px;}
	ul.mktree  li ul li ul li { font-size:11px; }
	ul.mktree  li ul li ul li ul li { font-size:11px; }
}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mknews  li { list-style: none; }
	ul.mknews  li.date {font-weight:normal; }
	ul.mknews  li.header {padding-bottom:10px; }
	ul.mknews  li a{ text-decoration:none; color:#5C5C5B;}
	ul.mknews  li a.active     { font-weight:normal; color:#000000;}	
	ul.mknews  li a:hover{ text-decoration:underline; color:#999999; } 
	/* Control how "spaced out" the tree is */
	ul.mknews				   { margin:0px; padding:0px; padding-left:30px; margin-top:0px; width:205px; background:url(/templates/img/templateimages/bg_content_menu.jpg) top left repeat-y;}
	ul.mknews ul			   { margin:0px; margin-left:10px; padding:0px; }
	
	ul.mknews  li { font-size: 12px; line-height:1.4em;}
}