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

* { margin: 0; padding: 0; }
body {  margin:0px auto 40px auto; color: #333; font: 12px Arial, Helvetica, sans-serif; background: #eff1f3 url(img/body.jpg) repeat-x; }
	p { margin-bottom: 20px;
		color: #333;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 1.6; }
	span, table, tr, td {	line-height: 1.6;
							color: #333;
							font: 12px Arial, Helvetica, sans-serif; }	
	h2 { font-size: 22px; color: #961707; margin-bottom: 20px; font-weight: normal; }
	a { color: #a72010; text-decoration: none; }
	a:hover { text-decoration: underline; }
	ul { list-style: none; }
	form { margin:20px 0px 20px 0px; }
	label { display:block; width:170px;float:left; }
	.textfield { width:220px; background:#f2f2f2; border:1px solid #c1c0c0; padding: 0px 0px;color: #333; font: 12px Arial, Helvetica, sans-serif;} 
	#form div {margin:2px 0px;}
/* ------------------------------------------------
	main layout
-------------------------------------------------*/
#leftshadow {position:absolute;z-index:5;width:239px;height:361px;top:0px;left:0px;background: url(img/leftshadow.png) no-repeat top left;}

#container { position:relative;z-index:2;margin:0 auto; width: 950px; background: #fff url(img/container.jpg) repeat-y; }
	#decorative { width: 950px; background: url(img/decorative.jpg) no-repeat 0 100%; }
		#decorative2 { width: 856px; padding: 66px 42px 0 52px; background: url(img/decorative2.jpg) no-repeat; }
		#decorative2-page { width: 856px; padding: 66px 42px 0 52px; background: url(img/decorative2-page.jpg) no-repeat; }
			#header { position: relative; z-index:7; width: 839px; height: 157px; }
			#headerpage { position: relative; z-index:7; width: 839px; height: 157px; }
			#nav { margin: 0 17px; background: #922116 url(img/nav.jpg) no-repeat; border-bottom: 1px solid #fff; }
			#navpage { margin: 0 17px 0 16px; background: #5c595a url(img/navpage.jpg) no-repeat; border-bottom: 1px solid #fff; }
			#mainimg { width: 823px; height: 254px; }
			#mainimg img { margin:0px 0px 0px 17px; }
			.slideshow { width: 823px; height: 254px; }
			.slideshow img { margin:0px 0px 0px 17px; }
			#flash { width: 856px; height: 240px; }
			#blocks { margin: 0 17px 40px; }
				#block1 { float: left; display:block; width: 330px; height:136px; margin:11px 10px 0px 0px; background: #f2f2f2; border-right:1px solid #d9e0e4 }
				#block2 { float: right; width: 472px; border-top: 1px solid #f0f0f0;  }
			#content { position:relative; width:823px; margin: 20px 17px 100px; border: 0; line-height: 1.6; }
				#primary { float: left; padding: 0 20px; width: 400px; margin:0px 0px -90px 0px; position:relative; z-index:100;  }
				
				#rellinks li a { background-image: url(img/rellink.gif);
							 	 left 50%; /* X-pos Y-pos (from top-left) */
								 background-repeat: no-repeat;
								 padding:2px 0px 2px 25px; ; }
				#secondary { float: right; width: 350px; }
			#footer { position: relative; width: 856px; height: 85px; }
			#footerpage { position: relative; width: 856px; height: 85px; }

/* ------------------------------------------------
	nav
-------------------------------------------------*/

#nav ul, #navpage ul { display: inline; /* IE6 */ float: right; margin-right: 20px; }
	#nav #print, #navpage #print { /* IE6 */ margin-left: 20px; padding-left: 10px; }
	#nav #print a:hover, #navpage #print a:hover { text-decoration:none; background: #8d8b8c url(img/navpage-hover.gif) repeat-x; }
	#nav li, #navpage li { display: inline; }
		#nav a, #navpage a { display: block; float: left; padding: 10px 10px; color: #fff; }
			#nav a:hover,
			#nav a:active,
			#nav a:focus, 
			#nav .current a { text-decoration:none; background: #b3645c url(img/nav-hover.gif) repeat-x; }
			#navpage a:hover,
			#navpage a:active,
			#navpage a:focus,
			#navpage .current a { text-decoration:none; background: #8d8b8c url(img/navpage-hover.gif) repeat-x; }

/* ------------------------------------------------
	nav
-------------------------------------------------*/

#nav-secondary { margin-bottom:20px; display:block; }
	#nav-secondary a { font-size:12px; display: block; width: 309px; padding: 5px 2px 5px 40px; color: #606060; background: #fff url(img/nav-secondary.gif) no-repeat 5px 50%; border-bottom: 1px solid #fff; }
	#nav-secondary ul li a { font-size:11px; display: block; width: 289px; margin:0px 0px 0px 20px; padding: 2px 2px 2px 40px; color: #606060; background: #fff url(img/nav-secondary2.gif) no-repeat 5px 50%; border-bottom: 1px solid #fff; }
		#nav-secondary .active { margin:0px 0px 0px 0px;}
		#nav-secondary ul { margin:0px 0px 6px 0px;}
		#nav-secondary a:hover { text-decoration:none; color:#fff; display:block; background: #c1c0c0 url(img/nav-secondaryhover.gif) no-repeat 5px 50%; }
		#nav-secondary a.current  { color:#000; display:block; background: #f2f2f2 url(img/nav-secondary4.gif) no-repeat 5px 50%; }
		#nav-secondary a:hover.current { text-decoration:none; color:#fff; display:block; background: #c1c0c0 url(img/nav-secondaryhover.gif) no-repeat 5px 50%; }
		#nav-secondary ul li ul  { color:#fff; display:block; background: #c1c0c0 url(img/nav-secondaryhover.gif) no-repeat 5px 50%; }
		#nav-secondary ul li a:hover { text-decoration:none; color:#fff; background: #c1c0c0 url(img/nav-secondaryhover2.gif) no-repeat 5px 50%; }
		#nav-secondary ul li a.current { color:#000;  display:block; background: #f2f2f2 url(img/nav-secondary3.gif) no-repeat 5px 50%; }
		#nav-secondary ul li a:hover.current  { text-decoration:none; color:#fff; display:block; background: #c1c0c0 url(img/nav-secondaryhover2.gif) no-repeat 5px 50%; }

/* ------------------------------------------------
	contactbox
-------------------------------------------------*/
#fullcontact {  position:absolute; bottom:0;font-size:12px; display: block; width: 819px; color: #000; margin:0px 0px -102px 0px; z-index:2; }

#contactbox { float:right; display: block; width: 310px; border-left:1px solid #f2f2f2; font-size:12px;  color: #000; margin:0px 39px 0px 0px; }

.contact { font-size:12px; display: block; width: 318px; padding: 5px 2px 5px 30px; color: #000; background: #f2f2f2; }

#contactbox p { color:#606060; font-size:11px; padding:0px 0px 0px 30px; line-height:20px; }

#contactbox a { color:#91221d; font-size:11px; position:relative; z-index:5; }

#contactbox ul { padding:0px 0px 20px 25px; }

.contact2 { position:relative; z-index:1; font-size:12px; display: block; width: 270px; text-align:right; color: #000; background: url(img/rellink.gif) no-repeat top right; padding:1px 20px 0px 0px; margin:-21px 20px 0px 0px; }

/* ------------------------------------------------
	block1
-------------------------------------------------*/

#newsimg { float:left; display:block; width:133px; height:133px; margin:2px 10px 0px 2px; }
#newsheadings { float:left; display:block; width:183px;height:133px; margin:0px; }
#newsheadings blockquote { display: table;
						   height:133px;
						  *display: block;
						  *position: relative; }			 
	#newsheadings 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); }
		#newsheadings blockquote span span { display: inline;
											 vertical-align: baseline;
											 position: relative;
											 left: auto;
											 width: auto;
											 top:auto; }
													 
#newsheadings span { line-height:25px; font-size:10px;  }
#newsheadings span a { color:#333; line-height:25px; font-size:10px; border-bottom: 1px solid #b3b3b3; text-decoration:none; }
#newsheadings span a:hover { line-height:25px; font-size:10px; border-bottom: 1px solid #333; }
h2.news { float:left; margin: 0; padding: 5px 5px 0px 0px; color: #961707; font: bold 12px arial, verdana; text-transform: uppercase;}
ul.news{ padding: 0px 0px 0px 0px; color: #aaa;  }
	.news li { margin: 0px 0px 10px 0px; font: normal 11px arial, verdana; line-height:18px; }
		.news a {  color:#333; text-decoration:underline; font: normal 11px arial, verdana !important;}
		.news a:hover {  text-decoration:none; }
		
ul.newsarchive{ display:block; height:60px; padding: 10px 10px 0px 10px; color: #aaa; }
#primary ul.newsarchive{ height:auto; }
	.newsarchive li { margin: 0px 0px 10px 0px; font: normal 12px arial, verdana; line-height:18px; }
		.newsarchive p {  color:#000;}
		.newsarchive a {  color: #a72010;  text-decoration:none; font-weight:bold;}
		.newsarchive a:hover {  text-decoration:underline; }
/* ------------------------------------------------
	block2
-------------------------------------------------*/


div.puff	{ float:left;  width:118px; height:134px; margin:10px 0px 0px 0px;  padding:0px;  border-bottom:4px solid #fff;	}
div.puff2	{ float:left;  width:118px; height:134px; margin:10px 0px 0px 0px;  padding:0px;  background: #f0f0f0;  border-bottom:4px solid #922116;	}
	div.puff img, div.puff2 img	{ width:117px; height:72px;  border-right:1px solid #d9e0e4;  margin:0px; padding:0px;	}
	div.puff h2, div.puff2 h2 { color:#000;  font: 12px Verdana, Arial, sans-serif;  margin:0px;	}
		div.puff p, div.puff2 p	{ color:#000; font: 11px  Verdana, Arial, sans-serif;  line-height:18px;	}
		div.pufftext p	{ width: 97px;  height:40px;  padding:10px;  display:block; border-top:1px solid #d9e0e4;  border-bottom:1px solid #d9e0e4;  border-right:1px solid #d9e0e4;  margin:0px;}
			div.pufftextlast p	{ width: 97px;  height:40px; padding:10px; display:block;  border-top:1px solid #d9e0e4;  border-bottom:1px solid #d9e0e4; margin:0px;}
			.pufftext a , .pufftextlast a { color:#333; display:block; padding:0px 0px 0px 10px; background: url(img/products.gif) no-repeat 0px 5px; }
			.pufftext a:hover , .pufftextlast a_hover { text-decoration:none; }

/* ------------------------------------------------
	header
-------------------------------------------------*/

#header h1 a, #headerpage h1 a { position: absolute;z-index:7; top: -66px; left: 0; display: block; width: 222px; height: 220px; background: url(img/logo.jpg) no-repeat; text-indent: -2222em; }
	#header h1 a:hover, #headerpage h1 a:hover { z-index:7;background-position: 0 -220px; }
#header h1.page a, #headerpage h1.page a { background: url(img/logo-page.jpg) no-repeat;  height: 220px; }
	#header h1.page a:hover , #headerpage h1.page a:hover { background-position: 0 -220px; }
#header-relimg { position: absolute; top: 0; right: 0px; border: 0; }


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

#copyright { position: absolute; top: 20px; left: 20px; color: #888; font-size: 11px; line-height: 20px; }
	#copyright span { color: #aaa; }
	#copyright a { color: #aaa; }
#footer ul { position: absolute; top: 70px; left: 20px; font-size: 11px; }
	#footer li, #footerpage li { display: inline;}
		#footer li a , #footerpage li a { color: #888; }
		#footer #sitemap a { margin-right: 10px; padding-left: 0px; }
		#footer li a:hover { color:#922116; text-decoration:none;}
		#footer #home a { margin-right: 10px; padding-left: 10px; }
		#footer #contact a { padding-left: 10px; }
#logo { position: absolute; top: 20px; right: 20px; color: #888; font-size: 11px; line-height: 20px;}
	#copyright span {  font-size: 11px;
					   color: #aaa; }
	#copyright a { color: #aaa; }
/* ------------------------------------------------
	misc
-------------------------------------------------*/

.non-visual { display: block; width: 0; height: 0; overflow: hidden; }
.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:340px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 340px;
}

.referensbox
{
	height: 109px;
	border: 1px solid #cccccc;
}