* {margin:0; padding:0;}



body {font-family: Verdana, Arial, Helvetica, sans-serif, Kunstler Script, french script, Monotype corsiva, Palace Script MT; 
background-image:url(../images/bakgrundsbild.jpg) ;
<!-------Background-attachment: fixed;
<!--------background-repeat: no-repeat;
font-size: 12px; 

background-color:#f0f0f0;



}

#wrapper {
width: 900px; 
margin: 0px auto 0 auto; 
font-size: 12px; 
color: #585858; 
background-color: #f0f0f0; 
}

#header {

width: 890px; 
height: 110px; 
margin: 5px 0px 0px 0px; 
img-align: center;
border-left: solid 5px #fffefa;
border-right: solid 5px #fffefa;
border-top: solid 5px #fffefa;

}

#menybox {
margin: 0;
padding: 0 0 0 0;
color:#ffffff;
font: 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 19px;
width: 890px;
height: 33px;
border-left: solid 5px #fffefa;
border-right: solid 5px #fffefa;
background-color: #fffefa; 
}

#menybox ul
{
list-style-type: none;
margin-left: 0px;
padding: 0;
float: left;
}

#menybox li { 
display: inline; 
}

#menybox a, #menybox span
{
text-decoration: none;
margin-left: 0px;
padding: 2px 10px;

color:#919191; <----- Färgen på texten
font-family: Verdana, Arial, Helvetica, sans-serif; <----- Typsnittet
}

#menybox a:hover{
border-bottom: 1px solid transparent;
background-color: #f0f0f0; <------ Bakgrundsfärg vid mouseover
}


#sidfot {
text-align: center; 
background-color: #F0F0F0; 
width: 900px; 
height: 20px;
margin: 5px auto 0 auto; 
}


#mitten {

background-color: #FFFEFA; 
height: 830px; 
float: left; 
width: 529px;  
margin: 0px 0px 0px 5px; 
padding: 0px 10px 0px 10px; 
text-align: left; 
border: 0px solid #000000;

}

#mittenv {
background-color: #FFFEFA; 
height: 790px;
float: left; 
width: 327px;  
margin: 0px 0px 0px 5px; 
padding: 40px 5px 0px 10px; 
border: 0px solid #000000;
img-align: left;
}


#mittenh {
color: #696969; 
background-color: #FFFEFA; 
height: 790px;
float: right; 
width: 380px;  
margin: 0px 0px 0px 0px; 
padding: 40px 0px 0px 0px; 
text-align: left; 
border: 0px solid #000000;
img-align: left;
}


#right {
color: #696969; 
background-color: #FFFEFA;
float: right; 
margin: 0px 0px 0px 5px; 
width: 168px; 
height: 790px; 
padding: 40px 0px 0px 0px; 
text-decoration:none; 

}


#mitten_produkt {
width: 722px;
height: 790px;
background-color: #FFFEFA; 
margin: 0px 0px 0px 5px;
float: left; 
padding: 40px 0px 0px 0px; 
line-height:130%;
border: 0px solid #000000;
}

#mitten_visa {
width: 712px;
height: 790px;
background-color: #FFFEFA; 
margin: 0px 0px 0px 5px;
float: left; 
padding: 40px 0px 0px 10px; 
line-height:130%;
border: 0px solid #000000;
}

#bildsida {
width: 692px;
height: 790px;
background-color: #FFFEFA; 
margin: 0px 0px 0px 5px;
float: left; 
padding: 40px 0px 0px 30px; 
line-height:130%;
border: 0px solid #000000;
}

#soksida {
width: 702px;
height: 790px;
background-color: #FFFEFA; 
margin: 0px 0px 0px 5px;
float: left; 
padding: 40px 10px 0px 10px; 
line-height:130%;
border: 0px solid #000000;
}

#sidmeny
{
margin: 0px 0px 0px 0px;
padding: 40px 5px 0px 10px;
background-color: #FFFEFA;
font-family; Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
width: 158px;
height: 790px;
float: left;
text-align: left;
color: #696969;
line-height: 18px;



}

#sidmeny ul
{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px;
}

#sidmeny a 
{
text-decoration: none;
margin: 0px;
padding: 0px;
background-color: #FFFEFA;  <--- Bakgrunden
color:#696969; <----- Färgen på texten
font-size: 12px; <---- Storleken på texten
display: block;
width: 150px;
}

#sidmeny a:hover{
font-size: 12px;
color:#303030;
width: 150px;
}


#sidmeny ul ul
{
list-style-type: none;
margin: 0;
padding-left:10px;
position: center;
z-index: 500;
Width: 150px;
background-color: #FAF0E6;
}


#sidmeny ul ul a { 

background-color: #FAF0E6; 
margin 0; 
Width: 150px;

}


#sidmeny ul ul,
#sidmeny ul li:hover ul ul,
#sidmeny ul ul li:hover ul ul {display: none; height: auto; }

#sidmeny ul li:hover ul,
#sidmeny ul ul li:hover ul {display: block; height: auto;}



.round {
    
background-image:url(../images/nyhetsbrev.jpg); 
width: 158px; 
height: 173px;
text-align: center; 
margin-left: 5px; 
color: #696969; 

}

#oppettider {
font-size: 10px; 
color: #909090;
}

#soka {
float:left;
}

