/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none;outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex {  }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #535353;
	  font: 12px  Verdana, Arial, sans-serif;
	  background: #f0f1f4 url(../images/bg.png) repeat-x;
	  margin:0px;
	  padding:0px;	}

p	{ font: 12px Verdana, Arial, sans-serif;
	  line-height:20px;	}
span	{ font: 12px  Verdana, Arial, sans-serif;
	  line-height:20px;	}
div	{ font: 12px  Verdana, Arial, sans-serif;
	  line-height:20px;	}
table	{ font: 12px  Verdana, Arial, sans-serif;
	  line-height:20px;	}
tr	{ font: 12px  Verdana, Arial, sans-serif;
	  line-height:20px;	}
td	{ font: 12px  Verdana, Arial, sans-serif;
	  line-height:20px;	}


h1 	{ font: 18px  georgia, Verdana, Arial, sans-serif;
	  color: #370067;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font-size: 22px; 
	  color: #961707;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

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

body div a {color:#370067;
    text-decoration: underline;}

img	{ border: 0px solid; 	}

		
.text {
		background:#fff;
		border:1px solid #cfcfcf;
		padding:2px;	}

div#container	{ margin:0 auto;
		  height:100%;
		  width:951px;	}

strong {font-weight:bold;}

/* ------------------------------------------------
	header
-------------------------------------------------*/

div#flagbar {	width:947px;
		height:30px;
		display:block;
		background: #fff url(../images/flagbarbg.png) repeat-x;
		border-right:4px solid #d3d3d3;	}

	div#flags 	{ position:relative;
			  float:left;
			  margin:6px 0px 0px 30px;	}

	div#breadcrumbs 	{ float:left;
			 	  width:810px;	}

	div#breadcrumbs ul	{ position:relative;
						  margin:0px 0px 0px 15px;
						  padding:6px 0px;
						  font-size:12px;	}

	div#breadcrumbs li	{ float: left;
				  display: block;
				  padding: 0px 8px 0px 10px; /* the width reserved for the background image */
				  background: url(../images/breadcrumb.gif) no-repeat 0px 5px; /* the "bullet"... adjust these numbers to taste */ }

	div#icons 	{ float:left;
			  padding:6px 0px;
			  width:50px;	}

div#header	{ width:947px;
		  border-right:4px solid #d3d3d3;
		  background: #fff url(../images/headerbg.png) no-repeat bottom left;
		  margin:0px;
		  padding:0px;	}

	div#search	{ float:left;
			  width:300px;
			  padding:50px 20px 10px 30px;	}


	div#search p	{ color:#6b509c;
			  float:left;	}

	div#search .search { margin:-3px 0px 10px 0px;
			     height:13px;
			     background:#fff;
			     border:1px solid #d1d1d1;
			     float:left;
			     color:#a5a5a5;
			     padding:5px;
			     font: 12px  Verdana, Arial, sans-serif;	}

	div#search .searchbutton { margin:-3px 0px 10px 0px;	}

	div#adress	{ float:right;
			  width:300px;
			  text-align:right;
			  padding:10px 15px;	}
	div#adress p	{ font-size:10px;
			  color:#606060;
			  padding:0px 6px 0px 0px;		}

    div#pageBrowser
    {
        text-align: center;
        width:640px;
        margin-left:2px;        
        padding-left: 10px;
        height:25px;
        padding-top: 20px;
        padding-bottom:5px;  
        color:#909090;    
    }
    
    #pageBrowser span
    {
        font-size:12px;
        font-weight:bold;
    }


