/* ------------------------------------------------
	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; }
p {margin:0px 0px 10px 0px;}
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, b, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong { font-weight: bold; }
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: #666666;
	  font: 11px  georgia, "times new roman", serif;
	  background: #fff url(../images/bg.png);
	  margin:0px;
	  padding:0px;
	  font-size: 11px;	}

p	{ font: 1em georgia, "times new roman", serif;
	  line-height:16px;	}
span	{ font: 1em georgia, "times new roman", serif;	}
div	{ font: 1em  georgia, "times new roman", serif;	}
table	{ font: 1em  georgia, "times new roman", serif;	}
tr	{ font: 1em georgia, "times new roman", serif;	}
td	{ font: 1em  georgia, "times new roman", serif;	}


h1 	{ font: 1.8em georgia, "times new roman", serif;
	  color: #153857;
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font: 1.45em georgia, "times new roman", serif;
	  color: #153857;	
	  margin-bottom: 5px;
	  font-weight: normal;	}

h3 	{ font: 1.3em georgia, "times new roman", serif;
	  color: #153857;	
	  margin-bottom: 10px;
	  font-weight: normal;	}

h4 	{ font: 1.1em georgia, "times new roman", serif;
	  color: #ec5104;	
	  margin:10px 0px 0px 0px;
	  font-weight: normal;	}

a 	{ color: #362f2d;
	  text-decoration: none;
	  font-style:italic;	}

a:hover { text-decoration: underline;	}


img	{ border: 0px solid; 	}

.textfield { background:#e9e9e9;
	     border:1px solid #e9e9e9;
	     padding:3px;
	     width:155px; }

.button { background:#e9e9e9;
	  border:1px solid #e9e9e9;
	  padding:0px 2px;
	  /*float:right;*/
	  margin:3px 0px 0px 0px;
	  font: 11px trebuchet ms, georgia, times new roman, serif; }

div#container	{ width:913px;
	 	  position:relative;
		  z-index:10;
		  margin:0px auto 0px auto; }

div#containerbg	{  position:absolute;
		   width:100%;
		   left:0%;
		   right:0%;
		   height:186px;
		   z-index:1;
		   background: url(../images/bg2.png) repeat-x; }
/* ------------------------------------------------
	header
-------------------------------------------------*/

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

	div#logo	{ float:left;
			  width:347px;
			  height:70px;	
			  margin:64px 0px 0px 0px;
			  padding:0px 0px 0px 120px;	}

	div#headerimgs	{ float:left;
			  width:300px;
			  height:70px;	
			  margin:0px 0px 0px 0px;	}

	div#headernote	{ float:left;
			  width:100px;
			  margin:0px 0px 0px 0px;	}

	div#gronsak	{ float:left;
			 	  width:97px;
				  height:163px;
				  margin:150px -10px -150px -90px;
				  position:relative;
				  z-index:50;
			 	  /*background: url(../images/gronsak.png) no-repeat 0px 0px;*/
				background: no-repeat 0px 0px;	}



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

		div#menu	{ float:left;
					  width:130px;
					  display:block;
					  margin:30px 0px 1px 0px;
					  padding:0px;	}

		div#menu ul	{  margin:0px 0px 0px 0px;
			 		   padding:0px;
			 		   font-size:11px;
					   position:relative; 	}
	
		div#menu li	{ line-height:12px; }

		div#menu a	{ color:#8c6239;
					  font:1em georgia, trebuchet ms, "times new roman", serif;
					  padding:4px 0px;
					  display: block;
					  margin:0px;
					  line-height:12px;
					  width:110px; }

		div#menu ul li ul li a	{ color:#ec5104;
					  padding:4px 10px;
				  	  width:90px; }


		div#menu .active	{ background: url(../images/menubgactive.png) repeat-x;}
		div#menu a:hover	{ text-decoration:none;
					  color:#ec5104; }






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

