/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background-color:#242424;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color: #fff;
	line-height:150%;
}

h1{margin:0px; padding:0px; margin-bottom:5px; font-size:20px; font-weight:normal;}
h2{margin:0px; padding:0px; font-size:15px; font-weight:normal;}
h3, h4, h5, h6{margin:0px; padding:0px; margin-bottom:5px; font-size:13px; font-weight:normal;}
p{margin-top:0px; padding:0px;}

div#container{position:relative; width:846px; margin:0px; padding:0px; background:#242424;}

div#content_upper{position:relative; width:846px; margin:0px; padding:0px;}
	div#content_upper #pic{position:relative; width:810px;height:59px; background:url(../../img/templateimages/logo_top_new.jpg) no-repeat; left:10px; top:15px; padding:0px;}
	
div#content{position:relative; width:890px; margin:0px; padding:0px;}
	div#content #left{position:relative; width:170px; margin:0px 10px 0px 0px; padding:0px; float:left;}
	
	div#content #left #menu{margin:0px; padding:26px 0px 0px 0px;}
	
	div#content #right{position:relative; width:690px; margin:0px; padding:27px 0px 0px 0px; float:left; overflow:hidden;}
		div#content #right h1{font-size:10px; background-color:#FBAA0E; color:#000; padding: 0px 0px 0px 5px; text-transform:uppercase; letter-spacing:1px;}
		/*div#content #right h2{font-size:9px; font-weight:bold; background-color:#666666; padding: 0px 0px 0px 5px; color:#fff;}*/
		div#content #right h2{font-size:10px; font-weight:bold; padding:0px 0px 0px 0px; color:#fff;}
		div#content #right p{padding: 0px 0px 5px 0px; margin:0px;}
		div#content #right h1.error_404{padding:0px 0px 0px 5px; margin-top:0px; font-size:10px; font-weight:normal;text-transform:uppercase; letter-spacing:1px;}
		div#content #right p.error_404_text{margin:0px; padding:0px; margin-bottom:80px; margin-top:35px; font-size:10px; font-weight:normal;}
		div#content #right p.error_404_text a{color:#FFFFFF; text-decoration:underline;}
		div#content #right p.error_404_text a:hover{color:#FFFFFF; text-decoration:underline;}
		div#content #right h2.okey{color: #009900; margin-top:50px;}
		div#content #right a{color: #FFFFFF; text-decoration:none;}	
		div#content #right a:hover{color: #FBAA0E;}
		div#content #right img{border:none;}	
		
		/* Tabell stil för right (content) */	
		div#content #right table    { display: table; font-size:10px; margin:0px;}
		div#content #right tr       { display: table-row; margin:0px;}
		div#content #right thead    { display: table-header-group;}
		div#content #right tbody    { display: table-row-group;}
		div#content #right tfoot    { display: table-footer-group;}
		div#content #right col      { display: table-column;}
		div#content #right colgroup { display: table-column-group;}
		div#content #right td, th   { display: table-cell;margin:0px;}
		div#content #right caption  { display: table-caption;}
		
		div#content #right p.top{margin-top:20px;}
		div#content #right p a.all_news, div#content #right p a.archive{color:#B60003;}
		div#content #right p a:hover.all_news, div#content #right p a:hover.archive{color:#999999; text-decoration:underline;}
		
		div#content #right h2.news_header a{color: #000000;}
		div#content #right h2.news_header a:hover{color: #999999;}
		
		div#content #right p a.read_more{color:#B60003;}
		div#content #right p a:hover.read_more{color:#999999; text-decoration:underline;}
		
		div#content #right p.news_date{}
		div#content #right p.news_teaser{}
		
		div#content #right #paging_container{margin:0px; padding:0px; border-top:#000000 1px solid; width:350px; margin-top:20px;}
			div#content #right p.paging{margin:0px; padding:0px; font-weight:normal; color:#000000; margin-top:10px;}
			div#content #right p.paging a{color:#000000; text-decoration:underline;}
			div#content #right p.paging a:hover{color:#999999; text-decoration:underline;}
	
div#footer{height:30px; margin:10px 0px 10px 10px; padding:0px; border-top:8px solid #666666; width:860px;}
	div#footertext{margin:0px; padding:10px 0px 10px 0px; text-align:left; color:#777777;}
	div#footertext .footer_img{margin-left:5px;}
	div#footertext a{color:#777777; text-decoration:none;}
	div#footertext a:hover{color:#777777; text-decoration:underline;}
	
	#footer #footertext_left{
		width:500px;
		float:left;
		text-align:left;
	}
	#footer #footertext_right{
		width:200px;
		float:right;
		text-align:right;
	}

#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;}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	ul.mktree  li 					{ list-style: none;}
	ul.mktree  li a					{ text-decoration:none; color:#FFFFFF; font-weight:100;}
	ul.mktree  li a.active     		{ font-weight:normal; color:#FF9800; text-decoration:none;}	 
	ul.mktree  li a:hover			{ text-decoration:none; color:#FF9800; } 
	/* Control how "spaced out" the tree is */
	ul.mktree				   		{ margin:0px; padding:0px 0px 0px 5px; margin-top:0px;}
	ul.mktree ul			   		{ margin:0px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet {}
	ul.mktree  li.liBullet  .bullet {}
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; /*background: url(../../img/arrow_open.jpg) center left no-repeat;*/ color:#fff;}
	ul.mktree  li.liClosed  .bullet { cursor: pointer; /*background: url(../../img/arrow_close.jpg) center left no-repeat;*/ color:#fff;}
	ul.mktree  li.liBullet  .bullet { cursor: default; /*background: url(../../img/arrow_close.jpg) center left no-repeat;*/ color:#fff;}
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block;}
	ul.mktree  li.liClosed  ul { display: none;}
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 11px; line-height:1.4em; text-transform:uppercase; font-weight:bold;}
	ul.mktree  li ul li { font-size: 11px; line-height:1.6em; padding:0px 0px 0px 10px; text-transform:none; font-weight:100;}
	ul.mktree  li ul li ul li { font-size:11px; padding:0px 0px 0px 10px; text-transform:none;}
	ul.mktree  li ul li ul li ul li { font-size:11px; padding:0px 0px 0px 10px; text-transform:none;}
}

/* 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 {margin-bottom:10px; }
	ul.mknews  li a{ text-decoration:none; color:#B60003;}
	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; margin-left:0px;}
	ul.mknews ul			   { margin:0px; margin-left:10px; padding:0px; }
	
	ul.mknews  li { font-size: 12px; line-height:1.4em;}
}