/* ****** Generella inställningar ****** */

html, body, div, form {
	margin: 0; padding: 0;}

body {
	font: 61.9%/1.4 Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif; /* Lucida is for Linux */
	color: #000;	
	background: #EBEBEB;
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
	padding: .1em 2px .2em 0;	
}

h1	{ font-size: 1.3em; padding-bottom: .7em}
h2	{ font-size: 1.1em; }
h3	{ font-size: 1.0em; }

p{ margin: 2px 0 2px 0; padding: 0px;}

a 	{ text-decoration: none; color: #0286D8; background-color: inherit; }
a:hover	{ text-decoration: underline; }
a img, 
a:hover img,
a img:hover 
{ 
border: 0; text-decoration: none 
}
a.lasmer
{
    display: block;
    text-align: right;
    background-image: url('../../Nydesign/admin/Designbilder/dubbelpil_bla.gif');
    background-repeat: no-repeat;  
    background-position: 100% 70%;
    padding-right:11px;
}
a.skrivut
{
    display: block;
    color: #000;
    background-image: url('../../Nydesign/admin/Designbilder/skrivare.gif');
    background-repeat: no-repeat;  
    background-position: left 70%;
    padding-left:22px;
    margin: 3px 0 3px 9px;
}
a.tillbaka
{
    display: inline;
    text-align: left;
    background-image: url('../../Nydesign/admin/Designbilder/dubbelpil_tillbaka.gif');
    background-repeat: no-repeat;  
    background-position: 0% 50%;
    padding-left:11px;
}
a.anpassa
{
    display: block;
    color: #000;
    background-image: url('../../Nydesign/admin/Designbilder/anpassa.gif');
    background-repeat: no-repeat;  
    background-position: left 70%;
    padding-left:22px;
    margin: 3px 0 3px 9px;
}
a.favorit
{
    display: block;
    color: #000;
    background-image: url('../../Nydesign/admin/Designbilder/favorit.gif');
    background-repeat: no-repeat;  
    background-position: left 70%;
    padding-left:22px;
    margin: 3px 0 3px 9px;
}
a.tipsa
{
    display: block;
    color: #000;
    background-image: url('../../Nydesign/admin/Designbilder/brev.gif');
    background-repeat: no-repeat;  
    background-position: left 70%;
    padding-left:22px;
    margin: 3px 0 3px 9px;
}

.hr { border-top: 1px solid #ccc; height: 1px; line-height: 1px; margin: 10px 0 10px 0; padding:0;}
/* ****************************** Rutnät för layout *********************** */
/* ** Här skall bara finnas  grundinställningar för rutnätet  ** */

/* --- Princip/hierarki samt deklarationsordning: ---
	#webbsida
		#sidtopp
			#toppnav1
			#toppnav2
			#topplogotyp
			#toppsokformular
			[.spacer]
		#fliknavigering
		#vansterspalt
            #
			[.box-varianter]*
			[.spacer]
		#huvudspalter
			#trespaltsruta (valfri)
				[.box-varianter]*
			#huvudspalt
				[.box-varianter]*
			#hogerspalt
				[.box-varianter]*
			#trespaltsbottenruta (valfri)
				[.box-varianter]*
		#sidfot
			#senastuppdaterad
			#fotnavigering
	
--- */


#container { 
	width: 782px;
	text-align: center;
        margin-left: auto; /*Centrerar i Gecko */ 
        margin-right: auto; /* och även i IE6 standards mode */
	margin-bottom: 0;
	padding-bottom:0;
	background: #EBEBEB url("../../Nydesign/admin/Designbilder/bg.gif") center repeat-y;
}

#webbsida 
{
        text-align: left;
	padding: 0 28px 3px 28px;	
}


/*  Sidhuvud och navigeringsflikar */

#sidtopp {
	 padding: 0 0 0 0;
	 text-align: center;
}

#fliknavigering {
	clear: both;
	color: #333;
	margin: 8px 0 0 0;
}

#fliknavigering ul, 
#fliknavigering li 
 {
	display: block;	
	color: #333;
	margin: 0; 
	padding: 0;
}

#fliknavigering ul {
	height: 24px;
	margin-bottom: 8px;
}

#fliknavigering li {
	height: 23px;
	float: left;
	display: block;
}