div#maincontainer	{ margin:30px 0px 0px 0px;
			  width:913px;	}
	
	div#main	{ width:913px;
			  display:block;
			  float:left;	}


	div#leftcontent	{ float:left;
			  width:450px;
			  display:block;
			  padding:0px 10px 0px 0px;	}

		div#leftcontent	p {margin:0px 0px 10px 5px;	}
		div#leftcontent	h1 {margin:0px 0px 0px 5px;	}
		div#leftcontent	h2 {margin:0px 0px 0px 5px;	}

		.wrap1, .wrap2, .wrap3 { display:inline-table;
					 /* \*/display:block;/**/  }
	
		.wrap1 { float:left;
				 background:url(../images/shadow.gif) right bottom no-repeat;
				 margin:0px 0px 10px 0px; }

		.wrap2 { background:url(../images/corner_bl.gif) left bottom no-repeat; }

		.wrap3 { padding:0 4px 3px 0; 
				 background:url(../images/corner_tr.gif) right top no-repeat; }

		.wrap3 img { display:block;
		 	    	 padding:5px;
				     background:#fff;
				     border:1px solid #eae9e7; }

		div.maintext	{ margin:0px 10px 0px 0px;	}

		div.left { float:left;
			   width:205px;
			   display:block;
			   margin:0px 23px 0px 0px;	}

		div.right { float:left;
 			    width:208px;
			    display:block;
			    padding:0px 0px 0px 0px;	}

	div#rightcontent { float:left;
			   width:243px;
			   display:block;
			   padding:0px;
			   margin:10px 0px 0px 0px;	}

	div#rightcontent p { color:#8c6239;	
						 position:relative;
						 z-index:60; }

		div#rightcontent ul {  }

		div#rightcontent li {padding:0px 0px; }

		div#rightcontent li.aldrenyheter { 	}

	div#rightcontent h1 { font-style:italic;
			      color:#003050;	}


	div#rightcontent p.right { float:right;
				   color:#003050;	}




/* ------------------------------------------------
	gallery
-------------------------------------------------*/

	.gallery { float:left;
			   display:block;
			   width:700px; }
			   	   
	.prevnext { float:right;
				display:block;
				width:700px;
				height:22px;
				padding:10px 0px 0px 0px;
				margin:0px 0px 8px 0px;
				background:#ececec url(../images/prevnextbg.jpg) no-repeat right top;  }
				
	.prevnext a{ margin:0px 10px; }				
				   			   
	div.prne { float:left;
			   display:block;
			   width:420px;
			   padding:0px 0px 0px 10px; }
			   
	ul.linkList { float:left;
				  margin:0px;
				  padding:0px;
				  width:270px; }
				  
		ul.linkList li { float:left; 
						 padding:0px 10px 0px 0px; }	
	.galleryitem { float:left;
				   display:block;
				   width:138px;
				   margin:0px 10px 10px 0px; }
				   
		 .wrap1 { display:block;
		 		  margin:0px 0px 0px 0px; }		  
				  
				
	.galleryitem .wrap3 img { /*width:128px;*/
							  /*height:128px;*/}
	
				   
	.galleryitem h2 { display:block;
					  text-align:center;
				      width:139px;
					  padding:10px 0px 10px 0px;
					  margin:0px 0px 0px 1px;
				      background:#ececec; }			   
				   
	.galleryitem2 .wrap3 img { border:1px solid #8c6239; }	  
	.galleryitem2 h2 { color:#8c6239; }	

	.galleryimg { display:block; }	
				  
	.galleryimg .wrap1 .wrap2 .wrap3 img {  }		
	.galleryimg2 .wrap3 img { border:1px solid #8c6239; }				  	

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


	div#footerpadding{ float:right;
					   width:700px;
					   display:block;
					   padding:10px 80px 0px 0px;
					   display:block;
					   margin:0px 4px 0px 0px; }

	div#footer	{ width:700px;
				  display:block;
				  float:right;
				  display:block;
				  height:49px;
				  margin:0px 0px 8px 0px;
				  background:#ececec url(../images/footerbg.jpg) no-repeat right top; }

		
	div#footer p {	padding:4px 0px 0px 0px;
					text-align:center;
					color:#636363;
					font: 1em arial, verdana, sans-serif;
					line-height:18px;
					margin:0px;	}

	div#footer a {	color:#b1b6ba;
			color:#636363;
			font: 1em arial, verdana, sans-serif;
			line-height:18px;	}

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

	div#diverse	{ float:left;
			  width:250px;
			  display:block;
			  padding:8px 0px 0px 0px; }

	span.liten	{ font-size:10px; }
	span.mellan	{ font-size:12px; }
	span.stor	{ font-size:14px; }

	div#tipsa	{ float:left;
			  width:110px;
			  display:block;
			  padding:0px 0px 0px 0px; }

	div#footer2 p {	display:block;
			padding:0px 0px 0px 10px;
			color:#999999;
			line-height:18px;	}

	div#footer2 a {	color:#999999;
			font-style:normal;	}
			
/* ------------------------------------------------
	tipsa en vän
-------------------------------------------------*/			
			
	div.tellafriend{  width:306px;
		     	 	  height:262px;
					  background:#fff;
		    	 	  margin:0px 4px;
		    	 	  display:block;
		    	 	  margin:30px auto;
					  font-size:11px;
					  padding:10px; }	
					  
		div.tellafriend p {  font-size:11px; }	
		
		.textfieldtellfriend {	background:#fff;
								border:1px solid #153857; }
								
		.btntellfriend { background:#153857;
						 border:none;
						 color:#fff;
						 padding:2px 5px;
						 margin:0px 0px 0px 20px; }	
/* ------------------------------------------------
	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;
}