@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #efefef
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border: 0px;
}



/*************** Tecksnitt & Format *******************/
.rubrik {
font-family: arial black, arial;
font-weight:normal;
font-size: 29px;
color: #0055a4;
line-height: 130%;
}

.mellanrubrik 
{
font-family: arial black, arial;
font-weight:normal;
font-size: 18px;
color: #000;
line-height: 110%;
}

.ingress {
font-family: tahoma, arial;
font-weight:normal;
font-size: 11px;
color: #0055a4;
line-height: 130%;
font-weight:bold;
}

.brodtext {
font-family: tahoma, arial;
font-weight:normal;
font-size: 11px;
color: #000;
line-height: 120%;
}

.mini {
font-family: tahoma, arial;
font-weight:normal;
font-size: 9px;
color: #08430f;
line-height: 130%;
}

/*************** Profilera/design *******************/

.varumärke 
{
    width: 250px; 
    border: solid 1px black; 
    padding: 6px; 
    display: table; 
    height: 95px;  
    font-size: 13px; 
    float: left; 
    margin-top: 10px;
    margin-right: 10px;
    background: url(../bilder/varumarke_bg.jpg);
    background-repeat: repeat-x;
    color: white;
}

.varumärke .leverantör
{
    float:left; 
    font-weight: bold; 
    margin-bottom: 5px;
}

.varumärke .pdf
{
    float:right;
}

.varumärke .logo
{
    float:left; 
    width: 70px; 
    height: 70px;
    border: solid 0px;
}

.varumärke .beskrivning
{
    float:left; 
    width: 168px; 
    height: 70px; 
    margin-left: 8px; 
    font-size: 11px;
}


/*************** Profil *******************/
.legend
{
            font-weight: bold;
            font-size: 16px;
            font-family: verdana;
}

.profilhuvud
{
    background-image: url( "../bilder/profil_huvud.gif" );
    width: 130px;
    height: 30px;
    font-family: Arial Black;
    font-size: 15px;
    text-align: center;
    color: #000000;
}

.profilmain
{
    background-image: url( "../bilder/profil_main.gif" );
    width: 130px;
    height: 120px;
    text-align: center;
}

.profilbottom
{
    background-image: url( "../bilder/profil_bottom.gif" );
    width: 130px;
    height: 10px;
    text-align: center;
    margin-bottom:25px;
}

.produktbild
{
    text-align: center;
    margin-bottom: 7px;
    margin-left: 1px;
    margin-top: 7px;
}

.produktRubrik
{
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;  
}

.produktText
{
    font-family: verdana;
    font-size: 9px;
    font-weight: normal;  
    width: 155px;
    
}

.produktAttribut
{
    font-family: verdana;
    font-size: 9px;
    width: 155px;
    font-style: italic;
}

.reportage_forstasidan
{
    font-family: Verdana, Sans-Serif;
    font-size: 9px;
    width: 165px;
    padding-right: 7px;
}

.fproduktRubrik
{
    font-family: arial black;
    font-size: 12pt;     
    line-height: 15pt; 
}


/*************** Layout *******************/

.bild 
{
    margin:0px; padding: 0px;
    }

.sidfot {
text-align: right;
height: 40px;
margin-left: auto; 
margin-right: auto;
width: 236px;
padding-left: 600px;
padding-top: 5px;
padding-bottom: 20px; font-size: 10px;
}


.toppen_ettan {
background-image: url(../bilder/bg_toppen.jpg);
background-repeat: no-repeat;
height: 324px;
}

.mitten_ettan {
background-image: url(../bilder/bg_body.gif);
height: 251px;
}

.knapparna_ettan {
margin-left: 37px;
margin-top:  19px;
}

.rubrik_ettan {
margin-left: 37px;
margin-top:  20px;
}

.knappmarginal {
margin-right: 18px;
}

.bildstrip_ettan {
background-image: url(../bilder/ettan_bildstrip.jpg);
background-repeat: no-repeat;
height: 178px;
}

.vanster_spalt {
	margin: 20px 10px 30px 24px;
	width: 380px;	
	float: left;
	display: inline;
}

