/* ------------------------------------------------
	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: #444444;
	  font: 11px  Arial, Verdana, sans-serif;
	  background: #efeeaf url(../images/bg.png) repeat-x;
	  margin:0px;
	  padding:0px;	}

p	{ font: 11px Arial, Verdana, sans-serif;
          line-height: normal;
	  padding:0px 0px 15px 0px;	}

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

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

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

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

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




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

h2 	{ font:bold 11px Verdana, Arial, "sans-serif"; 
	  color: #000;	
	  margin-bottom: 10px;
	  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: #858445;
	  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;	}				

.search { 	clear:both;
		display:block;
		padding:20px 0px 20px 0px;	}

.searchfield { 	float:left;
		font: 11px  Verdana, Arial, sans-serif;
		padding:1px;
		margin:0px;
		width:93px;
		border:none;
	  	background:#fafae4;	}

.searchbtn { 	float:left;
		font: 11px  Verdana, Arial, sans-serif;
		padding:3px;
		margin:0px 0px 0px 1px;
		width:11px;
		border:none;
	  	background:#fafae4;	}


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

	span.label { float:left;
				 display:block;
				 width:80px;
				 color: #333;
				 padding:0px 2px; }
			
	.textfield { float:left;
				 display:block;
				 width:300px;
				 padding:2px 2px;
				 border:1px solid #b6b56c;
				 background:#fff;	}
				 
	.textfield2 { float:left;
				 display:block;
				 width:150px;
				 padding:2px 2px;
				 border:1px solid #b6b56c;
				 background:#fff;	}	
					 

					 					 		 
	.break { clear:both; }
	.btn { margin:5px 0px 0px 0px;
		   padding:2px 5px;
		   text-align:center;
		   color:#fff;
		   font-weight:bold;
		   background:#b6b56c; 
		   z-index:10000;
    }
		  
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:860px;
			  height:71px;backhgroun:#f00;
			  margin:0px 0px 0px 0px;
			  padding:0px;	}

	div#logo	{ float:left;
				  width:116px;
				  height:58px;
				  padding:3px 0px 0px 0px;
				  text-align:center; }

	div.headingmenu2 { float:left;
			    	   display:block;
				       width:604px;
				       height:49px;
				       padding:0px 0px 0px 0px; }
				  
	div#heading { clear:both;
				  display:block;
			      width:564px;
			      height:39px;
			      padding:10px 0px 0px 38px; }				  

		div#heading h1 { font-family: 18px Arial, Verdana, Helvetica, sans-serif;
				 font-size: 18pt; 
				 color: #444444; }

div#worldlogo	{  /*position:absolute;
				   width:150px;
				   right:0%;
				   text-align:right;
				   padding:6px;*/
				   float:left;
				   width:128px;
				   height:46px;
				   padding:6px;
				   margin:0px -20px 0px 0px; }

	div#worldlogo img {  margin:0px 0px -10px 0px; }

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

	div.menu2 { clear:both;
				display:block;
				width:571px;
			    height:30px;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 13px; }
			 
	div.menu2 ul { display:block;
				   margin:0px 0px 0px 0px;
				   padding:0px 0px;
		 		   list-style:none; }			 

	div.menu2 a:hover { text-decoration:underline;	}

		div.menu2 li { float:left;
					   margin:0px;
					   padding:4px 25px;
					   background: url(../images/linkarrow2.png) no-repeat left 4px; }
				
			


	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	{ clear:both;
					  width:860px;
				  	  margin:0px 0px 0px 0px;	}