/* ------------------------------------------------
	menus
-------------------------------------------------*/
div.menu	{ width:285px;
		  display:block;
		  margin:6px 0px 10px 0px;
		  background: #fff url(../images/menubg.png) repeat-y; 	}

	.menuheader { background: #fff url(../images/menubg2.png) no-repeat top right;	}
	
	.menuheader h1 { color:#fff;
			 font: 16px Georgia, Verdana, Arial, sans-serif;
			 padding:7px 31px;
			 background: #9c84d4 url(../images/menuheader.png) repeat-x; 
			 width:219px;
			 height:20px;
			 display:block;	}

	div.menu ul	{ margin:10px 0px 10px 0px;
		 	  display:block;	}

	div.menu a	{ display:block;
			  height:28px;
			  color:#000;
			  font: 12px Georgia, Verdana, Arial, sans-serif;
			  padding:0px 0px 0px 30px;
			  margin:0px 4px 0px 1px;
			  text-decoration:none}

	div.menu a:hover{ background:#e0e0e0 url(../images/hoverpilar.png) no-repeat 250px 8px;
			  color:#000;
			  text-decoration:none; 	}
	div.menu .active { background:#370067;
			   color:#fff; 	}

	div.menu img	{ margin:5px 10px -5px 0px;	}

	.menufooter { background: url(../images/menufooter.png) no-repeat bottom left;
		      height: 8px;
		      width:285px;	}




		div#mainmenu	{ width:657px;
				  height:32px;
				  background: #370067 url(../images/menubg2.png) no-repeat top right;
				  margin:0px 0px 0px 0px;	}

		div#mainmenu ul	{ position:relative;
			    	  margin:0px 4px 0px 15px;
		 		  padding:0px;
		 		  font-size:12px;
				  float:right;	}
	
		div#mainmenu li	{ float: left; }

		div#mainmenu a	{ color:#fff;
				  font: 13px Georgia, Verdana, Arial, sans-serif;
				  padding:8px 10px;
				  display: block;
				  text-decoration:none }

		div#mainmenu a:hover	{ background:#fff;
					  color:#370067;
					  text-decoration:none;
					  display:block; }
		div#mainmenu .active	{ background:#fff;
					  color:#370067; }


/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontent	{ width:954px;
		  margin:0px 0px 0px 0px;	}
	div#left	{ width:290px;
			  float:left;	}
			

		div#nyhetsbrev 		{ width:250px;
					  padding:3px 30px 20px 20px;
					  	}

		div#nyhetsbrev p	{ color:#6d6d6d;
				 	  font: 12px Georgia, Verdana, Arial, sans-serif;
					  margin:0px 0px 5px 0px;
					  line-height:16px;	}
	
		div#nyhetsbrev span	{ float:left;
					  clear:left;	
					  display:block;
					  /*width:50px;*/
					  width:65px;
					  color:#6b509c;
					  font-size:9px;	}
	
		/*div#nyhetsbrev .textfield	{ margin:-3px 0px 10px 0px;
					  	  height:14px;
						  background:#fff;
						  border:1px solid #d1d1d1;
						  float:left;
						  padding:5px;
						  width:155px; }*/
		div#nyhetsbrev .textfield	{ margin:-3px 0px 10px 0px;
					  	  height:13px;
						  background:#fff;
						  border:1px solid #d1d1d1;
						  float:left;
						  padding:2px;
						  width:160px; }
	
		div#nyhetsbrev .textfield2	{ margin:-3px 0px 10px 0px;
					 	  height:14px;
						  background:#fff;
						  border:1px solid #d1d1d1;
						  float:left;
						  padding:5px;
						  width:127px;}
						  
		div#nyhetsbrev .checkbox
		                {
		                  
                        }
                        
        div#nyhetsbrev .checkboxes
                        {
                            margin-left:-3px;
                            width:250px;    
                        }
	
		div#nyhetsbrev .button { float:right;
					 margin:-25px 20px 3px 72px;
					 	}

	div#right	{ width:658px;
			  float:left;
			  margin:6px 0px 0px 4px;	
			  overflow:hidden;}


		div#mainimg	{ width:653px;
				  height:251px;
				  border-right:4px solid #cecece;
				  margin:0px 0px 0px 0px;
				  background: #fff url(../images/mainimgbg.png) no-repeat bottom left;	}
  		div#mainimg	 object{ margin:0px 0px 0px 0px;	}

		
		div#matratt	
		{
		            /*width:254px;*/
		            width:127px;
				   height:167px;
				   margin: 4px 0px -174px 129px;
				   position:relative;
				   z-index:1000;
				   background: url(../images/matratt.png) no-repeat; 	}

