body {
padding: 0;
margin: 0;
text-align: center;
background-color: #c0b4a9; color: #172436;
background-image: url(img/background_toning.jpg); background-repeat: repeat-x;
font: 74% Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5 {
font-family: Verdana, Georgia, Times, "Times New Roman", serif;
color: #426471; background-color: inherit;
letter-spacing: 1px;
margin-top: 7px;
margin-bottom: 4px; }

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1.16em; }
h5 { font-size: 1em; }

.h2_kampanjbox {
	font-family: Verdana, Georgia, Times, "Times New Roman", serif;
	color: #426471; background-color: inherit;
	margin-top: 2px;
	margin-bottom: 4px;
	letter-spacing: 0px;
	font-size: 1em; }

.kampanjbox_reapris {
	font-family: Verdana, Georgia, Times, "Times New Roman", serif;
	color: #1e93e3;
	letter-spacing: 0px;
	font-size: 1.33em;
	font-weight: bold; }
	
.kampanjbox_frontpris {
	font-family: Verdana, Georgia, Times, "Times New Roman", serif;
	color: #e1b454;
	letter-spacing: 0px;
	font-size: 1.33em;
	font-weight: bold; }
	
	.kampanjbox_frontbg {
	font-family: Verdana, Georgia, Times, "Times New Roman", serif;
	color: #000000;
	letter-spacing: 0px;
	font-size: 1.33em;
	font-weight: bold;
	padding: 0px 0px 10px 18px;
	background-image: url(img/frontad_extrapris_bakgrund.gif); background-repeat:no-repeat; }
	
	.kampanjbox_listpris {
	font-family: Verdana, Georgia, Times, "Times New Roman", serif;
	color: #000000;
	letter-spacing: 0px;
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 15px 18px;
	background-image: url(img/frontad_extrapris_bakgrund.gif); background-repeat:no-repeat; }
	

.VVSdesign #container {
	width: 899px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.VVSdesign #mainContent {
	margin: 0 0 0 210px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px;
}

/* SIDOBAKGRUNDSFÄRGER */
.VVSdesign #all             { background-image: url(img/side_bg_longer.gif); background-repeat: repeat-y; }
.VVSdesign #all_gray 		{ background-image: url(img/side_bg_longer.gif); background-repeat: repeat-y; }
.VVSdesign #all_bla 		{ background-image: url(img/side_bla_long.gif); background-repeat: repeat-y;}
.VVSdesign #all_gron 		{ background-image: url(img/side_gron_long.gif); background-repeat: repeat-y;}
.VVSdesign #all_lila 		{ background-image: url(img/side_lila_long.gif); background-repeat: repeat-y;}
.VVSdesign #all_ljusgron 	{ background-image: url(img/side_ljusgron_long.gif); background-repeat: repeat-y;}
.VVSdesign #all_morklila 	{ background-image: url(img/side_morklila_long.gif); background-repeat: repeat-y;}
.VVSdesign #all_turkos 		{ background-image: url(img/side_turkos_long.gif); background-repeat: repeat-y;}
.VVSdesign #all_orange 		{ background-image: url(img/side_orange_long.gif); background-repeat: repeat-y;}


.fltrt { /* float an element right in your page */
	float: right;
	margin-left: 8px;
}
.fltlft { /* float an element left */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p { margin: 10px 4px 15px 0;
font-size: 0,9em;
line-height: 140%; }

a { color: #426471; background-color: inherit; text-decoration: underline; }
a:visited { color: #426471; background-color: inherit; }
a:hover { color: #172436; background-color: inherit; }
a img { border: none; }

hr { border: thin solid #426471; margin-top: 30px; margin-bottom: 30px; }

.cleartopmargin { margin-top: 0; }
.center { text-align: center; }


/* sidhuvud */
#header {
width: 100%;
background-color: #FFFFFF;
background-image: url(img/topimage2.jpg);
background-repeat: no-repeat; }

#shheight { height: 148px; }
#shright { width: 42%; float: right; }
#shrightcontent { padding: 115px 0 0 0;
position: static; }

/* topknappar */
#topbutton ul {
list-style-type: none;
padding: 0px; margin: 0px;
float: right; }

#topbutton li { display: inline;}

#topbutton a, #topbutton span {
font-weight: bold;
color: #FFFFFF;
background-color: #1a2b47;
border: 1px solid #FFFFFF;
padding: 4px; margin: 4px;
text-decoration: none;
font-size: 10px;
float: left; }


/* topmeny */
#topmenybox {
width: 100%;
background-color: #1a2b47;
float: left;
padding: 3px 0 3px 0;
clear: both; }

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

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 0px 20px 0px 10px;
text-decoration: none;
color:#000000; }

/* FÄRGKODNING */
#topmeny li.rubrikstart, #topmeny li.rubrikorange, #topmeny li.rubriklila, #topmeny li.rubrikmorklila, #topmeny li.rubrikgron, #topmeny li.rubrikljusgron, #topmeny li.rubrikbla, #topmeny li.rubrikturkos {
padding: 2px;
font-size: 1em;
color: inherit;
font-weight:bold;}

