/* DEMOSIDEN */
.sm_firstkol, .sm_thirdkol {display: none}
.sm_secondkol {width: 915px; height: 472px; padding: 17.5px}
.sm_secondkol .artikkel {position: relative}
#demo-boks {
	width: 915px;
	height: 472px;
	position: absolute;
	background: url(gfx/demo/bg-innhold.gif) repeat-y;
	color: #66330a;
}
#demo-boks h6 {font-size: 2em; font-weight: normal; color: #7a6148; margin-bottom: .5em}
#demo-boks p {font-size: 1.4em; line-height: 1.2}
#demo-topp {
	width: 915px;
	height: 56px;
	background: url(gfx/demo/bg-topp.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 51px; z-index: 2000
}
#demo-innhold {
	width: 911px;
	margin: 0 2px;
	height: 368px;
	position: absolute;
	top: 47px;
	left: 0;
	overflow: hidden;
}
#demo-bunn {
	width: 915px;
	height: 61px;
	background: url(gfx/demo/bg-bunn.png) no-repeat;
	position: absolute;
	top: 411px; left: 0;
}
#inner-innhold {
	width: 16398px;
	height: 368px
}
#inner-innhold .boks {
	width: 911px;
	height: 368px;
	float: left;
}
#inner-innhold .tekst {float: left; width: 244px; padding: 60px 50px 30px}

.demoknapper a, .demoknapper span, a.bli-medlem, a.bli-medlem span {display: block; background: url(gfx/demo/bg-knapp.png) no-repeat 0 0; }
.demoknapper a.tilbake span 		{background-position: 100% -26px; padding: 0 17px 0 10px}
.demoknapper a.videre, a.bli-medlem 				{background-position: 0 -52px; float: right}
.demoknapper a.videre span, a.bli-medlem span 			{background-position: 100% -78px; padding: 0 27px 0 0}

.demoknapper a.tilbake:hover 		{background-position: 0 -104px}
.demoknapper a.tilbake:hover span 	{background-position: 100% -130px}
.demoknapper a.videre:hover, a.bli-medlem:hover 		{background-position: 0 -156px}
.demoknapper a.videre:hover span, a.bli-medlem:hover span 	{background-position: 100% -182px}


.demoknapper a, a.bli-medlem {color: #fff; padding: 0 0 0 17px; float: left}
.demoknapper span, a.bli-medlem span {height: 26px; line-height: 26px; padding: 0 17px 0 0; float: left}
a.bli-medlem {float: right}
a.bli-medlem span {padding: 0 25px 0 0;}
#inner-innhold .bilde { height: 368px; width: 567px; float: left; position: relative }
#inner-innhold .bilde img {position: absolute; bottom: 0; right: 0}

#inner-innhold .infotekst {width: 810px; padding: 40px 50px 30px}
#inner-innhold .ib-v,
#inner-innhold .ib-h {width: 355px; float: left }
#inner-innhold .ib-h {float: right}
#inner-innhold .infotekst .demoknapper {clear: both}
#demo-topp ul, #demo-bunn ul {
	list-style: none inside;
	margin: 0;
	font-size: 1.2em
}
#demo-topp li, #demo-bunn li {
	float: left
}
#demo-topp a, #demo-bunn a,
#demo-topp span, #demo-bunn span {
	display: block;
}
#demo-boks a {
	text-decoration: none
}

#demo-topp a, #demo-topp span {
	padding: 0 0 0 4px
}
#demo-topp a {
	margin: 10px 0 0;
	color: #71573d; float: left
}
#demo-topp span {
	height: 28px;
	line-height: 28px;
	padding: 0 5px 0 1px; float: left
}
#demo-topp li.aktiv a, #demo-topp li.aktiv span,
#demo-topp a:hover, #demo-topp a:hover span  {
	background: url(gfx/demo/bg-topp-nav.png) no-repeat top left;
}
#demo-topp li.aktiv span, #demo-topp a:hover span {
	background-position: bottom right
}
#demo-topp ul {height: 56px; padding-left: 12px; width: 903px}
#demo-topp li {height: 54px; line-height: 51px;  }
#demo-topp li.aktiv {background: url(gfx/demo/bg-topp-pil.png) no-repeat center bottom}
#demo-bunn ul {height: 31px; width: 900px; margin: 18px 1px 0; padding: 0 0 0 10px}
#demo-bunn li {width: 50px}
#demo-bunn a {
	background: url(gfx/demo/bg-tall.png) no-repeat;
	width: 40px;
	height: 31px;
	color: #71573d
}
#demo-bunn span {line-height: 31px; text-align: center}
#demo-bunn a:hover {
	background-position: bottom right
}