* {
border: none;
margin: 0px;
padding: 0px;
text-decoration: none}

body {
background: #fff url(../images/background-body.png) top left repeat-x;
color: #474938;
font: normal 12px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif;
overflow-x: hidden}
a { color:#8ea81d; }
#container {
margin: 0 auto;
width: 900px}

/********************************************************************
  Header
********************************************************************/
#header {
height: 120px;
margin: 28px 0 0 30px; position: relative;}

	/*** Meny ***/
	#menu-left, #menu-right {
	float: left;
	height: 21px;
	margin: 51px 0 0 0;}
	#menu-left {
	background: url(../images/background-menu-left.png) top left no-repeat;
	text-align: right;
	width: 327px}
	#menu-right {
	background: url(../images/background-menu-right.png) top right no-repeat;
	width: 331px}
		#menu-left ul {
		float: right;
		margin: 3px 23px 0 0}
		#menu-right ul {
		margin: 3px 0 0 23px}
		#menu-left li, #menu-right li {
		float: left;
		font-size: 10px;
		font-weight: bold;
		list-style: none;
		text-transform: uppercase}
		#menu-left li {
		margin: 0 0 0 22px}
		#menu-right li {
		margin: 0 22px 0 0}
		#menu-left li a, #menu-right li a {
		color: #abca23}
		#menu-left li a:hover, #menu-right li a:hover {
		color: #fff}
				
	/*** Logo ***/
	#logo {
	float: left;
	text-align: center;
	width: 212px}
						
.problemtext {
		clear:both;
		display:block;
		background-color: #b5c085;
		margin:-15px 0px 30px 30px;
		padding: 5px 10px 5px 10px;}
#content {
margin: 0 0 15px 0;
min-height: 300px}

ul.lang {list-style: none; margin: 0; position: absolute; top: 0; right: 0;}
ul.lang li {margin-left: 5px; float: left;}

/********************************************************************
  Startsida, vänster kolumn
********************************************************************/
#content-left {
float: left;
margin: 0 0 0 30px;
width: 427px}

	/*** Stor puff ***/
	#content-left .puff {
	padding: 0 0 10px 0}
		#content-left .puff img {
		padding: 0 0 5px 0}
		#content-left .puff .relimg img {
		width:427px;
		height:189px;
		padding: 0 0 5px 0}
		#content-left .puff .text {
		background-color: #b5c085;
		padding: 5px 10px 5px 10px}
			#content-left .puff .text h2 {
			color: #fff;
			font: bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
			padding: 0 0 3px 0;
			text-transform: uppercase}
			#content-left .puff .text p {
			font: normal 11px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
			letter-spacing: normal}
			#content-left .puff .text p a {
			color: #474938}
			#content-left .puff .text p a:hover {		
			text-decoration: underline}
		#content-left .puff span {
		height: 107px;
		position: absolute;
		margin: -295px 0 0 -30px}
		
	/*** Liten puff ***/
	#content-left .puff-left {
	float: left;
	margin:0px;
	padding: 0 11px 9px 0;
	width: 208px}
	#content-left .puff-right {
	float: left;
	width: 208px}
		#content-left .puff-left img, #content-left .puff-right img {
		padding: 0 0 3px 0}
		#content-left .puff-left .text, #content-left .puff-right .text  {
		background-color: #b5c085}
		#content-left .puff-left .text { 
		margin: 0 11px 0 0;
		width: 208px;}	
		#content-left .puff-left .text p, #content-left .puff-right .text p, #content-left .puff-left .text h3, #content-left .puff-right .text h3 {
		color: #fff;
		font: bold 11px/18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
		padding: 1px 5px 1px 8px;
		text-transform: uppercase}
		#content-left .puff-left .text p a, #content-left .puff-right .text p a, #content-left .puff-left .text h3 a, #content-left .puff-right .text h3 a {
		color: #fff}
		#content-left .puff-left .text p a:hover, #content-left .puff-right .text p a:hover,#content-left .puff-left .text h3 a:hover, #content-left .puff-right .text h3 a:hover {
		color: #474938}

/********************************************************************
  Startsida, höger kolumn
********************************************************************/		

