/* ------------------------------------------------
	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; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,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: #5d5d5d;
	  font: 11px Arial, Verdana, sans-serif;
	  background: #fff;
	  margin:0px;
	  padding:0px;	}

p	{ font: 12px  Arial, Verdana, sans-serif;
	  line-height:18px;	}

span	{ font: 12px Arial, Verdana, sans-serif;
	  line-height:18px;	}

div	{ font: 12px Arial, Verdana, sans-serif;
	  line-height:18px;	}

table, table p	{ font: 12px Arial, Verdana, sans-serif;
	  line-height:18px;
	  color:#606060;	}

tr, tr p	{ font: 12px Arial, Verdana, sans-serif;
	  line-height:18px;
	  color:#606060;	}

td, td p	{ font: 12px Arial, Verdana, sans-serif;
	  line-height:18px;
	  color:#606060;	}




h1 	{ font: bold 16px  Arial, Verdana, "sans-serif";
	  margin-bottom: 22px;
	  font-weight: normal;	}

h2 	{ font-size: 14px; 
	  margin-bottom: 15px;
	  font-weight: normal;	}

h3 	{ font-size: 13px; 
	  color: #000;	
	  font-weight: normal;	}

h4 	{ font-weight: bold;
	  margin:0px;
	  padding:0px;	}

#formular h3 	{ font-size: 16px; 
	  color: #333;	
	  margin-top: 20px;
	  font-weight: normal;	}

a 	{ color: #5d5d5d;
	  font-weight:bold;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

/*form	{ color: #333;
	  font: 11px  Verdana, Arial, sans-serif;
	  padding:10px 0px;	}*/



				
.btn { 			background:1px solid #d9d9d9;
				border:none;	}				

.textfieldantal { 	font: 11px  Verdana, Arial, sans-serif;
	  		background:#fff;
	     		border:1px solid #d9d9d9;
			padding:5px 1px;
			margin:-4px 8px 8px 15px;
			float:left;
			width:30px;
			text-align:right;	}


div#container	{ margin:7px auto 0px auto;
		  height:auto;
		  width:900px;
		  padding:0px 40px;
		  background:#dddddd;	}
		  
				
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:900px;
			  height:100px;
			  margin:0px;
			  padding:0px;
			  border-bottom:1px solid #c6c6c6;}

	div#logo	{ float:left;
				  width:182px;
				  height:65px;
				  padding:29px 0px 0px 0px; }

/* ------------------------------------------------
	menus
-------------------------------------------------*/

	div.flags	{ float:right;
				  display:block;
				  width:200px;
				  height:19px;
				  margin:21px 0px 0px 0px;			
				  padding:0px 0px 0px 0px;}
				  
	div.flags ul	{ float:right; }
	div.flags li	{ float:left;
					  padding:0px 0px 0px 23px; }
					  

	div#menu	{ float:left;
				  display:block;
				  width:718px;
				  height:34px;
				  margin:27px 0px 0px 0px;	}

	div#menu ul {  float:right;
				   margin:0px 0px 0px 0px;
				   padding:0px 0px 0px 0px;
				   list-style:none;  }

	div#menu li {	  float:left;  }

	div#menu a {	  float:left;
			  display:block;
			  text-decoration:none;
			  color:#525252;
			  font:bold 11px Arial, Verdana, sans-serif;
			  text-transform:uppercase;
			  padding:0px 10px 0px 10px;
			  background: url(../images/menudivider.png) no-repeat right 0px; }

	div#menu a.last { padding:0px 0px 0px 10px;
			  background: none; }

	div#menu a:hover { text-decoration:underline; }

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

	/* End IE5-Mac hack */

	ul#submenu { margin:0px;
		     padding:0px 0px;
		     list-style:none; }
	
	ul#submenu a	{ color:#006f4e;
			  font:14px "trebuchet ms", verdana, arial, sans-serif;	}

	ul#submenu a:hover { text-decoration:none;
			     border-bottom:1px solid #dec261;	}

		ul#submenu li { margin:0px;
				padding:4px 25px;
				background: url(../images/linkarrow2.png) no-repeat left 4px; }
				
		ul#submenu li:hover, ul#submenu li.sfhover { margin:0px;
				background: url(../images/linkarrow2over.png) no-repeat left 4px; }								

		ul#submenu li.active { background: url(../images/linkarrow2over.png) no-repeat left 4px; }
		ul#submenu li.active a { color:#000; }		
						   
							  
							  
		ul#submenu li.active a:hover { 	color:#006f4e;
										text-decoration:underline;
					    				border:none; }
	
		ul#submenu li ul { padding:5px 0px; }

		ul#submenu li ul li { margin:0px;
				      padding:4px 20px;
				      background: none; }
					  
		ul#submenu li.active ul li a { color:#006f4e; }					  

					  
		ul#submenu li ul li:hover, ul#submenu li ul li.sfhover { background: none; }						  

		ul#submenu li ul li a { font:11px "trebuchet ms", verdana, arial, sans-serif; }

		ul#submenu li ul li.active { background:none; }
		ul#submenu li ul li.active a { color:#000; }									   


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

