/* ------------------------------------------------
	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, i, cite, var, address, em { 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  trebuchet ms, Verdana, Arial, sans-serif;
	  background: #8ec811 url('../images/bg.png');
	  margin:0px;
	  padding:0px;
	  -moz-opacity: 0.9999; }

p	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:20px;
	  /*text-indent: 20px;*/
	  margin:0px;	}

#text { margin:0px 0px 80px 0px; }

#text p	{ margin:0px 0px 10px 0px; }
#textpage p	{ margin:0px 0px 10px 0px; }

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

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

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

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

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





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

h2 	{ font:bold 14px  Verdana, Arial, "sans-serif";
	  color: #004e48;	
	  margin-bottom: 20px;}

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

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

img	{ border: 0px solid; 	}

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


.label {	color: #333;
		padding:2px 2px; }

.textfield { 	font: 11px  Verdana, Arial, sans-serif;
	  			background:#fff;
		     	border:1px solid #d9d9d9;
				padding:2px 1px;
				margin:1px 2px;
				width:160px;	}
		
.btn { 	font: 11px  Verdana, Arial, sans-serif;
	  	background:#d9d9d9;
	   	border:none;
		padding:2px 1px;
		margin:1px 2px;	}		


div#container	{ margin:0 auto;
		  height:auto;
		  width:928px;	}

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

div#header	{ display:block;
		  width:928px;
		  height:120px;	}

	div#logo	{ float:left;
			  width:150px;			  
			  padding:28px 0px 0px 25px;}
				  

	div#menucontainer{ float:right;
			   width:728px;	}

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



	div#menu	{ float:right;
			  margin:91px 0px 0px 0px;	}

	div#menu ul {   float:right;
			margin:0;
			list-style:none; }

	div#menu li {	float:left;
      			background:url('../images/left.gif') no-repeat left top;
      			margin:0;
      			padding:0 0 0 18px; }
	
	div#menu a {	float:left;
      				display:block;
      				background:url('../images/right.gif') no-repeat right top;
      				padding:8px 25px 7px 6px;
      				text-decoration:none;
      				color:#20645f;
					font: 12px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif"; }

	div#menu a span { color:#20645f;
			  font: 12px  "trebuchet ms", georgia, 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:#333;
						text-decoration:underline;  }
	div#menu li:hover a , div#menu li.sfhover a {	/*		background-position:100% -150px;  */ 
													text-decoration:underline;}

    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
	div#menu a {float:none;}
    /* End IE5-Mac hack */
	div#menu a:hover {
      color:#333;
	  text-decoration:underline;
      }
	div#menu #current {	background-image:url('../images/left_on.gif');
				border-width:0; }

	div#menu #current a {	background-image:url('../images/right_on.gif');
				color:#000;
				padding-bottom:7px; }
	div#menu #current a span {	background-image:url('../images/right_on.gif');
				color:#000;
				padding-bottom:7px; }	
				
	div#menu #current a:hover span{	text-decoration:underline; }	
		
	div#menu .first {	background-image:url('../images/left2.gif');
				border-width:0;}

	div#menu .first a {	background-image:url('../images/right.gif');
						padding-bottom:7px;}
	div#menu .first a:hover span{	text-decoration:underline; }						
	div#menu .first a span {	background-image:url('../images/right.gif');
								padding-bottom:0px; }	
	div#menu .last {	background-image:url('../images/left.gif');
				border-width:0;}

	div#menu .last a {	background-image:url('../images/right_last.gif');
				padding-bottom:7px; }
	div#menu .last a span {	background-image:url('../images/right_last.gif');
				padding-bottom:0px; }	
				
	div#menu .last a:hover span{	text-decoration:underline; }												

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

div#maincontent	{ float:left;
		  width:928px;
		  padding:0px 0px 0px 0px;
		  margin:0px;
		  display:block;
		  background:#fff;}

div#mainimg	{ width:928px;
		  height:312px;
		  margin:5px 0px 0px 0px; }

div#mainimg img	{ width:928px;
		  height:312px; }

	

