/* ------------------------------------------------
	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: #4c4c4c;
		  font: 12px Verdana, Arial, sans-serif;
		  background: #f1f1f1 url(../images/bg.png) repeat-x;
		  *background: #eee 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:18px;	}

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

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

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

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




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

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

h3 	{ font-weight:bold;	}

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

img	{ border: 0px solid; 	}




div#container	{ margin:0px auto 0px auto;
				  height:auto;
				  width:966px;
				  position:relative;	}
				  
div#logtransp	{ position:absolute;
				  display:block;
				  width:100;
				  height:50px;
				  top:40px;
				  left:50%;
				  margin:0px 0px 0px 485px;	}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	.form { margin:10px 0px; }
	
		.label { float:left;
				 display:block;
		 		 width:100px;
			     padding:2px 2px; }
			
		.textfielddiv { float:left;
					    width:226px;
					    height:22px;
				        background:#fff url(../images/formfield.png) no-repeat top left;
				        border:none;
				        margin:1px -20px 1px 1px;}					 

		.textfield { float:left;
				     width:210px;
					 height:22px;
					 padding:1px 5px;
					 background-color:transparent;
				     border:none;
				     margin:1px;
					 color:#606060; }
					 
		.textarea {  margin:-5px 6px -5px 6px;
					 width:215px;
					 height:50px;
				     background:#fff ;
				     border:none;
					 color:#606060; }					 
					 
		.textareatop { width:240px;
					   height:7px;
				       background: url(../images/textareatop.png) no-repeat top left;
				       border:none;
					   margin:0px;
					   display:block; }	
					   
		.textareadiv { float:left;
				   	   width:227px;
				       background:#fff url(../images/textareabg.png) repeat-y left;
				       border:none;
				       margin:1px; }		
					   				 				 	
		.textareabottom { width:227px;
						  height:10px;
				      	  background:#fff url(../images/textareabottom.png) no-repeat bottom left;
				     	  border:none; }						 

					 
	.btn { color:#fff;
	       text-align:center;
	       margin:5px 0px 0px 0px;
		   padding:2px 4px;
		   border:none;
		   background:#898989; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:966px;
		  height:111px;
		  background: #fff url(../images/headerbg.png) no-repeat bottom left;
		  margin:0px;
		  padding:0px;	}

	div#logo	{ float:left;
			 	  width:422px;
				  height:22px;
				  padding:72px 0px 0px 48px; }

	div#searchlangs	{ float:right;
					  width:420px;
					  height:50px;
					  padding:0px 18px 0px 0px; }


		div#langs	{ width:400px;
					  padding:10px 0px 0px 20px;
					  height:50px;
					  text-align:right;	}

		div#langs p	{ color:#c4c4c4;
				  font:10px verdana, arial, sans-serif;	}

		div#langs a	{ color:#c4c4c4;
					  font:10px verdana, arial, sans-serif;
					  text-decoration:underline;
					  padding:0px 0px 0px 5px;	}

		div#langs a.loggain	{ padding:0px 10px 0px 0px;	}

		div#langs a:hover { text-decoration:none;	}

		div#langs img	{ margin:0px 0px -5px 0px;	}
		
		.nl	{ margin:0px 10px 0px 0px; }
			
		div#search	{ float:right;
					  width:200px;
					  padding:9px 20px 0px 01px;
					  height:16px; }
					  
	
		div#search .search { float:left;
						     margin:0px;
				 		     height:19px;
						     width:140px;
						     border:none;
						     color:#a5a5a5;
						     padding:5px 2px 0px 6px;
						     font: 11px  Verdana, Arial, sans-serif;
						     background: url(../images/searchfield.png) no-repeat 0px 0px;	}
	
		div#search .searchbutton { float:left;
								   margin:0px 0px -5px 5px;
								   padding:0px 0px 0px 0px;
				  				   position:relative;
				 				   z-index:2002;	}


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



	div#menu	{ width:930px;
			  height:55px;
			  margin:0px;
			  background: url(../images/menubg.png) no-repeat left top;	}

	div#menu ul {   margin:0px 0px 0px 7px;
						list-style:none; }

	div#menu li {	float:left;
      				background:url('../images/leftnav.png') no-repeat left top;
	      			margin:-2px 0px 0px 0px;
	      			padding:0 0 0 18px; }

	div#menu li.first { float:left;
      			 		background:url('../images/leftnavfirst.png') no-repeat left top;
	      			    margin:-2px 0px 0px 0px;
    	  			    padding:0 0 0 18px; }
	
	div#menu a {	float:left;
      				display:block;
	      			padding:20px 25px 20px 6px;
	      			text-decoration:none;
					text-transform:uppercase;
		      		color:#898989;
					font: 10px Verdana, Arial, "sans-serif";
	      			background:url('../images/rightnav.png') no-repeat right top; }

	div#menu a span { color:#0f0f0f;
					  font: 10px Verdana, Arial, "sans-serif"; }
	
	div#menu li:hover, div#menu li.sfhover, div#menu  li:hover a, div#menu  li.sfhover a {  background-position:0% -200px;
																							color:#004282;  }
	div#menu li:hover a , div#menu li.sfhover a { background-position:100% -200px; }

    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
	div#menu a {float:none;}
    /* End IE5-Mac hack */
	div#menu a:hover {
      color:#333;
      }
	  
	div#menu li.current {	background:url('../images/leftnav2.png') no-repeat left top; }

	div#menu li.first.current { background:url('../images/leftnavfirst2.png') no-repeat left top; }
	
	div#menu .current a {	color:#000;
							background:url('../images/rightnav2.png') no-repeat right top; }	

	div#submenu ul { width:150px;
					 padding:28px 0px 0px 26px;
					 margin:0px 0px 0px 0px;
					 list-style:none; }

	div#submenu li { width:150px;
					 padding:6px 0px;
					 margin:0px; }
	
	div#submenu a {	display:block;
      				text-decoration:none;
					text-transform:uppercase;
	      			color:#a7a7a7;
					font: 10px Verdana, Arial, "sans-serif";
					padding:0px 0px 0px 20px;
      				background:url('../images/subpil.gif') no-repeat 0px 1px; }
				
	div#submenu a:hover { color:#000;
						  background:url('../images/subpil2.gif') no-repeat 0px 1px; }				

	div#submenu li.active a { color:#000;
							  background:url('../images/subpil2.gif') no-repeat 0px 1px; }
	div#submenu li.print a { padding:15px 0px 0px 20px;
				 background:url('../images/print.gif') no-repeat 0px 15px; }
	div#submenu li.print a:hover { padding:15px 0px 0px 20px;
								   background:url('../images/print2.gif') no-repeat 0px 15px; }				 
	div#submenu li.tipsa a { background:url('../images/tipsa.gif') no-repeat 0px 0px; }			 
	div#submenu li.tipsa a:hover { background:url('../images/tipsa2.gif') no-repeat 0px 0px; }

	div#pagesubmenu ul { width:150px;
						 padding:28px 0px 0px 26px;
						 margin:0px 0px 0px 0px;
						 list-style:none; }

	div#pagesubmenu li { width:150px;
						 padding:6px 0px;
						 margin:0px; }
	
	div#pagesubmenu a {	display:block;
      					text-decoration:none;
						text-transform:uppercase;
		      			color:#a7a7a7;
						font: 10px Verdana, Arial, "sans-serif";
						padding:0px 0px 0px 20px;
      					background:url('../images/subpil.gif') no-repeat 0px 1px; }
				
	div#pagesubmenu a:hover { color:#000;
							  background:url('../images/subpil2.gif') no-repeat 0px 1px; }				

	div#pagesubmenu li.active a { color:#000;
								  background:url('../images/subpil2.gif') no-repeat 0px 1px; }
	div#pagesubmenu li.print a { padding:15px 0px 0px 20px;
								 background:url('../images/print.gif') no-repeat 0px 15px; }
	div#pagesubmenu li.print a:hover { padding:15px 0px 0px 20px;
									   background:url('../images/print2.gif') no-repeat 0px 15px; }				 
	div#pagesubmenu li.tipsa a { background:url('../images/tipsa.gif') no-repeat 0px 0px; }			 
	div#pagesubmenu li.tipsa a:hover { background:url('../images/tipsa2.gif') no-repeat 0px 0px; }


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

	div#prodsubmenu li { width:220px;
			    		 padding:0px 0px 0px 20px;
					     margin:0px; }
	
	div#prodsubmenu a { display:block;
      				    text-decoration:none;
					    text-transform:uppercase;
      				    color:#898989;
					    font: 10px Verdana, Arial, "sans-serif";
					    margin:0px;
					    padding:6px 0px 6px 20px;
	      			    background: url('../images/grapil.gif') no-repeat 0px 5px; }

	div#prodsubmenu a:hover { color:#000;
							  background:url('../images/blapil.gif') no-repeat 0px 5px; }
								  
	div#prodsubmenu li.active a { color:#000;
							      background:url('../images/blapil.gif') no-repeat 0px 5px; }								  
	
	div#prodsubmenu li.active ul li a { color:#898989;
									    background:url('../images/grapil.gif') no-repeat 0px 5px; }
										
	div#prodsubmenu li.active ul li.active a { color:#000;
				  		   					   background:url('../images/blapil.gif') no-repeat 0px 5px; }
											   
	div#prodsubmenu ul li ul li a:hover { color:#000;
									 	  background:url('../images/blapil.gif') no-repeat 0px 5px; }

	div#prodsubmenu li.active ul li.active ul li a { color:#898989;
													 background:url('../images/grapil.gif') no-repeat 0px 5px; }

	div#prodsubmenu li.active ul li.active ul li.active a { color:#000;
				 											background:url('../images/blapil.gif') no-repeat 0px 5px; }
		 
	div#prodsubmenu  li.tipsa a { background:url('../images/tipsa.gif') no-repeat 0px 6px; }
	div#prodsubmenu  li.tipsa a:hover { background:url('../images/tipsa2.gif') no-repeat 0px 6px; }
	
	div#prodsubmenu  li.print a { background:url('../images/print.gif') no-repeat 0px 6px; }
	div#prodsubmenu  print a:hover { background:url('../images/print2.gif') no-repeat 0px 6px; }




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