div#contentcontainer	{ float:left;
			  display:block;
			  width:860px;
			  margin:0px 0px 0px 5px; }


	div#menu	{ float:left;
			  display:block;
			  width:114px;
			  margin:2px 5px 0px 0px;
			  padding:0px 0px 0px 5px;	}

	div#content	{ float:left;
				  display:block;
				  width:613px;
				  margin:3px 0px 0px 0px;
				  padding:0px 0px 0px 0px;
				  /*border-top:1px solid #fffffa;
				  border-right:1px solid #a7a67a;
				  border-bottom:1px solid #a7a67a;
				  border-left:1px solid #fffffa;*/
				  background:#fff; }

	div#mainimg	{ display:block;
				  width:613px;
				  height:141px;
				  margin:0px;
				  padding:0px; }
	
		div#mainimg img	{ width:613px;
				  height:141px; }

	div#maintext	{ display:block;
			  width:468px;
			  padding:60px 115px 40px 30px;
			  background: url(../images/mainbg.png) repeat-x;}

		div#maintext h1	{ font: bold 16px Arial, Verdana,  Helvetica, sans-serif; 
				  color: #444444; 
				  text-transform: uppercase; }
				  
		div#maintext ul	{ list-style:disc;
						  margin:0px 0px 0px 13px; }				  
				  
	div#maintext ul.rellink { margin:0px;
							  padding:0px;
							  list-style:none; }

		div#maintext ul.rellink li { margin:0px;
								     padding:0px 0px 0px 15px;
								     background: url(../images/rellink.gif) no-repeat 0px 4px; }				  

	div#puffar	{ display:block;
			  width:613px;
			  height:200px;
			  padding:0px 0px 0px 0px;
			  margin:0px 0px 1px 0px;
			  background: url(../images/puffbg.png) repeat-x; }

		div.puff	{ float:left;
					  display:block;
					  width:151px;	
					  height:200px;
					  padding:1px;
					  margin:10px 0px 0px 0px;
					  cursor:pointer;
					  background: url(../images/puff.png) no-repeat left bottom; }

		div.puffover	{ background: url(../images/puffover.png) no-repeat left bottom;}

			div.puff h2	{ display:block;
						  width:130px;
						  height:50px;
						  padding:3px 10px;
						  margin:0px;
						  overflow:hidden;
					 	  background:#efeeaf  url(../images/h2bg.png) no-repeat left top; }

			div.pufftype { float:right;
						   display:block;
						   margin:0px -5px 0px 0px;
						   color:#858445;
						   font: 9px  Arial, Verdana, sans-serif; }						  
						  
  	   	div.puff h2	blockquote { display: table;
								 height: 50px;
								 *display: block;
								 *position: relative;
								 border:none;
								 font-weight:normal;
								 line-height:14px !important; }			 
						
	 	div.puff h2	blockquote span { display: table-cell;
								      vertical-align: middle;
								      *display: block;
								      *position: absolute;
								      *left: 0px;
								      *width: 100%;
								      line-height:14px !important
								      *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
								   
			div.puff h2	blockquote span span { display: inline;
										   	   vertical-align: baseline;
										       position: relative;
										       left: auto;
											   width: auto;
											   top:auto; }					  

			div.puff img	{ width:150px;	
							  height:50px;}

			div.puff p.color{ color:#858445;
							  font-weight:bold; }

			div.puff p 	{ display:block;
						  padding:2px 10px;
						  margin:0px; }

			div.puff ul 	{ display:block;
							  padding:2px 10px;
							  margin:0px; }


	div#referenser	{ float:left;
					  display:block;
					  width:114px;
					  margin:2px -1px 0px 0px;
					  padding:0px 0px 0px 0px; }
		
		div.referens { display:block;
			       width:94px;
			       margin:0px 0px 10px 5px;
			       padding:5px 10px;
			       border-top:1px solid #fffffa;
			       border-right:1px solid #a7a67a;
			       border-bottom:1px solid #a7a67a;
			       border-left:1px solid #fffffa;
			       background:#efeeaf;  }

			div.referens .img { text-align:center;  }	
	

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


	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#headingleft	{ display:block;
				  float:left;
				  width:376px;
				  height:23px;
				  padding:10px 20px;
				  background: url(../images/heading1.png) no-repeat left top; }

		div#headingright { display:block;
				   float:left;
				   width:258px;
				   height:29px;
				   padding:14px 0px 0px 2px;
				   background: url(../images/heading2.png) no-repeat left top; }

			div#headingright p, div#headingright a  { color:#fff;
					     			  font:10px "trebuchet ms", verdana, arial, sans-serif; }


			div#headingright span.print	{ display:block;
							  float:left;
							  width:100px; }


			div#headingright span.send	{ display:block;
							  float:left;
							  width:130px; }

	div#breadcrumbs 	{ clear:both;
						  width:573px;
						  display:block;
						  padding:15px 20px;
						  height:10px;
						  background: url(../images/mainbg.png) repeat-x;	}

	div#breadcrumbs p	{ float:left;
						  color:#a5a5a5;
						  margin:2px 0px 0px 0px;	}

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

	div#breadcrumbs li	{ float: left;
						  color:#a5a5a5;
						  display: block;
						  padding: 0px 8px 0px 15px; /* the width reserved for the background image */
						  background: url(../images/breadcrumb.gif) no-repeat 0px 6px; /* the "bullet"... adjust these numbers to taste */ }

	div#breadcrumbs li.start{ float: left;
							  color:#a5a5a5;
							  display: block;
							  padding: 0px 8px 0px 10px; 
							  background:none; }
				  
				  
	div#produkter2	{ display:block;
			  width:592px;
			  padding:30px 0px 30px 20px;
			  margin:0px 0px 1px 1px;
			  background: url(../images/mainbg.png) repeat-x; }

	div#produkter2 ul	{ padding:0px;
				  margin:0px 0px 10px 15px;
				  list-style:disc; }



		div.produkt	{ float:left;
				  display:block;
				  width:151px;	
				  height:120px;
				  padding:0px 0px 1px 1px;
				  margin:10px 10px 0px 0px;
				  cursor:pointer;
				  border-top:1px solid #ececec;
				  background: url(../images/prod.png) no-repeat left bottom; }

			div.produkt h2	{ display:block;
					  width:130px;
					  height:18px;
					  padding:4px 10px;
					  margin:0px;
					  overflow:hidden;
				 	  background:#efeeaf  url(../images/h2bg.png) no-repeat left top; }

			div.produkt img	{ width:150px;	
					  height:50px;
					  margin:0px;
					  padding:0px; }

			div.produkt p.color{ color:#858445;
					  font-weight:bold; }

			div.produkt p 	{ display:block;
					  padding:2px 10px;
					  margin:0px; }

			div.produkt ul 	{ display:block;
					  padding:2px 10px;
					  margin:0px; }
			
			div.produkt a {	  display: table;
					  width: 130px;
					  height: 60px;
					  color:#000;
					  *display: block;
					  *position: relative;
					  margin:0px 0px 0px 10px; }

			div.produkt a:hover { text-decoration:none; }					   

			div.produkt a span { display: table-cell;
					     vertical-align: middle;
					     *display: block;
					     *position: absolute;
					     *left: 0px;	
					     *width: 100%;
					     *cursor: pointer;
					     *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }


		div.produktover	{ float:left;
				  display:block;
				  width:151px;	
				  height:120px;
				  padding:0px 0px 1px 1px;
				  margin:10px 10px 0px 0px;
				  cursor:pointer;
				  border-top:1px solid #bbba74;
				  background: url(../images/prodover.png) no-repeat left bottom;}

			div.produktover h2	{ display:block;
						  width:130px;
						  height:18px;
						  padding:4px 10px;
						  margin:0px;
						  overflow:hidden;
					 	  background:#efeeaf  url(../images/h2bg.png) no-repeat left top; }

			div.produktover img	{ width:150px;	
						  height:50px;
						  margin:0px;
						  padding:0px; }

			div.produktover p.color{ color:#858445;
						  font-weight:bold; }

			div.produktover p 	{ display:block;
						  padding:2px 10px;
						  margin:0px; }

			div.produktover ul 	{ display:block;
						  padding:2px 10px;
						  margin:0px; }

			div.produktover a {	  display: table;
						  width: 130px;
						  height: 60px;
						  color:#858445;
						  *display: block;
						  *position: relative;
						  margin:0px 0px 0px 10px; } 


			div.produktover a:hover { text-decoration:none; }		
			
			div.produktover a span { display: table-cell;
						 vertical-align: middle;
						 *display: block;
						 *position: absolute;
						 *left: 0px;	
						 *width: 100%;
						 *cursor: pointer;
						 *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }


		div.centerprods	{ display:block;
				  width:490px;
				  padding:0px 0px 0px 0px;
				  margin:0px auto; }

		div#prod{ float:left;
			  width:370px;
			  padding:0px 30px 0px 0px; }

		div#rel	{ float:left;
			  width:130px;
			  padding:0px 20px 20px 20px; }


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

		div#relprod li	{ margin:0px;
				  padding:2px 0px;
				  list-style:none; }

		div#relprod a	{ padding:4px 0px 4px 25px;
				  background: url(../images/pdf.png) no-repeat 0px 0px; }

		div#relprod a.normal	{ padding:4px 0px 4px 25px;
					  background: url(../images/closed.gif) no-repeat 5px 6px; }
					  
		span.prodbladllabel { float:left;
							  display:block;
							  width:200px; }					  
															  
