body, html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: left;
	color: #4a4641;
	line-height: 140%
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left
}

h2, h3, h4, h5, h6,
p, ul, ol, table, dl,
form {
	margin-top: 1em
}

h2 {
	color: #c41b1b;
	font-size: 2em;
	letter-spacing: -.075em;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: .5em;
	line-height: 110%;
	margin-top: 0;
}

h3,
#sidebar h2 {
	margin: 1.3em 0 -.5em 0;
	color: #333;
	font-size: 1.3em;
	border: 0;
	letter-spacing: 0
}

#editor h3 {
	margin-bottom: .5em;
	margin-top: 1em;
	clear: both;
	float: left;
}

p {
	line-height: 1.5;
}

p.ingress {
	line-height: 1.5;
	font-weight: bold;
	font-size: 110%;
}

a {
	color: #AB3030;
}

a:hover {
	text-decoration: none
}

ul {
	margin-left: 1.5em
}

ul#produktinfo {
	background: #ffffcc;
	width: 150px;
	padding: 10px 30px;
	border: 1px solid #f2ed9a;
	float: right;
	margin-top: 0
}

ul#language {
    list-style: none;
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: 395px
}

#language li {
    width: 24px;
    height: 20px;
    float: left
}

#language a {
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    text-decoration: none;
    display: block
}

#norwegian a { background: url(/gfx/flags/small/norway.jpg) no-repeat }
#english a { background: url(/gfx/flags/small/england.jpg) no-repeat }
#german a { background: url(/gfx/flags/small/germany.jpg) no-repeat }
.active#norwegian a { background: url(/gfx/flags/large/norway.jpg) no-repeat }
.active#english a { background: url(/gfx/flags/large/england.jpg) no-repeat }
.active#german a { background: url(/gfx/flags/large/germany.jpg) no-repeat }

ol {
	padding-left: 2.4em
}

	li {
		margin-top: .25em
	}

table {
	font-size: 100%;
	width: 100%;
	clear: left;
}

	tbody th, td {
		padding: .15em .5em;
		border-bottom: 1px solid #ededed
	}

	thead th {
		border-bottom: 1px solid #bbb;
		padding: .25em .5em;
		margin-bottom: 1em;
		text-transform: uppercase;
		font-size: 100%
	}

	.highlight th,
	.highlight td {
		background: #f6f6f6
	}

dl {
	width: 100%;
	float: left;
	border-bottom: 1px solid #eee;
	margin-bottom: 2em !important;
	margin-bottom: 0
}

	dt, dd {
		float: left;
		padding: .25em 0;
		border-top: 1px solid #eee
	}

	dt {
		width: 30%;
		font-weight: bold
	}

	dd {
		width: 70%
	}

form {
	width: 98%;
	float: left;
}

	input, textarea {
		border: 1px solid #bbb
	}

	input:hover,
	input:focus,
	textarea:hover,
	textarea:focus {
		border: 1px solid #579CD1
	}

	input:focus,
	textarea:focus {
		background: #fafafa
	}

	label {
		width: 100%;
		float: left;
		font-size: 110%;
		margin: 1em 0 .25em 0;
		clear: both;
	}

	input,
	textarea {
		width: 85%;
		padding: .2em 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		background: #FFF;
		float: left;
		clear: both;
	}

	.multi {
		float: left;
		width: 100%;
		margin-top: .5em
	}

	.multi div {
		width: 100%
	}

	.multi label {
		width: 70%;
		float: left;
		clear: none;
		margin-top: .2em;
	}

	.multi input {
		width: 20px;
		float: left;
		margin: .25em 5px 0 0;
		background: none;
		border: 0;
		clear: left;
	}

	form p {
		width: 100%;
		float: left;
		font-weight: bold;
		margin-top: 2em
	}

	form p, .multi label {
		font-size: 90%
	}

	.button {
		width: auto;
		border: 3px double #999999;
		border-top-color: #CCCCCC;
		border-left-color: #CCCCCC;
		padding: .25em 1em;
		background-color: #EEEEEE;
		background-image: url(/gfx/button.gif);
		background-repeat: repeat-x;
		color: #333;
		font-weight: bold;
		cursor: pointer;
		font-size: 120%;
		margin-top: 1em;
		clear: none;
	}

	.button:hover {
		border: 3px double #AEDF9A;
		border-bottom-color: #6AB94B
	}

	.button:active {
		border: 3px double #6AB94B;
		border-bottom-color: #AEDF9A
	}

	#first {
		clear: left;
	}