div#maincontainer	{ display:block;
			  width:900px;
		  	  margin:0px 0px 0px 0px;
			  padding:29px 0px 0px 0px;	}

	div#mainimg	{ display:block;
			  width:760px;
			  margin:0px 0px 30px 0px;
			  padding:0px;	}


	div#maintext	{ display:block;
			  width:400px;
			  margin:0px;
			  padding:38px 0px 0px 0px;	}

	div#maintext h1	{ font-weight:bold;
			  margin:0px 0px 13px 0px;	}
	div#maintext p	{ margin:0px 0px 10px 0px;	}

	div#flags	{ display:block;
			  width:900px;
			  margin:53px 0px 0px 0px;
			  padding:0px;	}

		div#flags ul 	{  margin:0px;
				   padding:0px 0px 0px 43px;
				   list-style:none;	}

		div#flags li 	{  float:left;
				   width:201px;
				   margin:0px;
				   padding:px 0px;
				   text-align:center;	}

	ul#rellinks 	{  margin:0px;
			   padding:px 0px;
			   list-style:none;	}

	ul#rellinks li { margin:0px;
				padding:1px 0px 0px 12px;
				background: url(../images/linkarrow2.png) no-repeat left 1px;	}
				
	ul#rellinks li.fileicon { margin:0px;
				padding:1px 0px 0px 12px;
				background: url(../images/pdf.png) no-repeat left 1px;	}				

	ul#rellinks a  { font: 12px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif";	
			 padding:0px 0px 0px 15px;	}