/* ------------------------------------------------
	archive
-------------------------------------------------*/	
	
div.newsitem { clear:both;
			   display:block;
			   width:520px; }

	div.newsimg { float:left;
				  display:block;
				  width:150px;
				  margin:0px 0px 10px 0px; }	

	div.newshead { float:left;
				   display:block;
				   width:350px;
				   height:50px;
				   padding:0px 0px 0px 20px;
				   margin:0px 0px 10px 0px; }
				   
  	   	div.newshead blockquote { display: table;
								  height: 50px;
								  *display: block;
								  *position: relative;
								  font-size:12px;line-height:12px;
								  border:none;
								  font-weight:normal;
								  line-height:22px !important; }			 
						
	 	div.newshead 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.newshead blockquote span span { display: inline;
											    vertical-align: baseline;
											    position: relative;
											    left: auto;
											    width: auto;
											    top:auto; }						   
	div.newstext { clear:both;
				   display:block;
				   width:420px;
				   padding:0px 0px 20px 0px;
				   margin:0px 0px 20px 0px;
				   border-bottom:1px solid #b6b56c; }				   					  		   
					
span.newsdate { color: #858445;
				font:bold 16px  Arial, Verdana, sans-serif; }

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

#footer { float:left;
		  width:926px;
		  padding:20px 0px 0px 0px;
		  margin:0px 0px 30px 125px;
		  background: url(../images/footerbg.png) no-repeat top left;	}
	
#footer p { font:10px trebuchet ms, verdana, arial, sans-serif;
		    color:#b3b375; 
		    line-height:18px; }
#footer .kontakt {color:#cccccc; }

#footer a { color:#b3b375;
		    text-decoration:none;  }

#footer a:hover {color:#b3b375;
				 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: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;
}


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

}

.logout{
	float:right;
}

div.rellinkTop {float: right; width: 198px; border: 1px solid #efeeaf; margin: 0 -90px 15px 15px;background: #FFF;}
div.rellinkTop h2 {background: #efeeaf;padding: 5px 10px; font-weight: bold; color: #444444;}
div#maintext div.rellinkTop ul.rellink {margin: 10px;}
table {clear: both;}