div#maincontainer	{ width:976px;
				  	  margin:0px 0px 0px 0px;
				 	  background: #fffurl(../images/mainbg.png) repeat-y;	}

div#maincontent	{ width:966px;
				  display:block;
				  margin:0px;
				  padding:0px 0px 40px 0px;
				  background:  url(../images/bottombg.png) no-repeat left bottom; }

div#left	{ float:left;
			  display:block;
			  width:18px; }

div#contentcontainer	{ width:930px;
						  display:block;
						  float:left;
						  margin:0px 0px 0px 0px;
						  background:#fff; }

	div#content	{ width:930px;
				  margin:0px;
				  padding:0px; }
				 
	div#contentpage	{ clear:both;	
					  width:930px;
					  margin:0px;
					  padding:0px;
					  background: url(../images/subbg.png) repeat-y; }
				  
	div#contentprod	{ width:930px;
					  margin:0px;
					  padding:0px;
					  background: url(../images/prodsubbg.png) repeat-y; }				  
					 	
		div#mainimg	{ float:left;
					  display:block;
					  width:640px;
					  height:290px;
					  position:relative;
					  z-index:1000; }

			div#mainimg img	{ width:639px;
							  height:290px; }

	
		div.leftpuff	{ float:left;
						  display:block;
						  width:209px;
						  height:267px;
						  margin:0px 0px 0px 3px;
						  padding:0px 38px 23px 38px;
						  line-height:22px !important;
						  background: #fff url(../images/leftpuffbg.png) no-repeat left top; }	

  	   	div.leftpuff blockquote { display: table;
								  height: 267px;
								  width:209px;
								  *display: block;
								  *position: relative;
								  font-size:12px;line-height:12px;
								  border:none;
								  font-weight:normal;
								  line-height:22px !important; }			 
						
	 	div.leftpuff blockquote span { display: table-cell;
								       vertical-align: middle;
								       *display: block;
								       *position: absolute;
								       *left: 0px;
								       *width: 100%;
								       line-height:22px !important;
								       *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
			div.leftpuff blockquote span span { display: inline;
											    vertical-align: baseline;
											    position: relative;
											    left: auto;
											    width: auto;
											    top:auto; }									   

			div.leftpuff p	{ color:#e5e6e8;
							  line-height:22px !important;
							  font:13px verdana, arial, sans-serif; }



	
		div.puff	{ float:left;
					  display:block;
					  width:212px;
					  height:231px;
					  margin:-6px 3px 0px 0px;
					  padding:13px 0px 0px 0px;
					  position:relative;
					  z-index:900;
					  /*background: #fff url(../images/puffbg.png) no-repeat left top;*/ }	

	
		div.puff2	{ width:221px; }	

			div.puff h2	{ 
						  text-transform:uppercase;
						  color:#e5e6e8;
						  font:11px verdana, arial, sans-serif;
						  font-weight:lighter;
						  /*border-left:3px solid #004282;*/ }

			div.puffimg	{ width:209px;
						  height:81px;
						  margin:0px;
						  padding:0px 3px 0px 0px;
						  /*border-left:3px solid #004282; */}
							  
				div.puffimg img	{ width:208px;
								  height:81px;
								  margin:0px;
								  padding:0px; }							  
	
			div.pufftext	{ padding:6px 5px 6px 20px; }
			div.pufftextbg	{ background: url(../images/pufftextbg.png) no-repeat 0px 4px; }

			div.pufftext p	{ color:#888888;
							  text-indent: 15px;
							  line-height:18px !important;
							  font:11px verdana, arial, sans-serif; }

			div.puff div.pufftext a { display:block;
									  color: #606060;
									  font:11px verdana, arial, sans-serif;
									  line-height:18px !important;
									  padding:0px 18px 0px 0px;
									  background: url(../images/blapil.png) no-repeat right bottom; }
									  
			div.puff div.pufftext a:hover { color: #606060; }									  

			div.pufftext2 { background: #fff url(../images/puffover.png) no-repeat left top; }
			div.pufftext2 a { text-decoration:underline; }
							  

		div.puffprod	{ display:block;
						  width:211px;
						  height:81px;
						  margin:0px 0px 6px 0px;
						  padding: 0px;
						  border-bottom:1px solid #efefef; }

		div.puffprodimg	{ float:left;
						  display:block;
						  width:81px;
						  height:81px;
						  margin:0px 0px 0px 0px;
						  padding:0px 0px 0px 0px;
						  border:none; }

			div.puff div.puffprodimg img { width:81px;
								 	       height:81px;
								 	       border:none; }		
		div.puffprodtext{ float:left;
						  display:block;
					 	  width:122px;
						  height:81px;
						  overflow:hidden;
						  padding:0px 0px 0px 5px;
						  border:none; }

		div.puffprodtext2 { background: #fff url(../images/newspuffover.png) no-repeat 0px 0px; }

			div.puff div.puffprodtext h2 { width:122px;
									       height:auto;
									       color:#3f3f3f;
										   text-transform:none;
									       font:bold 11px verdana, arial, sans-serif;
									       padding:0px 0px 0px 0px;
									       margin:0px 0px 2px 0px;
									       border:none;
								 	       background:none; }

			div.puffprodtext p { color:#868686;
								 padding:0px;
							     margin:0px;
							     line-height:16px !important;
							     font:10px verdana, arial, sans-serif; }

			div.puffprodtext a { font:10px verdana, arial, sans-serif;
							     padding:0px 18px 0px 0px;
							     background: url(../images/blapil.png) no-repeat right top; }

  	   	div.puffprodtext blockquote { display: table;
									  height: 81px;
									  width:116px;
									  *display: block;
									  *position: relative;
									  line-height:12px;
									  border:none;
									  font-weight:normal; }			 
						
	 	div.puffprodtext blockquote span { display: table-cell;
									       vertical-align: middle;
									       *display: block;
									       *position: absolute;
									       *left: 0px;
									       *width: 100%;
									       *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }

		 	div.puffprodtext blockquote span  span { display: inline;
											         vertical-align: baseline;
											         position: relative;
											         left: auto;
											         width: auto;
											         top:auto; }
	
		div.newspuff	{ float:left;
						  display:block;
						  width:275px;
						  height:207px;
						  margin:0px 0px 0px 0px;
						  padding:0px 0px 0px 0px;
						  border-top:7px solid #004282; }

			div.newspuff h2	{ display:block;
							  width:250px;
							  height:30px;
							  margin:0px 0px 0px 0px;
							  padding:16px 0px 0px 25px;
							  text-transform:uppercase;
							  color:#888888;
							  font:14px verdana, arial, sans-serif;
							  font-weight:100;
							  background: #fff url(../images/newsh2bg.png) no-repeat 230px 20px; }	
	
			div.newspuff2	{ display:block;
							  width:276px;
							  margin:0px 0px 6px 0px;
							  padding:0px 0px 0px 0px; }
	
				div.newspuffimg	{ float:left;
								  display:block;
								  width:81px;
								  height:82px;
								  margin:0px 0px 0px 0px;
								  padding:0px 0px 0px 0px;
								  border:none; }
		
				div.newspuff div.newspuffimg img { width:81px;
										 	       height:81px;
										 	       border:none; }	
												   	
				div.newspufftext { float:left;
								   display:block;
								   width:170px;
								   height:72px;
								   overflow:hidden;
								   padding:10px 10px 0px 14px;
								   margin:0px 0px 0px 1px;
								   border:none;
								   background: #fff url(../images/newspuffover.png) no-repeat 0px 0px; }

				div.newspufftext2 { background: #fff url(../images/newspuffover2.png) no-repeat 0px 0px; }
		
				div.newspuff div.newspufftext h2 { width:120px;
										    	   height:auto;
												   color:#005593;
												   font:bold 11px verdana, arial, sans-serif;
												   padding:0px 0px 0px 0px;
												   margin:0px 0px 2px 0px;
												   border:none;
									 	           background:none; }
		
				div.newspufftext p { color:#868686;
									 padding:0px;
								     margin:0px;
								     line-height:18px !important;
								     font:11px verdana, arial, sans-serif; }
	
				div.newspufftext a { font:11px verdana, arial, sans-serif;
								     padding:0px 15px 0px 0px;
								     margin:0px;
								     background: url(../images/blapil.png) no-repeat right top; }
	
		  	   	div.newspufftext blockquote span span.newsdate { text-transform:uppercase;
									    					     color:#005593;
														         font:bold 10px verdana, arial, sans-serif;
														         padding:0px 0px 0px 15px;
								  	    					     background: url(../images/pufftextbg.png) no-repeat left top; }															 					
				
			/*	div.newspufftext blockquote { display: table;
							 			      height: 81px;
										      width:174px;
									   	      *display: block;
										      *position: relative;
										      line-height:12px;
										      border:none;
										      font-weight:normal; }			 
								
			 	div.newspufftext blockquote span { display: table-cell;
												   vertical-align: middle;
												   *display: block;
										     	   *position: absolute;
										    	   *left: 0px;
										    	   *width: 100%;
											 	   *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }

			 	div.newspufftext blockquote span span { display: inline;
														vertical-align: baseline;
														position:relative;
											    	   	left: auto;
											    	  	width: auto;
												 	  	top: auto; }*/
	
								  
		  	   	span.newsarchive a { float:left;
									 color:#005593;
									 font:bold 10px verdana, arial, sans-serif;
									 padding:10px 18px 10px 96px;
									 background: url(../images/blapil.png) no-repeat right 9px; }									  	
					  
div#pagebottom	{ float:right;
				  display:block;
				  width:486px;
				  height:30px;
				  margin:-30px 0px 0px 0px;
				  background: url(../images/pagebottom.png) no-repeat 0px 0px;  }

div#prodbottom	{ float:left;
				  display:block;
				  width:293px;
				  height:44px;
				  margin:0px 0px 0px 0px;
				  position:relative;
				  z-index:9998;
				  background: url(../images/prodbottom.png) no-repeat 0px 0px;  }				  
			  
div#right	{ float:left;
			  width:18px;
			  margin:0px -10px 0px 0px;  }			  


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

	div#content h1 { display:block;
					 width:411px;
					 height:37px;
					 margin:0px 0px 0px 00px;
					 padding:9px 0px 0px 27px;
					 text-transform:uppercase;
					 color:#fff;
					 font:18px verdana, arial, sans-serif;
					 overflow:hidden;
					 line-height:30px !important;
					 border-left:3px solid #004282;
					 background: url(../images/h1bg.png) no-repeat 0px 0px; }

	div#contentpage h1 { display:block;
						 width:411px;
						 height:37px;
						 margin:0px 0px 0px 00px;
						 padding:9px 0px 0px 27px;
						 text-transform:uppercase;
						 color:#fff;
						 font:18px verdana, arial, sans-serif;
						 overflow:hidden;
						 line-height:30px !important;
						 border-left:3px solid #004282;
						 background: url(../images/h1bg.png) no-repeat 0px 0px; }					 

	div#contentprod h1 { display:block;
						 width:411px;
						 height:37px;
						 margin:0px 0px 0px 00px;
						 padding:9px 0px 0px 27px;
						 text-transform:uppercase;
						 color:#fff;
						 font:18px verdana, arial, sans-serif;
						 overflow:hidden;
						 line-height:30px !important;
						 border-left:3px solid #004282;
						 background: url(../images/h1bg.png) no-repeat 0px 0px; }
						 
	div#main { float:left;
			   display:block;
			   width:441px;
			   margin:0px 0px 0px 0px;
			   padding:0px 0px 0px 0px; }
		   
		div.relimg { float:left;
					 display:block;
				     width:441px;
					 height:115px;
				     margin:0px;
				     padding:0px; }
					 
			div.relimg img	{ width:441px;
							  height:115px; }					 

		div#maintext { float:left;
					   display:block;
				       width:377px;
				       margin:0px 0px 0px 0px;
				       padding:32px 32px 40px 31px; }
					   
		div#maintext.maintextprod { width:500px; }
		


			div#maintext a { color:#191919;
							 padding:0px 0px 1px 0px;
							 border-bottom:1px solid #4d8ecc;}

 			div#maintext a:hover { text-decoration:none; }

			div#maintext li { padding:0px 0px 0px 20px;
							  background: url(../images/blapil.png) no-repeat 0px 3px;}
			div#maintext a.lasmer { color:#191919;
									border-bottom:1px solid #4d8ecc; }	
												
			div#maintext a:hover { border-bottom:1px solid #191919; }	

			div#maintext li.file { background: url(../images/pdf.png) no-repeat 0px 0px;}			

	div#mainpage { float:left;
				   display:block;
				   width:441px;
				   margin:0px 0px 0px 0px;
				   padding:0px 0px 0px 0px; }
			   
	div#submenu { float:left;
				  display:block;
				  width:198px;
				  margin:0px 0px 0px 3px;
				  padding:0px 0px 0px 0px;
				  background: url(../images/submenubg.png) no-repeat 0px 0px; }
				  
	div#pagesubmenu { float:left;
					  display:block;
					  width:198px;
					  margin:0px 0px 0px 3px;
					  padding:0px 0px 0px 0px;
					  background: url(../images/pagesubmenutop.png) no-repeat 0px 0px; }				  

	div#rightcol { float:left;
		    	   display:block;
			       width:285px;
			       margin:0px 0px 0px 0px;
			       padding:0px 0px 80px 3px;
			       background: url(../images/rightbg.png) no-repeat 0px 0px; }

	
	div.tellafriend{  width:356px;
		   		  	  height:262px;
					  background:#f5f5f5;
			    	  margin:0px 4px;
			    	  display:block;
			    	  margin:30px auto;
					  font-size:11px; }	
					  
	div.tellafriend h1 { display:block;
						 height:37px;
						 margin:0px 0px 10px 00px;
						 padding:9px 0px 0px 30px;
						 text-transform:uppercase;
						 color:#fff;
						 font:18px verdana, arial, sans-serif;
						 overflow:hidden;
						 line-height:30px !important;
						 border-left:3px solid #004282;
						 background: url(../images/h1bg.png) no-repeat 0px 0px; }					  
					  
		div.tellafriend p {  font-size:11px;
							 padding:0px 20px; }	
		
		.textfieldtellfriend {	padding:1px 2px;
								border:1px solid #dadada;
								background:#fff; }
								
		.btntellfriend {	background:#004282;
							border:none;
							color:#fff;
							padding:2px 5px;
							margin:0px 0px 0px 20px; }																  


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



	div#prodsubmenu { float:left;
					  display:block;
					  width:291px;
					  margin:0px 0px 0px 0px;
					  padding:28px 0px 0px 6px;
					  background: url(../images/prodsubmenutop.png) no-repeat 0px 0px; }


	div#prodmain { float:left;
			       display:block;
		    	   width:635px;
			       margin:0px -10px 0px 0px;
			       padding:0px 0px 0px 0px; }

	div#contentprod #prodmain h1 { width:605px; }

		div#prods { float:left;
					display:block;
		      	    width:635px;
				    margin:0px 0px 0px 0px; }
					
		div.prodsmargin { margin:0px 0px 0px 30px; }
		
			div.prodsmargin div.puff { width:270px;
									   height:auto;
									   margin:0px 30px 0px 0px; }
									   
			div.prodsmargin div.puff div.puffheading { width:270px;}
			div.prodsmargin div.puff div.puffimg { width:270px;}
			div.prodsmargin div.puff div.puffimg img { width:270px;}
			
			div.prodsmargin div.puff div.pufftext { width:260px;
									   			    padding:5px; }
			div.prodsmargin div.puff div.pufftext p { margin:0px;
													  padding:0px;
													  text-indent:0;
													  background: none; }
			div.prodsmargin div.puff div.pufftext a { display:inline;
													  padding:0px;
													  color:#005491;
													  background: none; }
									  
	
		div.prod { float:left;
				   display:inline;
				   width:283px;	
				   height:128px;
				   margin:0px 1px 17px 17px;
				   padding:0px 0px 0px 0px;
				   border-top:3px solid #fff;
				   border-right:3px solid #fff;
				   border-left:3px solid #fff;
				   border-bottom:3px solid #fff;
				   background: url(../images/prodbg.png) no-repeat 0px 0px; }

		div.prod2 { border-top:3px solid #004282;
				    border-right:3px solid #004282;
				    border-bottom:3px solid #004282;
				    border-left:3px solid #004282; }

			div.prodimg	{ float:left;
						  display:inline;
						  width:81px;
						  height:81px;
						  margin:0px 0px 0px 0px;
						  padding:25px 0px 25px 20px;
						  border:none; }
	
			div.prod img { width:81px;
					   	   height:81px;
				    	   border:none; }	
	
			div.prodtext { float:left;
					       display:inline;
					       width:150px;
					       height:128px;
					       overflow:hidden;
					       padding:0px 0px 0px 14px;
					       margin:0px 0px 0px 1px;
					       border:none; }

				div.prodtext blockquote { display: table;
										  height: 128px;
										  *display: block;
										  *position: relative;
										  line-height:12px;
										  border:none;
										  font-weight:normal; }			 
								
			 	div.prodtext blockquote span { display: table-cell;
							 			       vertical-align: middle;
										      *display: block;
										      *position: absolute;
										      *left: 0px;
										      *width: 100%;
										      *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }

			 	div.prodtext blockquote span span { display: inline;
												    vertical-align: baseline;
												    position:relative;
										    	    left: auto;
											        width: auto;
							 					  	top: auto; }
													
				div.prodtext h2 { padding:0px 0px 0px 0px;
						          margin:0px 0px 2px 0px;
								  color:#1b5091;
								  font:bold 14px verdana, arial, sans-serif;}

				div.prodtext p { font:10px verdana, arial, sans-serif;
								 line-height:16px !important: }

				div.prodtext a { color:#004282; }

		div#prodtext { display:block;
			      	   width:575px;
					   margin:30px 30px 30px 30px; }
					
	div#rel { float:left;
			  display:block;
			  width:157px;
			  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 25px; }

	div#rel ul { padding:8px 0px 0px 0px;
		    	 margin:0px 0px 0px 0px;
			     list-style:none; }

	div#rel li { width:150px;
				 padding:0px 0px;
				 margin:0px;
				 height:19px;}
	
	div#rel a {	display:block;
      			text-decoration:none;
				text-transform:uppercase;
      			color:#606060;
				font: 10px Verdana, Arial, "sans-serif";
				padding:0px 0px 0px 17px;
      			background:url('../images/subpil.png') no-repeat 0px 1px; }
				
	div#rel a:hover { color:#000;
					  background:url('../images/subpil2.png') no-repeat 0px 1px; }	

	div#rel li.print a { 
						 background:url('../images/print.png') no-repeat 0px 0px; }
	div#rel li.print a:hover { background:url('../images/print2.png') no-repeat 0px 0px; }						 
	div#rel li.tipsa a { background:url('../images/tipsa.png') no-repeat 0px 0px; }				 
	div#rel li.tipsa a:hover { background:url('../images/tipsa2.png') no-repeat 0px 0px; }	
	
	div#rel h3 { margin:25px 0px 0px 0px;
		     color:#606060;
		     text-transform:uppercase;
		     font: bold 10px Verdana, Arial, "sans-serif";
		     line-height:18px !important; }

	div#rel p { color:#606060;
		    text-transform:uppercase;
		    font: 10px Verdana, Arial, "sans-serif";
		    line-height:18px !important; }

	span.infoleft { float:left;
					display:block;
					width:70px;
					color:#606060;
					text-transform:uppercase;
					font: 10px Verdana, Arial, "sans-serif";
			        line-height:18px !important; }

	span.inforight { float:left;
					 display:block;
					 width:70px;
					 text-align:right;
					 color:#606060;
					 text-transform:uppercase;
					 font:bold 10px Verdana, Arial, "sans-serif";
			        line-height:18px !important; }
					
					
	div#rel ul.rellinks  { margin:0px 0px; }
	div#rel ul.rellinks li a { background: url(../images/grapil.png) no-repeat 0px 0px; }
	div#rel ul.rellinks li a:hover { background: url(../images/blapil.png) no-repeat 0px 0px; }
	
