* { margin:0; padding:0;}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#333;
	font-size:100%;
	background:#333 url(../grafik/bg.gif) repeat-x;
}

/* TEXT OCH BILD ALLMANT */

a, a:link, a:active, a:visited  {font-weight:bold; text-decoration:none; color: #fff; border-bottom: 1px solid #333;}
a:hover   {font-weight: bold; text-decoration: none; color: #666666; border-bottom: 1px solid #666666;} 
img {margin:0px 0px 5px 0px;}
img.rubrik {margin:0px 0px 15px 0px;}
p {font-size:80%; padding:0px 0px 7px 0px;}

/* LAYOUT  ALLMANT STRUKTUR */
#head-ram {margin: 0px auto 0px auto; padding:0px; border:0px; text-align:left; display: block !important; width:960px; min-height:150px; color:#333;}
#mitten {margin: 0px; padding:0px 0px 30px 0px; width:100%; background: #fff url(../grafik/white.gif) repeat-x 0 0 !important; overflow:hidden;}
#innehall {margin:30px auto 0px auto; padding:0px; text-align:left; display:block !important; width:960px;	background:none;min-height: 100%;}
* html #innehall {height: 100%;} 
#sidfot {padding:6px 0px 0px 0px; width:100%; height:200px; background: #666 url(../grafik/bg_sidfot.gif) repeat-x;}
#sidfotinnehall {width:960px; margin:0px auto 0px auto; color:#fff; text-align:right;}
.clear {clear:both;height:1px;}
.clear-left {clear:left;height:1px;}
.clear-right {clear:right;height:1px;}

/* LOGO och TOPPMENY */
#logo {float:left; width:500px; padding:40px 0px 20px 0px;}
#logo img {border:0px;}
#logo a {border:0px; text-decoration:none;}
#toppmeny {float:right; width:323px; height:42px; margin:5px 0px 0px 0px; background:transparent url(../grafik/bg_toppmeny.gif) no-repeat top right; font-size:75%;}
#toppmeny ul {margin:0px; padding:0px 0px 0px 32px; list-style:none; width:318px; float:left;}
#toppmeny ul li {float:left; padding:0px; margin:0px 0px 0px 0px; }
#toppmeny li a {display:block; padding:10px 10px 12px 10px; text-decoration:none; color:#fff; float:left; border:0px; cursor:pointer;}
#toppmeny ul li#aktiv a {float:left; margin:0px 0px 0px 0px; color:#fff;}
#toppmeny ul a:hover {color:#666;}

/* BRANSCHMENY 
#meny {width:960px; height:50px;  background:transparent url(../grafik/bg_meny.gif) no-repeat top left; font-size:80%; color:#fff;}
#meny ul {margin:0px; padding:0px 0px 0px 20px; list-style:none; width:870px; float:left;}
#meny ul li {float:left; padding:0px; margin:0px 0px 0px 0px; }
#meny li a {display:block; padding:15px 10px 12px 10px; text-decoration:none; color:#fff; float:left; border:0px; cursor:pointer;}
#meny ul li#visa a {float:left; background:url(../images/pil_meny_aktiv.gif) no-repeat top left; margin:0px 0px 0px 0px; color:#fff;}
#meny ul a:hover {color:#666;}
*/

#meny {width:940px; height:50px;  background:transparent url(../grafik/bg_meny.gif) no-repeat top left; font-size:80%; color:#fff; padding:0px 10px 0px 10px;}
#meny ul#topnav {margin:0px 0 0px; padding:0; list-style:none; clear:both; float:left; width:940px;}
#meny ul#topnav li {margin:0 10px 0 0; padding:0; overflow:hidden; float:left; height:50px;}
#meny ul#topnav a, #meny ul#topnav span {padding:14px 9px 16px 9px; float:left; text-decoration:none; color:#fff; clear:both; height:20px; line-height:20px; font-weight:bold; /*text-transform: uppercase;*/}
#meny ul#topnav a {color:#fff;}
#meny ul#topnav span {display: none;}
#meny ul#topnav.v2 span {background: url(../grafik/bg_menyval_red.png) repeat-x left top;}
#meny ul#topnav.v2 a {color:#dcdcdc; background: url(../grafik/bg_menyval_red.png) repeat-x left bottom;}


/* VANSTER */
#vansterram {float:left; width:620px;}

#vansterram #nyheter,#vansterram #detalj, #vansterram #search, #vansterram #info {width:620px; background:transparent url(../grafik/bg_nyheter.gif) no-repeat top left;}
#vansterram #nyheter h2, #vansterram #detalj h2, #vansterram #search h2, #vansterram #info h2 {padding:13px; color:#dcdcdc; font-size:80%;}

#vansterram #info p {padding:0px 10px 0px 0px;}
#vansterram #info h2.trigger {padding:0px 10px 10px 0px;}
#vansterram #info p a {color:#333;}
#vansterram #info p a:hover {color:#CD0000; border-bottom:#cd0000;}

#vansterram #info .textinfo {padding:4px 0px 10px 0px;}
#vansterram #info .textinfo h1 {padding:4px 0px 10px 0px; font-size:100%; font-weight:normal;}
#vansterram #info .textinfo h3 {padding:15px 0px 0px 0px; font-size:80%; font-weight:bold;}
#vansterram #info .textinfo ul {list-style:none; padding:0px; margin:0px 0px 10px 0px;}
#vansterram #info .textinfo ul li {padding:2px 0px 7px 0px; font-size:80%; color:#333;}
#vansterram #info .textinfo ul li h2 {color:#cd0000; font-size:160%; font-weight:normal; padding:0px;}
#vansterram #info .textinfo ul li h2 span {color:#333; font-size:80%;}
#vansterram #info .textinfo ul li div.text {padding:5px 0px 0px 22px;}
#vansterram #info .textinfo ul li div.knapp-tya {background:transparent url(../grafik/kn-bestall-tya.gif) no-repeat top left; padding:5px 0px 7px 0px; color:#fff; margin:10px 10px 0px 22px; font-size:100%; width:170px; text-align:center;}
#vansterram #info .textinfo ul li div.knapp-ovriga {background:transparent url(../grafik/kn-bestall-ovriga.gif) no-repeat top left; margin:10px 10px 0px 22px; padding:5px 0px 7px 0px; color:#fff; font-size:100%; width:128px; text-align:center;}
#vansterram #info .textinfo ul li div.knapp-alla {background:transparent url(../grafik/kn-bestall-alla.gif) no-repeat top left; margin:10px 10px 0px 22px; padding:5px 0px 7px 0px; color:#fff; font-size:100%; width:68px; text-align:center;}

#vansterram #detalj ul {margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
#vansterram #detalj ul li {float:left; padding:0px; margin:0px 0px 0px 0px; font-size:80%;}
#vansterram #detalj ul li.bild {width:250px; background-color:#f0f0f0; padding:15px; margin:0px 15px 0px 0px;}
#vansterram #detalj ul li.bild img { border:1px solid #999;}
#vansterram #detalj ul li.beskrivning {width:325px;}
#vansterram #detalj ul li.beskrivning a.merinfo, #vansterram #detalj ul li.beskrivning a.hamtapdf {color:#333; border-bottom: 1px solid #333;}
#vansterram #detalj ul li.beskrivning a.merinfo:hover, #vansterram #detalj ul li.beskrivning a.hamtapdf:hover {color:#CD0000; border-bottom: 1px solid #CD0000;}
#vansterram #detalj ul li.beskrivning ul li {padding:20px 0px 0px 0px;}
#vansterram #detalj ul li .knapp-tya {float:left; background:transparent url(../grafik/kn-bestall-tya.gif) no-repeat top left; padding:6px 0px 6px 0px; color:#fff; margin:0px 10px 0px 0px; font-size:120%; width:170px;text-align:center;}
#vansterram #detalj ul li .knapp-ovriga {float:left; background:transparent url(../grafik/kn-bestall-ovriga.gif) no-repeat top left; padding:6px 0px 6px 0px; color:#fff; font-size:120%; width:128px; text-align:center;}
#vansterram #detalj ul li .knapp-alla {float:left; background:transparent url(../grafik/kn-bestall-alla.gif) no-repeat top left; padding:6px 0px 6px 0px; color:#fff; font-size:120%; width:68px; text-align:center;}

#vansterram #detalj ul li a {border:0px; color:#fff;}
#vansterram #detalj ul li a:hover {color:#dcdcdc;}

#vansterram #detalj p.lank {color:#333; padding:15px 0px 10px 0px;}
#vansterram #detalj p.lank a {color:#333; border-bottom:1px solid #333;}
#vansterram #detalj p.lank a:hover {color:#CD0000; border-bottom:1px solid #cd0000;}

#vansterram #search .sokresultat {float:left;}
#vansterram #search .sokresultat span {padding:0px 2px 0px 2px; color:#da8f66;}
#vansterram #search .antaltraffar {float:right;}
#vansterram #search .antaltraffar p {padding:13px; color:#dcdcdc; font-size:80%;}
#vansterram #search p.visaantalsidor {text-align:right; padding:0px 0px 15px 0px;}
#vansterram #search ul {margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; list-style:none;}
#vansterram #search ul li {float:left; padding:0px; margin:0px 0px 0px 0px; font-size:80%;}
#vansterram #search ul li.bildsmall {width:150px; background-color:#f0f0f0; padding:15px; margin:0px 15px 0px 0px;}
#vansterram #search ul li.beskrivning {width:425px; margin:0px 0px 20px 0px;}
#vansterram #search ul li.beskrivning .bransch {float:right; padding:2px 8px 2px 8px; color:#fff; color:#CD7054; /*background-color:#CD7054; -moz-border-radius:6px; -webkit-border-radius:6px;*/}
#vansterram #search ul li.beskrivning a.merinfo, #vansterram #search ul li.beskrivning a.hamtapdf {color:#333; border-bottom: 1px solid #333;}
#vansterram #search ul li.beskrivning a.merinfo:hover, #vansterram #search ul li.beskrivning a.hamtapdf:hover {color:#CD0000; border-bottom: 1px solid #CD0000;}
#vansterram #search ul li.beskrivning ul li {padding:10px 0px 20px 0px;}
#vansterram #search ul li .knapp-tya {float:left; background:transparent url(../grafik/kn-bestall-tya.gif) no-repeat top left; padding:6px 0px 6px 0px; color:#fff; margin:0px 10px 0px 0px; font-size:120%; width:170px; text-align:center;}
#vansterram #search ul li .knapp-ovriga {float:left; background:transparent url(../grafik/kn-bestall-ovriga.gif) no-repeat top left; padding:6px 0px 6px 0px; color:#fff; font-size:120%; width:128px; text-align:center;}
#vansterram #search ul li .knapp-alla {float:left; background:transparent url(../grafik/kn-bestall-alla.gif) no-repeat top left; padding:6px 0px 6px 0px; color:#fff; font-size:120%; width:68px; text-align:center;}

#vansterram #search ul li a {border:0px; color:#fff;}
#vansterram #search ul li a:hover {color:#dcdcdc;}

#vansterram #search p.paging {background:transparent url(../grafik/bg_paging.gif) no-repeat top left; padding:13px; color:#dcdcdc; font-size:80%; text-align:center;}
#vansterram #search p.paging a {color:#dcdcdc;}
#vansterram #search p.paging span.antalsidor {padding:0px 2px 0px 2px;}
#vansterram #search p.paging span.antalsidor-aktiv {padding:0px 2px 0px 2px; color:#cd0000;}

#vansterram #search p.lank {color:#333; padding:15px 0px 5px 0px;}
#vansterram #search p.lank a {color:#333; border-bottom:1px solid #333;}
#vansterram #search p.lank a:hover {color:#CD0000; border-bottom:1px solid #cd0000;}

/* VISA KUNDVAGN */
#vansterram #visa-kundvagn {width:620px; background:transparent url(../grafik/bg_nyheter.gif) no-repeat top left;}
#vansterram #visa-kundvagn ul {margin:0px 0px 10px 0px; padding:10px 0px 0px 0px; list-style:none;}
#vansterram #visa-kundvagn ul li {float:left; padding:0px; margin:0px 0px 0px 0px;}
#vansterram #visa-kundvagn ul li.steg {background:transparent url(../grafik/cirkel-steg.png) no-repeat top left; padding:2px 0px 0px 0px; text-align:center; width:30px; height:20px; font-size:75%;}
#vansterram #visa-kundvagn ul li.steg span {color:#cd0000;}
#vansterram #visa-kundvagn ul li h2 {padding:0px 13px 0px 13px; color:#dcdcdc; font-size:80%;}
#vansterram #visa-kundvagn p {color:#333; padding:15px 0px 0px 0px;}
#vansterram #visa-kundvagn p.lank {color:#333; padding:15px 0px 0px 0px;}
#vansterram #visa-kundvagn p.lank a {color:#333;}
#vansterram #visa-kundvagn p.lank a:hover {color:#CD0000; border-bottom:#cd0000;}

#kundvagntabell {margin:10px 0px 10px 0px; width:620px; text-align:left; border-collapse:collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:80%;}
#kundvagntabell th {padding:10px 5px 5px 5px; font-weight: normal; color:#333; text-align:left; vertical-align:top;}
#kundvagntabell tbody{background:#fff;}
#kundvagntabell td {padding:5px; color:#666; border-top: 1px dashed #e6e6e6; text-align:left; vertical-align:top;}
#kundvagntabell tbody tr:hover td {color:#666; background:#f0f0f0;}
#kundvagntabell .knapp-liten {background:transparent url(../grafik/bg_knapp_liten.png) no-repeat; border:0px; padding:1px 4px 3px 2px; width:66px; text-align:center;}
#kundvagntabell .knapp, #kundvagntabellorder .knapp {background:transparent url(../grafik/bg_knapp.png) no-repeat; border:0px; padding:1px 0px 3px 0px; text-align:center; width:90px;}
#kundvagntabell .knapp:hover, #kundvagntabell .knapp-liten:hover, #kundvagntabellorder .knapp:hover {cursor: pointer; color:#cd0000;}
#kundvagntabell .knapp-stor {background:transparent url(../grafik/bg_knapp_stor.png) no-repeat; border:0px; padding:1px 4px 3px 2px; width:196px; text-align:center;}

#kundvagntabellorder {float:right; margin:10px 0px 10px 0px; width:300px; text-align:left; border-collapse:collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:80%;}
#kundvagntabellorder th {padding:10px 5px 5px 5px; font-weight: normal; color:#333; text-align:left; vertical-align:top;}
#kundvagntabellorder tbody  {background:#fff;}
#kundvagntabellorder td {padding:5px; color:#666; border-top: 1px dashed #e6e6e6; text-align:right;}
/* #kundvagntabellorder tbody tr:hover td {color:#666; background:#f0f0f0;} */
#kundvagntabellorder td .lankorder {float:right; /*background:transparent url(../grafik/bg_knapp.png) no-repeat top left; width:90px; height:22px; padding-top:2px; text-align:center;*/}

/* VISA ORDER */
#vansterram #visa-order {width:620px; background:transparent url(../grafik/bg_nyheter.gif) no-repeat top left;}
#vansterram #visa-order ul {margin:0px 0px 10px 0px; padding:10px 0px 0px 0px; list-style:none;}
#vansterram #visa-order ul li {float:left; padding:0px; margin:0px 0px 0px 0px;}
#vansterram #visa-order ul li.steg {background:transparent url(../grafik/cirkel-steg.png) no-repeat top left; padding:2px 0px 0px 0px; text-align:center; width:30px; height:20px; font-size:75%;}
#vansterram #visa-order ul li.steg span {color:#cd0000;}
#vansterram #visa-order ul li h2 {padding:0px 13px 0px 13px; color:#dcdcdc; font-size:80%;}
#vansterram #visa-order p {color:#333; padding:15px 0px 0px 0px;}
#vansterram #visa-order p.kommentar {color:#f00; font-style:italic;}

#inloggningtabell, #glomteposttabell { margin:10px 0px 10px 0px; width:420px; text-align:left; border-collapse:collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:80%;}
#inloggningtabell th, #glomteposttabell th {padding:10px 5px 5px 5px; font-weight: normal; color:#333;}
#inloggningtabell td, #glomteposttabell td {padding:5px; color:#666; border-top: 1px dashed #e6e6e6;}
#inloggningtabell td.inloggning, #glomteposttabell td.epost {width:120px;}
.oce-first {background:#f0f0f0; font-weight:bold;}
#inloggningtabell tr:hover td{color:#666; background:#f0f0f0;}
.inlogg-falt {width:200px; padding:5px;}
#inloggningtabell .knapp-stor {background:transparent url(../grafik/bg_knapp_stor.png) no-repeat; border:0px; padding:1px 4px 3px 2px; width:196px; text-align::center;}
#glomteposttabell .knapp {background:transparent url(../grafik/bg_knapp.png) no-repeat; border:0px; padding:1px 0px 3px 0px; text-align::center; width:90px;}

#kundtabell { margin:10px 0px 10px 0px; width:620px; text-align:left; border-collapse:collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:80%;}
#kundtabell th {padding:10px 5px 5px 5px; font-weight: normal; color:#333;}
#kundtabell td {padding:5px; color:#666; border-top: 1px dashed #e6e6e6;}
#kundtabell td.rubriker {width:150px;}
.oce-first {background:#f0f0f0; font-weight:bold;}
#kundtabell tr:hover td{color:#666; background:#f0f0f0;}
.info-falt {width:400px; padding:5px;}
.info-textarea {width:400px; height:60px; padding:5px; font-size:100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#kundtabell .knapp-stor {background:transparent url(../grafik/bg_knapp_stor.png) no-repeat; border:0px; padding:1px 4px 3px 2px; width:196px; text-align::center;}


#vansterram #visa-order p a {color:#333;}
#vansterram #visa-order p a:hover {color:#CD0000; border-bottom:#cd0000;}

/*#kundvagntabellorder td .lankorder a {color:#333; border:0px; padding:0px 10px 0px 10px; font-weight:normal;}
#kundvagntabellorder td .lankorder a:hover {color:#cd0000; border:0px; }*/

.block .bildbox {height:264px;}
.block .rubrik {height:35px; padding:10px 0px 0px 0px;}
.block .merinfo {background:transparent url(../grafik/bg_merinfo.gif) no-repeat top right;}
.block p.litentext {margin:5px 0px 0px 0px; padding:10px 10px 5px 0px; height:21px; text-align:right;}
.block p.litentext a {color:#fff;}

/* HOGER */
#hogerram {float:right; width:328px;}
#hogerram #sokruta {width:328px; height:42px; background:transparent url(../grafik/bg_sokruta.gif) no-repeat top left;}

#sokform {padding:7px; width:314px;}
div.sokleft {float:left; width:180px;}
div.sokright {float:right;width:90px;}
#sokform div.sokleft .sok {width:180px; border:1px solid #CD0000; background-color:#f0f0f0; padding:5px;}
#sokform .sokknapp {width:90px; height:26px; border:0px;}
#hogerram #kundvagn {margin:10px 0px 0px 0px; padding:10px; background:#666 url(../grafik/bg_kundvagn.gif) no-repeat top left; color:#fff; min-height:70px;}
#hogerram #kundvagn ul {margin:15px 0px 3px 0px; padding:0px 0px 0px 0px; list-style:none; clear:left;}
#hogerram #kundvagn ul li {float:left; padding:0px 0px 3px 0px; margin:0px; font-size:75%; line-height:14px;}
#hogerram #kundvagn ul li.antal {width:38px;}
#hogerram #kundvagn ul li.produkt {width:210px;}
#hogerram #kundvagn ul li.pris {width:60px;}
#hogerram #kundvagn-botten {padding:0px 10px 10px 10px; background-color:#666;}
#hogerram #kundvagn-botten .lank {float:right; margin:0px 0px 0px 0px; background:transparent url(../grafik/kn-andra-skicka.gif) no-repeat top left; padding:5px 15px 5px 15px; color:#fff; font-size:75%; width:170px;}
#hogerram #kundvagn-botten .lank a {color:#fff; border:0px; padding:0px;}
#hogerram #kundvagn-botten .lank a:hover {color:#cd0000; border:0px; padding:0px;}



#hogerram #inforuta {width:308px; margin:10px 0px 0px 0px; background:#f0f0f0 url(../grafik/bg_inforuta.gif) no-repeat top left; padding:10px 10px 20px 10px;}

#hogerram #inforuta .textbox h2 {font-size:120%; font-weight:normal; padding:15px 0px 7px 0px; color:#333;}
#hogerram #inforuta .tipsbox {margin:10px 0px 0px 0px; background:#CD7054 url(../grafik/bg-tipsbox-topp.gif) no-repeat top left; padding:15px; color:#8B0000;overflow:visible;}
#hogerram #inforuta .tipsbox h2 {font-size:100%; font-weight:normal; padding:5px 0px 15px 0px; color:#8B0000;}
#hogerram #inforuta .tipsbox .knapp-tya {float:left; background:transparent url(../grafik/kn-bestall-tya-info.gif) no-repeat top left; padding:5px 0px 7px 0px; color:#fff; margin:0px 10px 0px 0px; font-size:80%; width:170px; text-align:center;}
#hogerram #inforuta .tipsbox .knapp-ovriga {float:left; background:transparent url(../grafik/kn-bestall-ovriga-info.gif) no-repeat top left; padding:5px 0px 7px 0px; color:#fff; font-size:80%; width:128px; text-align:center;}
#hogerram #inforuta .tipsbox .knapp-alla {float:left; background:transparent url(../grafik/kn-bestall-alla-info.gif) no-repeat top left; padding:5px 0px 7px 0px; color:#fff; font-size:80%; width:68px; text-align:center;}
#hogerram #inforuta .tipsbox-bottom {margin:0px 0px 10px 0px; background:#CD7054 url(../grafik/bg-tipsbox-bottom.gif) no-repeat top left; height:13px; color:#8B0000;}
#hogerram #inforuta .tipsbox p {padding:5px 0px 10px 0px; }