/* Sidan
----------------------- */
html,body {
	font-size: 12px; Color: #333333; Line-height:16px; font-family: arial, helvetica, verdana, sans-serif;
	background-image:url(bilder/bg.gif); background-repeat:repeat-x; background-color: #999999;
	margin: 0; padding: 0px; Padding-RIGHT: 0px; Padding-LEFT: 0px; Padding-BOTTOM: 0px; Padding-top: 0px;
	 }

/* Topmeny
----------------------- */
	
.topmenu {font-family: Arial, Helvetica; font-size: 10px; color: #333333; font-weight: normal; }
.topmenu:link {text-decoration: none;}
.topmenu:visited {text-decoration: none;}
.topmenu:active {text-decoration: none;}
.topmenu:hover {text-decoration: none; color: #333333;}



/* Rubriker
----------------------- */
.Huvudrubrik {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 24px; color: #333333;text-decoration: none;}
.Mellanrubrik {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 18px; color: #333333;}
.Underrubrik {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 12px; color: #333333;}


h1 { margin: 0 0 10px 0px; padding: 0; font-size: 26px; font-weight: normal; line-height: 28px; letter-spacing: -1px; color: #333333; }
h1 A { TEXT-DECORATION: none; color: #333333; }
h1 A:link { TEXT-DECORATION: none; color: #333333; }
h1 A:hover{ TEXT-DECORATION: none; color: #333333; }
h1 A:visited{ TEXT-DECORATION: none; color: #333333; }
h1 A:active{ TEXT-DECORATION: none; color: #333333; }

h2 { margin: 5px 0 8px 0px; padding: 0; font-size: 18px; font-weight: normal; color: #333333; }
h2 A { TEXT-DECORATION: none; color: #333333; }
h2 A:link { TEXT-DECORATION: none; color: #333333; }
h2 A:hover{ TEXT-DECORATION: none; color: #333333; }
h2 A:visited{ TEXT-DECORATION: none; color: #333333; }
h2 A:active{ TEXT-DECORATION: none; color: #333333; }

h3 { margin: 0 0 8px 0; padding: 0; font-size: 18px; font-weight: normal; color: #333333; }
h3 A { TEXT-DECORATION: none; color: #333333; }
h3 A:link { TEXT-DECORATION: none; color: #333333; }
h3 A:hover{ TEXT-DECORATION: none; color: #333333; }
h3 A:visited{ TEXT-DECORATION: none; color: #333333; }
h3 A:active{ TEXT-DECORATION: none; color: #333333; }


h4 { margin: 0 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; color: #333333; }
h4 A { TEXT-DECORATION: none; color: #333333; }
h4 A:link { TEXT-DECORATION: none; color: #333333; }
h4 A:hover{ TEXT-DECORATION: none; color: #333333; }
h4 A:visited{ TEXT-DECORATION: none; color: #333333; }
h4 A:active{ TEXT-DECORATION: none; color: #333333; }


/* Feta texter
----------------------- */
.bold_bla { color: #0061AA; font-weight: bold; font-family: Arial, Helvetica, verdana; }
.bold_gul { color: #D4950D; font-weight: bold; font-family: Arial, Helvetica, verdana; }
.bold_gron { color: #669933; font-weight: bold; font-family: Arial, Helvetica, verdana; }
.bold_gra { color: #333333; font-weight: bold; font-family: Arial, Helvetica, verdana; }
.bold_rod { color: #CC0000; font-weight: bold; font-family: Arial, Helvetica, verdana; }

.bold_vit { color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, verdana; font-size: 11px; TEXT-DECORATION: none;}
.bold_vit A { color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, verdana; font-size: 11px; TEXT-DECORATION: none;}
.bold_vit A:link { color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, verdana; font-size: 11px; TEXT-DECORATION: none;}
.bold_vit A:hover { color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, verdana; font-size: 11px; TEXT-DECORATION: none; border-bottom: 1px dotted; Color: #333333;}
.bold_vit A:visited { color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, verdana; font-size: 11px; TEXT-DECORATION: none;}
.bold_vit A:active { color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, verdana; font-size: 11px; TEXT-DECORATION: none;}


/* Färgade texter
----------------------- */
.text_bla { color: #0061AA; font-weight: normal;}
.text_gul { color: #D4950D; font-weight: normal;}
.text_gron { color: #669933; font-weight: normal; }
.text_gra { color: #333333; font-weight: normal;}
.text_vit { color: #FFFFFF; font-weight: normal;}
.text_rod { color: #cc0000; font-weight: normal;}



/* Tabeller
----------------------- */
TD { Color: #333333; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; line-height: 16px; }


/* Textruta
----------------------- */
.textruta_stor { background-color:#FFFFFF; height:100px; width: 190px; border: #cccccc; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; FONT: 12px/16px arial, helvetica, verdana, sans-serif; Color: #333333; padding: 5px;}
.textruta { background-color:#FFFFFF; height: 15px; width: 200px; border: #cccccc; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; Color: #333333; FONT: 11px arial, helvetica, verdana, sans-serif; }
.knapp { height: 20px; width:80px; FONT-SIZE: 10px; }

SELECT { font-size:11px; font-family: Arial, Verdana, Helvetica; background-color: #ffffff; border-width: 1px; border-color: #00CC66; border-style: solid; height: 20px; Color: #333333;  }


.service { font-size: 12px; Color: #333333; font-family: arial, helvetica, verdana, sans-serif; }



/* HR linje
----------------------- */
hr { height: 0px; border: solid #cccccc 0px; border-top-width: 1px; }


	
/* Text
----------------------- */

.ingress { Color: #333333; Line-height:1.2em; 	FONT: 12px/18px arial, helvetica, verdana, sans-serif; font-weight:bold; TEXT-DECORATION: none }
.ingress A { TEXT-DECORATION: none;  }
.ingress A:link { TEXT-DECORATION: none;  }
.ingress A:hover{ TEXT-DECORATION: none; border-bottom: 1px dotted; Color: #333333; }
.ingress A:visited{ TEXT-DECORATION: none;  }
.ingress A:active{ TEXT-DECORATION: none;  }


.brodtext { Color: #333333; Line-height:1.2em; 	FONT: 12px/18px arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none }
.brodtext A { TEXT-DECORATION: none;  }
.brodtext A:link { TEXT-DECORATION: none;  }
.brodtext A:hover{ TEXT-DECORATION: none; border-bottom: 1px dotted; Color: #333333; }
.brodtext A:visited{ TEXT-DECORATION: none;  }
.brodtext A:active{ TEXT-DECORATION: none;  background-color:#DDDDDD}


.liten { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.liten A { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.liten A:link { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.liten A:hover { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.liten A:visited { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.liten A:active { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }

.text11 { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.text11 A { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.text11 A:link { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.text11 A:hover { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.text11 A:visited { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.text11 A:active { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }


.beg { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg A { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg A:link { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg A:hover { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg A:visited { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg A:active { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }

.beg_bold { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg_bold A { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg_bold A:link { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg_bold A:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg_bold A:visited { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.beg_bold A:active { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }

.rod_bold { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CC0000; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.rod_bold A { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CC0000; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.rod_bold A:link { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CC0000; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.rod_bold A:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CC0000; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.rod_bold A:visited { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CC0000; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }
.rod_bold A:active { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CC0000; LINE-HEIGHT: 16px; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none; }


/* Länkar
----------------------- */
.lank_gra { Color: #333333; Line-height:1.2em; 	FONT: 12px/18px arial, helvetica, verdana, sans-serif; 	TEXT-DECORATION: none }
.lank_gra A { TEXT-DECORATION: none; Color: #333333; }
.lank_gra A:link { TEXT-DECORATION: none; Color: #333333; }
.lank_gra A:hover { TEXT-DECORATION: none; border-bottom: 1px dotted; Color: #333333; }
.lank_gra A:visited { TEXT-DECORATION: none; Color: #333333; }
.lank_gra A:active { TEXT-DECORATION: none; Color: #333333; background-color:#f2f2f2}

.lank_gra_bold { Color: #333333; Line-height:1.2em; FONT: 12px/18px arial, helvetica, verdana, sans-serif; 	TEXT-DECORATION: none; font-weight:bold; }
.lank_gra_bold A { TEXT-DECORATION: none; Color: #333333; }
.lank_gra_bold A:link { TEXT-DECORATION: none; Color: #333333; }
.lank_gra_bold A:hover { TEXT-DECORATION: none; border-bottom: 1px dotted; Color: #333333; }
.lank_gra_bold A:visited { TEXT-DECORATION: none; Color: #333333; }
.lank_gra_bold A:active { TEXT-DECORATION: none; Color: #333333; background-color:#f2f2f2}




/* Meny 1
===================================================== */
.nav { float:left; width:762px; border-top:1px solid white; border-left:1px solid white; background:#333333; margin:0; padding:0; }
.nav ul { float:left; width:100%; margin:0; padding:0; background:#c7000d; list-style-type:none; }
.nav li { display:inline; padding:0; margin:0; }

.nav a { background-image:url(bilder/bg_knappar1.gif); border-right:1px solid white; border-bottom:0; padding:2px 5px 2px 0; margin:0; display:block; float:left; width:100px; color:#FFFFFF; font:normal 10px/11px Arial,Verdana,sans-serif; text-align:right; text-transform:uppercase; letter-spacing:1px; text-decoration:none; }
.nav a:hover, .nav a:focus { background:#aeaeaa; background-image:url(bilder/bg_knappar1b.gif) }
.nav a:active { background:#c7000d; }

.nav .sel a { background:#c7000d; color:white;  }
.nav .sel a:hover { background:#c7000d; color:white; }
.nav .sel a:focus {background:#c7000d;}
.nav .sel a:active { background:#c7000d; color:#fff; }


/* Meny 1 byt märke
===================================================== */
.nav .byt a { background:#333333; color:white; width:115px;}
.nav .byt a:hover { background:#b00; color:white; }
.nav .byt a:focus {background:#c00;}
.nav .byt a:active { background:#c7000d; color:#fff; }


/* Meny 2
===================================================== */
.nav2 { float:left; width:762px; border-top:1px solid white; border-left:1px solid white; background:#333333; margin:0; padding:0; }
.nav2 ul { float:left; width:100%; margin:0; padding:0; background:#333333; list-style-type:none; }
.nav2 li { display:inline; padding:0; margin:0; }
.nav2 a { background-image:url(bilder/bg_knappar2.gif); border-right:1px solid white; border-bottom:0; padding:2px 5px 2px 0; margin:0; display:block; float:left; width:100px; color:#FFFFFF; font:normal 10px/11px Arial,Verdana,sans-serif; text-align:right; text-transform:uppercase; letter-spacing:1px; text-decoration:none; }
.nav2 a:hover, .nav2 a:focus { background:#aeaeaa; background-image:url(bilder/bg_knappar2b.gif) }
.nav2 a:active { background:#c7000d; }


.nav2 .sel a { background:#c7000d; color:white;  }
.nav2 .sel a:hover { background:#c7000d; color:white; }
.nav2 .sel a:focus {background:#c7000d;}
.nav2 .sel a:active { background:#c7000d; color:#fff;  }


/* Botten
===================================================== */
#footer { clear:both; background-image:url(bilder/bg_botten.gif); background-repeat:repeat-x; border-left:1px solid white; border-right:1px solid white; padding:3px 10px 3px 30px; font:normal 11px/14px Arial,Verdana,sans-serif; color:#ffffff; }
#footer a { color:#ffffff; text-decoration:none }
#footer a:hover { color:#FF0000; }



/* Personal
===================================================== */
.personal { Color: #333333; Line-height:1.2em; FONT: 12px/18px arial, helvetica, verdana, sans-serif; 	TEXT-DECORATION: none; font-weight:bold; }
.personal A { TEXT-DECORATION: underline; }
.personal A:link { TEXT-DECORATION: none; }
.personal A:hover { TEXT-DECORATION: underline; Color: #CC0000; }
.personal A:visited { TEXT-DECORATION: none; }
.personal A:active { TEXT-DECORATION: none; Color: #333333; background-color:#CC0000}