/* ------------------------------------------------
	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; }
body { line-height: 1; background: white; color: black; }
ul { list-style:disc; margin:10px 0px 10px 18px; padding:0px; }
ol { list-style:decimal; margin:10px 0px 10px 20px; padding:0px; }
blockquote {margin:0px 0px 0px 20px; }
div#container code, div#container kbd, div#container samp, div#container pre, div#container tt, div#container var, div#container textarea, div#container input, div#container select, div#container isindex { font: inherit; font-size: 1em; }
div#container dfn, div#container cite, div#container var, div#container address, { font-style: normal; }
div#container th, div#container h1, div#container h2, div#container h3, div#container h4, div#container h5, div#container h6 { font-weight: normal; }
div#container a, div#container img, div#container a img, div#container iframe, div#container form, div#container fieldset, div#container abbr, div#container acronym, div#container object, div#container applet { border: none;}
div#container table { border-collapse: collapse; border-spacing: 0; }
div#container caption, div#container th, div#container td, { text-align: left; vertical-align: top; }
div#container q { quotes: "" ""; }
div#container ul, div#container ol, div#container dir, div#container menu { list-style: none; }
div#container hr { display: none; } /* we don't need a visual hr in layout */
div#container font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

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

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



body 	{ color: #808080;
	  font:11px Arial, Verdana, sans-serif;
	  margin:0px;
	  padding:0px;
	  line-height:18px;
 	  background: #fff url(../images/bg.png) repeat-x;	}


p	{ font:11px Arial, Verdana, sans-serif;	}

span	{ font:11px Arial, Verdana, sans-serif;	}

div	{ font:11px Arial, Verdana, sans-serif;	}

table, table p	{ font:11px Arial, Verdana, sans-serif;	}

tr, tr p	{ font:11px Arial, Verdana, sans-serif;	}

td, td p	{ font:11px Arial, Verdana, sans-serif;	}




h1 	{ color: #29497d;
	  font:bold 14px Arial, Verdana, sans-serif;
	  margin-bottom: 10px;	}

h2 	{ margin-bottom: 5px;
	  text-transform:uppercase;
	  color:#d4832d;
	  font:bold 11px Arial, Verdana, sans-serif; }

h3 	{ font:bold 12px Arial, Verdana, sans-serif;
	  font-weight:bold;	}

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

img	{ border: 0px solid; 	}


div#container	{ display:block;
		  width:906px;
		  height:auto;
		  margin:0px auto; }
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	span.label { float:left;
				 display:block;
				 width:218px;
				 margin:4px 10px 2px 0px;
				 border:none; }	
				 
	.form label { float:left;
				  display:block;
				  width:214px;
				  margin:4px 10px 2px 0px;
				  padding:2px;
				  border:none; }
			
	.formfield { float:left;
				 display:block;
				 width:214px;
				 height:17px;
				 margin:1px 10px 1px 0px;
				 padding:2px;
				 border:none;	
 				 background: url(../images/formfield.png) no-repeat 0px 0px;	}
				 	
	.formbox { float:left;
			   display:block;
			   width:442px;
			   height:37px;
			   margin:1px 10px 1px 0px;
			   padding:2px;
			   border:none;	
 			   background: url(../images/formbox.png) no-repeat 0px 0px;	}	
					 
	.form p { clear:both;
			  padding:10px 0px 0px 0px; }
	
	.form p label{ float:none;
				   width:auto;
			  	   padding:0px; 
				   display: block;}
				   
	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:906px;
		  height:91px;
		  margin:0px;
		  padding:0px; }

	div#logo	{ float:left;
			  width:215px;
			  height:90px;
			  margin:0px;
			  padding:0px; }

	div#loginmenu	{ float:left;
			  width:691px;
			  height:91px;
			  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 0px;}

		div#login	{ float:left;
				  width:691px;
				  height:31px;
				  margin:0px 0px 0px 0px;
				  padding:10px 0px;}

			div#loginright	{ float:right; }

				div#loginright span.label { float:left;
											display:block;
											width:60px;
											height:20px;
											margin:0px;
											padding:0px;
											line-height:20px !important;
											color:#808080;
											font:11px arial, verdana, sans-serif; }

				.loginfield { float:left;
					      display:block;
					      width:105px;
					      height:14px;
				      	      margin:0px 2px 0px 1px;
					      padding:3px 8px;
					      line-height:20px !important;
					      color:#808080;
					      font:11px arial, verdana, sans-serif !important;
					      border:none;
					      background:url('../images/loginfield.png') no-repeat 0px 0px; }

				.loginbtn { float:left;
					    display:block;
					    width:26px;
					    height:20px;
				      	    margin:0px 0px 0px 1px;
					    color:#808080;
					    font:11px arial, verdana, sans-serif;
					    border:none;
					    background:url('../images/loginbtn.png') no-repeat 0px 0px; }
		

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


	div#menu	{ float:left;
				  width:691px;
				  height:41px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 0px; }

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

			div#menu li { float:left;
		      		      margin:0px;
		      		      padding:0px; }
		
				div#menu a { display:block;
							 width:185px;
							 height:41px;
							 margin:0px 0px 0px 0px;
							 padding:0px 0px;
							 text-decoration:none;
							 text-align:center;
							 color:#fff;
							 font:15px/41px Arial, Verdana, sans-serif;
			      		     background:url('../images/menubg.png') no-repeat 0px 0px; }

				div#menu a:hover { color:#808080;
						   background:url('../images/menubg2.png') no-repeat 0px 0px; }
				div#menu li.active a { color:#808080;
						       background:url('../images/menubg2.png') no-repeat 0px 0px; }
	

	div.submenu	{ clear:both;
			  display:block;
			  width:906px;
			  height:23px;
			  margin:0px 0px 0px 0px;
			  padding:8px 0px 0px 0px; }

		div.submenu ul { margin:0px;
				 padding:0px 0px 0px 3px;
				 list-style:none;  }

			div.submenu li { float:left;
		      		         margin:0px;
		      		         padding:0px; }
		
				div#container div.submenu a { display:block;
							      margin:0px 30px 0px 0px;
							      padding:0px 0px;
							      text-decoration:none;
							      color:#808080;
							      font:11px Arial, Verdana, sans-serif;
							      border-bottom:1px solid #9a9a9a; }

				div#container div.submenu a:hover { color:#29497d;
							      	    border-bottom:1px solid #597198; }

				div#container div.submenu li.active a { color:#29497d;
							      	     	border-bottom:1px solid #597198; }

	div.subsubmenutop	{ clear:both;
						  display:block;
						  width:276px;
						  height:7px;
						  margin:0px;
						  padding:0px; 
						  background:url('../images/subsubmenutop.png') no-repeat 0px 0px; }

	div.subsubmenu	{ clear:both;
					  display:block;
					  width:242px;
					  margin:0px;
					  padding:6px 17px 4px 17px; 
					  background:url('../images/subsubmenubg.png') repeat-y; }

		div.subsubmenu h2	{ text-transform:none;
							  color:#808080;
							  font:13px arial, verdana, sans-serif; }
		
		div#container div.subsubmenu li { display:block;
										  margin:5px 0px;
										  padding:0px;
										  text-decoration:none;
										  color:#808080;
										  font:11px Arial, Verdana, sans-serif; }
		
		div#container div.subsubmenu a { display:inline;
										 margin:0px 0px 0px 15px;
										 text-decoration:none;
										 line-height:14px !important;
										 color:#808080;
										 font:11px Arial, Verdana, sans-serif; }
		
		div#container div.subsubmenu li.active { background:url('../images/subsubactive.png') no-repeat 0px 3px; }
			div#container div.subsubmenu li.active a { color:#d4832d; }
			div#container div.subsubmenu li.active a:hover { background:none; }
	
		div#container div.subsubmenu a:hover { background:url('../images/subsubover.png') repeat-x bottom; }
		div#container div.subsubmenu li.active a:hover { background:none; }

	div.subsubmenubottom	{ clear:both;
				  display:block;
				  width:276px;
				  height:7px;
				  margin:0px;
				  padding:0px; 
				  background:url('../images/subsubmenubottom.png') no-repeat 0px 0px; }

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

	div#maincontent	{ width:906px;
			  display:block;
			  margin:0px;
			  padding:0px 0px 10px 0px; }


	div.content	{ clear:both;
			  display:block;
			  width:906px;
			  margin:0px 0px 20px 0px; }	

		div.startleft { float:left;
						display:inline;
						width:628px;
						height:224px;
						margin:0px 0px 0px 1px;
						padding:0px;
						background: url(../images/startleftbg.png) no-repeat 0px 0px; }

			div.startleftcontent  { float:left;
									display:inline;
									width:620px;
									height:210px;
									margin:9px 0px 0px 2px;
									padding:0px;
									position:relative; }
									
				div.startleftcontenttext  { position:absolute;
										 	top:0px;
											right:68px;
											display:block;
											width:225px;
											height:210px;
											margin:0px;
											padding:0px; }
											
					div.startleftcontenttextcenter { display: table;
													 width:225px;
													 height: 210px;
													*display: block;
													*position: relative; }			 
						
	 					div.startleftcontenttextcenter2 { display: table-cell;
														  vertical-align: middle;
														 *display: block;
														 *position: absolute;
														 *left: 0px;
														 *width: 100%;
														 *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
											
					div.startleftcontenttext h2  { text-transform:none;
												   color:#29497d;
												   font: 16px Arial,Verdana,sans-serif; }
					div.startleftcontenttext p  { color:#808080;
												  /*font: 11px/16px Arial,Verdana,sans-serif;*/
												  font: 12px/16px Arial,Verdana,sans-serif; }
					div.startleftcontenttext a  { float:right;
												  padding:0px 15px 0px 0px;
												  color:#d4832d;
												  font: bold 11px/16px Arial,Verdana,sans-serif;
												  background: url("../images/puffpil.png") no-repeat right -4px; }
											


			div.startright { float:left;
							 display:inline;
							 width:270px;
							 height:210px;
							 margin:9px 3px 5px 4px;
							 padding:0px;
							 overflow:hidden;
							 position:relative;
							 /*background: url(../images/startrightbg.png) no-repeat 0px 0px;*/ }
							 
				div.imgnav	{ position:absolute;	
							  bottom:5px;
							  left:0px; 
							  z-index:100;
							  clear:both;
							  display:block;
							  width:270px;
							  height:20px;
							  margin:0px auto;
							  padding:0px;
							  text-align:center; }
							  
					#prev { position:absolute;
							left:50%;
							display:block;
							margin-top:2px;
							background:url(../images/prev.png) no-repeat 0px 0px; }
					#next { position:absolute;
							right:50%;
							display:block;
							margin-top:2px;
							background:url(../images/next.png) no-repeat 0px 0px; }
				
					div.imgnav ul { margin:0px auto;
									list-style:none; }
				
						div.imgnav li {	display:inline;
										margin:0px 0px 0px 0px;
										padding:0px; }
						 
							div.imgnav a {	display:inline-block;	
											width:9px;
											height:8px;
											margin:0px 2px;
											padding:0px;
											color:#6c6660;
											text-transform:uppercase;
											text-decoration:none;
											font: 10px Arial, Verdana, sans-serif;
											background:url(../images/navli.png) no-repeat 0px 0px; }
						
							div.imgnav a:hover 			{ background:url(../images/navliactive.png) no-repeat 0px 0px; }
							div.imgnav li.activeSlide a { background:url(../images/navliactive.png) no-repeat 0px 0px; }
							
					div.slide	{ width:270px;
								  height:210px;
								  background:url(../images/clear.gif); }
									
						div.slidetext { position:absolute;
										top:0px;
										left:0px;
										width:240px;
										height:180px;
										padding:15px; 
										z-index:110;
										color:#fff;
										font: 11px/16px Arial,Verdana,sans-serif; }
										
						div.slidetext h1  { display:block;
											text-transform:uppercase;
											text-align:center;
											color:#fff;
											font: 30px Arial,Verdana,sans-serif; }
						div.slidetext h2  { text-transform:uppercase;
											color:#10356B;
											font: 20px/20px Arial,Verdana,sans-serif; }
						div.slidetext p  { color:#fff;
										   font: 11px/14px Arial,Verdana,sans-serif; }
						div.slidetext strong  { color:#29497d; }
						div.slidetext a  { color:#fff;
										   font: bold 11px/14px Arial,Verdana,sans-serif; }
										
						div.slide img { position:absolute;
										top:0px;
										left:0px;
										padding: 0px; 
										z-index:90; }

		div.bar { float:left;
			  display:inline;
			  width:612px;
			  height:14px;
			  margin:3px 0px 0px 0px;
			  padding:13px 0px 13px 15px;
 			  background: url(../images/barbg.png) no-repeat 0px 0px; }
	
			div.bar p { color:#fff;
				    font:11px arial, verdana, sans-serif; }

			div.bar span.tab { float:left;
							   display:inline;
							   margin:0px 26px 0px 0px; }
			div.bar span.tab img { margin:1px 0px -1px 0px; }


				div.bar span.gray { padding:0px 1px;
						    color:#a7a7a7; }

		div.bar2 { float:left;
			  display:inline;
			  width:264px;
			  height:14px;
			  margin:3px 0px 0px 0px;
			  padding:13px 0px 13px 15px;
 			  background: url(../images/bar2bg.png) no-repeat 0px 0px; }

			div.bar2 p { float:left;
				     margin:0px 10px 0px 0px;
				     color:#fff;
				     font:11px arial, verdana, sans-serif; }
			div.bar2 select { float:left;
				     	  width:186px;
					  margin:-4px 0px 4px 0px; }
	


	div.puffar { float:left;
				 display:inline;
				 width:276px;
				 margin:0px;
				 padding:0px; }

		div.puff { clear:both;
				   display:block;
				   width:250px;
				   height:80px;
				   margin:4px 0px 0px 0px;
				   padding:13px;	
				   position:relative;
				   cursor:pointer;
				   background: url(../images/puffbg.png) no-repeat 0px 0px; }

			/*div.puffpil { position:absolute;
					      top:3px;
						  right:3px;
						  display:block;
						  width:14px;
						  height:18px;
						  margin:0px;
						  padding:0px;	
						  z-index:20;
						  background: url(../images/puffpil.png) no-repeat 0px 0px; }*/

			div.puffimg { position:absolute;
						  right:3px;
						  bottom:0px;
						  display:block;
						  height:100px;
						  margin:0px;
						  padding:0px;
						  z-index:10;	 }
			div.puffimg img { position:absolute;
						  	  right:0px;
							  bottom:3px;
							  display:block; }

			div.pufftext { position:relative;
				     	   z-index:15; }

			div.pufftext h2	{ font: bold 14px/16px Arial,Verdana,sans-serif !important; }
			div.pufftext p, div.pufftext div, div.pufftext span	{  font: 14px/16px Arial,Verdana,sans-serif !important; }
			div.pufftext a { color:#808080;
							 text-decoration:none; }
			div.pufftext a:hover { text-decoration:underline; }

		div.puffover { background: url(../images/puffbgover.png) no-repeat 0px 0px; }
		div.puffover div.puffpil { background: url(../images/puffpil2.png) no-repeat 0px 0px; }
		div.puffover div.pufftext h2 { color:#29497d; }

		div.puff2 { float:left;
					display:block;
					width:320px;
					height:190px;
					margin:4px 4px 0px 4px;
					padding:13px;
					position:relative;
					background: url(../images/puff2bg.png) no-repeat 0px 0px; }

			div.puff2 h2	{ font: bold 14px/16px Arial,Verdana,sans-serif !important; }
			
			div.puff2 ul { display:block;
				   		   margin:0px 0px 10px 0px; }

			div.puff2 li { margin:0px 0px 10px 0px;
						   font: 13px/16px Arial,Verdana,sans-serif !important; }

			div#container div.puff2 a { color:#808080;
										text-decoration:none; }
			div#container div.puff2 a:hover { border-bottom:1px solid #808080; }
										
			div#container div.puff2 a.archive { position:absolute;
												bottom:13px;
												left:13px;
												text-decoration:none;
												color: #29497d;
												font: 13px/16px Arial,Verdana,sans-serif !important;
						 					    border-bottom:1px solid #5e769d; }

			div.puff2 p, div.puff2 div, div.puff2 span, div.puff2 li	{  line-height:16px !important; }
/* ------------------------------------------------
	pages
-------------------------------------------------*/

	
	div.main	{ float:left;
			  display:block;
			  width:625px;
			  margin:0px 0px 0px 5px;
			  padding:0px; }
	
		div.maintop	{ clear:both;
					  display:block;
					  width:625px;
					  height:4px;
					  margin:0px;
					  padding:0px; 
					  background:url('../images/maintop.png') no-repeat 0px 0px; }
	
		div.maincontainer	{ clear:both;
							  display:block;
							  width:565px;
							  margin:0px;
							  padding:20px 30px; 
							  line-height:18px !important;
							  background:url('../images/mainbg.png') repeat-y; }
							  
			div.maincontainer p, div.maincontainer div, div.maincontainer span	{  line-height:16px !important; }
			
			div.maincontainer h2 { text-transform:none;	
								   color:#808080;
								   font:13px Arial, Verdana, sans-serif;
								   margin-bottom: 10px;	}
								   
				div#container div.maincontainer ul { list-style:disc; margin:10px 0px 10px 16px; padding:0px; }
				div#container div.maincontainer ol { list-style:decimal; margin:10px 0px 10px 20px; padding:0px; }
							  

		div.mainbottom	{ clear:both;
						  display:block;
						  width:625px;
						  height:6px;
						  margin:0px;
						  padding:0px; 
						  background:url('../images/mainbottom.png') no-repeat 0px 0px; }

/* ------------------------------------------------
	produktsidor
-------------------------------------------------*/




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


	#footer { clear:both;
			  display:block;
			  width:904px;
			  margin:0px;
			  padding:0px 0px 0px 2px;	}
			  
		div.footerleft { float:left;
					  	 display:block;
						 width:414px;
						 margin:0px;
						 padding:0px 20px 0px 0px;	}
		div.footerright { float:left;
					  	  display:block;
						  width:468px;
						  margin:0px;
						  padding:0pxx;	}

		#footer ul.footerlinks { clear:both;
								 display:block;
								 margin:0px 0px 0px 0px;
								 padding:0px 0px 0px 0px;}

			#footer ul.footerlinks li { float:left;
										display:block;
										margin:0px 10px 0px 0px;
										padding:0px 10px 0px 0px;
										background: url(../images/footerbg.png) no-repeat right center;	}	

			#footer ul.footerlinks li.last { background: none;	}

			div#container #footer ul.footerlinks li a { color: #29497d;
													    text-decoration:none;
										    		    border-bottom:1px solid #5e769d; }

		#footer ul { clear:both;
			     display:block;
			     margin:0px 0px 0px 0px;
			     padding:0px 0px 0px 0px;}

			#footer li { float:left;
				     display:block;
				     margin:10px 10px 0px 0px;
				     padding:0px 10px 0px 0px;
				     background: url(../images/footerbg2.png) no-repeat right center;	}	

			#footer li.last { background: none;	}

			div#container #footer li a { text-decoration:none;
						     border-bottom:1px solid #5e769d; }

		#footer p { clear:both;
			    display:block;
			    margin:0px 0px 0px 0px;
			    padding:2px 0px 0px 0px;}
				
/* ------------------------------------------------
	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:400px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 400px;
}



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

* html .mainhojd {
	height: 420px;
}