/* ------------------------------------------------
	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;}
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: #676767; 
	  font:11px verdana, arial, helvetica, sans-serif;
	  margin:0px;
	  padding:0px;
	  background: url(../images/bg.gif);	}

p	{ font:11px verdana, arial, helvetica, sans-serif;	}

span	{ font:11px verdana, arial, helvetica, sans-serif;	}

div	{ font:11px verdana, arial, helvetica, sans-serif;	}

table, table p	{ font:11px verdana, arial, helvetica, sans-serif;}

tr, tr p	{ font:11px verdana, arial, helvetica, sans-serif;	}

td, td p	{ font:11px verdana, arial, helvetica, sans-serif;	}




h1 	{ text-transform:uppercase;
	  color: #333333;
	  font: 24px arial, verdana, arial, helvetica, sans-serif;}

h2 	{ color: #78010A; 
    
	  font: 14px arial, verdana, arial, helvetica, sans-serif; }

h3 	{ color:#c06a64;
	  font:bold 14px "Trebuchet ms", Arial, verdana, sans-serif;	}

a 	{ color: #78010A; 
	  text-decoration:underline;	}
a:hover 	{ color: #fff; 
	 	  background:#00321a;	}


img	{ border: 0px solid; 	}

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

	.label { width:60px;
		 display:block;
		 color: #333;
		 padding:0px 2px; }
			
	.textfield { 		}	
					 

	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:960px;
		  height:119px;
		  margin:0px;
		  padding:0px 0px 0px 0px;
		  background: url(../images/top.gif) no-repeat 0px 0px;	}

	div#logo	{ float:left;
			  width:200px;
			  height:99px;
			  margin:0px 0px 0px 0px;
			  padding:20px 0px 0px 0px; }

	div#menulink	{ float:left;
			  width:760px;
			  height:119px;
			  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 0px; }

	div#headerlink  { float:left;
					  width:504px;
					  height:54px;
					  margin:3px 0px 0px 10px;
					  padding:0px 0px 0px 0px;
					  cursor:pointer; }
					  
		div#headerlink h2  { padding:0px 0px 3px 0px;
							 color:#fff;
							 font:bold 28px verdana, arial, sans-serif; }
		div#headerlink p  { color:#fff;
							 font:bold 12px verdana, arial, sans-serif; }

	div#headerlink2 { float:left;
			  width:91px;
			  height:89px;
			  margin:6px 0px 0px 134px;
			  padding:0px 0px 0px 0px;
			  cursor:pointer; }


	div.leftcolshadow	{ float:left;
				  display:block;
				  width:200px;
				  height:21px;
				  margin:0px;
				  padding:0px;
				  border-bottom:1px solid #fff;
				  background: url(../images/green.gif);	}

	div.rightcolshadowstart	{ float:left;
				  display:block;
				  width:760px;
				  height:20px;
				  margin:0px;
				  padding:0px;
				  background: url(../images/shade_start_760_start.gif) no-repeat 0px 0px;	}

	div.rightcolshadow	{ float:left;
				  display:block;
				  width:760px;
				  height:20px;
				  margin:0px;
				  padding:0px;
				  background: url(../images/shade_start_760.gif) no-repeat 0px 0px;	}
		
/* ------------------------------------------------
	menus
-------------------------------------------------*/


	div#topmenu	{ clear:both;
			  width:750px;
			  margin:0px 0px 0px 0px; 
			  padding:7px 0px 0px 0px; }

		div#topmenu ul {  float:right;
				  margin:0px 0px 0px 0px;
				  padding: 0px 0px;
				  list-style:disc;  }
	
		div#topmenu li { float:left;
				 display:block;
				 padding:1px 11px 1px 10px;
			  	 color:#fff;
				 background: url(../images/topmenudivider.gif) no-repeat right 3px;  }
		
			div#topmenu li.last { padding:1px 4px 1px 10px;
				  	      background: none;  }
		
		div#topmenu a { float:left;
				display:block;
				text-decoration:none;
			        color:#fff;
			 	font: 11px verdana, arial, helvetica, sans-serif; }

		div#topmenu a:hover { color: #00321A; 
				      background:#fff; }
		div#topmenu li.uk a:hover { background:none; }

	div.menu { width: 200px;
		   padding: 0px;
		   color: #1d5a41;
		   font : 11px Verdana, Arial, Helvetica, sans-serif;
		   background-color: #cbdcca;}

		div.menu ul.over { list-style: none;
				   margin: 0;
				   padding: 0;
				   width:200px; }

		div.menu ul.over li a { /*position: relative;*/
				        display: block;
				        width: 190px;
				        padding: 5px 0px 5px 10px;
				        text-decoration: none;
				        color: #1d5a41;
				        font-size: 11px;
				        border-bottom: 1px solid #ffffff;
				        background-color: #cbdcca; }

		div.menu ul.over li a:hover { padding: 5px 0px 5px 10px;
					      text-decoration: none;
					      background-color: #add192;
					    /*background: url(img/menu/menu_bg_over.gif);*/ }

		div.menu ul.over li.current a { text-decoration: none; }
	
		div.menu ul.over li.current a:hover { text-decoration: none; }

		div.menu ul.submenu { list-style: none;
				   			  display:none;
							  margin:0;
						      padding: 0px 0px 0px 0px;
						      background: #bac9b9 !important; }

		div.menu ul.submenu li { border: none; }   

		div.menu ul.submenu li a { display: block;
								   padding: 5px 0px 5px 30px;
								   width: 170px;
								   font-size: 11px; 
								   text-decoration: none;
								   background: #d8ebd7 !important; }

		div.menu ul.submenu li a:hover { padding: 5px 0px 5px 30px;
										 background: #add192 !important; }   

		div.menu ul.submenu li.current a { padding: 5px 0px 5px 30px;
										   background: #d8ebd7 !important; }

		div.menu ul.submenu li.current a:hover { padding: 5px 0px 5px 30px;
												 background: #add192 !important; }

		html>body div.menu ul.over li a { width: auto; }

		div.menu li.current ul.submenu a { padding: 5px 0px 5px 30px;
										   background: #d8ebd7 !important; }
		
		div.menu ul.submenu li a.last { padding: 5px 0px 5px 30px;
					    			    background: #d8ebd7 !important; }

		div.menu ul.submenu li a.last:hover { padding: 5px 0px 5px 30px;
						   					  background: #add192 !important; }

		div.menu ul.submenu li.current a.last{ padding: 5px 0px 5px 30px;
						 				       background: #d8ebd7 !important; }

		div.menu ul.submenu li.current a.last:hover{ padding: 5px 0px 5px 30px;
												     background: #add192; }

		html>body div.menu ul.submenu li a { width: auto; }





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


	div.topshadows	{ clear:both;
			  width:960px;
			  height:22px;
			  display:block;
			  margin:0px;
			  padding:0px 0px; }

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


	div.leftcol	{ float:left;
			  display:inline;
			  width:200px;
			  margin:0px;
			  padding:0px 10px 0px 0px; }

	div.content	{ float:left;
			  display:inline;
			  width:750px;
			  margin:0px 0px 0px 0px;
			  padding:0px; }
			  
		div.content	img { display:block; }
		div.content	ul { list-style:disc;
						  margin:0px 0px 0px 15px; }

		div.start	{ float:left;
				  display:block;
				  width:530px;
				  margin:0px;
				  padding:0px 0px 0px 10px; }
		
			div#happyflash { display:block;
					 width:530px;
					 height:600px;
					 margin:-2px 0px 0px 0px;
					 padding:0px; }
	
				div#happyflash object { display:block;
							margin:0px;
							padding:0px; }

			div#happyflashbottom { display:block;
					       width:530px;
					       height:20px;
					       margin:0px;
					       padding:0px;
		 			       background: url(../images/shade_bot_530.gif) no-repeat 0px 0px; }


		div.rightcol	{ float:left;
						  display:inline;
						  width:190px;
						  margin:-2px 0px 0px 20px;
						  padding:0px; }

			div.rightcol a:hover	{ background:none; }
	
			div.banner	{ padding:0px 0px 15px 0px; }

			div.nyhetertop	{ display:block;
					  width:170px;
					  height:36px;
		 			  background: url(../images/nyheter.gif) no-repeat 0px 0px; }

			div.nyheter	{ display:block;
						  width:148px;
						  padding:12px 10px 8px 12px;
			 			  background: #fff; }

				span.newsdate	{ padding:0px 0px 0px 7px;
								  color: #000000;
							  	  font:bold 9px arial, verdana, arial, helvetica, sans-serif;
				 			 	  background: url(../images/pil.gif) no-repeat 0px 2px; }

				div.nyheter ul	{ list-style:none;
								  margin:0px;
								  padding:0px; }
				div.nyheter li	{ list-style:none;
								  padding:0px 0px 10px 0px;
								  color: #676767;
							 	  font: 9px verdana, arial, verdana, arial, helvetica, sans-serif; }

				div.nyheter p	{ color: #676767;
							 	  font: 9px verdana, arial, verdana, arial, helvetica, sans-serif; }

				div.newsitem { padding:10px 12px;
							   background:#f4f4f2; }
				div.newsitem h1 { padding:12px 0px;
								  text-transform:none;
								  color: #78010A;
								  font: 24px arial, verdana, arial, helvetica, sans-serif; }
				
		div.main	{ display:block;
				  width:680px;
				  margin:-2px 0px 0px 10px;
				  padding:30px 20px;
				  background:#fff; }
			
			table.rellinks h2 { margin:10px 10px 0px 10px; }
			table.rellinks ul { margin:10px 50px 20px 50px;
					    list-style:disc; }
			table.rellinks li {line-height:12px !important;
					   font-size:14px; }
			table.rellinks li a {font-size:11px; }

			div.mainbottom { display:block;
				         width:720px;
				         height:20px;
				         margin:0px;
				         padding:0px;
		 		         background: url(../images/shade_bot_720.gif) no-repeat 0px 0px; }

	
		
		
		div.main2 { display:block;
			    width:490px;
			    margin:-2px 0px 0px 0px;
			    padding:30px 20px;
			    background:#fff; }

			div.resellertop	{ display:block;
					  width:170px;
					  height:36px;
		 			  background: url(../images/valj_af.gif) no-repeat 0px 0px; }

			div.reseller	{ display:block;
					  width:148px;
					  padding:12px 10px 20px 12px;
		 			  background: #fff; }

			.pubfield120	{ width: 120px;
					  color: #00321A;	
				 	  font:11px verdana, arial, helvetica, sans-serif;
					  border: 1px solid #808080;
					  background: #CBDCCA;	}
		
/* ------------------------------------------------
	faq
-------------------------------------------------*/

/*  "Show All" + "Hide All" links */
/* #TJK_ToggleON,#TJK_ToggleOFF	{ padding:0 5px;
				  margin-right:5px; }*/

/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt	{ margin:0;
			  padding:0; } 

/* margin for the DTs (shorthand) */
#TJK_DL dt	{ margin:10px 0; }

/* left padding for DDs */
#TJK_DL dd	{ padding-left:20px; }

/* styling all anchors in the DTs */
#TJK_DL dt a	{ padding-left:20px;
		  color:#000000;
		  text-decoration:none;
		  display:block;
		  background:0 0 no-repeat; }

#TJK_DL dt a:visited { color:#000000; }

#TJK_DL dt a:visited:hover, #TJK_DL dt a:hover, #TJK_DL dt a:active, #TJK_DL dt a:focus { font-weight:normal; }

/* the + and - gif in the anchors */
#TJK_DL .DTplus a 	{ background-image:url(../images/faq_plus.gif); }
#TJK_DL .DTminus a 	{ background-image:url(../images/faq_minus.gif); }


#TJK_DL .showDD			{ position:relative;
				  left:0; }
 
#TJK_DL dd,.hideDD		{ position:absolute;
				  left:-9999px;}

#TJK_ToggleON,#TJK_ToggleOFF 	{ display:inline;
				  cursor:pointer;
				  cursor:hand; }


/* ------------------------------------------------
	products
-------------------------------------------------*/

	div.product	{ float:left;
		  		  display:block;
				  width:210px;
				  height:260px;
				  margin:0px;
				  padding:20px 5px 10px 10px;
				  background: url(../images/produkt_off.gif) no-repeat 0px 0px; }
				  
		div.productover	{ background: url(../images/produkt_on.gif) no-repeat 0px 0px; }
		
								  
					  
		div.producttext { position:relative;
						  display:block;
						  width:180px;
						  height:200px;
						  margin:0px 10px -200px 0px;
						  padding:0px 0px 0px 0px;
						  z-index:300; }
						  
			div.producttext	 h2 { text-transform:uppercase;
								  color: #00321a;
								  font: 20px arial, verdana, arial, helvetica, sans-serif; }
			div.producttext	 h2.referens { color: #fff; }
						  
		div.productimg	{ position:relative;
						  display:block;
						  width:200px;
						  height:200px;
						  z-index:280 }
						  
			div.productimg img	{ position:absolute;
								  right:0px;
								  bottom:0px;
								  display:block;
								  z-index:290 }
								  
		div.productimg a:hover	{ background:none; }

		div.producttext a 	{ text-decoration:none;	
					  color: #78010A;
				   	  font: 14px arial, verdana, arial, helvetica, sans-serif; }

		div.producttext a:hover 	{ color: #fff; }

		div.producttext 	{ color: #676767; 
					  font: 9px verdana, arial, verdana, arial, helvetica, sans-serif; }


	div.productleft	{ float:left;
		  	  display:block;
			  width:400px;
			  margin:0px 20px 0px 0px; }

	div.productright	{ float:left;
						  display:block;
						  width:260px; }

		div.productright a	{ display:block;
							  padding:0px 0px 5px 0px; }

		div.productright a:hover	{ background:none; } 
		
		div.content ul.prodrellinks { list-style:none;
									  margin:0px;
									  padding:0px; }
						  
			div.content ul.prodrellinks li { list-style:none; 
										 	 margin:5px 0px;}
								 
			div.content ul.prodrellinks li.pdf a { background: #f4f4f2 url(../images/pdf2.gif) no-repeat 5px center; }
			
			div.content ul.prodrellinks li a { display:block;
											   margin:0px;
											   padding:7px 10px 7px 28px;
											   text-decoration:none;
											   color:#727272; 
									 		   background:#f4f4f2}
			div.content ul.prodrellinks li a:hover { color: #fff; 
												 	 background:#00321a;}
			div.content ul.prodrellinks li.pdf a:hover { background: #00321a url(../images/pdf2.gif) no-repeat 5px center;}
	
/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { float:left;
	  display:block;
	  width:871px;
	  padding:20px 30px;
	  margin:0px;
	  background: url(../images/footerbg.png) no-repeat 0px 0px;	}

	#footer p { line-height:14px !important;
		    color:#b3b3b3;
		    font:10px "trebuchet ms", arial, verdana, sans-serif;	}
	#footer a { line-height:14px !important;
		    text-decoration:none;
		    color:#b3b3b3;
		    font:10px "trebuchet ms", arial, verdana, sans-serif;	}
	#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:625px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 625px;
}


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

* html .contenthojd {
	height: 301px;
}

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

* html .contenthojd2 {
	height: 341px;
}



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

}


.greybox 
{
    background: #f4f4f2;
}