@import url("shop.css");

#innhold .shopartikkel { width: 43%; margin: 0 2% 2% 0; padding: 1% }

body, html { background: #fff }

#header { border-bottom: 2px solid #666 }
#header h1, #header p { color: #fff; padding: 7px 15px; margin: 0 }
#header h1 { background: #000 }
#header p { background: #f5f5f5; color: #666 }
#header p strong { font-weight: normal }
#innholdsramme { padding: 0 }

#kol1, #kol2, #nav, #kontaktinfo, p.skip, a.anker, #kol1 .artinfo, #kol2 .artinfo, #toolbox, #logo, #sok { display: none }
#innhold { padding: 15px }
#smuler { padding: 5px 15px; background: #ccc; border-bottom: 1px solid #666 }
#smuler, #smuler a { color: #666 }

.box { float: left; width: 170px; padding: 0 0 0 15px }
.box.tlf span { display: block; float: left; width: 4em }


.adresse {	
	clear: both;
	padding: 15px 0 0 0;
	height: 65px;
	background: #f7f7f7;
	line-height: 15px; font-size: 12px;
	border-top: 1px solid #ccc;
	width: 100% }
.adresse em, .adresse h6, .adresse p.kontaktlink {
	display: none }
	
.adresse, #header, #header h1, #header p { position: relative; visibility: visible }

.reflist ul { margin: 0; list-style-type: none }


/*  ------------------------------------   KREDITT   --------------------------------  */

#kreditt {
	clear: both;
	padding: 10px;
	text-align: center; font-size: 11px;
	background: #eee; border-top: 2px solid #ccc }
#kreditt a, #kreditt { color: #666 }

/*  ------------------------------       TYPOGRAFI     -------------------------------  */

body { font-size: 13px; color: #000 } /* Basestørrelse */
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select, option {
	font-family: arial, helvetica, helve, verdana, "Bitstream Vera Sans", geneva, sans-serif } /* Basefont */

/* Overskrifter */
h1 { font-family: "trebuchet ms", "times new roman", serif; font-size: 1.3em }
#innhold h1 { padding: 0 0 10px 0; color: #000; border-bottom: 2px solid #ccc }
input, h2, h3, h4, h5, h6 { font-size: 1em }

/* Marger */
h1,h2,h3,h4,h5,h6,blockquote,p { margin: 0 0 1em 0 }
ul, ol { margin: 0 0 1em 30px }

a { color: #333 }
#smuler a, #kreditt a, .adresse a { text-decoration: none }

/*  -----------------------     DIVERSE FORMATERING      ----------------------  */

img, table { border: 0 }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	background: #f5f5f5 }
input.checkbox { border: 0; background: transparent; margin: 0 }

/*  -------------------------------- RESPONSSKJEMA -------------------------------  */

#respons table { width: auto }
#respons table td { vertical-align: middle }
#respons table tr.textarea td { vertical-align: top }
#respons fieldset { border: 0 }
#respons fieldset legend { color: #333; font-weight: bold; padding: 0 0 10px 0 }
#respons fieldset label { display: block }
#respons fieldset label.inline { display: inline }
#respons fieldset label span { }
#respons input, #respons textarea { width: 250px }
#respons input.check { border: 0; width: auto; background: transparent }
#respons p.melding, #respons textarea { height: 70px }
#respons p.knapp { width: 250px; margin: 0  }
#respons hr { margin: 2px 0 }


#innhold ul.ps, #innhold .reflist ul { margin: 0 0 1em 0; list-style-type: none; line-height: 13px }
ul.ps li { float: left; width: 136px; height: 170px; padding: 0 30px 0 0; text-align: center; vertical-align: top  }
ul.ps li a {
	display: block; padding: 6px 1px; height: 145px;
	text-decoration: none;
	font-size: 12px; font-weight: bold;
	text-align: center;
	background: url(gfx/bg-ps.gif) no-repeat }
ul.ps li a:hover { background: #fff; padding: 5px 0; border: 1px solid #999 }
ul.ps li img { margin-bottom: 15px }

#innhold .reflist ul { line-height: 11px; line-height: 1.3em }
.reflist ul li { position: relative; float: left; width: 322px; height: 131px; padding: 0 20px 0 0; vertical-align: top; font-size: 11px }
.reflist ul li a {
	display: block; height: 122px; border-top: 3px solid #fff;
	text-decoration: none; color: #666; overflow: hidden }
.reflist ul li a strong, .reflist ul li a b {
	background: #c00; color: #fff; display: block; padding: 3px; font-size: 12px }
.reflist ul li a span { padding: 5px; display: block }
.reflist ul li a:hover { background: #eee; border-color: #000; color: #000 }
.reflist ul li img { float: right; margin: 3px 3px 0 10px; border: 1px solid #000 }

a.pdf, a.word {
	border-top: 1px dotted #ccc;
	display: block;
	background: url(gfx/pdf.gif) no-repeat left center;
	padding: 10px 15px 10px 40px;
	line-height: 1.2em; height: 22px;
	text-decoration: none }