/* ------------------------------------------------
	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: #606060;
	  font: 12px  Verdana, Arial, sans-serif;
	  background: #114262 url(../images/bg2.png);
	  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 Arial, sans-serif;
	  line-height:18px;
	  color:#606060;	}




h1 	{ font: bold 20px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif";
	  color: #d67f21;	
	  margin-bottom: 10px;
	  font-weight: normal;	}

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

h3 	{ font-size: 14px; 
	  color: #006f4e;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

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

a 	{ color: #003365;
	  text-decoration: none;
	  border-bottom:1px solid #a5a5a5;	}

a:hover { color:#d67f21;
		  text-decoration:none;
		  border-bottom:1px solid #d67f21; }

img	{ border: 0px solid; 	}

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


.parent { display: block;
		  width: 100%;
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  background: url(../images/bg.png) repeat-x;  }

div#container	{ margin:6px auto 0px auto;
		 		  height:auto;
				  width:962px;	}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	span.label { float:left;
				 display:block;
				 width:100px;
				 padding:2px; }
			
	.textfield { float:left;
				 width:200px;
				 padding:2px;
				 border:1px solid #606060;
				 background:#fff;	}	
					 
	.btn { color:#fff;
		   text-align:center;
		   margin:5px 0px 0px 0px;
		   padding:2px 4px;
		   border:none;
		   background:#606060; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#ikoner	{ width:887px;
				  height:30px;
				  position:relative;
				  z-index:2000;
				  text-align:right;
				  padding:0px 65px 0px 0px; }

	div#ikoner img { margin:0px 0px -2px 0px; }
	div#ikoner	a { padding:0px 5px 0px 0px;
					color:#bbbec0;
				    font:9px verdana, arial, sans-serif;
				    border:none; }

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

	div#ikoner a:hover { color:#d67f21; }
						  
	

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

	div#logo	{ float:left;
				  width:173px;
				  height:73px;
				  margin:16px 0px -5px 0px;
				  padding:0px;	
				  position:relative;
				  z-index:5000; }

	div#logo a	{ border:none; }


ul#topas a { color:#fff;
		     font:bold 12px verdana, arial, sans-serif;
		     text-decoration:none;
		     border:none; }


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



	div#menu	{ float:left;
				  width:713px;
				  height:35px;	}

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

	div#menu li {	  float:left;
			  padding:0px 14px 0px 14px;  }

	div#menu a {  float:left;
			 	  display:block;
				  text-decoration:none;
				  color:#a7a6a6;
				  white-space:nowrap;
				  font: 12px Verdana, Arial, sans-serif;
				  padding:22px 0px 0px 0px; 
				  border:none;}

	div#menu a:hover { color:#d67f21;
				       text-decoration:none; 
					   border-bottom:1px solid #d67f21; }

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

	/* End IE5-Mac hack */
	
	div#menu .active { color:#000000;
			   background:url(../images/arrow.png) no-repeat center top;  }

	div#menu .active a { color:#000000; }

	div#menu .active a:hover { text-decoration:none;
				 			   border:none;
							   border-bottom:1px solid #000; }



	ul#submenu { margin:0px;
			     padding:0px 0px;
			     list-style:none; }
	
	ul#submenu li { margin:0px;
					padding:0px;
					width:200px; }
					
	ul#submenu a	{ display:block;
					  color:#a7a6a6;
					  line-height:18px;
					  font:12px verdana, arial, sans-serif;
					  padding:6px 0px 6px 25px;
					  border:none;
					  background: url(../images/lipil.png) no-repeat left 5px;	}
					  
	ul#submenu li li a	{ display:block;
						  color:#a7a6a6;
						  line-height:18px;
						  font:11px verdana, arial, sans-serif;
						  padding:4px 0px 4px 40px;
						  border:none;
						  background: url(../images/lipil3.png) no-repeat 26px 6px;}	
						  
	ul#submenu li li a:hover	{ background: url(../images/lipil4.png) no-repeat 26px 6px;	}	
	ul#submenu li li a.active	{ background: url(../images/lipil4.png) no-repeat 26px 6px;	}								  				  

	ul#submenu a.active { color:#000;
					      background: url(../images/lipil2.png) no-repeat left 5px; }	
	ul#submenu a:hover.active { color:#000;
					     		background: url(../images/lipil2.png) no-repeat left 5px; }							  	
					   
	ul#submenu a:hover { color:#d67f21;
						 text-decoration:underline;
						 border:none;
					     background: url(../images/lipil2.png) no-repeat left 5px; }						  								   


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

div#maincontainer	{ width:962px;
				  	  margin:0px 0px 0px 0px;	}
				  
	
div#maincontent	{ width:962px;
				  margin:0px;
				  display:block;
				  /*background: #fff url(../images/bottombg.png) no-repeat left bottom;*/ }

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