#content-right {
float: right;
width: 427px}

	/*** Stor puff ***/
	#content-right .puff {
	padding: 0 0 10px 0}
		#content-right .puff img {
		padding: 0 0 5px 0}
		#content-right .puff .relimg img {
		width:427px;
		height:189px;
		padding: 0 0 5px 0}
		#content-right .puff .text {
		background-color: #b5c085;
		padding: 5px 10px 5px 10px}
			#content-right .puff .text h2 {
			color: #fff;
			font: bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
			padding: 0 0 3px 0;
			text-transform: uppercase}
			#content-right .puff .text p {
			font: normal 11px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
			letter-spacing: normal}
			#content-right .puff .text p a {
			color: #474938}
			#content-right .puff .text p a:hover {		
			text-decoration: underline}
		#content-right .puff span {
		height: 107px;
		position: absolute;
		margin: -295px 0 0 -30px}
		
	/*** Liten puff ***/
	#content-right .puff-left {
	float: left;
	margin:0px;
	padding: 0 11px 9px 0;
	width: 208px}
	#content-right .puff-right {
	float: left;
	width: 208px}
		#content-right .puff-left img, #content-right .puff-right img {
		padding: 0 0 3px 0}
		#content-right .puff-left .text, #content-right .puff-right .text  {
		background-color: #b5c085}
		#content-right .puff-left .text { 
		margin: 0 11px 0 0;
		width: 208px;}	
		#content-right .puff-left .text p, #content-right .puff-right .text p, #content-right .puff-left .text h3, #content-right .puff-right .text h3 {
		color: #fff;
		font: bold 11px/18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
		padding: 1px 5px 1px 8px;
		text-transform: uppercase}
		#content-right .puff-left .text p a, #content-right .puff-right .text p a,#content-right .puff-left .text h3 a, #content-right .puff-right .text h3 a {
		color: #fff}
		#content-right .puff-left .text p a:hover, #content-right .puff-right .text p a:hover,#content-right .puff-left .text h3 a:hover, #content-right .puff-right .text h3 a:hover {
		color: #474938}


/*#content-right {
float: right;
width: 427px}
	#content-right .top {
	background: url(../images/background-content-right-top.png) top left no-repeat;
	height: 4px}
	#content-right .content {
	background: url(../images/background-content-right.png) top left repeat-y;
	min-height: 468px;
	padding: 25px}
		#content-right .content h2 {
		color: #86877f;
		font-size: 22px;
		font-style: italic;
		font-weight: normal;
		padding: 25px 0 12px 0}
		#content-right .content p {
		padding: 0 0 15px 0}
		#content-right .content .line {
		background: url(../images/background-hr.png) top left repeat-x;
		border: none;
		height: 4px;
		margin: 10px 0 0 0}*/
		
		/*** Sökrutor ***/
		/*#content-right .content .search, #content-right .content .search2, #content-right .content .search3, #content-right .content .search4 {
		padding: 0 0 5px 0}
		#content-right .content .search, #content-right .content .search3 {
		float: left;
		width: 192px}
			#content-right .content .search p, #content-right .content .search2 p, #content-right .content .search3 p, #content-right .content .search4 p  {
			font-weight: bold}
			#content-right .content .search p, #content-right .content .search2 p {
			margin: 0 0 -10px 0}
			#content-right .content .search3 p, #content-right .content .search4 p {
			margin: 0 0 5px 0}
			
	#content-right .bottom {
	background: url(../images/background-content-right-bottom.png) top left no-repeat;
	height: 5px}
	
	ul li {color:#3c402c}*/
	
/********************************************************************
  Undersida, vänsterkolumn
********************************************************************/
#sidebar {
float: left;
margin: 22px 0 0 30px;
width: 208px}
	#sidebar .top {
	background: url(../images/background-sidebar-top.png) top left no-repeat;
	height: 6px}
	#sidebar .content {
	background: url(../images/background-sidebar.png) top left repeat-y;
	min-height: 300px;
	padding: 18px 10px 10px 15px}
		#sidebar .content h1, #sidebar .content h3 {
		color: #86877f;
		font-size: 20px;
		font-style: italic;
		font-weight: normal;
		letter-spacing: -0.05em;
		padding: 0 0 15px 0;}
		#sidebar .content p {
		padding: 0 0 15px 0}
		#sidebar .content p.search, #sidebar .content p.search2, #sidebar .content p.search3 {
		font-weight: bold;
		clear: both}
		#sidebar .content p.search {
		margin: 0 0 0 0 !important;
		padding: 0 0 5px 0 !important;}
		#sidebar .content p.search2 {
		padding: 5px 0 0px 0 !important;
		margin: 5px 0 0px 0 !important; }
		#sidebar .content p.search3 {
		padding: 0 0 0px 0;
		margin: 5px 0 0px 0}
		#sidebar .content p.search4 {
		margin: 10px 0 0 0}
	#sidebar .bottom {
	background: url(../images/background-sidebar-bottom.png) top left no-repeat;
	height: 5px}