div#helpnews	{ height:190px;	}
			
		div#help	{ width:249px;
		  		  display:block;
				  border-right:4px solid #cecece;
				  margin:20px 0px 10px 0px;
				  float:left; 	}
			.helpheader h1 { color:#fff;
				 font: 16px Georgia, Verdana, Arial, sans-serif;
				 width:209px;
				 padding:7px 20px;
				 height:20px;
				 display:block;
				 margin:0px 0px 0px 0px;
				 background: #9c84d4 url(../images/menuheader.png) repeat-x; }
				 		
		div.help	{ width:249px;
					  height:120px;
					  display:block;
					  
				 	 background: #fff; 	}

			.helpheader { background: #fff url(../images/menubg2.png) no-repeat top right;	}
	

			div#help h2	{ color:#000;
					  font: 12px georgia, Verdana, Arial, sans-serif;  
					  margin:0px;
					  padding:6px 20px;	}

			div#help p	{ color:#979797;
					  font: 12px  georgia, Verdana, Arial, sans-serif;  
					  line-height:18px;
					  padding:0px 80px 0px 20px;		  	}
	
			.helpfooter { background: #fff url(../images/helpfooter.png) no-repeat bottom left;
			     	 height: 4px;
			     	 width:253px;
				 margin:0px 0px 0px 0px;	}

		div#news	{ width:387px;
				  height:158px;
		  		  display:block;
				  border-right:4px solid #cecece;
				  margin:20px 0px 10px 10px;
				  background: #fff; 
				  float:left;	}

			.newsheader { background: #fff url(../images/menubg2.png) no-repeat top right;	}
	
			.newsheader h1 { color:#fff;
				 font: 16px Georgia, Verdana, Arial, sans-serif;
				 padding:7px 20px;
				 background: #9c84d4 url(../images/menuheader.png) repeat-x; 
				 width:347px;
				 height:20px;
				 display:block;	}

			div#news h2	{ color:#000;
					  font: 12px Verdana, Arial, sans-serif; 
					  margin:0px;
					  padding:0px 15px;	}

			div#news p	{ color:#979797;
					  font: 12px  georgia, Verdana, Arial, sans-serif; 
					  line-height:18px;
					  margin:0px 0px 0px 20px;	}
			div#news a	{ color:#000;	}
	
			.newsfooter { background: #fff url(../images/newsfooter.png) no-repeat bottom left;
			     	 height: 4px;
			     	 width:387px;
				 margin:28px 0px 0px 0px;	}

		div#puffar	{ width:660px;
				  margin:0px 0px 0px 0px;	}

			div.puff	{ float:left;
					  width:119px;
					  background: url(../images/puffbg.png) no-repeat bottom left;
					  margin:0px 0px 0px 10px;	}

			div.puff2	{ float:left;
					  width:119px;
					  background: #fff url(../images/puffbg.png) no-repeat bottom left;
					  margin:0px 0px 0px 10px;	}

			div.puff img	{ width:115px;
					  height:115px;
					  border-right:4px solid #cecece;
					  border-bottom:4px solid #cecece;	}

			div.puff2 img	{ width:115px;
					  height:115px;
					  border-right:4px solid #cecece;
					  border-bottom:4px solid #cecece;	}

			div.puff h2 	{ color:#000;
					  font: 11px georgia, Verdana, Arial, sans-serif; 
					  line-height:15px;	
					  margin:0px;	}

			div.puff2 h2 	{ color:#000;
					  font: 11px georgia, Verdana, Arial, sans-serif; 
					  line-height:15px;	
					  margin:0px;	}

			div.puff p	{ color:#979797;
					  font: 9px  georgia, Verdana, Arial, sans-serif; 
					  line-height:18px;	}

			div.puff2 p	{ color:#000;
					  font: 9px  georgia, Verdana, Arial, sans-serif; 
					  line-height:18px;	}

			div.pufftext	{ height:50px;
							  padding:10px;
							  overflow:hidden;}
            div.puffimg     {height:115px; width:115px;}
/* ------------------------------------------------
	pages
-------------------------------------------------*/


div#mainpage
            { 	  width:573px;
				  border-right:4px solid #cecece;
				  margin:0px 4px 20px 0px;				  
				  padding:35px 40px 35px 40px;
				  background: #fff url(../images/mainimgbg.png) no-repeat bottom left;	}
				  
div#mainpage a 	{ color: #370067;
	  text-decoration: none;
	  border-bottom:1px solid #370067;	}
	  
div#mainpage a:hover { 	  color: #936bb5;
						  border-bottom:1px solid #936bb5;	}

	div#mainpage ul { margin:10px 0px;
					 padding:5px 0px 0px px;
					  line-height:20px;	}
	div#mainpage li { padding:0px 0px 0px 15px;
			  background: url('../images/relimg.gif') no-repeat left 7px ;
			  line-height:20px;	}
			  
div#mainpageproducts
            { 	   width:573px;
				  border-right:4px solid #cecece;
				  margin:0px 4px 20px 0px;				  
				  padding:35px 40px 35px 40px;
				  background: #fff url(../images/mainimgbg.png) no-repeat bottom left;	}

	div#mainpageproducts ul { margin:10px 10px;
			  list-style: url('../images/relimg.gif');	}			  

	div#produkt{padding:0px 20px;	}

	div#produktbild	
	{
			float:right;
			display:block;
			width:244px;
			padding:40px 0px 20px 20px;	}
			

    div#mainpageresultat		{ width:653px;
				  margin:0px 0px 0px 0px;
				  padding:1px 1px 4px 1px;	}

	div.sokresultat	{ float:left;
			  height:118px;
			  width:318px;
			  background: #fff url(../images/sokresultbg.png) no-repeat top left;
			  margin:10px 0px 0px 0px;
			  border:1px solid #e9eaee;	}

	div.sokresultatover	{ float:left;
			  height:118px;
			  width:318px;
			  background: #fff url(../images/sokresultbg.png) no-repeat top left;
			  margin:10px 0px 0px 0px;	
			  border:1px solid #9071aa;	}
	div.sokresultat2{ float:left;
			  clear:right;
			  height:118px;
			  width:318px;
			  background: #fff url(../images/sokresultbg.png) no-repeat top left;	
			  margin:10px 0px 0px 12px;
			  border:1px solid #e9eaee;	}
	div.sokresultat2over	{ float:left;
			  height:118px;
			  width:318px;
			  background: #fff url(../images/sokresultbg.png) no-repeat top left;
			  margin:10px 0px 0px 12px;	
			  border:1px solid #9071aa;	}

		div.sokresultatbild	{ float:left;
					  margin:7px 12px;	}
		div.sokresultatbild img { width:115px; height:105px;	}
		div.sokresultattext	{ float:left;	
					  width:120px;
					  padding:20px;
					  padding-top:40px;	}
		div.sokresultatfoldertext	{ float:left;
						font: 12px georgia, Arial, sans-serif; 
						  width:140px;	
						  color:#303030;	  						  
					  	  padding:45px 5px;	}
		div.sokresultattext h2 	{ color:#000;
				  font: 12px georgia, Arial, sans-serif; 
				  padding-bottom: 5px;
				  margin:0px;	}

		div.sokresultattext p	{ color:#808080;
				  font: 12px  georgia, Verdana, Arial, sans-serif; 
				  line-height:14px;	}
				  
		span.folderIcon {float:left;
		    clear:none;
		    margin-top:6px;
		    margin-left:-278px;
		}
		
		span.folderIcon img {width:115px; height:105px;
		}

/* ------------------------------------------------
	footer
-------------------------------------------------*/

div#footer	{ display:block;
			  clear:both;
		 	  margin:10px 0px 0px 0px;	
		 	  width:951px;
		 	  border-top:4px solid #e8e9eb;	}
	
div#footerleft	{ float:right; 	}

div#footerright p { color:#979797;
		   font: 12px  georgia, Verdana, Arial, sans-serif; 
		   line-height:18px;
		   padding:15px 10px;
		   text-align:right;	}
div#footerright a { color:#979797;
		   font: 12px  georgia, Verdana, Arial, sans-serif; 
		   line-height:18px;
		   padding:15px 0px;
		   text-align:right;	}

div#footerright	{ float:right; 	}

div#footerbottom	{ display:block;
			  clear:both;
		 	  height:40px;
		 	  width:951px;	}

/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:360px; 
	height:auto;
}

.browser 
{
}
/* for Internet Explorer */

* html .hojd {
	height: 360px;
}

* html .browser 
{
    margin-left:4px;
}