div#contentcontainer	{ width:850px;
			  display:block;
			  float:left;
			  margin:0px 0px 0px 0px;
		  	  background: #fff url(../images/mainimgbg.png) no-repeat left top; }

	div#contentleft	{ float:left;
			  display:block;	
			  width:390px;
			  margin:220px 0px 0px 0px; }

		div.box	{ display:block;	
			  width:355px;
			  height:84px;
			  margin:0px 0px 0px 18px; 
			  padding:6px 2px;
			  background: url(../images/boxbg.png) no-repeat left top; }
	
		div.boxover	{ background: url(../images/boxbgover.png) no-repeat left top; }
	
			div.boximg	{ float:left;
					  display:block;	
					  width:77px;
					  height:77px;
					  margin:2px; 
					  background: url(../images/boxbg.png) no-repeat left top; }
	
			div.boxtext	{ float:left;
						  display:block;	
						  width:230px;
						  height:60px;
						  margin:2px 2px 2px 10px; 
						  padding:5px 0px;
						  overflow:hidden; }
	
		div.box h1	{ margin:0px 0px 0px 0px; }
		div.box p	{ color:#0f0f0f; }
	
	div#contentright	{ float:left;
				 		  display:block;	
						  width:369px;
						  margin:248px 0px 0px 81px; }	

		div#contentright h1 	{ font: bold 40px "trebuchet ms", georgia, Verdana, Arial, "sans-serif";
					  color: #fff;	
					  margin-bottom: 10px; }

		div#contentright p 	{ font: 16px "trebuchet ms", georgia, Verdana, Arial, "sans-serif";
					  color: #fff;	
					  padding: 0px 60px 10px 0px;
					  line-height:22px; }	

		div#contentright a 	{ font: bold 16px "trebuchet ms", georgia, Verdana, Arial, "sans-serif";
							  color: #fff;	
							  text-decoration:none;
							  border-bottom:1px solid #fff;}		
		
		div#contentright a.pil 	{ padding: 0px 25px 0px 0px;
								  background: url(../images/arrow2.png) no-repeat right 0px;  }
								  
		div#contentright a:hover 	{ text-decoration:none;
						  border-bottom:0px solid #fff; }	

div#right	{ float:left;
		  width:56px;
		  margin:0px;  }

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