/********************************************************************
  Undersida, högerkolumn
********************************************************************/
#maincontent {
float: right;
min-height: 300px;
width: 646px}
	#maincontent div.breadcrumb {
	color: #3d402d;
	float: left;
	font: bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
	text-transform: uppercase}
	#maincontent div.breadcrumb h1 {
		color: #3d402d;
		font: bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
		margin: 0;
		text-transform: uppercase;
		display: inline;
		}
		#maincontent div.breadcrumb a {
		color: #abca23}
		#maincontent div.breadcrumb a:hover {
		color: #333;
		text-decoration: underline}
		#maincontent div.breadcrumb span {
		padding: 0 4px 0 4px;}
	#maincontent p.numbers {
	color: #3d402d;
	float: right;
	font: bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding: 0 2px 0 0;
	text-transform: uppercase}
	#maincontent .product {
	float: left;
	padding: 0 11px 9px 0;
	width: 208px}
	#maincontent .product2 {
	float: right;
	width: 208px}
		#maincontent .product img, #maincontent .product2 img {
		padding: 0 0 3px 0;}
		#maincontent .product .text, #maincontent .product2 .text {
		background-color: #b5c085;
		padding: 5px 10px 8px 10px}
		#maincontent .product .text h2, #maincontent .product2 .text h2 {
		color: #fff;
		font: bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
		padding: 0 0 1px 0;
		letter-spacing:0.3px;
		text-transform: uppercase}
		#maincontent .product .text p, #maincontent .product2 .text p {
		font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif}
		#maincontent .product .text p a, #maincontent .product2 .text p a {
		color: #474938}
		#maincontent .product .text p a:hover, #maincontent .product2 .text p a:hover {
		text-decoration: underline}
	#maincontent .image {
	height: 172px;
	padding: 0 0 30px 0}
	
	#maincontent .text-content {
	margin: 0 0 0 13px;
	width: 463px}
		#maincontent .text-content h2 { line-height:24px !important; }
		#maincontent .text-content p {
		padding: 0 0 10px 0}
		#maincontent .text-content ul {
			list-style:none; }
		#maincontent .text-content li {
			padding: 3px 0px 3px 15px;
			background:url(../images/greensquare.png) no-repeat 0px 7px; }
	
	#maincontent .left {
	float: left;
	margin: 0 0 0 13px;
	width: 397px}
	#maincontent .right {
	float: right;
	width: 208px}
		#maincontent .left h2, #maincontent .right h2, #maincontent .left h1.prod {
		color: #86877f;
		font-size: 20px;
		font-style: italic;
		font-weight: normal;
		padding: 0 0 15px 0;
		line-height:20px !important; }
		#maincontent .left h3, #maincontent .right h3 {
		color: #3c3e2c;
		font-size: 14px;
		padding: 0 0 2px 0}
		#maincontent .left p, #maincontent .right p {
		line-height: 15px;
		padding: 0 0 10px 0}
		#maincontent .left ul, #maincontent .right ul {
		color: #abca23;
		list-style: none;
		margin: 0 0 0 0px;}
		#maincontent .left li, #maincontent .right li {
		padding: 3px 0px 3px 15px;
		background:url(../images/greensquare.png) no-repeat 0px 7px; }
		#maincontent .left li span, #maincontent .right li span {
		color: #3c402c}
		
	#maincontent .double {
	margin: 30px 0 0 13px}
		#maincontent .double-left, #maincontent .double-inner, #maincontent .double-right{
		float: left;
		margin: 0 38px 0 0;
		width: 172px}
			#maincontent .double-left p.text, #maincontent .double-inner p.text, #maincontent .double-right p.text {
			font-size: 13px;
			font-weight: bold;
			padding: 0 0 3px 0}
			#maincontent .double-right p.text {
			margin: 0 0 0 0}
	
	#maincontent .double-left input.year {
	background: url(../images/background-input-year.png) top left no-repeat;
	font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height: 22px;
	margin: 0 8px 10px 0;
	padding: 7px 0 0 10px;
	width: 46px}
	#maincontent .double-left input.month {
	background: url(../images/background-input-month.png) top left no-repeat;
	font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height: 22px;
	margin: 0 8px 10px 0;
	padding: 7px 0 0 10px;
	width: 28px}
	#maincontent .double-left input.day {
	background: url(../images/background-input-month.png) top left no-repeat;
	font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height: 22px;
	margin: 0 0 10px 0;
	padding: 7px 0 0 10px;
	width: 28px}
	#maincontent .double-left input.text, #maincontent .double-inner input.text, #maincontent .double-right input.text {
	background: url(../images/background-input2.png) top left no-repeat;
	font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height: 22px;
	margin: 0 0 10px 0;
	padding: 7px 0 0 10px;
	width: 191px}
	#maincontent .double-right input.button  {
	background: url(../images/button-ie6.png);
	color: #fff;
	height: 29px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-transform: uppercase;
	width: 122px}
	
	#maincontent .double-right .textarea {
	border: none;
	background: none!important;
	margin: 0 -3px 54px 0;
	/*height: 60px;*/
	height:2px;
	padding: 0 0 0 0;
	width: 191px}
	
		#maincontent .double-right .textarea .top {
		background: url(../images/background-textarea-top.png) top left no-repeat;
		width: 191px;
		height: 7px}
		#maincontent .double-right .textarea .content {
		background: url(../images/background-textarea.png) top left repeat-y;
		margin: 0 0 0 0;
		/*min-height: 80px*/
		min-height:40px;
		}
		#maincontent .double-right .textarea textarea {
		background: none;
		border-color: transparent;
		font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
		/*height: 80px;*/
		height:40px;
		margin: 0 0 0 5px;
		width: 180px}
		#maincontent .double-right .textarea .bottom {
		background: url(../images/background-textarea-bottom.png) top left no-repeat;
		width: 191px;
		height: 8px}
	input.text {
background: url(../images/background-input3.png) top left no-repeat;
font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
height: 22px;
margin: 0 0 10px 0;
padding: 7px 0 0 10px;
width: 171px}	input.formfield {
background: url(../images/background-input3.png) top left no-repeat;
font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
height: 22px;
margin: 0 0 10px 0;
padding: 7px 0 0 10px;
width: 171px}
input.text2 {
background: url(../images/background-input3.png) top left no-repeat;
font: normal 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
height: 22px;
margin: 0 0 -10px 0;
padding: 7px 0 0 10px;
width: 171px}
input.button  {
background: url(../images/button-ie6.png);
color: #fff;
height: 29px;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-transform: uppercase;
width: 122px;
cursor:pointer; }