#fliknavigering li a 
{
	display: block;
	height: 21px;
	padding: 10px 0 0 0;
	float: left;	
	font-size: 0.9em;
	color: #4D4D4D;
	background: url("../../Nydesign/admin/Designbilder/flik_gra.gif") center no-repeat;
	width: 121px;
	overflow: hidden;
	text-align: center;
}

#fliknavigering li.SelectedItem a 
{
    font-weight: bold;
	color: #fff;
	background: url("../../Nydesign/admin/Designbilder/flik_gron.gif") center no-repeat;
}

/* ******************** Vänsterspalten med huvudmenyn ******************* */

#vansterspalt {
	padding-top: 2px;
	float: left;
	width: 180px;
	overflow: hidden;
	padding-right: 15px;
}

#vansterspalt .box{
	padding-bottom: 5px;
	color: #000;
	border-bottom: 1px dotted #ccc;
	background: #F2F2F2;
	margin: 0;
}
#vansterspalt .box h2
{
 padding-top:6px;
 

 height: 14px;
 background: #fff url("../../Nydesign/admin/Designbilder/titlebar_bla_vanster.gif") center bottom no-repeat;
 text-align: center;
 color: #fff;
}
#vansterspalt .box p
{ 
 text-align: center;
 font-size: 1.3em;
 font-weight: bold;
 padding-left: 5px;
 color: #0286D8;
}
/* *************************** Huvudmenyn ********************** */

#vansterspalt .KonsumMenu{
margin: -5px 0 10px 0;
padding: 5px 0 10px 9px; 
background: #F2F2F2;
border-top: 1px dotted #ccc;
}


/*** CS_DefaultTreeMenu ***/

ul.CS_DefaultTreeMenu1,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedParent ul,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedItem ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.CS_DefaultTreeMenu1 ul,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuNotSelected ul {
  display: none;
  list-style-type: none;
}
ul.CS_DefaultTreeMenu1 li
{
  display: block;
  padding: 5px 0px 1px 0px;
}

ul.CS_DefaultTreeMenu3,
ul.CS_DefaultTreeMenu2,
ul.CS_DefaultTreeMenu1
{
margin-bottom: -5px;
}
ul.CS_DefaultTreeMenu3 li
{
  display: block;
  padding: 6px 0px 0px 0px;
}
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren li.CS_DefaultTreeMenuSelectedItem,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren li.CS_DefaultTreeMenuNotSelected
{
  padding-left:2px;
  
}
ul.CS_DefaultTreeMenu2 li.CS_DefaultTreeMenuHasChildren li.CS_DefaultTreeMenuSelectedItem,
ul.CS_DefaultTreeMenu2 li.CS_DefaultTreeMenuHasChildren li.CS_DefaultTreeMenuNotSelected 
{
  padding-left:0px;
}
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuSelectedParent a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasNoChildren.CS_DefaultTreeMenuSelectedItem a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren.CS_DefaultTreeMenuSelectedItem a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren li.CS_DefaultTreeMenuSelectedItem a
{
  color: #0286D8;
}
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasNoChildren.CS_DefaultTreeMenuNotSelected a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren.CS_DefaultTreeMenuNotSelected a,
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren li.CS_DefaultTreeMenuNotSelected a
{
 color: #000000;
}

/* and some link styles */
ul.CS_DefaultTreeMenu1 li a {color: #000; display: inline; text-decoration: none; width:100%; margin-left: 0px;  padding-bottom: 4px; }
ul.CS_DefaultTreeMenu1 li a:hover { color: #000; text-decoration: underline; }
ul.CS_DefaultTreeMenu1 li.CS_DefaultTreeMenuHasChildren { /* Nothing special */ }


/* ******************** Boxar *********************** */
#vansterspalt .box_tjanst 
{
        /*height: 95px;*/
	margin-bottom: 10px;
	color: #000;
	overflow: hidden;
}
#vansterspalt .box_tjanst h2
{
 text-align: center;
 padding: 3px 0 0 0;
}
#vansterspalt .box_tjanst p
{
 margin-top: 7px;
 padding-left: 5px;
}
#vansterspalt .box_tjanst .lankar
{
 padding-top: 7px;
 
}

/* ******************** Själva sidan *********************** */

#huvudspalter {
	clear: right;
	float: right;
	width: 526px;
	
}
#huvudspalter h1
{
 font-size: 1.5em;
 font-weight: bold;
 margin-top: 3px;
}
#huvudspalter #huvudspalt h1
{
 font-size: 1.5em;
 font-weight: bold;
 margin-top: 0px;
}
#huvudspalter h2
{
font-size: 1.3em;
font-weight: bold;
}
#huvudspalter h2.smakfullt
{
margin-top: 10px;
}
#huvudspalter h3
{
font-size: 1.0em;
font-weight: bold;
padding: 5px 0;
}

#trespaltsruta {
	padding-bottom: 10px;
}


