ol {
	list-style: decimal;
}

ul {
	list-style: square;
	margin-bottom: 0.5em;
}

li {
	margin-left: 2em;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

em {
	font-style: italic;
}

body {
	background-image: url(../images/topbg.png);
	background-repeat: repeat-x;
	background-color: rgb(255,252,237);
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-family: calibri, arial, sans-serif;
	color: rgb(127,63,63);
}

a {
	color: rgb(127,63,63);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#logotype {
	background-image: url(../images/logotype.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	top: 8px;
	margin-left: -276px;
	width: 552px;
	height: 80px;
}

#logotype h1 {
	display: none;
}

#mainnav {
	position: absolute;
	width: 759px;
	height: 44px;
	left: 50%;
	margin-left: -380px;
	text-align: center;
	top: 85px;
	display: block;
	background-image: url(../images/navmenubg.png);
	background-repeat: no-repeat;
	padding-top: 6px;
	font-size: 100%;		/* 16px */
	font-weight: bold;
}

#mainnav a {
	color: rgb(127,63,63);
	text-decoration: none;
	padding-bottom: 1px;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

#mainnav a:hover {
	text-decoration: underline;
}

#content {
	position: absolute;
	width: 60em;
	left: 50%;
	margin-left: -30em;
	top: 128px;
	bottom: 8px;
}

#shadow {
	position: absolute;
	width: 60.125em;
	left: 50%;
	margin-left: -30.0625em;
	border: 0.0625em solid black;
	top: 127px;
	bottom: 7px;
	opacity: 0.05;
}

#sidepanel {
	position: absolute;
	width: 11.5em;
	background-image: url(../images/sidemenuedge.png);
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 355px;
	top: 0px;
}

#sidepanel h3 {
	font-size: 106.25%;		/* 17px */
	margin-right: 1.5em;
	margin-bottom: 0.4em;
}

#sidepanel h4 {
	font-size: 93.75%;		/* 15px */
	font-weight: normal;
	margin-right: 1.5em;
	margin-bottom: 0.2em;
}

#sidepanel ul {
	font-size: 81.25%;		/* 13px */
	line-height: 125%;		/* 20px */
	margin-right: 1.5em;
}

#shopbox {
	position: absolute;
	width: 192px;
	right: 0px;
	top: 0px;
}

#shopinner {
	padding-left: 35px;
	padding-right: 17px;
	padding-top: 15px;
	padding-bottom: 19px;
	background-image: url(../images/shopbox-bg.png);
	background-repeat: repeat-y;
}

#shop-top {
	display: block;
	position: absolute;
	background-image: url(../images/shopbox-top.png);
	background-repeat: no-repeat;
	width: 192px;
	height: 19px;
	top: 0px;
	left: 0px;
}

#shop-bottom {
	display: block;
	position: absolute;
	background-image: url(../images/shopbox-bottom.png);
	background-repeat: no-repeat;
	width: 192px;
	height: 19px;
	bottom: 0px;
	left: 0px;
}

#shop-arrow {
	display: block;
	position: absolute;
	background-image: url(../images/shopbox-arrow.png);
	background-repeat: no-repeat;
	width: 192px;
	height: 34px;
	top: 30%;
	left: 0px;
}

#shopbox h5 {
	text-align: left;
	font-size: 100%;		/* 16px */
	margin-bottom: 0.2em;
}

.arttext {
	font-size: 81.25%;		/* 13px */
	margin-bottom: 0.2em;
}

#arttable {
	position: relative;
	width: 140px;
}

#arttable td,
#arttable th {
	padding: 2px;
	xpadding-bottom: 3px;
}

#arttable tbody td {
	border-top: 1px solid silver;
}

#arttable td.artnummer,
#arttable th.artnummer {
	font-size: 75%;			/* 12px */
	width: 50px;
	text-align: left;
	padding-left: 3px;
}

#arttable td.artnummer {
	cursor: help;
}

#arttable tr.artbesk td {
	border-top: none;
	font-size: 68.75%;		/* 11px */
	font-style: italic;
	margin-top: -2px;
	padding-bottom: 4px;
	cursor: auto;
}

#arttable td.artnummer select {
	font-size: 75%;			/* 12px */
	margin-bottom: 3px;
	margin-top: 2px;
}

.artpris {
	font-size: 75%;			/* 12px */
	width: 50px;
	text-align: right;
}

.artantal {
	font-size: 75%;			/* 12px */
	text-align: right;
}

.artantal input {
	font-size: 75%;			/* 12px */
	width: 3em;
	text-align: right;
	padding: 0px;
	border: 1px solid silver;
}

#xshopinner #addbutton {
	position: absolute;
	bottom: 17px;
	text-align: center;
	width: 140px;
}

#addbutton {
	font-size: 100%;
}

#maincontent {
	left: 12.5em;
	position: absolute;
	width: 35em;
	top: 0px;
	padding-bottom: 4em;
}

#maincontent.fullwidth {
	width: 47em;
}

#maincontent h1 {
	font-size: 162.5%;		/* 26px */
	margin-bottom: 0.4em;
}