/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * { margin:0;
	    	   padding:0;}

	ul.newList a { display:block;
				   color: #303030;
				   text-decoration:none; }

	ul.newList { position:absolute;
				 z-index:9999;
				 top:22px;
				 left:0; 
				 width:152px;
				 height: auto !important;
				 margin:0px 0px 0px 11px;
				 padding:5px 0px 0px 0px !important;
				 list-style:none;
				 color:#303030;
				 overflow:auto;
				 cursor:pointer;
				 background: #fff; }

		.newListSelected { margin:0px 0px 5px 0px;
						   width:162px;
						   height:23px;
						   padding:6px 0 0 10px !important;
						   float:left;
						   color:#303030;
						   font:12px "trebuchet ms", Arial, Verdana, sans-serif !important;
						   cursor:pointer;
						   background: url(../images/background-select2.png) no-repeat right 0px; }

			.newListSelected span { width:284px;
						display:block; }

	ul.newList li { clear:both;
			display:block;
			width:140px;
			margin:0px !important;
			padding 0px 0px 0px 4px !important;
			background:none !important; }

		ul.newList li a { display: block;
						  width:152px;
						  padding:3px 0px !important;
						  background:none !important; }
		ul.newList li a:hover { background:#eee !important; }

		ul.newList li a:focus {-moz-outline-style: none; }

	.selectedTxt { width:152px;
				   overflow:hidden;
				   height:26px;
				   padding:0px 0px 0px 0px !important;
				   color:#303030;
				   font:12px "trebuchet ms", Arial, Verdana, sans-serif !important; }


	.hiLite { background:#eee !important;
			  color:#303030 !important;}

		.hiLite a { background:#eee !important;
		  	   		color:#303030 !important; }

	.newListHover { color:#303030!important;
					cursor:default;
					background:#eee !important; }

	.newListSelHover, .newListSelFocus { /*background-position:0 -22px;*/
					     cursor:default; }

	.newListOptionTitle { font-weight:bold; }

		.newListOptionTitle ul { margin:3px 0 0; }

			.newListOptionTitle li { font-weight:normal;
									 border-left:1px solid #ccc;}



/********************************************************************
  Footer
********************************************************************/
#footer {
margin: 0 0 10px 30px;
text-align: left}
	#footer .top {
	background: url(../images/background-footer-top.png) top left no-repeat;
	height: 4px}
	#footer .content {
		background: url(../images/background-footer.png) top left repeat-y;
		height: 49px;
		text-align: center;
		width: 869px}
		#footer .content ul {
		margin: 0 0 0 -30px;
		padding: 15px 0 0 0}
			#footer .content li {
			color: #86877f;
			font-size: 21px;
			font-style: italic;
			display: inline;
			height: 30px;
			letter-spacing: -0.05em;
			list-style: none;
			line-height:22px !important;
			padding: 0 28px 0 28px;}
			#footer .content li a {
			color: #86877f;
			text-decoration: underline}
			#footer .content li a:hover {
			color: #333333}
			#footer .content li.left {
			border-right: 2px solid #abca23}
	#footer .bottom {
	background: url(../images/background-footer-bottom.png) top left no-repeat;
	height: 4px}
	/*
	.formfield {border: solid 1px black;}
	.formbox {border: solid 1px black;}*/
	