.centrerad {
text-align: center;
border: 0px solid #000000;
}


/* ------- Boxar ------- */

.nyhetsbox {
width: 120px;
height: 160px;
margin-left: 23px;
padding-bottom: 3px;
text-align: center;
border: 1px solid #F5F5F5;
}

.nyhetsbildbox{	
width: 119px;
height: 120px;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
background-color: #FFFEFA;
}

.produktmenycurrent {
color: #000000;
}


#underkategorier {
width: 120px;
padding: 10px; 
list-style-type: none;
text-decoration: none;
background-color: #FAF0E6;
}


#tillbaka {
text: bold; 
width: 440px;
float: left;
margin-bottom: 20px;
}


.sokknapp {
width: 25px;
height: 19px;
margin-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
border: 1px solid #DDDDDD;
font-size: 14px;
text-align: center;
}

.sok {
width: 100px;
height: 17px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
border: 1px solid #DDDDDD;
font-size: 14px;
text-align:center;
}

.sok2 {					
width: 140px;
height: 20px;
margin-left: 0px;
padding: 0px 0px 0px 5px;
border: 1px solid #DDDDDD;
font-size: 14px;
}

.bildbox {
width: 190px;
height: 170px:
border: 1px solid #000000;
}

.litenproduktbox
{
width: 142px;
height: 135px;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
padding-top: 5px;
}


.produktbox {
width: 148px;
height: 245px;
margin-bottom: 5px;
margin-left: 3px;
margin-right: 3px;
padding: 10px 0px 10px 10px;
border: 1px solid #FAF0E6;
float: left;
}

.produktruta {
width: 138px;
height: 145px;
margin-bottom: 10px;
}	

.namn {
width: 142px;
height: 65px;
color: #707070;
}

.storproduktbox {
width: 430px;
height: 420px;
border: 1px solid #FAF0E6;
float: left;
text-align:center;
padding: 10px 10px 10px 10px;
}

.scrollbox {
overflow: auto; 
width: 707px;
height: 550px;
background-color: #FFFEFA; 
margin: 0px 0px 0px 5px;
float: left; 
padding: 0px 0px 5px 0px; 
line-height:130%;
border: 0px solid #000000;
}

.scrollbox_bildsida {
overflow: auto; 
width: 680px;
height: 600px;
background-color: #FFFEFA; 
margin: 0px 0px 0px 5px;
float: left; 
padding: 0px 0px 5px 0px; 
line-height:130%;
border: 0px solid #000000;
}

.scrollboxsmall {
overflow: auto; 
width: 707px;
height: 500px;
background-color: #FFFEFA; 
margin: 10px 0px 0px 5px;
float: left; 
padding: 0px 0px 5px 0px; 
line-height:130%;
border: 0px solid #000000;
}

/* ------- Bilder ------- */

.kategoribild {
width: 500px;
height: 111px;
}


.bildhoger{

margin: 0px 10px 0px 9px;
margin-right: 20px;
float: right;
width: 300px;
height: 245px;
}

.logga {
width: 890px; 
height: 110px; 
border: 0; 
position: 300px; 
margin: 0px 0px 0px 0px;
}

.hembild1 {
	
float: left;
width: 240px;
height: auto;
}	

.bildermittenh {
height: 240px;
width: 145px;
margin: 10px 0px 0px 30px; 
float: left;
}

.bilderadmin {
margin: 10px 0px 0px 9px; 
margin-right: 9px;
float: left;
width: 200px;
height: 135px;
}

.bilder {
margin: 10px 0px 0px 9px; 
margin-right: 9px;
float: right;
width: 185px;
height: 115px;
}

.fjaril {

border: 0;
width: 80px;
height: 80px;
text-align: right:
padding: 0px;
position: relative;
z-index:-1;
}

.fjarilvisa {

border: 0;
width: 80px;
height: 80px;
text-align: right:
margin-right: 0px;
padding: 0px;
position: relative;
right:100px;
z-index:30;
}

.snirkel {
border:0 
width 150px; 
height: 30px; 
text-align: center;
}

.nyheter {

width: 100px;	
border: 0px solid #000000;
}

.produkt {
width: auto;
height: auto;
margin-left: 0px;
float: left;
}

.produktbild {
	
width: 400px;
border: 0px solid #000000;
}

.litenproduktbild {

width: 136px;
margin-bottom: 7px;
border: 0px solid #000000;
}

.massasidmeny {
width: 130px;
border: 0px solid #000000;
}

.massan {
width: 200px;
border: 0px solid #000000;
}


/* ------- övrigt ------- */

h1 { 
font-size: 22px; 
list-style-type: none; 
font-weight: normal;
color: #D9B6B9; 
font-family:  french script, Monotype corsiva, verdana, arial; 
}

h2 {
font-size: 15px;
color:#909090;

font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;
line-height: 120%;
}

h3 {
font-size: 16px;
color: #808080;
align:center;
text-decoration:none; 
}

h4 {
font-size: 14px;
color:#707070;
align:center;
font-weight: bold;
}


A:LINK {
color:#707070;
text-decoration:none;
}

A:visited {
color:#707070;
text-decoration:none;
}

a:hover {
color:#303030;
}

a:active {
color:#228B22;
}

.current {
background: #E9E9E9;
}

.rod {
	
color:#ff0000;
}

#text {
line-height: 15px;
}