/* ------------------------------------------------
	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, i, cite, var, address, em { 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 */
em {font-style:italic;}
/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #535353;
	  font: 11px  Verdana, Arial, sans-serif;
	  background: #fff;
	  margin:0px;
	  padding:0px;
	  behavior: url("css/csshover3.htc"); 	}

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


h1 	{ font: 22px Helvetica, Verdana, Arial, "sans-serif";
	  color: #000;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font: 14px Helvetica, Verdana, Arial, "sans-serif";
	  color: #000;	
	  margin-bottom: 20px;
	  font-weight: bold; }

a 	{ color: #00589b;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

.linkarrows {	background-image: url(../images/linkarrows.png);
		background-position: right 55%; /* X-pos Y-pos (from top-left) */
		background-repeat: no-repeat;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		padding:2px 15px 2px 0px; }
		
.label { float:left;
		 width:100px;
		 padding:0px 0px 0px 20px; }
		 
.textfield { float:left;
		 	 width:160px;
			 background:#fff;
			 border:1px solid #a6a6a6; }	
			 
.btn{ 		 background:#a6a6a6;
			 border:none;
			 color:#fff;
			 padding:2px;
			 margin:5px 0px 0px 0px; }		 
			 
div#container	{ width:850px;	
				  height:auto;
				  margin:10px auto 0 auto;
				  padding:0px;
				  border:2px solid #00599b;	}

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

div#header	{ width:850px;	
			  height:58px;
			  display:block;
			  padding:0px 0px 0px 2px;	}

	div#logo	{ float:left;
				  width:467px;
				  height:39px;
				  padding:16px 5px 5px 28px;	}

	div#search	{ float:left;
				  width:336px;
				  margin:0px; 
				  padding:15px 5px 5px 5px; }

		div.search { float:left;
			     display:block;
			     width:130px;
			     height:18px;
			     margin:0px 5px 0px 0px;
			     padding:2px 4px;
			     background: url(../images/searchfield.png) no-repeat 0px 0px;}
		
		.searchfield { width:128px;
			       height:14px;text-align:center;
			       color:#000;
			       border:none;
			       background:#fff; }

		div#search select	{ width:126px;
					  text-align:center;
					  border:none;
					  background:#fff; }
		.searchbutton { float:left;
				display:block;
				width:44px;
				height:21px;
				margin:0px;
				color:#000;
				border:none; 
			        background: url(../images/searchbtn.png) no-repeat 0px 0px;}


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

div#menu	{ clear:both;
			  width:860px;
			  padding:0px 0px 0px 2px;
			  position:relative;
			  z-index:6000;	}

#nav, #nav ul { padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1; }

	#nav a { display: block;
			 width:133px;
			 height:12px;
			 text-align:center;
			 color:#fff;
			 font-weight:bold;
			 text-transform:uppercase;
			 padding:3px 0px;
			 cursor:pointer;
			 font: 10px Verdana, Arial, sans-serif; }
	
	#nav a:hover { text-decoration:none; }

	#nav li { float: left;
			  width:133px;/* width needed or else Opera goes nuts */
			  height:19px;
			  margin:0px 1px 0px 0px;
			  padding:2px 0px 0px 0px; 
			  cursor:pointer;
			  background:#fff url(../images/menubg.png) repeat-x; }

	#nav li.language { width:42px; }
		#nav li.language a{ width:42px; }

		 	 	  
	#nav li:hover { background:#fff url(../images/menubgover.png) repeat-x; }


		#nav li ul { position: absolute;
			     width:169px;
			     left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }

			#nav li ul li { width:147px;
					height:auto;
					padding:10px 10px 0px 10px;
					text-align:left;
					border-left:0px solid #fcfdff;
					border-bottom:0px solid #fcfdff;
					background:#d7dbde; }
			
			#nav li ul li:hover { /* background:#fcfdff; */
						 background:#d7dbde; }

			#nav li ul li.sub { /* background:#fcfdff; */
					    background:#d7dbde url(../images/blapil.gif) no-repeat 140px center; }

			#nav li ul li a.last { border:none; }
			
				#nav li ul li a { width:auto;
						  height:auto;
						  padding:0px 0px 10px 0px;
						  color:#000;
						  text-transform:none;
						  font-weight:normal;
						  text-align:left;
						  border-bottom:2px solid #b5b9bc; }
	
				#nav li ul ul { margin: -30px 0px 0px 157px;
						border:none; }
	
					#nav li ul ul li { background:#cecfd1; }

				#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;
															       background:#cecfd1; }

				#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

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

div#maincontainer	{ float:left;
					  display:block;
					  margin:0px;
					  padding:0px 0px 0px 0px;
		        	  background: url(../images/bg2.png) repeat-y;	}