#maincontent h2 {
	font-size: 125%;		/* 20px */
	margin-top: 1em;
}

#maincontent p,
#maincontent li {
	margin-bottom: 0.6em;
	font-size: 87.5%;		/* 14px */
	line-height: 125%;		/* 20px */
}

#arttable tfoot td {
	padding-top: 0.6em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	text-align: center;
	font-size: 62.5%;
	font-style: italic;
	line-height: 100%;
}

td.prodimg {
	vertical-align: bottom;
}

td.prodimg a:hover {
	text-decoration: none;
}

td.prodimg a {
	position: relative;
	display: block;
}

td.prodimg a span {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: white;
	border: 2px solid black;
	background: rgba(255,255,255,0.7);
	border: 2px solid rgba(0,0,0,0.5);
	padding: 6px;
	color: black;
	font-weight: bold;
	font-size: 87.5%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

td.prodtext {
	vertical-align: top;
}

td.prodtext {
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	text-align: center;
	font-style: italic;
	font-size: 75%;
}

#banker th,
#banker td {
	font-size: 87.5%;		/* 14px */
	line-height: 125%;		/* 20px */
	padding-right: 1em;
}

#banker th {
	font-weight: bold;
	text-align: left;
}

#banker {
	margin-bottom: 2em;
}

#maincontent div.links p,
#maincontent div.query p {
	margin: 0;
	padding: 0;
}

#maincontent div.links,
#maincontent div.query {
	margin-bottom: 1em;
}

#maincontent div.links p.title,
#maincontent div.query p.question {
	font-weight: bold;
}

#maincontent div.query p.updated {
	font-style: italic;
	font-size: 75%;
}

#maincontent div.links p.descr {
	margin-left: 2em;
}

table#varukorg thead th {
	text-align: left;
}

table#varukorg tbody td {
	text-align: left;
	padding-top: 0.3em;
}

table#varukorg tfoot td {
	padding-top: 1em;
	text-align: left;
	font-weight: bold;
}

.right-imp {
	text-align: right !important;
}

.fieldheader {
	text-align: left;
	font-size: 80%;
	font-weight: bold;
	padding-bottom: 8px;
}

.fieldnote {
	font-size: 85%;
	font-weight: normal;
	font-style: italic;
}

.red {
	color: red;
	font-weight: bold;
}

.prisinfo {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 2em;
	font-size: 80%;
}

.buttons {
	text-align: center;
	padding-top: 1em;
}

div#popup {
	position: absolute;
	display: none;
	left: 50%;
	margin-left: 0px;
	width: 1px;
	height: 1px;
	background: url(../images/popup.png) no-repeat;
}

div#popup span {
	position: relative;
	top: 20px;
	left: 20px;
	display: block;
	width: 560px;
	height: 330px;
	overflow-y: auto;
}

div#popup input {
	display: none;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -3em;
	width: 6em;
}


div#popup span h1 {
	font-size: 162.5%;		/* 26px */
	margin-bottom: 0.4em;
}

div#popup span p,
div#popup span li {
	margin-bottom: 0.6em;
	font-size: 87.5%;		/* 14px */
	line-height: 125%;		/* 20px */
}

#pk1,
#pk2,
#pk3,
#pk4 {
	width: 184px;
	height: 71px;
	display: block;
	text-align: center;
	float: left;
	padding-top: 175px;
}

#pk1 {
	background: url(../images/prod-knapp1.jpg) no-repeat;
}

#pk2 {
	background: url(../images/prod-knapp2.jpg) no-repeat;
}

#pk3 {
	background: url(../images/prod-knapp3.jpg) no-repeat;
}

#pk4 {
	background: url(../images/prod-knapp4.jpg) no-repeat;
}

#obspris span {
	display: none;
}

#obspris {
	display: block;
	position: relative;
	width: 205px;
	height: 205px;
	background: url(../images/obspris.png) no-repeat;
	left: -28px;
}

#semiblack {
	display: none;
	width: 4000px;
	height: 2000px;
	background: url(../images/semiblack.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1000px;
	margin-left: -2000px;
}

#msgbox {
	width: 433px;
	height: 129px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -70px;
	margin-left: -216px;
	background: url(../images/msgbox.png) no-repeat;
}

#msgbox p {
	display: block;
	position: absolute;
	overflow: auto;
	width: 373px;
	height: 69px;
	top: 30px;
	left: 30px;
	font-size: 120%;
	font-weight: bold;
	color: black;
}

table.arttab th,
table.arttab td {
	padding: 3px;
}

td.killrow {
	padding-left: 0.5em;
}

td.killrow a {
	color: red;
	font-size: 70%;
	padding: 0px 6px;
	border: 1px solid red;
	font-weight: bold;
}

td.killrow a:hover {
	background-color: red;
	color: white;
	text-decoration: none;
}

#lssok7 span {
	display: none;
}

#lssok7 {
	background-image: url(../images/lssok7.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	width: 305px;
	height: 305px;
	right: 40px;
	top: 210px;
}