form#filter {
	text-align: center;
	float: left;
}

	form#filter select {
		float: none;
		clear: none;
	}

	form#filter .button {
		float: none;
		font-size: 100%;
		padding: .1em;
		margin-top: 0;
	}

img {
	padding: 2px;
	background: #FFF;
	border: 1px solid #cdcdcd;
	margin: 1em;
	float: left;
}

#product_pics {
	width: 100%;
	float: left;
	clear: both;
}

#big img {
	width: 568px;
	float: left;
	margin-left: 0;
	margin-right: 0;
}

#small {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	clear: left;
}

#small img {
	width: 85px;
	height: 50px;
	border: 0;
	margin: 0
}

#small a {
	border: 1px solid #eee;
	padding: 2px;
	margin: 5px;
	width: 85px;
	float: left;
}

#small a:hover {
	border: 1px solid #aaa
}

#nav {
    width: 575px;
    height: 80px;
    background: url(/gfx/nav.jpg) no-repeat;
    list-style: none;
    padding: 0 37px 3px 15px;
    margin: 0
}

    #nav li {
        float: left;
        border-right: 1px solid #ffc73e;
        margin: 5px 0 3px 0;
    }

    #nav li a {
        padding: 0 1em;
        display: block;
        float: left;
        color: #6b0a0a;
        text-decoration: none;
        font-size: 90%;
        border-right: 1px solid #ec8000;
        border: 0;
    }

    #nav li a:hover {
        color: #de1b1b
    }

    #nav li.active a {
        font-weight: bold
    }

#top {
	background: url(/gfx/top.gif) #FFF;
	width: 100%;
	height: 169px;
	position: relative;
}

h1 {
	background: url(/gfx/h1.jpg) bottom no-repeat;
	width: 984px;
	height: 169px;
	margin: 0 auto;
	text-indent: -9999px;
	margin-bottom: -2px;
}

h1 a {
	text-decoration: none
}

#wrap {
	width: 970px;
	margin: 0 auto;
	padding: 0 7px 7px 7px;
}

#content {
	width: 574px;
	float: left;
	padding: 25px;
	margin-top: -30px !important;
	margin-top: -30px;
	overflow: hidden;
}

#sidebar {
	width: 294px;
	float: right;
	padding: 25px;
	margin-top: -110px;
	font-size: 85%
}

ul.netshop {
	list-style: none;
	margin: 0;
	width: 574px;
	float: left;
	margin-top: 1.2em;
	font-size: 85%;
	clear: both;
}

	.netshop li {
		width: 154px;
		float: left;
		padding: 0 18px;
		margin: 0 0 0 -1px;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		height: 250px;
		position: relative;
		overflow: hidden;
		text-align: center;
	}

	.netshop p {
		margin-top: 1em;
	}

	.netshop a {
		color: #333;
		text-decoration: none;
	}

	.netshop li:hover {
	}

	.netshop img {
		margin: 1em 0 0 0;
		width: 100%;
		border: 0;
	}

	.netshop h3 {
		font-size: 1.25em;
		color: #333;
		margin-top: .5em;
		text-align: center;
	}

	.netshop .price,
	.netshop .buy {
		padding-bottom: 1.2em;
	}

	.netshop .price {
		position: absolute;
		bottom: 0; left: 18px;

		font-size: 120%;
		color: #c41b1b;
		width: 168px;
		height: auto
	}

	.netshop .buy {
		position: absolute;
		text-align: right;
		bottom: 0; right: 14px;

		font-size: 110%;
		width: 171px;
		height: auto
	}

	.netshop .buy a {
		color: #333;
		padding: 3px 5px;
		border: 1px solid #ccc;
		background: url(/gfx/button.gif) top repeat-x #eee
	}

	.netshop .buy a:hover {
		border: 1px solid #aaa;
	}

ul.profil {
}

	.profil li {
		width: 152px;
		border-top: 2px solid #ff8b00;
		border-left: 2px solid #ff8b00;
		border-right: 2px solid #ff8b00;
		border-bottom: 2px solid #ff8b00;
		background: #fff6e7;
	}

	.profil h3 {
		color: #d75902;
	}

	.profil .price,
	.profil .buy {
	}

#handlekurven {
	float: left;
	clear: left;
	width: 100%;
}