div#contentcontainerpage	{ width:850px;
						 	  display:block;
							  float:left;
							  margin:-20px 0px 0px 0px;
							  position:relative;
							  z-index:4500;
						  	  background: #fff url(../images/mainbg.png) repeat-y; }

	div#leftcontent	{ float:left;
			  display:block;
			  width:214px;
			  padding:20px 20px; }							  		  

		div#leftcontent p	{ font:14px "trebuchet ms", verdana, arial, sans-serif;	}

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

	div#rel { clear:both;
			  display:block;				
		      width:850px;
			  height:180px;
			  padding:0px;
			  margin:0px 0px -6px 0px; } 
			   
		div#relimg	{ width:676px;
					  height:104px;
					  margin:5px 0px 0px 0px; }

		div#relimg img	{ width:676px;
						  height:104px; }

	

	
		div.relimgcontainer { float:left;	
							  display:block;
						      width:590px;	
						      height:168px;
						      padding:0px 0px 12px 0px;
						      margin:0px -6px -6px -5px;
							  position:relative;
							  z-index:6000;
				              background: url(../images/relimgbg.png) no-repeat left bottom;	 }

		div.relimg { display:block;
				     width:579px;	
				     height:168px;	
				     padding:3px;
				     margin:0px;
				     position:relative;
				     z-index:50;
				     border:1px solid #d9d9d9;
				     background:#fff; }	

		div.relimgshadow { position:relative;
						   display:block;
				           width:585px;	
				           height:168px;	
						   margin:0px 0px -179px 6px;
						   position:relative;
						   z-index:45;
						   background:#e0e0e0;}  		  


		div.vatten { float:left;
					 display:block;
					 width:270px;	
					 height:179px;
					 padding:0px;
					 margin:-5px 0px 0px 0px;
				     background: url(../images/vatten.png) no-repeat left top;	 }

	
	div#cont { clear:both;
			   display:block;				
		       width:850px;
			   padding:0px;
			   margin:0px 0px 0px 0px;
			   background: url(../images/main.png) no-repeat left top; } 
			   
			   div.tellafriend{  width:306px;
		     	 	  height:262px;
					  background:#f5f5f5;
		    	 	  margin:0px 4px;
		    	 	  display:block;
		    	 	  margin:30px auto;
					  font-size:11px; }	
		div.tellafriend p {  font-size:11px; }	
		
		.textfieldtellfriend {	background:#fff;
								border:1px solid #606060; }
								
		.btnfieldtellfriend {	background:#606060;
								border:none;
								color:#fff;
								padding:2px 5px;
								margin:0px 0px 0px 20px; }	

	div.submenu { float:left;
		     	  display:block;															  
			      width:195px;
			      padding:42px 0px 0px 20px; }

	div#main { float:left;
		  	   display:block;															  
			   width:330px;
			   margin:42px 20px 0px 5px;
			   padding:0px 10px 20px 0px; } 
	
	div#main p { margin:0px 0px 15px 0px; }	
	
	div#main table p { margin:0px 0px 0px 0px;
					   padding:2px; }	
					   
	div#main a:hover { color:#d67f21;
					   border-bottom:1px solid #d67f21; }	
	div#main ul { margin:0px;
				   padding:0px; }	
				   
		div#main li { margin:0px;
					   padding:0px 0px 0px 15px;
					   background: url(../images/lipil3.png) no-repeat 0px 5px;}	
					   
	div#main2 { float:left;
		  	   display:block;															  
			   width:525px;
			   margin:42px 20px 0px 5px;
			   padding:0px 10px 20px 20px; } 
	
	div#main2 p { margin:0px 0px 15px 0px; }	
	div#main2 table p { margin:0px 0px 0px 0px;
						padding:2px; }	
	
	div#main2 table  { padding:10px; }
	
	div#main2 ul { margin:0px;
				   padding:0px; }	
				   
		div#main2 li { margin:0px;
					   padding:0px 0px 0px 15px;
					   background: url(../images/lipil3.png) no-repeat 0px 5px;}	
	
	div#main2 a:hover { color:#d67f21;
					   border-bottom:1px solid #d67f21; }						   


	div.rightside { float:left;
					display:block;															  
					width:248px;
					padding:0px 0px 0px 22px;
					margin:0px -10px 0px 0px;
					background: url(../images/rightbg.png) no-repeat left top; }

		div.rightside h2 { color:#d67f21;
						   padding:0px;
						   margin:44px 0px 15px 0px;
						   font:bold 13px "trebuchet ms", Verdana, Arial, "sans-serif";	  }
		div.rightside p { margin:0px 0px 10px 0px;  }
		div.rightside p { font-size:11px;  }		
		
		ul#rellinks 	{  margin:0px 0px 20px 0px;
						   padding:px 0px;
						   list-style:none;	}
	
		ul#rellinks li { margin:0px;
						 padding:5px 0px;	}
	
	
		ul#rellinks a  { padding:4px 0px 4px 25px;
						 color:#606060;
						 font:11px Verdana, Arial, "sans-serif";	
						 border:none;
						 background: url(../images/relli.png) no-repeat left 1px;	}
		ul#rellinks a:hover  {  color:#d67f21;
								border:none;}						 
						 
		ul#rellinks a.pdf  { background: url(../images/pdf.png) no-repeat left 1px;	}
	
	div.process { display:block;
		    	  width:210px;	
			      padding:9px;
			      margin:0px 0px 10px -4px;
			      border:1px solid #e3e3e3;
				  background:#fff; }	
	
		div.process h2 { color:#606060;
						 margin:5px 0px 17px -2px;
			             font:12px verdana, arial, sans-serif; }	

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

		div.process li { display:block;
			 	         width:208px;	
				         height:32px;
				         margin:0px 0px 0px 2px;
						 vertical-align:bottom;
				         background: url(../images/metodli.png) no-repeat left 0px; }

		div.process a { display:block;
			 	        width:208px;	
				        height:28px;
				        padding:5px 0px 0px 0px;
				        text-align:center;
						color:#fff;
						font-weight:bold;
				        margin:0px 0px 0px 0px;	
						border:none;
				        background: url(../images/metodlipil.png) no-repeat center bottom; }

		div.process a.last { background: none; }							
			

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

#bottom { width:850px;
	  height:26px;	
	  background: url(../images/bottombg.png) repeat-x;
	  padding:8px 0px 0px 0px;
	  margin:0px 0px 0px 56px;	}

	#bottom p { color:#fff;	}
	#bottom a { color:#fff;
		    text-decoration:underline;
		    border:none;	}
	#bottom a:hover { text-decoration:none;	}

	#bottomleft { float:left;
		      width:130px;
		      height:34px;	
		      padding:0px 0px 0px 20px;	}


	#bottomleft a { padding: 0px 0px 0px 0px;	}

	#bottomright { float:left;
		     	   width:676px;
	 		       height:34px;	
			       padding:0px 24px 0px 0px;
			       text-align:right;	}


#footer { width:806px;
		  height:94px;	
		  padding:0px 24px 0px 20px;
		  margin:0px 0px 0px 56px;
		  text-align:right;
		  background: url(../images/footerbg.png) repeat-x;	}

#footer p { font:12px trebuchet ms, verdana, arial, sans-serif;
	    color:#8498a7; 
	    line-height:18px; }

#footer .kontakt {color:#cccccc; }

#footer a {color:#8498a7;
	   border: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:562px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 562px;
}

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

* html .righthojd {
	height: 200px;
}


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

}