/********************************************************************
  Text
********************************************************************/
h2 {
color: #86877f;
font-size: 20px;
font-style: italic;
font-weight: normal;
letter-spacing: -0.05em;
padding: 0 0 15px 0}

/********************************************************************
  Formulär
  Script: Niceforms 2.0
  Author: Lucian Slatineanu
  URL: http://www.emblematiq.com/
********************************************************************/

div.grarutatop 	{ display:block;
				  width:214px;
				  height:7px;
				  margin:10px 0px 0px -4px;
				  background:url(../images/grarutatop.png) no-repeat 0px 0px; }
				  
div.graruta 	{ display:block;
				  width:174px;
				  padding:10px 20px;
				  margin:0px 0px 0px -4px;
				  background:url(../images/grarutabg.png) repeat-y; }
				  
div.grarutabottom 	{ display:block;
					  width:214px;
					  height:7px;
					  margin:0px 0px 0px -4px;
					  background:url(../images/grarutabottom.png) no-repeat 0px 0px; }

div.konferensform 	{ padding:0px 0px 20px 13px; }

div.konferensform p	{ margin:0px !important;
					  padding:0px !important;}
div.formcol1 { float:left;
			   display:block;
			   width:210px; }
div.formcol2 { float:left;
			   display:block;
			   width:210px; }
div.formcol3 { float:left;
			   display:block;
			   width:210px; }
			   
div.konferensform input.text	{margin: 0 0 5px 0 !important }
  
.shorttext	{ width: 46px;
			  height: 22px;
			  margin: 0 0 5px 0;
			  padding: 7px 0 0 10px;
			  font: normal 11px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
			  background: url(../images/shorttext.png) top left no-repeat; }

.shortertext	{ width: 28px;
				  height: 22px;
				  margin: 0 0 5px 0;
				  padding: 7px 0 0 10px;
				  font: normal 11px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
				  background: url(../images/shortertext.png) top left no-repeat; }
				  
.textarea	{ width: 161px;
			  height: 166px;
			  margin: 0 0 22px 0;
			  padding: 7px 0 0 10px;
			  font: normal 11px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
			  background: url(../images/textarea.png) top left no-repeat; }
.formbox	{ width: 161px;
			  height: 166px;
			  margin: 0 0 22px 0;
			  padding: 7px 0 0 10px;
			  font: normal 11px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
			  background: url(../images/textarea.png) top left no-repeat; }