#handlekurven thead th {
	background: url(/gfx/handlekurven.jpg) repeat-x top #333;
	border-right: 1px solid #444;
	border-bottom: 0;
	color: #FFF
}

#content #handlekurven tbody th {
	font-size: 120%;
	color: #333
}

#handlekurven td,
#handlekurven th {
	background: #eee;
	border-bottom: 1px solid #ddd
}

#handlekurven tfoot {
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase
}

#handlekurven tfoot td,
#handlekurven tfoot th {
	background: #666666;
	padding: .4em 5px;
	border-bottom: 0;
	color: #FFF
}

#content #handlekurven tfoot td {
	font-size: 140%
}

#handlekurven p.HK {
	padding-bottom: 1.2em;
	color: #333;
	width: auto;
	margin-bottom: 2em;
	float: right;
}

#handlekurven p.HK a {
	padding: 3px 5px;
	border: 1px solid #ccc;
	background: url(/gfx/button.gif) top repeat-x #eee;
	text-decoration: none;
	color: black;
}

#handlekurven .HK a:hover {
	border: 1px solid #aaa;
}

#handlekurven h2 {
	font-size: 110%;
	font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: -1em
}

#handlekurven ul {
	list-style: none;
	margin: 1em 0 0 0
}

#handlekurven li {
	margin: 0;
}

#handlekurven ul a {
	width: 278px;
	display: block;
	background: url(/gfx/bullet.gif) no-repeat 278px .8em #eee;
	padding: 2px 8px;
	color: #333;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	text-decoration: none;
}

#handlekurven ul a:hover,
#handlekurven ul a.active {
	color: #AB3030;
	background: url(/gfx/bullet2.gif) no-repeat 278px .8em #eee
}

#handlekurven .button {
	border: 0; padding: 0; margin: -6px 0 0 5px;
	width: 11px; height: 15px
}

a.delete {
	background: url(/gfx/delete.gif) 0 3px no-repeat;
	width: 12px; height: 16px;
	margin: 0px;
	display: block;
}

#footer {
	background: #f8f8f8;
	border-top: 1px solid #eee;
	width: 573px;
	float: left;
	padding: 10px 25px 15px 25px;
	font-size: 80%
}

#footer a {
	color: #333
}

#footer p {
	margin-top: 5px
}

#sidebar form {
	width: 295px;
	margin-top: 1.5em !important;
	margin-top: 1.5em
}
#sidebar input {
	margin-top: .9em;
	font-size: 125%;
	width: 210px;
	background: #eee
}
#sidebar .button {
	float: right;
	font-size: 100%;
	width: auto;
	background: url(/gfx/button.gif) top repeat-x #eee
}

#shopproduct {
	background: #DFDCD8;
	width: 250px;
	float: right;
	padding: 10px !important;
	padding: 0px;
	font-size: 90%;
	color: #333;
	display: block;
	margin: 1em 0 1em 1.5em;
	position: relative
}

#shopproduct h3 {
	display: block;
	width: 250px;
	height: 20px;
	float: left;
	color: #eee;
	font-size: 100%;
	background: url(/gfx/handlekurven.jpg) repeat-x #333;
	margin: -10px -10px 10px -10px !important;
	margin: 0;
	padding: 2px 10px 0px 10px
}


#shopproduct label {
	width: 110px;
	margin: .2em 10px .2em 0 !important;
	margin: .5em 10px .2em 1em;
	float: left;
	text-align: left;
	clear: left;
}

#shopproduct select,
#shopproduct input {
	width: 110px;
	float: left;
	margin: .2em 0 !important;
	margin: .5em 0 .2em 0;
	border: 1px solid #bbb;
	clear: none;
}

#shopproduct input {
	width: 40px;
}

p#pris {
	width: auto;
	float: left;
	font-size: 180%;
	margin: 0
}

#shopproduct .button {
	width: auto;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: .25em 1em;
	background-color: #EEEEEE;
	background-image: url(/gfx/button.gif);
	background-repeat: repeat-x;
	color: #333;
	font-weight: bold;
	cursor: pointer;
	font-size: 100%;
	float: left;
	margin: 0 !important;
	margin: 10px 0 0 0;
	position: absolute;
	right: 30px
}

#shopproduct div {
	float: left;
	width: 250px;
	margin: 10px -10px -10px -10px !important;
	margin: 10px 0 0 0;
	padding: 10px;
	border-top: 1px solid #BFBFBF
}

div.buy {
	background: #ccc;
}