div.maincontent	{ clear:both;
				  margin:0px;
				  width:860px;
				  padding:0px 0px 0px 2px; }

	div.mail { float:left;
			   display:block;
			   width:548px;
			   padding:3px 12px 3px 35px; }

	div.newslinks { float:left;
					display:block;
					width:250px;
					margin:0px -10px 0px 0px;
					padding:3px 0px; }

		div.newslinks ul { margin:0px;
				   padding:0px; }
		
			div.newslinks li { float:left;	
					   margin:0px 15px 0px 0px;
					   padding:0px; }



	div.puff	{ float:left;
				  display:block;
				  width:594px;
				  height:340px;
				  margin:0px 0px 0px 0px;
				  padding:0px; }
		
		div.puff a	{ display:block;
					  width:594px;
					  height:340px;
					  margin:0px;
					  padding:0px; }

		div.puff img	{ width:594px;
						  height:340px;
						  margin:0px;
						  padding:0px; }

	div.leftpuffar	{ float:left;
					  display:block;
					  width:250px;
					  margin:0px -10px 0px 2px;
					  padding:0px; }


		div.puff2	{ width:250px;
					  height:112px;
					  margin:0px 0px 2px 0px;
					  padding:0px; }
		
			div.puff2 a	{ display:block;
					  	  width:250px;
						  height:112px;
						  margin:0px;
						  padding:0px; }
		
			div.puff2 img	{ width:250px;
							  height:112px;
							  margin:0px;
							  padding:0px; }

		/*div.puff3	{ width:250px;
				  height:132px;
				  margin:0px;
				  padding:0px; }
		
			div.puff3 a	{ display:block;
				  	  width:250px;
					  height:132px;
					  margin:0px;
					  padding:0px; }
		
			div.puff3 img	{ width:250px;
					  height:132px;
					  margin:0px;
					  padding:0px; }

		div.puff4	{ width:250px;
				  height:108px;
				  margin:0px;
				  padding:0px; }
		
			div.puff4 a	{ display:block;
				  	  width:250px;
					  height:108px;
					  margin:0px;
					  padding:0px; }
		
			div.puff4 img	{ width:250px;
					  height:108px;
					  margin:0px;
					  padding:0px; } */

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

	div.content { float:left;
		 		  display:block;
			      width:531px;
			      margin:0px;
			      padding:25px 25px 25px 27px;	}


	div.relimgs { float:left;
		    	  display:block;
			      width:250px;
			      margin:0px;
			      padding:25px 0px 0px 0px;
		    	  text-align:center;	}

		div.relimgs img { width:220px;
						  margin:0px 0px 10px 0px;
						  padding:0px;	}


/* ------------------------------------------------
	produkter
-------------------------------------------------*/



	div.prodcontent { float:left;
					  display:block;
					  width:700px;
					  margin:0px;
				      padding:25px 25px 25px 27px;		}

		div.prodcontent table { width:790px;
								margin:20px 0px 20px 0px; 
								border:1px solid #d7dbde; }

			div.prodcontent table th { vertical-align:middle;
						   padding:2px;
						   font-weight:bold;
						   border-right:1px solid #d7dbde;
						   border-bottom:1px solid #d7dbde; }
	
			div.prodcontent table td { vertical-align:middle;
						   padding:2px; }

			div.prodcontent table th.center { text-align:center; }
			div.prodcontent table td.tdh1 { padding:5px;
							border-top:1px solid #aeafaf;
							border-right:1px solid #aeafaf;
						  	border-bottom:6px solid #d7dbde; 
							border-left:1px solid #aeafaf;
							background:#aeafaf; }
			div.prodcontent table td.tdh1 h2 { margin:0px;
							   padding:0px 0px 0px 10px;
							   color:#fff;}
			div.prodcontent table td.center { text-align:center; }

				div.prodcontent table table { margin:0px;	}
					td.noborder { border-right:1px solid #fff; } 
					.prodimg  { width:44px;
						    height:43px;
						    margin:5px 0px 0px 0px;
						    padding:0px;
						    border:1px solid #d7dbde; } 
						    
/* ------------------------------------------------
	search
-------------------------------------------------*/			    

div.searchcontent {float:left;
				   display:block;
				   width:700px;
			       margin:0px;
			       padding:25px 25px 25px 27px;}

table#search { width:100%}

table#search th {font-weight:bold}

table#search tr.oddrow {background-color:#D7DBDE;}


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

#footer { clear:both;
		  width:850px;
		  height:18px;
		  background: #0776b3;
		  padding:2px 0px 0px 0px;		  
		  margin:0px 0px 0px 0px; }

#footer p { font:9px verdana, arial, sans-serif;
	    color:#fff;
	    text-align:center;
	    text-transform:uppercase;
	    line-height:18px; }

	#footer a { font:9px verdana, arial, sans-serif;
	    color:#fff;
	    text-align:center;
	    text-transform:none;
	    line-height:18px;
	    text-decoration:none; }

	#footer a:hover { text-decoration:underline; }



/* ------------------------------------------------
	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:300px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 300px;
}