/* sidan
----------------------- */
html { overflow: -moz-scrollbars-vertical; }
html, body {
font-size: 12px; color: #69675f; line-height:16px;
background: #f2f2ec url(bilder/bg.jpg); background-repeat: repeat-x;
margin: 0; padding: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
font-family: arial, helvetica, verdana, sans-serif; }
form {display: inline}
/* topmeny
----------------------- */
.topmenu {font-family: arial, helvetica; font-size: 10px; color: #69675f; font-weight: normal; }
.topmenu:link {text-decoration: none;}
.topmenu:visited {text-decoration: none;}
.topmenu:active {text-decoration: none;}
.topmenu:hover {text-decoration: none; color: #69675f;}
/* undermeny
----------------------- */
.undertopmeny {font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #69675f;}
.undertopmeny:link {text-decoration: none;}
.undertopmeny:visited {text-decoration: none;}
.undertopmeny:active {text-decoration: none;}
.undertopmeny:hover {text-decoration: none; color:#69675f;}
.undertopmenyvald {font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #669933;}
.undertopmenyvald:link {text-decoration: none;}
.undertopmenyvald:visited {text-decoration: none;}
.undertopmenyvald:active {text-decoration: none;}
.undertopmenyvald:hover {text-decoration: none;}
/* rubriker
----------------------- */
.huvudrubrik_gron {font-family: arial, helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 24px; color: #669933;text-decoration: none;}
.huvudrubrik_rod {font-family: arial, helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 24px; color: #996633;text-decoration: none;}
.mellanrubrik {font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 16px; color: #669933;}
.mellanrubrik a {color: #669933; text-decoration: none;}
.underrubrik {font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 12px; color: #669933;}
.rubrik_gron {font-family: arial, helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 20px; color: #669933;}
.rubrik_gra {font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; color: #69675f;}
h1 { margin: 0 0 10px 0px; padding: 0; font-size: 26px; font-weight: normal; line-height: 28px; color: #69675f; }
h1 a { text-decoration: none; color: #69675f; }
h1 a:link { text-decoration: none; color: #69675f; }
h1 a:hover{ text-decoration: none; color: #69675f; }
h1 a:visited{ text-decoration: none; color: #69675f; }
h1 a:active{ text-decoration: none; color: #69675f; }
h2 { margin: 0px 0 8px 0px; padding: 0; font-size: 22px; font-weight: normal; color: #69675f; }
h2 a { text-decoration: none; color: #69675f; }
h2 a:link { text-decoration: none; color: #69675f; }
h2 a:hover{ text-decoration: none; color: #69675f; }
h2 a:visited{ text-decoration: none; color: #69675f; }
h2 a:active{ text-decoration: none; color: #69675f; }
h3 { margin: 0 0 8px 0; padding: 0; font-size: 18px; font-weight: normal; color: #69675f; }
h3 a { text-decoration: none; color: #69675f; }
h3 a:link { text-decoration: none; color: #69675f; }
h3 a:hover{ text-decoration: none; color: #69675f; }
h3 a:visited{ text-decoration: none; color: #69675f; }
h3 a:active{ text-decoration: none; color: #69675f; }
h4 { margin: 0 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; color: #69675f; }
h4 a { text-decoration: none; color: #69675f; }
h4 a:link { text-decoration: none; color: #69675f; }
h4 a:hover{ text-decoration: none; color: #69675f; }
h4 a:visited{ text-decoration: none; color: #69675f; }
h4 a:active{ text-decoration: none; color: #69675f; }
/* 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_gul2 { color: #ffcc00; font-weight: bold; font-family: arial, helvetica, verdana; }
.bold_gron { color: #669933; font-weight: bold; font-family: arial, helvetica, verdana; }
.bold_gra { color: #69675f; 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: #69675f;}
.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;}
/* frgade 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: #69675f; font-weight: normal;}
.text_vit { color: #ffffff; font-weight: normal;}
.text_rod { color: #cc0000; font-weight: normal;}
legend { color: #69675f; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; }
/* tabeller
----------------------- */
td { color: #69675f; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; line-height: 18px; }
/* textruta
----------------------- */
.textruta_stor { background-color:#ffffff; height:100px; width: 300px; border: #c7c7b9; 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: #69675f; padding: 5px;}
.textruta_stor2 { background-color:#ffffff; border: #c7c7b9; 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; }
.textruta { background-color:#ffffff; height: 20px; width: 85px; border: #c7c7b9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; color: #69675f; font: 11px arial, helvetica, verdana, sans-serif; }
.textruta2 { background-color:#ffffff; height: 19px; width: 130px; border: #c7c7b9; 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: #69675f; }
.textruta3 { background-color:#ffffff; height: 18px; width: 50px; border: #c7c7b9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font: 11px arial, helvetica, verdana, sans-serif; color: #69675f; }
.textruta4 { background-color:#ffffff; height: 20px; border: #c7c7b9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font: 11px arial, helvetica, verdana, sans-serif; color: #69675f; }
.kundlogin { background-color:#ffffff; height: 19px; width: 130px; border: #c7c7b9; 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: #69675f; }
/*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; }*/
.knapp { height: 20px; font-size: 10px; }
/* hr linje
----------------------- */
hr { height: 0px; border: solid #c7c7b9 0px; border-top-width: 1px; }
/* text
----------------------- */
.ingress { color: #69675f; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; text-decoration: none; }
.ingress a { text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.ingress a:link { text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.ingress a:hover{ text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.ingress a:visited{ text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.ingress a:active{ text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.brodtext { color: #69675f; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-decoration: none; }
.brodtext a { text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.brodtext a:link { text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.brodtext a:hover{ text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.brodtext a:visited{ text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.brodtext a:active{ text-decoration: none; border-bottom: 1px dotted; color: #69675f; background-color:#c3df7f}
/*.specifikation { color: #69675f; font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; font-weight: normal; line-height: 16px; }*/
.liten { font-weight: normal; font-size: 10px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.liten a { font-weight: normal; font-size: 10px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.liten a:link { font-weight: normal; font-size: 10px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.liten a:hover { font-weight: normal; font-size: 10px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.liten a:visited { font-weight: normal; font-size: 10px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.liten a:active { font-weight: normal; font-size: 10px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.text11 { font-weight: normal; font-size: 11px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.text11 a { font-weight: normal; font-size: 11px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.text11 a:link { font-weight: normal; font-size: 11px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.text11 a:hover { font-weight: normal; font-size: 11px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.text11 a:visited { font-weight: normal; font-size: 11px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
.text11 a:active { font-weight: normal; font-size: 11px; color: #69675f; line-height: 16px; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; }
/* meny
----------------------- */
#dropmenudiv { z-index: 100; width: 98px; position: absolute }
#dropmenudiv a { font-family: arial, helvetica; font-size: 10px; color: #69675f; font-weight: normal; display: block; width: 98px; text-indent: 3px; line-height: 22px; background-color: #ffffff; text-decoration: none }
#dropmenudiv a:hover { width: 98px; background-color: #e2e2da; }
/* specifikation ordersidan
----------------------- */
.specification { table-layout: fixed; color: #69675f; font-family: arial, helvetica, verdana, sans-serif; }
.specification td { background-color: #f1f1f1; font-size: 10px; padding-left: 5px; padding-right: 5px; }
.specification td td { padding-left: 0px; padding-right: 0px; }
table.specification td.header { color: #6d872e; font-size: 11px; font-weight: bold; }
table.specification td.summary { background-color: #e2e2e2; }
table.specification td.summary td { background-color: #e2e2e2; font-size: 11px; font-weight: bold; }
/* tabeller ordersidan
----------------------- */
table.ordertable { table-layout: fixed; }
table.ordertable td { background-color: #f1f1f1; padding-left: 5px; padding-right: 5px; line-height: 18px; }
table.ordertable td td { padding-left: 0px; padding-right: 0px; }
table.ordertable td:first-child { width: 136px; }
table#domainchoice td:first-child { width: 22px; }
.textinput input, #customerinformation input, .ordertable select
{ background-color:#ffffff; border: #c7c7b9; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font: 11px arial, helvetica, verdana, sans-serif;
color: #69675f; height: 20px; }
.textinput input, #customerinformation input, .ordertable select { width: 340px; }
.ordererrormessage { color: Red; }
/* länkar
----------------------- */
.lank_gra { color: #69675f; line-height:1.2em; font: 12px/18px arial, helvetica, verdana, sans-serif; text-decoration: none }
.lank_gra a { text-decoration: none; color: #69675f; }
.lank_gra a:link { text-decoration: none; color: #69675f; }
.lank_gra a:hover { text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.lank_gra a:visited { text-decoration: none; color: #69675f; }
.lank_gra a:active { text-decoration: none; color: #69675f; background-color:#f2f2f2}
.lank_gra_bold { color: #69675f; 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: #69675f; }
.lank_gra_bold a:link { text-decoration: none; color: #69675f; }
.lank_gra_bold a:hover { text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.lank_gra_bold a:visited { text-decoration: none; color: #69675f; }
.lank_gra_bold a:active { text-decoration: none; color: #69675f; background-color:#f2f2f2}
/* Ändring av text
----------------------- */
.ingress2 { color: #cc0000; line-height:20px; text-decoration: none; font-family: arial, helvetica, verdana, sans-serif; font-size: 14px; }
.ingress2 a { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; }
.ingress2 a:link { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; }
.ingress2 a:hover { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; }
.ingress2 a:visited { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; }
.ingress2 a:active { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; }
.brodtext2 { color: #cc0000; line-height:1.2em; font: 12px/18px arial, helvetica, verdana, sans-serif; text-decoration: none }
.brodtext2 a { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; }
.brodtext2 a:link { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; }
.brodtext2 a:hover { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; }
.brodtext2 a:visited { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; }
.brodtext2 a:active { text-decoration: none; border-bottom: 1px dotted; color: #cc0000; background-color:#c3df7f}
.sidfot { color: #69675f; font: 10px/16px arial, helvetica, verdana, sans-serif; text-decoration: none }
.sidfot a { text-decoration: none; color: #69675f; }
.sidfot a:link { text-decoration: none; color: #69675f; }
.sidfot a:hover{ text-decoration: none; color: #69675f; }
.sidfot a:visited{ text-decoration: none; color: #69675f; }
.sidfot a:active{ text-decoration: none; color: #69675f; background-color:#c3df7f}
#linklist { margin-left: 0; padding-left: 0; list-style: none; margin-top:3px; }
#linklist li { padding-left: 10px; background-image: url(bilder/pil_gron.gif); background-repeat: no-repeat; background-position: 0 .5em; }
#linklist li a { color: #69675f; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-decoration: none; }
#linklist li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-decoration: none; border-bottom: 1px dotted; }
#flashcontent { width: 739px; height: 217px; }
/* Puffar
----------------------- */
.puff { width: 200px; padding-top:24px; padding-left:10px; }
.puff h1 { margin: 0px; padding: 0px; font-size:12px; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; }
.puff h1 a{ margin: 0px; padding: 0px; font-size:12px; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; }
.puff h1 a:link { text-decoration: none; color: #ffffff; }
.puff h1 a:hover{ text-decoration: none; color: #ffffff; }
.puff h1 a:visited{ text-decoration: none; color: #ffffff; }
.puff h1 a:active{ text-decoration: none; color: #ffffff;}
/* Puffar epost
----------------------- */
.puff-epost { width: 200px; padding-top:15px; padding-left:10px; }
.puff-epost h1 { margin: 0px; padding: 0px; font-size:12px; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; }
.puff-epost h1 a{ margin: 0px; padding: 0px; font-size:12px; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; }
.puff-epost h1 a:link { text-decoration: none; color: #ffffff; }
.puff-epost h1 a:hover{ text-decoration: none; color: #ffffff; }
.puff-epost h1 a:visited{ text-decoration: none; color: #ffffff; }
.puff-epost h1 a:active{ text-decoration: none; color: #ffffff;}
/* Pilar
----------------------- */
.iconlist { list-style: none; margin: 0; padding: 0; width:100px}
.pil_bla { background-image: url(bilder/pil_bla.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0px 0px 7px; font-size: 11px; color: #69675f; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; text-align:left; line-height:14px; }
.pil_rod { background-image: url(bilder/pil_rod.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0px 0px 7px; font-size: 11px; color: #69675f; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; text-align:left; line-height:14px; }
.pil_orange { background-image: url(bilder/pil_orange.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0px 0px 0px 7px; font-size: 11px; color: #69675f; font-family: arial, helvetica, verdana, sans-serif; text-decoration: none; text-align:left; line-height:14px; }
/* Sidfot meny
----------------------- */
.sidfot2 { color: #69675f; font: 11px/16px arial, helvetica, verdana, sans-serif; text-decoration: none; }
.sidfot2 a { text-decoration: none; color: #69675f; }
.sidfot2 a:link { text-decoration: none; color: #69675f; }
.sidfot2 a:hover{ text-decoration: none; color: #69675f; }
.sidfot2 a:visited{ text-decoration: none; color: #69675f; }
.sidfot2 a:active{ text-decoration: none; color: #69675f;}
#navlist { padding-left: 0; margin-left: 0; border-left: 1px solid #c7c7b9; }
#navlist li { list-style: none; margin: 0; padding: 0px 0px 0px 5px; }
#navlist li a { text-decoration: none; color: #69675f; font: 10px/16px arial, helvetica, verdana, sans-serif; text-decoration: none; }
#navlist li a:hover { text-decoration: none; color: #44433E; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none; }
ul#sitemap { margin: 1em 0; list-style-type: none; background: url(bilder/dot.gif) repeat-y 3px 0; padding: 0; }
ul#sitemap li { margin-bottom: .5em; }
ul#sitemap li a { background: url(bilder/bullet1.gif) no-repeat 0 .4em; padding-left: 12px; text-decoration:none; }
ul#sitemap li a.open, ul#sitemap li li a.open, ul#sitemap li li li a.open, ul#sitemap li li li li a.open { background-image: url(bilder/bullet2.gif); }
/* second level */
ul#sitemap ul { margin: 0 0 0 0; padding: 0; list-style-type: none; }
ul#sitemap li li { background: url(bilder/dot2.gif) no-repeat 3px .8em; }
ul#sitemap li li a { padding: 0 0 0 38px; background: url(bilder/bullet1.gif) no-repeat 26px .3em; color:#666666; text-decoration:none; }
/* third level */
ul#sitemap ul ul { background: url(bilder/dot.gif) repeat-y 29px 0; }
ul#sitemap li li li { background: url(bilder/dot2.gif) no-repeat 29px .8em; }
ul#sitemap li li li a { padding: 0 0 0 65px; background: url(bilder/bullet1.gif) no-repeat 52px .3em; }
/* fourth level */
ul#sitemap ul ul ul { background: url(bilder/dot.gif) repeat-y 60px 0; }
ul#sitemap li li li li { background: url(bilder/dot2.gif) no-repeat 60px .5em; }
ul#sitemap li li li li a { padding: 0 0 0 90px; background-image:url(bilder/bullet1.gif) no-repeat 80px .3em; }
#toppcontainer { overflow: hidden; float: right; margin: 10px -5px 0px 0px; padding: 0; height: 56px}
#topplist { list-style-type: none; margin: 0; padding: 0; float: right; }
#topplist li { border-left: 1px solid #999; display: inline; line-height: 11px; margin: 0; padding: 0 5px 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 10px }
#topplist li a{ color: #555; text-decoration:none; }
#topplist li a:hover{ color: #669933; text-decoration: none; }
#navcontainer { float: right; padding: 0; margin: 0px -10px 0px 0px; height: 30px }
#navlist2 { padding: 0; margin: 0; list-style-type: none; float: right; height: 30px; }
#navlist2 li { display: inline; padding: 0 10px 0 10px; }
#navlist2 li a { color: #555; text-decoration: none; font-size:12px }
#navlist2 li a:link { color: #555; text-decoration: none; font-size:12px }
#navlist2 li a:hover { color: #666; border-bottom: 3px solid #bbb; padding: 0 0 1px 0; cursor: pointer; font-size:12px;}
#navlist2 li.current a { color: #666; cursor: default; border-bottom: 3px solid #a6c559; padding: 0 0 1px 0; font-size:12px; }
#navlist2 li.current a:link { color: #666; cursor: default; border-bottom: 3px solid #a6c559; padding: 0 0 1px 0; font-size:12px; }
#navlist2 li.current a:hover { border-bottom: 3px solid #7A9743; font-size:12px; padding: 0 0 1px 0; }
.box { height: 110px; padding-top: 33px; padding-left: 90px; padding-bottom: 15px; padding-right: 15px; line-height:18px; }
.box p { width: 390px; margin-bottom: 1em; margin-top: 1em; }
.box a { text-decoration: none; border-bottom: 1px dotted; color: #69675f; }
.box a:active{ text-decoration: none; border-bottom: 1px dotted; color: #69675f; background-color:#c3df7f}
.box ul { margin-left: 0px; list-style-type: none; padding-left: 0px; }
.box li { float: left; width: 195px; height: 18px; }