#huvudspalt {
	float: left;
	width: 345px;
	overflow: hidden;
	margin-top: 4px;
	
}

#huvudspalter p
{
 padding-top: 2px;
 padding-bottom: 6px;

}

#huvudspalthuvud {
	color: #000;	
	padding: 4px;
	margin-bottom: 8px;
}

#huvudspalthuvud h2 {
	color: black;	
	font-size: 2.0em;
	font-weight: normal;
	padding-top: 10px;
}

#hogerspalt {
	float: right;
	margin-left: 10px;
	width: 161px;
	overflow: hidden;
 	margin-top: 2px;
}
#hogerspalt .box
{
/*height: 252px;*/
 background: #F2F2F2;
 margin-bottom: 10px;
 font-size:0.9em;
 padding-bottom:7px;

}
#hogerspalt .box h2
{
 font-size: 1.1em;
 height: 300px;
 text-align: center;
 padding-top:6px;
 height: 14px;
 text-align: center;
 color: #fff;
 background: #fff url("../../Nydesign/admin/Designbilder/titlebar_bla_hoger.gif") center bottom no-repeat;
}
#hogerspalt .box h3
{
 background-color: #F2F2F2;
 padding: 10px 5px;
}
/*
#hogerspalt .box ol
{
 padding: 0px 5px 0px 5px;
 margin: 0px 0px 0px 21px;
  
}
#hogerspalt .box li
{
  padding-left: 0px;
  padding-right: 3px;
  margin-left: 0px;
}
*/
#hogerspalt .box div{
 background-color: #F2F2F2;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
}
#hogerspalt .box p,
#hogerspalt .box ul,
#hogerspalt .box ol,
#hogerspalt .box li
{
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 5px;
 
}
#hogerspalt .box ol{
 margin: 0px 0px 0px 21px;
}
#hogerspalt .box p p
{
 margin-left: 0px;
  margin-right: 0px;

}
#hogerspalt .box a.lasmer
{
 margin-right: 6px;
}

#trespaltsbottenruta {
	clear: both;
	padding-top: 10px;
}
#trespaltsbottenruta .box{
	float:left;
	width: 167px;
	height: 227px;
	margin: 10px 0;
}

#trespaltsbottenruta .box .text{
	height: 232px;
	overflow: hidden;
}
#trespaltsbottenruta .box .text .pris{
	padding-top: 160px;
	color: #FF0000;
	font-size: 1.9em;
	font-weight: 900;
	text-align: center;
}
#trespaltsbottenruta .box p{
	color: #000;
	font-weight: bold;
	margin: 0;
	line-height: 1.3em;
	padding: 1px 9px 1px 9px;
	font-size: 0.9em;
}
#trespaltsbottenruta .box .text h2{
	position: absolute;
	left: -9999px;	
}

#trespaltsbottenruta .box .nav {	
	height: 29px;
}

/*
#trespaltsbottenruta .box .nav .hoger{	
	padding: 9px 7px 0 0;
	float: right;
	cursor: pointer;
}
#trespaltsbottenruta .box .nav .vanster{	
	padding: 9px 0 0 7px;
	float: left;
	cursor: pointer;
} */

#trespaltsbottenruta #extra,
#trespaltsbottenruta #KonsumExtra {	
	margin: 10px;
}

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

#trespaltsbottenruta .box2{
	float:left;
	width: 526px;
	height: 135px;
}

.box2 a{ text-decoration: none; color: #000; background-color: inherit; }


#trespaltsbottenruta .box2 .text{
	padding-left: 10px;
	padding-bottom: 10px;
	width: 160px;
	height: 120px;
	overflow: hidden;
}
#trespaltsbottenruta .box2 .text .pris{
	padding-top: 5px;
	color: #FF0000;
	font-size: 1.5em;
	font-weight: 900;
}
#trespaltsbottenruta .box2 .text .produkt{
	padding-top: 10px;
	font-size: 1.9em;
}