div#content	{ width:928px;
		  margin:0px;
		  padding:0px;
		  clear:both;
		  display:block; }

	
	div#leftcontent	{ float:left;
			  display:block;
			  width:408px;
			  padding:40px 120px 40px 40px; }

	div#rightcontent	{ float:left;
			  	  width:360px;
				  display:block;}
	  
		div.puffover	{ display:block;		                  
						  width:360px;
						  position:relative;
						  z-index:5000;
						  margin:0px 0px 0px 0px;
						   }
						  
		div.puffover2	{ background:#eee url(../images/puffbg.png) no-repeat bottom right;
		 				  /* for IE */
						  filter:alpha(opacity=70);
						  /* CSS3 standard */
						  opacity:0.7;
						  /* for Mozilla */
					  	  -moz-opacity:0.7; }	
						  					  
		div.puffbg	{ display:block;		                  
					  width:360px;
					  margin:0px 0px 0px 0px;
				 	  background: #fff url(../images/puffbg.png) no-repeat bottom right;
						   }					  
		div.puff	{ clear:both;
					  display:block;
					  width:360px;
					  margin:0px 0px 0px 0px; }					  

			div.puffimg	{ float:left;
					  width:100px;
					  height:100px;
					  display:block; }
	
			div.puffimg img	{ width:100px;
					  		  height:99px; }
	
			div.pufftext	{ float:left;
					  width:260px;
					  padding:0px 0px 10px 0px;
					  display:block; }
	
			div.pufftext h2	{ padding:15px 15px 10px 15px; 
					 		  margin:0px;
							  display:block;
							  font:bold 14px  Verdana, Arial, "sans-serif";
							  color: #004e48; }
	
			div.pufftext p	{ text-indent:0px;
					  color:#9b9b9b;
					  padding:0px 15px;
					  display:block;}
	
		div#intresserad	{ width:319px;
				  background:#f1f1f1;
				  padding:20px;
				  color:#000; }

		div#intresserad p	{ margin:5px 0px 0px 0px; }				  

		div#intresserad	 span	{ float:left;
					  clear:left;	
					  display:block;
					  width:45px;
					  font-size:11px;					  
					  padding:0px 20px;
					  height:20px;	}
	
		div#intresserad	 .textfield1	{ 
					 	  padding:1px 1px;
						  background:#fff;
						  border:1px solid #fff;
						  float:left;
						  width:150px; }
	
		div#intresserad	 .textfield2	{ 
						  padding:1px 1px;
						  background:#fff;
						  border:1px solid #fff;
						  float:left;
						  width:150px;}
	
		div#intresserad	 .button { float:left;
					   margin:0px 0px 3px 5px;
					   background:#747474;
					   color:#fff;
					   border:none;	
					   padding:1px 10px;}

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

div#relimg	{ width:928px;
		  height:159px;
		  margin:5px 0px 0px 0px; }

div#relimg img	{ width:928px;
		  height:159px; }



/* ------------------------------------------------
	kundcase
-------------------------------------------------*/

/* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container {  width:492px ; height:94px ; margin:10px auto 10px; background:#fff ; padding:7px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:442px ; height:90px ; margin:0px auto 0px;  }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #333333 solid; }

/* DIV container slider example */
#gallery_container2 {  width:492px ; height:134px ; margin:10px auto 10px; background:#fff ; padding:7px 0px 0px; display:block; position:relative; }

/* create custom forward-backward buttons for this container */
#gallery_container2 .addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:134px; top:0px; right:0px; background:url(../images/gallery_fwd2.jpg) no-repeat center;  }
#gallery_container2 .addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:134px; top:0px; left:0px; background:url(../images/gallery_back2.jpg) no-repeat center;  }

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden ; width:442px ; height:130px ; margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs2 { display:block; position:relative; width:6000px; }

#thumbs2 div.thumbnail { display:block; position:relative; float:left; margin-right:30px; font-size:11px; width:84px; text-align:center;
			 text-transform:uppercase;
		 	  /* for IE */
			  filter:alpha(opacity=50);
			  /* CSS3 standard */
			  opacity:0.5;
			  /* for Mozilla */
			  -moz-opacity:0.5; }
#thumbs2 div.thumbnailactive { display:block; position:relative; float:left; margin-right:30px; font-size:11px; width:84px; text-align:center; }

#thumbs2 a { padding:0px; margin:0px; clear:both; display:block; }
#thumbs2 a img{ width:67px;height:67px; border:1px #333333 solid; }

/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; right:0px; background:url(../images/gallery_fwd.jpg) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; left:0px; background:url(../images/gallery_back.jpg) no-repeat;  }
/* thumbnail slider end */

/* banner rotator */
#banners_container { display:block; position:relative; width:557px; height:140px; margin:0px auto 0px; border:1px #CCCCCC solid; }
#banner_container { position:relative ; overflow:hidden ; width:557px ; height:134px ; margin:0px auto 0px;  }
#banners { white-space:nowrap; display:block; position:relative; }
#banners a img { border:none; }



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

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

#footer p { font:11px verdana, arial, sans-serif;
	    color:#dbf1ac; 
	    line-height:18px; 
	    text-align:center;
	    margin:0px 0px 10px 0px; }

#footer p.smalltext { font:10px verdana, arial, sans-serif; }

#footer a {color:#dbf1ac;   }




/* ------------------------------------------------
	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 */
.puffhojd {
	min-height:89px;
	height:auto;
}
/* for Internet Explorer */

* html .puffhojd {
	height: 89px;
}