/*
	Cascading Style Sheet for www.naturligtvissalomonssons.se
	author: Aidas Design (Advanced IT Design And Solutions i Huskvarna)
	contact: Asta Omarsdottir asta@aidasdesign.com
*/

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

   	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-color:#000000;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 76%; /* p=1.0em */
}

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

h2{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	background-color: transparent;
	color: #000000;
	padding-bottom:1.2em;
}

h3{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	background-color: transparent;
	color: #000000;
	padding-bottom:0.5em;
}

h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: transparent;
	color: #000000;
	padding-bottom:0.5em;
}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:1.5em;
	background-color: transparent;
	color: #000000;
	padding-bottom:1.2em;
}

li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: transparent;
	color: #000000;
	padding-bottom:1.2em;
	list-style-position:inside;
}

th{
	text-align:left;
}

img{
	border:none;
}

.bold
{
    font-weight:bold;
}

.underscore
{
    text-decoration:underline;
}

.center{
	text-align:center;
}

.right {
	text-align:right;
	padding-right:2em;
}

.indent
{
    margin-left:2em;
}

.citat
{
    font-style:italic;
}
.tab1
{
    margin-top:0.5em;
    margin-left:2em;
}
.tab2
{
    margin-left:4em;
}

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

   Intro Page Styles

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

#introbild{
    margin-top:10px;
    margin-left:10px;
}
#introtext{
    margin-top:10px;
    margin-left:100px;
    text-align:left;
}

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

   Site Container two colums

 ***************************************************/
 #container
 {
  width:105em; 
 }
 
 #maincontainer
 {
    position:relative;
    width:72em;
    float:left;
 }
 
 #adcontainer
 {
    width:33em;
    float:right;
 }

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

   Top-navigation Styles

 ***************************************************/
 #top{
 width:100%;
 height: 100px;
 }
 
 #logo
 {
 width:248px;
 height:100px;
 float:left;
 }
 
 #datum
{
 position:relative;
 text-align:right;
 padding-right:2em;
 padding-top:3.5em;
 color:#CCCCCC;
}
 
 #menuframe
 {
 height:2.4em;
 width:100%;
 text-align:right;
 float:left;
 }
 
 #menuframe li{
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 1.2em;
 font-weight:bold;
 color:#FFFFFF;
 padding-left:1em;
 padding-top:0.7em;
 display:block;
 float:right;
 }
 
/* selectors must remain in this order to work */
#menuframe a:link {
	color:#FFFFFF;
	text-decoration:none;
	}

#menuframe a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#menuframe a:hover {
	color:#CCCCCC;
	text-decoration: underline;
	}

#menuframe a:active {
	color:#FFFFFF;
	text-decoration:none;
}

/* selectors must remain in this order to work */
#submenu a:link 
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2em;
    font-weight:bold;
	color:#333333;
	text-decoration:none;
	}

#submenu a:visited 
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2em;
    font-weight:bold;
	color:#333333;
	text-decoration:none;
	}

#submenu a:hover 
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2em;
    font-weight:bold;
	color:#CCCCCC;
	text-decoration: underline;
	}

#submenu a:active 
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2em;
    font-weight:bold;
	color:#333333;
	text-decoration:none;
}

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

   Standard Page Styles

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

#frame{
margin-top:0;
width:98%;
background-color:#C4BCB2;
float:right;
}

#frame_content{
min-height:400px;
padding-top:1em;
padding-left:4em;
} 

#frame_content .box
{
width:64em;
float:left;
padding-right:2em;
}  

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

   Foot Styles

 ***************************************************/
#fot
{
clear:both;
margin-bottom:2em;
text-align:center;
padding-bottom:0.8em;
}

#fot p{
margin:0;
padding:0.5em;
}

#fot a:link{
color:#666666;
}

#fot a:visited{
color:#666666;
}

#fot a:hover{
color:#666666;
}

#fot a:active{
color:#666666;
}

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

   Ad Container

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


#adcontainer .box
{
    margin:0;
    padding:0;
    float:left;
    
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.imgborder {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

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

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

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

.imgUtb 
{
    margin:0em;
	float: left;
	display: inline;
	padding: 0em 1.2em 3em 0em;
	border:none;
}
.imgGastbok
{
    margin:0em;
	float: left;
	display: inline;
	padding: 0em 3em 3em 0;
	border:none;   
}

.imgleft
{
    padding-bottom:1.2em;
    display:block;
    border:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Contacts

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contact 
{
    width:64em;
    padding-bottom:1em;
}

.adress 
{
    width:18em;
    float:left;
}

.telefon 
{
   width:18em; 
   float:left;
}

.mail 
{
   
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Pressklipp

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pressklipp
{
width:64em;
float:left;
padding-right:2em;
}

h3.pressklipp
{
    font-weight:bold;  
}

.pressklipp a:link{
text-decoration:none;
}

.pressklipp a:visited{
text-decoration:none;
}

.pressklipp a:hover{
text-decoration:none;
}

.pressklipp a:active{
text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	sitemap

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sitemap
{
    margin:0;
    padding:0;
    padding-left:25em;
    float:left; 
}