/*
	Cascading Style Sheet for www.eosgarden.se
	author: Aidas Design (Advanced IT Design And Solutions i Huskvarna)
	contact: Asta Omarsdottir asta@aidasdesign.com
	created 2007-09-09
	updated 2010-03-14
	validated 2010-03-14
*/

/*************************************************************************************

   	HTML Element Styles

	Sets element margins, padding, and border to 0 to even out browser differences.
 *************************************************************************************/

html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, a, img, button {
    margin: 0;
    padding: 0;
    border: 0;
}

body{
	background: #FFFFFF url(images/bgtop_eosgarden.jpg) repeat-x;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 76%;
	color:#666666;
}

h1{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight:600;
	background-color:transparent;
	color:#000000;
	margin-bottom:0.5em;
	margin-top:1em;
	text-align:center;
}

h2{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	background-color:inherit;
	color:#FF0000;
	text-align:center;
	padding-bottom:1.5em;
	padding-left:0;
	padding-right:0;
	padding-top:0;	 
}

h2.brown{
color:#6F605F;
}

h2.orange{
	color:#FF9933;
}

h2.green{
	color:#7C893D;
}

h3{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.1em;
	background-color: transparent;
	color: #000000;
	padding: 0em 0em 0.7em 13em;
}

h4{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	font-weight:bold;
	background-color: transparent;
	color: #000000;
	padding: 0.5em 2em 0.7em 15em;
}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: transparent;
	color: #666666;
	padding-bottom:0.5em;
	margin-left:15em;
}

hr{
	margin-top:4em;
	margin-bottom:1em;
	width:20em;
}

ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: transparent;
	color: #666666;
	margin-left:17em;
	padding-bottom:1em;
	list-style-type:square;
}

ul ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: transparent;
	color: #666666;
	margin-left:2em;
	padding-bottom:0;
	list-style-type:circle;
}


th{
	text-align:left;
}

img{
	border:none;
}

.center{
	text-align:center;
}

p.center_forever{
text-align:center;
padding-top:8em;
margin-left:15em;
}

.kontakt{
	text-align:center;
	padding-top:2em;
}


.bold{
	font-weight:bold;
}

.boldcenter{
	text-align:center;
	font-weight:bold;
	padding-top:1em;
}

.boldcentergreen{
	text-align:center;
	font-weight:bold;
	padding-top:1em;
	color:#7C893D;
}

.imgfloatright 
{
    margin:0em;
	float: right;
	display: inline;
	padding: 0em 0.9em 1em 0.9em;
	border:none;
}



.imgfloatleft 
{
    margin:0em;
	float: left;
	display: inline;
	padding: 0em 0.9em 1em 1em;
	border:none;
}


.imgcenter{
	text-align:center;
	padding-top:1em;
	padding-bottom:1em;
}

.imglogotype
{
    margin:0em;
	float: left;
	display: inline;
	padding-top:0em;
	padding-bottom:0em;
	padding-right:4em;
	padding-left:11em;
	border:none;
}

.imglogosf 
{
    margin:0em;
	float: right;
	display: inline;
	padding: 0em 0em 1em 0.9em;
	border:none;
}

.imgkarta{
	padding:30px 0 0 5px;
	float:left;
}

.imgkontakt{
	padding-top:3em;
	padding-bottom:1em;
}

.tab1{
	margin-left:2em;
	padding-top:1em;
}

.imgline{
	padding-top:3em;
	padding-bottom:1em;
}

/***************************************************

   Head Style Container (Menu inside body)

 ***************************************************/
#head{
	height:65px;
	width:85em;;
	position:relative;
	margin-left:1.25em;
	padding:0;
}

#head .p{
	margin:0;
	padding:0;
}

#head .meny{
	position:relative;
	margin-left:95px;
	background-color:#000000; 
	color:#FFFFFF; 
	padding:30px 0 0 0;
}

#head .meny ul{
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:600; 
	line-height:1.5em;
	text-align:left;
	background-color:#000000; 
	color:#FFFFFF; 
	margin:0;
	padding:0;
}

#head .meny li{
	padding:0;
	list-style:none;
	display:inline;
	margin:0;
}

#head a{
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
}

#head a:hover{
	background-color:#000000;
	color:#FF0000;
}

/***************************************************

   Site wrapper Container (Site inside body)

 ***************************************************/
 
#sitewrapper{
	width:76em;
 	background:transparent url(images/bgleft.jpg) repeat-y;
	padding-right:5em;
 }
 
 #sitewrapper_presentkort{
	width:100%;
	margin-left:0;
 	background:#FF0000 url(images/bgleft.jpg) repeat-y;
 }
 
#logocontent{
 	width:100px; 
	float:left; 
	background-color:#000000;
}

#infocontent_main{
	width:60em;
	padding-top:4.5em;
	padding-bottom:6.2em;
	}

#infocontent{
	padding-top:4.5em;
	padding-bottom:2em;
}

#infocontent p.main{
	margin:0;
	text-align:left;
	padding: 0 0 0 12em;
}

#infocontent h1.main{
	background-color:#FFFFFF;
	color:#000000;
	padding-top:1em;
	font-size:2em;
	font-weight:bold;
	text-align:center;
}

#infocontent h2.main{
	font-size:1.6em;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	margin:0;
	padding-top:5em;
	text-align:center;
}

#infocontent h3.main{
	font-size:1.4em;
	font-weight:900;
	margin:0;
	padding-top:13.5em;
	padding-left:16.5em;
	padding-bottom:2em;
	text-align:left;
}