.hoger_spalt {
	margin: 20px 34px 30px 12px;
	width: 380px;
	float:right;
	display: inline;
}

.ingress_box {
	margin: 20px 30px 0px 24px;
	width: 630px;
	float:left;
	display: inline;
}

.marginalerProfil {
	margin: 20px 0px 0px 24px;
	padding-bottom: 30px;
	width: 500px;
	float:left;
	display: inline;
}


.marginaler20 {
	margin: 20px 30px 0px 24px;
	padding-bottom: 30px;
	width: 550px;
	float:left;
	display: inline;
}

.marginaler20_w500 {
	margin: 20px 0px 0px 24px;
	padding-bottom: 30px;
	width: 550px;
	float:left;
	display: inline;
}

.nyhet_vanster {
    float: left;
	margin-top: 20px;
	margin-left: 25px;
	display: inline;
	width: 420px;	
}

.nyheter_hoger {
    float: right;
	margin-top: 1px;
	margin-right: 25px;
	display: inline;
	width: 300px;
}


.bild_hoger {
	float: left;
	margin-top: 20px;
}

.foreningavtal 
{
    margin: 20px 0px 0px 24px;
	padding-bottom: 0px;
	width: 770px;
	float:left;
}

.omoss_toppen {
background-image: url(../bilder/om_oss_toppbild.jpg);
background-repeat: no-repeat;
height: 240px;
}

.kontakta_toppen {
background-image: url(../bilder/kontakta_toppbild.jpg);
background-repeat: no-repeat;
height: 240px;
}

.profilera_toppen {
background-image: url(../bilder/profilera_toppbild.jpg);
background-repeat: no-repeat;
height: 240px;
}

.kataloger_toppen {
background-image: url(../bilder/kataloger_toppbild.jpg);
background-repeat: no-repeat;
height: 240px;
}

.top {
background-image: url(../bilder/bg_top.gif);
background-repeat: no-repeat;
height: 67px;
}

.main {
background-image: url(../bilder/bg_body.gif);
background-repeat: repeat-y;
}

.bottom {
background-image: url(../bilder/bg_bottom.gif);
background-repeat: no-repeat;
height: 22px;
}


.menymarginaler {
margin-right: 22px;
}

/*************** Puffar *******************/
.pufftop_blue 
{
    background-image: url(../bilder/pufftop_blue.gif);
    width: 249px;
    height: 24px;
    font-size: 10pt;
    font-weight: bold;
    font-family: verdana;
    line-height: normal;
    color: #000000;
    margin-top: 20px;
}
.pufftop_green 
{
    background-image: url(../bilder/pufftop_green.gif);
    width: 249px;
    height: 24px;
    font-size: 10pt;
    font-weight: bold;
    font-family: verdana;
    line-height: normal;
    color: #000000;
    margin-top: 20px;
}

.pufftop_red 
{
    background-image: url(../bilder/pufftop_red.gif);
    width: 249px;
    height: 24px;
    font-size: 10pt;
    font-weight: bold;
    font-family: verdana;
    line-height: normal;
    color: #000000;
    margin-top: 20px;
}

.puffbody
{
   width: 235px;
   background-image: url(../bilder/puffbody.gif);
   padding: 7px;
   font-family: verdana;
   color:#0055a4;
   font-size: 8pt;
   line-height: 15px;
   font-weight: bold;
}
.puffbottom
{
    background-image: url(../bilder/puffbottom.gif);
    width: 249px;
    height: 5px;    
}

/*************** Länkar *******************/
a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0055a4;
text-decoration: none;
font-weight:bold;
}

a:hover {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}

a.red 
{
    color: Red;
}

a.red:hover 
{
    color: white;
}

a.black {
    color: Black;
}



a.black:hover {
color: #000;
text-decoration: underline;
}

a.brod {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0055a4;
text-decoration: underline;
font-weight:normal;
}

a.brod:hover {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}

a.storlank {
    font-family: Arial Black, Arial;
    color: #0055a4;
    font-size: 15px;
    text-decoration: underline;
}

a.storlank:hover {
font-family: Arial Black, Arial, sans-serif;
color: #000000;
text-decoration: none;
}