#trespaltsbottenruta .box2 p{
	color: #000;
	line-height: 1.3em;
	padding: 1px 0px 1px 0px;
	font-size: 0.9em;
}
#trespaltsbottenruta .box2 .text h2{
	position: absolute;
	left: -9999px;	
}

#trespaltsbottenruta .box2 .nav {	
	height: 29px;
}

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

#sidfot {
	clear: both;
	padding-top: 3px;
	padding-bottom: 0;
	margin:0;		
}

#sidfot #copyright {
	text-align: left;
	float: left;
	padding: 0px 10px;
	width: 180px;	
	background-color: inherit;
	border-right: 1px dotted #ccc;
}

#sidfot #tilltopp a {
	float: right;
	width: 200px;
	color: #ccc;
	text-align: right;
	border-left: 1px solid #fff;
	background-image: url('../../Nydesign/admin/Designbilder/pilupp_gra.gif');
    	background-repeat: no-repeat;  
    	background-position: 100% 70%;
    	padding-right:11px;
}

#slut{	
        
	padding:0;
	margin: 0px;
	height:9px;
	background: url("../../Nydesign/admin/Designbilder/bottom-bg.gif") bottom center no-repeat;}

/* *********************** Utseendet för respektive del i layouten ********************* */



/* *********************** Stödklasser ***************** */
.spacer {
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}

.box {
	margin-bottom: 10px;
}


#nyhetsbrev{
 background: url("../../Nydesign/admin/Designbilder/puffruta_nyhetsbrev.gif") top center no-repeat;
 height: 82px;

}

#nyhetsbrev input{
font-size: 10px;
font-weight: bold;
float: right;
margin-right: 5px;
}
#nyhetsbrev p,
#saldo p
{
padding-top: 4px;
padding-right: 2px;
margin-left: 68px;
}
#medlemmar{
 background: url("../../Nydesign/admin/Designbilder/puffruta_medemmar.gif") top center no-repeat;
 height: 78px;
}
#medlemmar input{
font-size: 10px;
font-weight: bold;
float: right;
margin-right: 5px;
}
#saldo{
 background: url("../../Nydesign/admin/Designbilder/puffruta_sedittsaldo.gif") top center no-repeat;
 height: 82px;
}
#saldo input{
font-size: 10px;
font-weight: bold;
float: right;
margin-right: 5px;
}

#verktyg{
 height: 82px;
 background: url("../../Nydesign/admin/Designbilder/verktyg_bkg.gif") top center no-repeat;
}
.menyprickar{
 padding-bottom:0px;
}
/********** BILDFORMULAR*****************/
.imageForm label{
display:block;
font-weight:bold;
}
.imageForm #galleryimageFileDeleteButton{
display:none;
}

.imageForm input,
.imageForm textarea
{
font-family:verdana;
font-size:1.2em;
width:282px;
}
* HTML .imageForm input
* HTML .imageForm textarea,{
font-family:verdana;
font-size:1.2em;
width:276px;
}
.imageForm #galleryimageFileUploadButton{
width:130px;
}
.imageForm #galleryimageTitle{
width:150px;
}
.imageForm #send{
width:60px;
}
/********** LEVERANTOR *****************/
.logo{
float:left;
padding-right:10px;
width:200px;
}

.product{
float:left;
width:300px;
}
.leverantorbox{
padding-bottom:10px;
}
.product h3{

padding:0px !important;
}
/********** BILDGALLERI*****************/
.galleryImage{
float:left;
padding-bottom:20px;
padding-right:20px;
width:200px;



}

.CS_clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.CS_clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.CS_clearfix
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .CS_clearfix
{
	height: 1%;
}
.CS_clearfix
{
	display: block;
}
/* End hide from IE-mac */

/****** UTSKRIFT ****************/
@media print{

#container{text-align:left;}
#huvudspalter {float:left;}
#sidtopp{display:none;}
#fliknavigering{display:none;}
#vansterspalt{display:none;}
#sidfot{display:none;}
a.lasmer{display:none;}
a.tillbaka{display:none;}