/* ------------------------------------------------
	pages
-------------------------------------------------*/


	div#left	{ float:left;
			  display:block;
			  width:760px;
			  margin:0px;
			  padding:0px;	}
	
		div#boxtext { float:left;
			      display:block;
			      width:300px;
			      margin:0px;
			      color:#606060;
			      /*background: #c8cac7 url(../images/boxbg.jpg) no-repeat 0px bottom;*/ 
			     background: #bcbebb url(../images/boxbg.png) no-repeat 0 bottom;
			     /*background: #bcbebb;*/}

			div#boxtext ul {  padding:24px 24px; }

			div#boxtext li { margin:0px 0px 10px 0px; }

			div#boxtext a { color:#606060;
					text-transform:uppercase;
					font-weight:bold; }

			h2.boxtext  { display:block;
				   		  width:252px;
						  padding:10px 24px ;
					      margin:0px;
					      font:bold 12px Arial, Verdana, sans-serif;
					      color:#5e5e5e;
					      text-transform:uppercase;
					      background: url(../images/yellowh.png) no-repeat 0px 0px; }

			.newsdate { font-size:10px;
				    font-weight:bold; }

            .newsIngress { font-size:11px;
						   margin:0px;
						   padding:0px;	}
            
		div#bannerdealer { float:left;
				   display:block;
				   width:420px;
			  	   padding:0px 0px 0px 39px;
				   margin:0px; }

		div#dealer { display:block;
			     width:220px;
			     /*height:75px;*/
			     height:105px;
			     padding:10px 180px 0px 20px;
			     margin:29px 0px 0px 0px;
			     /*background: url(../images/selectbg.png) no-repeat 0px 0px;*/
			     background: url(../images/aterforsaljare.png) no-repeat 0px 0px;}
	
		div#dealer p  { color:#606060;
				font-size:11px;
				font-weight:bold;
				padding:0px 0px 0px 0px; }

		div#dealer select  { width:200px;font-size:10px;}
		
		div#boxtext2 { float:left;
			       display:block;
			       width:420px;
			       margin:0px;
			       color:#606060;
			       overflow:auto;
			       height:400px;
			       /*background: #c8cac7 url(../images/boxbg2.jpg) no-repeat 0px bottom;*/
			       background: #bcbebb url(../images/boxbg2.png) no-repeat 0px bottom;}

			div#boxtext2 ul {  padding:24px 24px; }

			div#boxtext2 li { margin:0px 0px 10px 0px; }

			div#boxtext3 p {  padding:10px 24px; }
			div#boxtext3 p {  padding:10px 24px; }			

			div#boxtext2 a { color:#606060;
					text-transform:uppercase;
					font-weight:bold; }

			h2.boxtext2  { display:block;
				      width:396px;
				      /*padding:10px 24px;*/
				      padding:10px 0px 10px 24px;
				      margin:0px;
				      font:bold 12px Arial, Verdana, sans-serif;
				      color:#5e5e5e;
				      text-transform:uppercase;
				      background: url(../images/yellowh2.png) no-repeat 0px 0px; }

		div#banners { float:left;
			      display:block;
			      width:300px;
			      padding:0px 0px 0px 39px;
			      margin:0px; }

			div#getremovable { padding:0px 0px 35px 0px; }

		div#boxtext3 { float:left;
			 	      display:block;
				       width:392px;
				       margin:0px;
				       color:#606060;
				       padding:0px 24px 10px 24px;
				       /*background: #c8cac7 url(../images/boxbg3.jpg) no-repeat 0px bottom;*/
				       background: #bcbebb url(../images/boxbg3.png) no-repeat 0px bottom; }
			       
			div#boxtext3 ul {  padding:24px 0px; }

			div#boxtext3 li { margin:0px 0px 10px 0px; }

			div#boxtext3 a { color:#606060;
							 text-transform:uppercase;
							 font-weight:bold; }

			div#boxtext3 p {  padding:10px 0px; }

			div.smallertext p { font-size:11px;color:#606060 }
			
			h2.boxtext3  { display:block;
					       width:432px;
					       padding:10px 24px 12px 24px;
					       margin:0px 0px 12px -24px;
					       font:bold 12px Arial, Verdana, sans-serif;
					       color:#5e5e5e;
					       text-transform:uppercase;
					       background: url(../images/yellowh3.png) no-repeat 0px 0px; }


		div#whitecontainer { float:left;
				     display:block;
				     width:280px;
				     margin:0px;
				     color:#ffc400;
			  	     padding:0px 0px 0px 39px; }

		div#whitebox { display:block;
			       width:280px;
			       margin:0px;
			       /*color:#ffc400;*/
			       color: #bcbebb;
			       font-size:11px;
			       text-transform:uppercase;
			       background: #fff url(../images/whiteboxbottom.png) no-repeat 0px bottom; }

			div#whitebox ul {  padding:12px 24px; }

			ul#yellowlist li { margin:4px 0px; }

			ul#yellowlist a { color:#000;
					 font-weight:normal;
					 font-size:11px;
					 text-transform:none; 
					 padding:2px 0px 2px 15px;
					 margin:0px;
			      		 background: url(../images/relli.png) no-repeat 0px 6px;}

			h2.whiteboxh2  { display:block;
				         width:432px;
				         padding:17px 24px 0px 24px;
				         margin:0px;
				         font:bold 14px Arial, Verdana, sans-serif;
				         color:#ffc400;
				         text-transform:uppercase;
				         background: url(../images/whiteboxtop.png) no-repeat 0px 0px; }


			div#whitebox h3 { padding:0px 0px 0px 24px;
					  text-transform:none; }


			div#boxtext ul#yellowlist li { margin:10px 0px; }

			div#boxtext ul#yellowlist a { color:#606060;
						      font-weight:normal;
						      font-size:12px;
						      text-transform:none; 
						      padding:2px 0px 2px 15px;
						      margin:0px;
					      	      background: url(../images/relli.png) no-repeat 0px 6px;}

			div#boxtext ul#yellowlist a.active { font-weight:bold;}

    div#distText{ float:left;
		   display:block;
		   width:760px;
		   margin:0px;
		   padding:0px 20px 0px 39px; }
		   
	div#distText h1 { font-weight:bold;
			      margin:0px 0px 10px 0px; }

		div#distText p { padding:0px 0px 10px 0px; }

		div#distText ul { margin:0px;
			      padding:0px 0px 10px 0px; }

		div#distText li { margin:0px;
			      padding:2px 0px; }

		div#distText ul li a { font-weight:normal; }

	div#text { float:left;
		   display:block;
		   width:400px;
		   margin:0px;
		   padding:0px 20px 0px 39px; }

		div#text h1 { font-weight:bold;
			      margin:0px 0px 10px 0px; }

		div#text p { padding:0px 0px 10px 0px; }

		div#text ul { margin:0px;
			      padding:0px 0px 10px 0px; }

		div#text li { margin:0px;
			      padding:2px 0px; }

		div#text ul li a { font-weight:normal; }

		div#boxtext4 { float:left;
			       display:block;
			       /*width:280px;*/
			       width: 300px;
			       margin:0px;			       
			       color:#606060;
			       padding:0px 0px 10px 0px;
			       font-size:10px;
			       /*background: #c8cac7 url(../images/boxbg4.jpg) no-repeat 0px bottom;*/
			       background: #bcbebb url(../images/boxbg4.png) no-repeat 0px bottom; }

			div#boxtext4 ul {  padding:24px 24px; }

			div#boxtext4 li { margin:0px 0px 10px 0px; }

			div#boxtext4 a { color:#606060;
					 text-transform:uppercase;
					 font-weight:bold; }

			div#boxtext4 p {  padding:10px 24px;
			     		  font-size:11px; }

			h2.boxtext4  { display:block;
				       /*width:432px;*/
				       width:300px;
				       
				       padding:10px 24px 12px 24px;
				       margin:0px 0px 12px 0px;
				       font:bold 12px Arial, Verdana, sans-serif;
				       color:#5e5e5e;
				       text-transform:uppercase;
				       background: url(../images/yellowh4.png) no-repeat 0px 0px; }



			div#boxtext4 ul#yellowlist { padding:2px 0px 0px 24px;
						     margin:0px; }
			div#boxtext4 ul#yellowlist li { margin:10px 0px; }

			div#boxtext4 ul#yellowlist a { color:#606060;
						       font-weight:normal;
						       font-size:12px;
						       text-transform:none; 
						       padding:2px 0px 2px 15px;
						       margin:0px;
					      	       background: url(../images/relli.png) no-repeat 0px 6px;}

			div#boxtext4 ul#yellowlist a.active { font-weight:bold;}

        div.form span.left { float:left;
			    display:block;
			    width:190px;
			     padding:1px;
			     margin:1px 0px; }
			     
		div.form span.right {float:left;
			    display:block;
			    width:190px;
			     padding:1px;
			     margin:1px 0px; }

		span.left { float:left;
			    display:block;
			    width:130px;
			     padding:1px;
			     margin:1px 0px; }
			     
		span.middle { float:left;
			    display:block;
			    width:130px;
			     padding:1px;
			     margin:1px 0px; }
			     
	    span.middleRight {float:left;
			    display:block;
			    width:130px;
			     padding:1px;
			     margin:1px 0px; }
	        

		span.right { float:left;
			     display:block;
			     width:130px; 
			     padding:1px;
			     margin:1px 0px;}
		
		.formfield { width:180px;
			     border:none;
			     padding:1px;
			     margin:1px 0px;
			     background:#fff; }

		.formbox { width:370px;
			   height:100px;
			   border:none;
			   padding:1px;
			   margin:1px 0px;
			   background:#fff; }
		
		.btn { float:right;
		       margin:2px 26px 0px 0px; }

		.loginfield { width:130px;
			      border:none;
			      padding:1px;
			      margin:1px 0px;
			      background:#fff; }

		.loginbtn { margin:0px 0px -6px 8px; }

		span.red { color:#f00; }

	
	div#right	{ float:right;
			  display:block;
			  width:100px;
			  margin:0px;
			  padding:0px 0px 0px 0px;
			  text-align:right;	}



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

div#footer	{ width:900px;
		  height:44px;
		  margin:73px 0px 0px 0px;
		  padding:0px;
		  border-top:1px solid #c6c6c6;}

	div#footerleft	{ /*float:left;*/
					  text-align:center;
					  display:block;
					  width:900px;
					  margin:0px;			
					  padding:14px 0px 0px 0px;}
	  
	  div#footerleft p{
		font-weight:bold;
		font-size:14px;
	  }

	div#footerright	{ float:left;
			  display:none;
			  width:400px;
			  margin:0px;
			  padding:14px 0px 0px 0px;
			  text-align:right; }

		div#footerright p 	{ font-size:10px; }




/* ------------------------------------------------
	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;
}
/* for Internet Explorer */

* html .hojd {
	height: 360px;
}

/* for understanding browsers */
.hojd2 {
	min-height:200px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd2 {
	height: 200px;
}


/* for understanding browsers */
.newshojd {
	min-height:300px; 
	height:auto;
}
/* for Internet Explorer */

* html .newshojd {
	height: 300px;
}


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

}

			#content1 { float:left;
						width: 400px;
						height: 340px;
						overflow:hidden;
						margin:0px 0px 15px 0px;	}
						
			#content1 p{ margin: 10px; }
			
			.scrollbar-vert{ float:left;
							 width: 20px;
							 /*height: 186px;*/
							 height: 340px;
							 margin:10px 0px 0px 0px;
							 background:#c0c0c0; }
							 
			.handle-vert{ height: 42px;
						  width: 20px;
						  background: url(../images/handle.gif) no-repeat; }