p.browse {
	padding: 2px 1em;
	background: #f0ede8;
	text-align: center;
	font-size: 90%;
	clear: both;
	margin: 1em 0 1em 0;
	float: left;
	width: 550px;
}

div#feil {
    width: 525px;
    background: #fbd7d7;
    border: 2px solid #e74447;
    padding: 1em;
    margin-top: 1em;
    color: #ea161a;
    float: left;
}

    div#feil h3 {
        color: #ea161a;
        border: 0; margin: 0 0 1em 0;
        font-size: 120%
    }

    div#feil li {
        font-size: 90%
    }

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

div.col1 {
	width: 48%;
	margin-right: 2%;
	text-align: left;
	margin-right: -3px;
	float: left;
	clear: both;
}

div.col2 {
	width: 48%;
	text-align: left;
	float: left;
	margin-right: -3px;
}

div.col3_1 {
	width: 30%;
	margin-right: 2%;
	text-align: left;
	margin-right: -3px;
	float: left;
	clear: both;
}

div.col3_2 {
	width: 30%;
	margin-right: 2%;
	text-align: left;
	float: left;
	margin-right: -3px;
}

div.col3_3 {
	width: 30%;
	text-align: left;
	float: left;
	margin-right: -3px;
}

.mceEditor {
	float: left;
	clear: left;
}

form#editor img {
	float: none;
	clear: none;
	padding: 1px;
	margin: 0;
	border: 0;
	background: none;
}

form#editor select {
	width: auto;
}

ul#attributter {
    background: #FFFFFF;
    width: 100%;
    float: left;
    margin: 0 0 1em -30px !important;
    margin: 0 0 1em -15px;
    padding-right: 30px;
    border-bottom: 1px solid #ccc;
    list-style: none;
}

    ul#attributter li {
        margin: 0;
        float: left;
        background: none;
        margin: .5em 0 0 0
    }

    ul#attributter a {
        padding: 3px 10px;
        background: #fff;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        float: left;
        text-decoration: none;
        border-bottom: 0;
        color: #555
    }

    ul#attributter a:hover {
        background: #ffffcc
    }

    ul#attributter .active a {
        background: #fff;
        margin-top: -1px;
        border-top: 1px solid #ababab;
        padding: 2px 10px 5px 10px;
        position: relative;
        top: 1px;
        font-weight: bold;
        color: #333
    }

table#admin_menypunkter td {
	padding: 2px;
	margin: 0;
	clear: both;
}

table#admin_menypunkter td.bilde img {
	margin: .3em 0 .3em -6px;
	width: 90px;
	padding: 2px;
	border: 1px solid #fff;
	text-align: center;
}

table#admin_menypunkter td.icon {
	padding: 1px;
	width: 18px;
	text-align: center;
}

table#admin_menypunkter td.icon img,
table#admin_menypunkter img {
	border: 0;
	padding: 1px;
	margin: 0;
}

.oblig {
	background: #d5ff8b;
}

div.divider {
	width: 100%;
	border-bottom: 1px solid black;
	height: 1em;
	margin: 1em 0 1em 0;
	clear: both;
}

.engelsk {
	background: #BBFFBB;
}

.tysk {
	background: #FFEECC;
}

ul.gallerynav {
	width: 100%;
	background: #ccc;
	margin: 0;
	padding: 0;
	display: block;
	float: left
}
	.gallerynav li {
		margin: 0 0 0 0;
		list-style: none;
		background: none;
		padding: 0;
		float: left
	}
	.gallerynav li a {
		background: #e45c61;
		color: #fff;
		padding: 4px 10px;
		display: block;
		border: 0;
		border-right: 1px solid #be060d;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
	}
	.gallerynav li.active a,
	.gallerynav li.active a:hover {
		background: #be060d
	}
	.gallerynav li a:hover {
		border: 0;
		border-right: 1px solid #be060d;
		color: #fff;
		background: #e84c51
	}

ul#gallery {
	width: 100%;
	float: left
}
	ul#gallery li {
		background: none;
		margin: 1em 10px 0 0;
		padding: 0;
		float: left;
		border: 0;
		border: 1px solid #ccc;
	    list-style: none;
	}
	ul#gallery li a {
		width: 120px;
		height: 84px;
		overflow: hidden;
		display: block;
		border: 2px solid #fff
	}
	ul#gallery li img {
		border: 0;
		margin: 0;
	}
	ul#gallery li a:hover {
		border: 2px solid #fff
	}