#topmeny li.rubrikstart		{color: #FFFFFF; background-color: #1a2b47;}
#topmeny li.rubrikstart a	{background-color: #1a2b47; color: #FFFFFF;}
#topmeny li.rubrikorange	{background-color: #e1b454;}
#topmeny li.rubriklila		{background-color: #9982c8;}
#topmeny li.rubrikmorklila	{background-color: #7c89da;}
#topmeny li.rubrikgron		{background-color: #78b971;}
#topmeny li.rubrikljusgron	{background-color: #bbd560;}
#topmeny li.rubrikbla		{background-color: #539bec;}
#topmeny li.rubrikturkos	{background-color: #61b2c6;}

#sidebar1 li.sidomeny	{background-color: #ae8fd0;
padding: 0px 0px 3px 3px; border-bottom: 1px solid #ffffff;}

H1.orange	{color: #e1b454;}
H1.lila		{color: #9982c8;}
H1.morklila	{color: #7c89da;}
H1.gron		{color: #78b971;}
H1.ljusgron	{color: #bbd560;}
H1.bla		{color: #539bec;}
H1.turkos	{color: #61b2c6;}


/* breadcrumbs */
#breadcrumbsbox {
width: 100%;
background-color: #FFFFFF; color: #1a2b47;
font-size: 0.9em;
float: left;
padding: 6px 0 4px 0; }

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

#bread li { display: inline; }

#bread a, #bread span {
padding: 2px 0px;
color: #1a2b47; background-color: inherit;
text-decoration: none;}

#bread a:hover { text-decoration: underline; }

.VVSdesign #sidebar1, #sidebar1_orange, #sidebar1_ljusgron, #sidebar1_gron, #sidebar1_lila, #sidebar1_morklila, #sidebar1_bla, #sidebar1_turkos {
	float: left; /* since this element is floated, a width must be given */
	width: 220px;
	margin: 0px; }

.clearClass {clear: both;}

.VVSdesign #sidebar1 p, h3 {margin: 8px;}

#boxText {margin: 8px; font-size: 5px;}

/* produktlistning */
.tabell_top, .tabell_top a, .tabell_top a:hover {
background-color: #1a2b47;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
font-weight: bold;
font-family: Verdana, Georgia, Times, "Times New Roman", serif;
font-size: 1em;
}

.tabell_top a, .tabell_top a:hover {
background-color: #1a2b47;
color: #FFFFFF;
font-weight: bold;
border: 0px;
font-family: Verdana, Georgia, Times, "Times New Roman", serif;
font-size: 1em;
}


.tabellbg_ljus {
background-color: #FFFFFF;
font-family: Verdana, Georgia, Times, "Times New Roman", serif;
font-size: 1em;
}

.tabellbg_mork {background-color: #e7e2de;
font-family: Verdana, Georgia, Times, "Times New Roman", serif;
font-size: 1em;
border-top: 1px dotted #000000;
}

.tabellbg_produktvisning {
background-color: #e7e2de;
font-family: Verdana, Georgia, Times, "Times New Roman", serif;
font-size: 1em;
}

.morkbla_rubrik {
background-color: #539bec;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
font-weight: bold;
font-family: Verdana, Georgia, Times, "Times New Roman", serif;
font-size: 0.9em;
padding: 3px;
}


/* sidfot */
.VVSdesign #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#e7e2de;
	border-top: 7px solid #1a2b47;
}
.VVSdesign #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 8px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	font-size: x-small;
}


/* star product pimped start */
.starTitle{
  font-family: Verdana, Arial,  sans-serif;
  font-size: 14px;
  color: #c3c3c3;
  font-weight : normal;
}

.starName{
 font-family: Tahoma, Verdana, Arial;
 font-size: 24px;
 font-weight: normal;
 color: #1f79b6;
 }

 .starProdDesc{
 font-family: Arial, Verdana, sans-serif;
 font-size: 12px;
 color: #808080;
 }

 .starPrice{
 font-family: Arial, Verdana, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #ffffff;
 }

 .box_outline3 {
margin-top:3px;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #bfbfbf;

}
/* star product pimped end */


/* meny */

#menybox, #menybox_orange, #menybox_ljusgron, #menybox_gron, #menybox_lila, #menybox_morklila, #menybox_bla, #menybox_turkos {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
margin-bottom: 0px; }

#menybox h2, #menybox_orange h2, #menybox_ljusgron h2, #menybox_gron h2, #menybox_lila h2, #menybox_morklila h2, #menybox_bla h2, #menybox_turkos h2 {
margin: 0 0 0 0 px;
color: #FFFFFF;
font-size: 0.9em;
background-image: url(img/side_menubackground.jpg);
padding: 3px 3px 3px 10px;
clear: both; }

#menybox ul, #menybox_orange ul, #menybox_ljusgron ul, #menybox_gron ul, #menybox_lila ul, #menybox_morklila ul, #menybox_bla ul, #menybox_turkos ul {
list-style-type: none;
margin: 0; padding: 0;
}