#infocontent_presentkort{
	width:40em;
	padding-top:4.5em;
	padding-bottom:6.2em;
	background:#FF0000;
	}

#infocontent_presentkort h1{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.8em;
	font-weight:900;
	background-color:transparent;
	color:#FFFFFF;
	margin-bottom:3.5em;
	margin-top:1em;
	text-align:center;
	padding:0;
}

#infocontent_presentkort h2{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight:900;
	background-color:transparent;
	color:#FFFFFF;
	margin-bottom:3.5em;
	margin-top:1em;
	text-align:center;
	padding:0;
}

#infocontent_presentkort h3{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight:900;
	background-color:transparent;
	color:#FFFFFF;
	margin-bottom:5em;
	margin-top:1em;
	text-align:center;
	padding:0;
}

#infocontent_presentkort p{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight:600;
	background-color:transparent;
	color:#FFFFFF;
	margin-top:1em;
	margin-bottom:0;
	text-align:left;
	margin-left:8em;
}

.imgcentermain
{
text-align:center;
padding-bottom:2em;
}

.imgcompanyright 
{
    margin:0em;
	float: right;
	display: inline;
	padding-top:0;
	padding-bottom:0;
	padding-left:0.7em;
	padding-right:3em;
	border:none;
}

.imgcompanyleft
{
    margin:0em;
	float: left;
	display: inline;
	padding-top:0;
	padding-bottom:0;
	padding-right:0.7em;
	padding-left:3em;
	border:none;
}

.imgcompanymain
{
    margin:0em;
	float: left;
	display: inline;
	padding-top:12em;
	padding-bottom:0;
	padding-right:0.7em;
	padding-left:3em;
	border:none;
}

.imgcompanydirector
{
    margin:0em;
	float: left;
	display: inline;
	padding-top:0;
	padding-bottom:0;
	padding-right:0.7em;
	padding-left:3em;
	border:none;
}
 
.imgpresent 
{
    margin:0em;
	float: right;
	display: inline;
	padding-top:0;
	padding-bottom:0;
	padding-left:0.7em;
	padding-right:3em;
	border:none;
}

.imgpresentkort{
padding-top:4em;
padding-bottom: 6em;
}

.infolist li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: transparent;
	color: #666666;
	list-style-type:square;
	margin-left:12em;
	padding-bottom:0.5em;
}

.infolist li li{
	margin-left:1.5em;
	padding:0.2em;
}

/***************************************************

   Footer Style Container 

 ***************************************************/
#footermain{
	background-color:#000000; 
	color:#666666; 
	margin:0; 
	height:40em; 
	clear:both;
}

#foot{
	width:72em; 
	position:relative; 
	margin-left:8em;; 
	padding-top:1.25em;
	padding-bottom:1.25em;
	text-align:center;
}

#foot p{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	font-weight:600;
	margin:0;
	padding:0 0 0.5em 0;
}

#foot ul{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	font-weight:600;
	margin:0;
	padding:0 0 0.5em 0;
}

#foot li{
	padding:0;
	list-style:none;
	display:inline;
	margin:0;
}

#foot a{
	text-decoration:none;
	background-color:inherit;
	color:#666666;
}

#foot a:hover{
	background-color:inherit;
	color:#FFFFFF;
}

/***************************************************

   Print Style 

 ***************************************************/

@media print {	

body {
	font-size: 10pt;
	line-height: 13pt;
	background: #FFFFFF !important;
	}	

#head, #meny, #sitewrapper, #sitewrapper_presentkort, #infocontent, #infocontent_presentkort, #infocontent_main, #footermain, #foot {
		width: auto !important;
		margin: auto !important;
		padding:0;
		border: none;
		float:none;
	}
	
#head{
	padding-bottom:2em;
}
	
#imgkarta, #logocontent {display:none;}

#head, #meny, #sitewrapper, #sitewrapper_presentkort, #infocontent, #infocontent_presentkort, #infocontent_main, #footermain, #foot {
	background:transparent;
	}

h1, h2{
	font-size:12pt;
}

#infocontent p.main{
	margin:0;
	padding:0;
	text-align:center;
}

#infocontent h1.main{
	line-height:30pt;
	font-size:18pt;
	margin:0;
	padding:0;
	text-align:center;
}

#infocontent h2.main{
	line-height:30pt;
	font-size:24pt;
	background-color:#FFFFFF;
	color:#000000;
	margin:0;
	padding:0;
	text-align:center;
}

#infocontent h3.main{
	line-height:20pt;
	font-size:14pt;
	margin:0;
	padding-top:130pt;
	padding-left:0;
	text-align:center;
}

#infocontent_presentkort p{
	margin:0;
	padding:0;
	text-align:center;
}

#infocontent_presentkort h1{
	line-height:22pt;
	font-size:18pt;
	margin:0;
	padding:0;
	padding-top:25pt;
	text-align:center;
}

#infocontent_presentkort h2{
	line-height:18pt;
	font-size:14pt;
	margin:0;
	padding:0;
	padding-top:40pt;
	text-align:center;
}

#infocontent_presentkort h3{
	line-height:16pt;
	font-size:12pt;
	margin:0;
	padding:0;
	padding-top:45pt;
	padding-bottom:20pt;
	text-align:center;
}
	
h3, h4, p, ul, li {
	margin-left:0;
	padding-left:0;
}

.imgfloatright, .imgfloatleft, .imgcompanyright, .imgcompanyleft{
	padding:0; 
}	

#foot{	
	position:static;
	text-align:center;
	padding-top:4em;
	font-size:8pt;
}
}