/*	div.prodrelimgs { float:left;
					  display:block;
					  height:60px;
					  margin:0px 0px 0px -10px;
					  padding:0px;
					  border:none;
					  background: url(../images/prodrelimgs.png) no-repeat 0px 0px;  }
					  
	div.prodrelimgsright { display:block;
						   height:60px;
						   margin:0px 0px 0px -10px;
						   padding:0px;
						   border:none;
						   background: url(../images/prodrelimgs.png) no-repeat right 0px;  }	*/
	div.prodrelimgs { float:left;
					  margin:0px 0px 0px -10px;
					  padding:0 0 0 18px;
					  background:url('../images/prodrelimgs.png') no-repeat left top; }
	
	div.prodrelimgsright { display:block;
						   height:53px;
						   padding:12px 14px 20px 0px;
						   text-decoration:none;
						   line-height:20px;
						   color:#c86a30;
						   font:bold 13px Arial, Verdana, sans-serif;
						   border:none; 
						   background:url('../images/prodrelimgs.png') no-repeat right top;}
		 
					  
	div.prodrelimg { float:left;
					 display:block;
					 width:40px;
					 margin:10px 0px 0px 0px;
					 padding:0px 5px 0px 0px;  }
	
		div.prodrelimg img { width:40px;
							 height:40px; }
		div.prodrelimg a { display:block;
						   width:40px;
						   height:40px;
						   border:1px solid #d6d6d6; }
		div.prodrelimg a:hover { border:1px solid #b1b1b1; }
						 
		div#rel div.prodrelimg a { padding:0px;
						 		   background:none; }
								   
								   
/* ------------------------------------------------
	paginator
-------------------------------------------------*/

div.paginator { display:block;
				width:590px;
				padding:0px 20px; }
				
	div.paginator ul { list-style: none;
						margin:0px auto 10px auto;
						text-align:center; }
		div.paginator li { display:inline;
						   margin: 0 20px 0 0;
						   text-align:center; 
						   text-transform:uppercase;
						   font: 10px Verdana, Arial, "sans-serif"; }
						   
		div.paginator li span {	color: #000;
								margin: 0 0px 0 0;
								font: 10px Verdana, Arial, "sans-serif";}	
								
		div.paginator li a { padding:0px 20px 0px 0px;
							 display: inline-block;
							 text-decoration: none; 
							 text-transform:uppercase;
							 color:#898989;
							 font: 10px Verdana, Arial, "sans-serif";
							 background: url(../images/grapil.gif) center right no-repeat;}
			div.paginator li a:hover {  color: #005593;
										background: url(../images/blapil.gif) center right no-repeat;}
							 
		div.paginator li a.prev { padding:0px 0px 0px 20px;
								  background: url(../images/subpil.gif) center left no-repeat; }
		div.paginator li a:hover.prev {  color: #005593;
										 background: url(../images/subpil2.gif) center left no-repeat; }


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

#footer { width:926px;
	  height:94px;	
	  background: url(../images/footerbg.png) no-repeat top left;
	  padding:20px 0px 0px 20px;
	  margin:0px 0px 30px 0px;	}

#footerleft { float:left;
	      width:526px;	
	      padding:0px;
	      margin:0px;}

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

#footer p { font:10px verdana, arial, sans-serif;
	  	    color:#a2a2a2; 
		    line-height:18px; }
#footer .kontakt {color:#cccccc; }

#footer a {color:#005593;  }
#footer a:hover {color:#dec261;
		 text-decoration:none;  }

#footer a.sphinxlink { color:#a2a2a2;}

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

* html .hojd {
	height: 550px;
}
/* for understanding browsers */
.hojd2 {
	min-height:455px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd2 {
	height: 455px;
}

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

* html .submenuhojd {
	height: 200px;
}


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

}

div.puffheading { 
						  width:208px;
						  height:46px;
						  /*margin:0px 1px 0px 0px;
						  padding:0px 3px 0px 26px;
						  border-left:3px solid #004282;*/
						  background: #fff url(../images/puffh2.png) no-repeat left top;
						  display: table-cell;
                          vertical-align: middle  }
    div.puffheading h2 {    margin-left: 26px;
                            margin-bottom: 2px;
                            margin-right: 5px;}