#menybox a, #menybox span, #menybox_orange a, #menybox_ljusgron a, #menybox_gron a, #menybox_lila a, #menybox_morklila a, #menybox_bla a, #menybox_turkos a {
display: block;
color: #000; background-color: inherit;
text-decoration: none;
border-top: 2px solid #FFFFFF;
border-bottom: 1px solid #D1D1D1;
height: 100%;
padding: 5px 18px 5px 5px; }

#menybox a:hover  			{ background-color: #CCC0BB; }
#menybox_orange a:hover		{ background-color: #f2c35d; } 
#menybox_ljusgron a:hover 	{ background-color: #cbe472; } 
#menybox_gron a:hover		{ background-color: #98d392; } 
#menybox_lila a:hover		{ background-color: #b39be2; } 
#menybox_morklila a:hover	{ background-color: #8e9beb; } 
#menybox_bla a:hover		{ background-color: #78b3f6; } 
#menybox_turkos	a:hover 	{ background-color: #7bcbde; }

#menybox span#aktuell, #menybox_orange span#aktuell, #menybox_ljusgron span#aktuell, #menybox_gron span#aktuell, #menybox_lila span#aktuell, #menybox_morklila span#aktuell, #menybox_bla span#aktuell, #menybox_turkos span#aktuell {
background-color: #D1D1D1;
background-image: url(arrow2.gif);
background-position: 95% 56%;
background-repeat: no-repeat;
}

#menybox_under a, #menybox_under span, #menybox_orange_under a, #menybox_ljusgron_under a, #menybox_gron_under a, #menybox_lila_under a, #menybox_morklila_under a, #menybox_bla_under a, #menybox_turkos_under a, #menybox_orange_under span, #menybox_ljusgron_under span, #menybox_gron_under span, #menybox_lila_under span, #menybox_morklila_under span, #menybox_bla_under span, #menybox_turkos_under span {
display: block;
color: #000; 
background-color: #d5cbc6;
text-decoration: none;
letter-spacing: 1px;
border-top: 2px solid #FFFFFF;
border-bottom: 1px solid #D1D1D1;
height: 100%;
padding: 5px 18px 5px 10px; }

#menybox_orange_under a, #menybox_orange_under span 	{ background-color: #facf72; }
#menybox_ljusgron_under a, #menybox_ljusgron_under span { background-color: #d9f37c; }
#menybox_gron_under a, #menybox_gron_under span 		{ background-color: #b1e6ac; }
#menybox_lila_under a, #menybox_lila_under span 		{ background-color: #c9b1f9; }
#menybox_morklila_under a, #menybox_morklila_under span { background-color: #adb9ff; }
#menybox_bla_under a, #menybox_bla_under span 			{ background-color: #91c5fe; }
#menybox_turkos_under a, #menybox_turkos_under span 	{ background-color: #99dbeb; }




/* kategorilistning */
.kategoritabell {border-spacing: 10px 5px;}
.kategorier {
background-image: url(img/subkat_bg.gif); background-repeat: repeat; color: #000000; padding: 4px; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; font-weight: bold; font-family: Verdana, Georgia, Times, "Times New Roman", serif; font-size: 1em;
}

.kategorier_orange {
background-image: url(img/subkat_orange.gif); background-repeat: repeat; color: #000000; padding: 4px; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; font-weight: bold; font-family: Verdana, Georgia, Times, "Times New Roman", serif; font-size: 1em;
}
.kategorier_lila {
background-image: url(img/subkat_lila.gif); background-repeat: repeat; color: #000000; padding: 4px; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; font-weight: bold; font-family: Verdana, Georgia, Times, "Times New Roman", serif; font-size: 1em;
}
.kategorier_morklila {
background-image: url(img/subkat_morklila.gif); background-repeat: repeat; color: #000000; padding: 4px; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; font-weight: bold; font-family: Verdana, Georgia, Times, "Times New Roman", serif; font-size: 1em;
}
.kategorier_gron {
background-image: url(img/subkat_gron.gif); background-repeat: repeat; color: #000000; padding: 4px; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; font-weight: bold; font-family: Verdana, Georgia, Times, "Times New Roman", serif; font-size: 1em;
}
.kategorier_ljusgron {
background-image: url(img/subkat_ljusgron.gif); background-repeat: repeat; color: #000000; padding: 4px; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; font-weight: bold; font-family: Verdana, Georgia, Times, "Times New Roman", serif; font-size: 1em;
}
.kategorier_bla {
background-image: url(img/subkat_bla.gif); background-repeat: repeat; color: #000000; padding: 4px; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; font-weight: bold; font-family: Verdana, Georgia, Times, "Times New Roman", serif; font-size: 1em;
}
.kategorier_turkos {
background-image: url(img/subkat_turkos.gif); background-repeat: repeat; color: #000000; padding: 4px; border-right: 1px dotted #000000; border-bottom: 1px dotted #000000; font-weight: bold; font-family: Verdana, Georgia, Times, "Times New Roman", serif; font-size: 1em;
}

#menybox a { 
padding: 4px;
font-size: inherit;
color: #000000; }