/*
.NFText {
	background: none;
	font: 12px/29px 'Trebuchet MS', Arial, Helvetica, sans-serif; 
	vertical-align: middle}
.NFTextCenter {
	background:url(../images/background-input.png) top left repeat-x;
	float: left;
	height: 29px;
	line-height:15px;  
	padding: 5px 0 0 2px;
	width: 156px}
.NFTextLeft, .NFTextRight {
	float: left;
	height: 29px;
	vertical-align: middle;
	width: 6px}
.NFTextLeft {background: url(../images/background-input-left.png) top left no-repeat}
.NFTextRight {background: url(../images/background-input-right.png) top left no-repeat}

Dropdownlista 
.NFSelect {
height: 28px; 
position:absolute}
.NFSelectLeft {
background: url(../images/background-input-left.png) no-repeat 0 0;
float: left; 
height: 28px;
vertical-align: middle;
width: 6px}
.NFSelectRight {
background: url(../images/background-select.png) no-repeat 100% 0;
color: #3c402c; 
cursor: pointer;
font: 12px/29px 'Trebuchet MS', Arial, Helvetica, sans-serif;
height: 28px; 
margin: 0 -25px 0 6px;
padding: 0 0 0 6px;
min-width: 159px;
width: auto;}
.NFSelectTarget {
background: none;
left: 0;
margin: 26px 0 0 -13px;
padding: 0 0 13px 0; 
position: absolute;
top: 0; 
z-index:3}
.NFSelectOptions {
background: #fff;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
color:#3c402c; 
font: 12px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
left: 0;
overflow-x:hidden;
overflow-y:auto; 
position: relative;  
margin: 0 0 0 16px;
max-height:200px; 
padding: 4px; 
top: 0; 
z-index:4}
.NFSelectOptions li {padding-bottom: 1px;}
.NFSelectOptions a {
background: none;
color: #3c402c; 
display: block; 
padding: 2px 3px;
text-decoration: none}
.NFSelectOptions a.NFOptionActive {background:#fff;}
.NFSelectOptions a:hover {background:#eee;}

Knappar 
.NFButton {
background: url(../images/background-button.png) repeat-x 0 0;
cursor: pointer;
color: #fff;
font: bold 13px/28px 'Trebuchet MS', Arial, Helvetica, sans-serif;
height: 28px;
margin: 5px 0 0 0;
padding: 0 40px 0 40px;
text-transform: uppercase;
vertical-align: middle;
width:auto}
.NFButtonLeft, .NFButtonRight {
height: 28px; 
margin: 5px 0 0 0;
vertical-align: middle;
width: 6px; }
.NFButtonLeft {background: url(../images/background-button-left.png) no-repeat 0 0;}
.NFButtonRight {background: url(../images/background-button-right.png) no-repeat 0 0;}

Hidden
.NFhidden {opacity:0; z-index:-1; position:relative;}
Safari
select, input, textarea, button {outline:none; resize:none;}
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden}
#maincontentblog {
width: 920px;
}

	#maincontentblog p.breadcrumb {
	color: #3d402d;
	float: left;
	font: bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0 0 7px 30px;
	text-transform: uppercase}
		#maincontentblog p.breadcrumb a {
		color: #abca23}
		#maincontentblog p.breadcrumb a:hover {
		color: #333;
		text-decoration: underline}
		#maincontentblog p.breadcrumb span {
		padding: 0 4px 0 4px;}
	#maincontentblog p.numbers {
	color: #3d402d;
	float: right;
	font: bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding: 0 2px 0 0;
	margin: 0px 20px 0px 0px;
	text-transform: uppercase}
	
#maincontentblog label  { float:left;
						  display:block;
						  width:100px; }

	div#mainpageleft	{ float:left;
						  display:block;
						  width:510px;
						  margin:0px;
						  padding:55px 30px; }
							  	
			div#mainpageleft li	{ clear:both;
								  list-style:none;
								  margin:0px;
								  padding:0px 0px 5px 20px; 
								  color:#585858;
								  /*font:13px georgia, "times new roman", times, serif;*/
								  font: 12px/15px Arial, verdana, Helvetica, sans-serif;
								  background: url(../images/li.png) no-repeat 0px 3px; }
								  
		div#mainpageleft p,
		div#mainpageleft span,
		div#mainpageleft div { color:#585858;
							   font: 12px/15px Arial, verdana, Helvetica, sans-serif; }
								  

	div#mainpageright	{ float:left;
					  display:block;
					  width:350px;
					  margin:0px;
					  padding:55px 0px; }


		div#mainpageright div.ruta h2	{ margin:0px 0px 10px 0px;
										  padding:0px;
										  color:#000;
										  font:16px/20px arial, verdana, sans-serif; }



	div.blogimg { display:block;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 30px; }
				  
	div.blogginlagg { display:block;
					  width:490px; 
					  margin:0px 0px 20px 20px;
					  padding:0px 0px 10px 0px;
					  color:#3c402c !important;
					  font: 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
					  border-bottom:3px solid #e8e8e8; }
			div.blogginlagg a	{  color:#dda835;
								   text-decoration:none; }
			
		div.blogginlagg p { padding:0px 20px 0px 0px; }
		div.blogginlagg h1 { color:#4b4e3d;
							 font:italic 32px "Trebuchet MS", Arial, Helvetica, sans-serif; }
		
						
			div.blogginlagg p{ color:#3c402c !important;
					  		   font: 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif !important;}	
			p.ingress { display:block;
						padding:10px 20px 10px 0px;
						line-height:20px !important;
						color:#949f69;
						/*font:italic 18px georgia, "times new roman", times, serif; */
						font:italic 16px/18px arial, verdana, sans-serif !important; }	
						
			div.blogginlagg p.ingress { display:block;
										padding:10px 20px 20px 0px;
										line-height:20px !important;
										color:#949f69 !important;
										font: italic 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }		
									
			div.lashela { float:left;
						  display:block;
						  width:363px;
						  padding:15px 0px 0px 0px; }
						  
			div.lashela { float:left;
						  display:block;
						  width:155px;
						  padding:15px 0px 0px 0px; }	
				div.lashela a { display:block;
								width:122px;
								height:21px;
								text-transform:uppercase;
								padding:0px 15px;
								color:#fff;
								font:bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
								background:url(../images/lashela.png) no-repeat 0px 0px; }	
			div.tfb { float:right;
					  display:block;
					  width:35px;
					  padding:15px 10px 0px 0px; }	
					  
				div.tfb a { float:left;
							padding:0px 0px 0px 2px; }	
							
			div.bloggare { clear:both;
						   display:block;
						   width:398px;
						   padding:30px 0px 0px 0px; }		
						   
				div.bloggimg { float:left;
							   display:block;
							   width:90px;
							   height:54px;
							   padding:0px 10px 0px 0px; }	
							   
				div.bloggtext { float:left;
							    display:block;
							    width:239px;
							    height:54px;
							    padding:0px 0px 15px 0px; }				
		
					div.bloggtext h2	{  margin:0px;
										   padding:0px;
										   color:#494b3a;
										   font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
										   
					div.bloggtext p	{  margin:0px;
									   padding:0px;
									   color:#4b702e;
									   font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; }
									   
					div.bloggtext a	{  float:left;
									   display:block;
									   width:130px;
									   margin:0px 0px 0px 0px;
									   padding:0px;
									   text-align:right;
									   color:#abca23;
									   font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; }
									   
					div.bloggtext span.bloggdate	{  float:left;
													   display:block;
													   width:200px;
													   margin:10px 0px 0px 0px;
													   padding:0px;
													   color:#585858;
													   font:10px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }
													   
							   
				div.kommentarlink { float:left;
									display:block;
									width:26px;
									padding:50px 0px 15px 0px; }				
		
					
					div.kommentarlink p	{  margin:0px;
										   padding:0px;
										   color:#4b702e;
										   font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; }
									   
					div.kommentarlink a	{  float:left;
										   display:block;
										   width:130px;
										   margin:0px 0px 0px 0px;
										   padding:0px;
										   text-align:right;
										   text-transform:uppercase;
										   text-decoration:underline;
										   color:#abca23;
										   font:10px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
													  
		div#mainpageright div.rutablogg h2	{ margin:0px 0px 5px 0px !important;
											  padding:0px !important;
											  font:16px georgia, "times new roman", times, serif; }
											  
		div.rutablogg a	{ text-decoration:underline;
						  color:#3e422e;
						  font:11px Arial, Verdana, Helvetica, sans-serif;  }
						  
						  
		div.kommentar {  margin:0px 0px 0px 20px;
						 padding:20px 0px;
						 border-bottom:3px solid #e8e8e8; }
							   
		div.kommentar h2	{  display:inline; 
						  	   color:#585858;
							   font:bold 11px georgia, "times new roman", times, serif; margin-left: 30px;}
		div.kommentar span.bloggdate	{  display:inline;
										   width:200px;
										   margin:5px 0px 0px 10px;
										   padding:0px;
										   color:#585858;
										   font:bold 10px Arial, Verdana, Helvetica, sans-serif; }
		div.kommentar p	{  margin:0px;
						   padding:0px;
						   color:#585858;
						   font:11px georgia, "times new roman", times, serif; }
						   
			div.ruta 	{ position:relative;
						  width:301px;
						  margin:0px 0px 0px 0px;
						  padding:15px;
						  /*border:4px solid #e8e8e8;*/
						  background:url(../images/rutabg.png) repeat-y}
						  
			div.ruta2 	{ position:relative;
						  width:301px;
						  margin:0px 0px 0px 0px;
						  padding:15px;
						  /*border:4px solid #e8e8e8;*/
						  background:url(../images/rutabg2.png) repeat-y}
						  
				div.ruta2 h2	{ margin:0px 0px 5px 0px;
								  padding:0px;
								  text-transform:none;
								  color:#3e422e !important;
								  font:18px"Trebuchet MS", Arial, Helvetica, sans-serif !important;
								  background:none; }
						  
				div.rutablogg h2	{ margin:0px 0px 5px 0px;
								  padding:0px;
								  text-transform:none;
								  color:#3e422e !important;
								  font:18px"Trebuchet MS", Arial, Helvetica, sans-serif !important;
								  background:none; }
				div.ruta2 p	{ padding:0px 40px 0px 0px;
							  color:#3c402c;
							  font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif !important;  }

				div.lasmer	{ position:absolute;
							  right:10px;
							  bottom:10px; }

				div.ruta h2	{ margin:0px 0px 5px 0px;
							  padding:0px;
							  text-transform:none;
							  color:#3e422e;
							  font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
							  background:none; }

				div.ruta p	{ padding:0px 40px 0px 0px;
							  color:#585858;
							  font:12px/16px arial, verdana, sans-serif;  }
	div.ruta ul	{ clear:both;
					  position:relative;
					  list-style:none;
					  margin:0px;
					  padding:0px; }

			div.ruta li	{ clear:both;
						  list-style:none;
						  margin:0px;
						  padding:0px 0px 5px 15px; 
						  color:#585858;
						  /*font:13px georgia, "times new roman", times, serif;*/
						  font:12px arial, verdana, sans-serif;
						  background: url(../images/greensquare.png) no-repeat 0px 3px; }
div.kommentera { margin:0px 0px 0px 20px; }


	div.ruta ul.kategorier li	{ clear:none;
								  display:inline;
								  list-style:none;
								  margin:0px;
								  padding:0px 0px 5px 5px; 
								  color:#abca23 !important;
								  /*font:13px georgia, "times new roman", times, serif;*/
								  font:11px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
								  background:none; }
								  
	div.ruta ul.kategorier li a	{ text-decoration:none;
								  color:#abca23 !important;
								  font:11px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }
								  

	div.ruta ul.kategorier li.xxsmall a	{ font:11px/6px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }
	div.ruta ul.kategorier li.xsmall a	{ font:13px/6px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }
	div.ruta ul.kategorier li.small a	{ font:15px/6px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }
	div.ruta ul.kategorier li.medium a	{ font:17px/6px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }
	div.ruta ul.kategorier li.large a	{ font:199x/6px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }
	div.ruta ul.kategorier li.xlarge a	{ font:21px/6px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }
	div.ruta ul.kategorier li.xxlarge a	{ font:33px/6px "Trebuchet MS", Arial, Helvetica, sans-serif !important; }
	
	
	
		div.rutatop	{ display:block;
					  width:331px;
					  height:5px;
					  margin:0px;
					  padding:0px;
					  background:url(../images/rutatop.png) no-repeat 0px 0px; }
					  
		div.rutabottom	{ display:block;
						  width:331px;
						  height:5px;
						  margin:0px 0px 10px 0px;
						  padding:0px;
						  background:url(../images/rutabottom.png) no-repeat 0px 0px; }
								 
								 
		div.kommentar p {margin-bottom:15px; padding-bottom: 15px; margin-right: 20px; border-bottom: solid 1px #eee; margin-left: 30px;}
		
		span.errorf {color:#f00}