body
{
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height:150%;
}

/* vise i menyen hvilken side man står på */
body#news a#newsnav,
body#products a#productsnav,
body#bareas a#bareasnav,
body#shop a#shopnav,
body#info a#infonav,
body#contact a#contactnav,
body#cart a#cartnav,
body#checkout a#checkoutnav,
body#solutions a#solutionsnav,
body#references a#referencesnav,
body#download a#downloadnav,
body#gallery a#gallerynav
{
	color:#4f91cd;
}


ul.meny
{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

li.meny
{
	display:inline;
}

a.overknapp
{
	float:left;
	text-decoration:none;
	padding-left:0.2em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	color:#FFFFFF;
	font-size:11px;
}

a.overknapp:visited
{
	color:#FFFFFF;
}

a.overknapp:hover 
{
	color:#4f91cd;
}

a.overspace
{
	float:left;
	width:10px;
	text-decoration:none;
	padding-left:0.2em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	color:#FFFFFF;
}

a.knapp
{
	float:left;
	width:120px;
	text-decoration:none;
	padding-left:0.2em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	color:#002e62;
	font-size:11px;
}

a.knapp:hover 
{
	color:#4f91cd;
}

a.knapp:visited
{
	
}

a.valgtknapp
{
	float:left;
	width:120px;
	text-decoration:none;
	padding-left:0.2em;
	padding-top:0.1em;
	padding-bottom:0.1em;	
	color:#4f91cd;
	font-size:11px;
}

a.hoyreknapp
{
	float:right;
	width:8em;
	text-decoration:none;
	color:white;
	background-color:#738AC6;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.5em;
	border:1px solid #CCCCCC;
}

a.hoyreknapp:hover 
{
	color:white;
	background-color:#1D869C;
}

a.vareover:visited
{

}

a.vareover:link
{

}

a
{
	color:#002e62;
}

a:hover
{
	color:#4f91cd;
}

h2
{
	font-size:16px;
}

h4.over
{

}

div.toppholder
{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}


div.bilde
{
	float:left;
}

div.vognlink
{
	float:right;
}

div.vannitopp
{
	float:right;
}

div.vognitopp
{
	float:right;
}

div.holder
{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

div.menyoppe
{

}

div.nyhovedmeny
{

}

div.gronn
{
	width:24%;
	height:10px;
	border:1px solid black;
	background-color:#4F91CD;
	float:left;
	clear:none;
}

div.blank
{
	width:24%;
	height:10px;
	border:1px solid black;
	float:left;
	clear:none;
}

div.menyoppeblank
{
	background-color:#002e62;
	float:left;
	height:20px;
	width:150px;
}

div.menyoppemeny
{
	background-color:#002e62;
	float:left;
	clear:right;
	height:20px;
	color:#FFFFFF;
	width:630px;
}

div.menyoppebilde
{
	float:left;
	clear:right;
	height:20px;
	backgrou4nd-color:#002e62;
	width:170px;
}

div.menyvenstre
{
	float:left;
	width:150px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:5px;
}

div.menyVenstreOverNivaa
{
	padding-bottom:2px;
	font-size:12px;
	clear:both; 
	cursor:hand; 
}

div.sok
{
	margin-top:0px;
	font-size:9px;
	margin-bottom:20px;
}

div.menyhoyre
{
	float:left;
	clear:right;
	width:160px;
	padding-left:5px;
	padding-top:10px;
	padding-right:5px;
}

div.miniloggedin
{
	margin-top:2px;
	margin-bottom:20px;
}

div.minivogn
{
	margin-right:2px;
}

table.minivogn
{
	width:100%;
	font-size:9px;
}

td.minivogn
{

}

div.hoved
{
	width:605px;
	float:left;
	clear:right;
	padding-top:10px;
	padding-left:0px;
	padding-right:20px;
}

div.defaultover
{
	width:100%;
}

div.defaultbilde
{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

div.defaultbeskrivelse
{
	clear:right;
	float:none;
}



div.defaultkjopknapp
{
	margin-top:20px;
	float:right;
}

div.defaultstripler
{
	background-image:url(../pictures/stripler.gif);
	background-repeat:repeat-x;
	height:2px;
	padding-bottom:10px;
	width:100%;
	clear:both;
}

div.nystripe
{
	background-image:url(../pictures/stripe.gif);
	background-repeat:repeat-x;
	height:2px;
	width:100%;
}

div.kontaktvenstre
{
	width:45%;
	float:left;

}

div.kontakthoyre
{
	width:45%;
	float:right;
}

div.vare
{

}


div.detaljbilde
{
	float:left;
	font-size:9px;
}

div.bilde1
{
	float:left;
}

div.bildesmaa
{
	margin-left:10px;
	float:left;
}

div.beskrivelse
{
	clear:left;
}

div.pdf_kjop_holder
{	
	clear:both;
	width:100%;
}

div.pdf
{
	margin-top:20px;
	float:left;
	width:40%;
}

div.kjopknapp
{
	margin-top:20px;
	float:right;
	width:40%;
	text-align:right;
}

div.empycartknapp
{
	margin-top:20px;
	float:left;
}

div.detaljer
{
	clear:both;
	margin-top:20px;
}

table.detaljer
{
	width:100%;
}

table.detaljer td
{
	width:50%;
	border:1px solid black;
}

div.visordre
{
	float:left;
	margin-right:20px;
}

div.personlig
{
	float:left;
	width:100%;
	padding-bottom:30px;
}

div.faktura
{
	float:left;
	width:45%;
}

div.levadresse
{
	float:left;
	width:45%;
}

div.visordrelinjer
{
	margin-top:20px;
	width:100%;
	clear:both;
}

div.lagrevogn
{
	width:100%;
	clear:left;
	float:left;
	border:1px dotted black;
	margin-top:50px;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
}

div.lagrevognform
{
	float:left;
	width:45%;
}

div.lagrevogninfo
{
	float:right;
	width:45%;
}

div.referansetabell
{
	float:left;
	clear:none;
	width:48%;
}

div.referansetabell2
{
	float:right;
	clear:none;
	width:48%;
}

div.referansebeskrivelse
{
	float:left;
	width:45%;
}

td.odd
{
	padding:1em;
}



td.even
{
	padding:1em;
}


div.progress
{
	width:100%;
	clear:both;
	margin-top:50px;
	float:left;
	border:1px solid black;
}

div.progresstopp
{
	width:100%;
	background-color:#CCCCCC;
}


div.bunn
{
	width:100%;
	clear:both;
	margin-top:50px;
	float:left;
}


input.knapp{
	font-size:9px;
}

select.knapp{
	font-size:9px;
}

p.advarsel{
	font-size:9px;
	color:red;
}

div.smaabildelinje
{
	float:left;
}

div.smaabilder
{
	width:170px;
	margin:10px;
	float:left;
}

div.gallerilinker{
	float:left;
	clear:both;
	width:100%;
	padding-top:20px;
	text-align:center;
}

div.bottomImages{
}

div.bottomImage{
	width:25%;
	text-align:center;
	float:left;
	height:110px;
}

div.bottomImageText{
	width: 80%;
	margin: 0px auto;
	text-align: center;
}

img.contacts{
	width:100px;
}

div.ov {background: url(./pictures/ov.jpg) 0 100% no-repeat #e68200; width: 20em} 
div.oh {background: url(./pictures/oh.jpg) 100% 100% no-repeat} 
div.nv {background: url(./pictures/nv.jpg) 0 0 no-repeat} 
div.nh {background: url(./pictures/nh.jpg) 100% 0 no-repeat; padding:10px} 
div.clear {font-size: 1px; height: 1px}


/*** Image Slider **/

#slideshow {
    position:relative;
    height:225px;
	width: 900px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/** Photo Gallery **/

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 144px; height:74px;}
.pika-stage, .pika-textnav {width: 530px;}


body{font-family:Helvetica, sans-serif;}
a{color:#002e62;}
.pikachoose {width: 510px; margin: 0 auto;}
.pika-stage {position: relative;background: #fafafa; border: 1px solid #e5e5e5; padding: 10px 10px 40px 10px;text-align:center;height:250px;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 10px; left: 0px;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%;}

.pika-stage .caption {position: absolute; background: black;  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 17px; padding: 0; overflow: hidden;}
	.pika-thumbs li {float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}