body							{ margin:0; padding:0; background:url(../images/bodybg.jpg) repeat-x center top; font-family:arial; color:#575656; font-size:12px; line-height:18px;}
*:fouce							{ outline:none; border:none;}
.iframe							{ padding:10px; background:#D5EBF9  !important; border:1px solid #84C3EE; margin-top:20px;}
.bl								{ border-left:1px dotted #84c3ee; padding-left:25px}
#featureCarousel img			{ behavior: url(iepngfix.htc) !important }
.underline						{ text-decoration:underline; color:#000; margin-bottom:10px;}

/***********************/
/****** main ids *******/
#toppart, #banner, #contentpart	{ width:997px; margin:0 auto;}
#toppart						{ clear:both; height:120px;}
#banner							{ clear:both; background:url(../images/bannerbg.png) no-repeat center top; height:288px; padding-top:11px; padding-bottom:21px; width:967px;}
#footer							{ clear:both; background:#0b415c url(../images/footerbg.png) no-repeat center top; min-height:37px; bottom:0; padding-top:26px; color:#fff; font-size:}
#contentpart					{ clear:both; padding-bottom:12px;}
#leftpart						{ float:left; width:676px; padding-left:36px; padding-bottom:30px; padding-top:10px}
#rightpart						{ float:right; width:220px; padding-bottom:30px; padding-right:31px; padding-top:10px;}
/***************************/
/****** comman class *******/

/*padding & margin*/
.pt								{ padding-top:5px;}
.pr								{ padding-right:5px;}
.pl								{ padding-left:5px;}
.pb								{ padding-bottom:5px;}
.pa								{ padding:5px;}

.pt10							{ padding-top:10px;}
.pr10							{ padding-right:10px;}
.pl10							{ padding-left:10px;}
.pb10							{ padding-bottom:10px;}
.pa10							{ padding:10px;}

.mt								{ margin-top:5px !important;}
.mr								{ margin-right:5px;}
.ml								{ margin-left:5px;}
.mb								{ margin-bottom:5px;}
.ma								{ margin:5px;}

.mt10							{ margin-top:10px;}
.mr10							{ margin-right:10px;}
.ml10							{ margin-left:10px;}
.mb10							{ margin-bottom:10px;}
.ma10							{ margin:10px;}

.ml10m							{ margin-left:-10px}

/*float & clear & img*/
.fl								{ float:left;}
.fr								{ float:right;}
.l_img							{ float:left; margin:0 17px 17px 0; border:2px solid #dddddd;}
.r_img							{ float:right; margin:0 0px 17px 17px;  border:2px solid #dddddd;}
.clr							{ clear:both;}
.w220							{ width:323px;}
.w150							{ width:186px;}

/*some comman*/
img								{ border:none;}
a								{ color:#313131; text-decoration:none;}
a:hover							{ color:#016895 ; text-decoration:none;}

h1, h2, h3, h4, h5, h6, ul, li, p{ padding:0; margin:0; list-style:none;}
p 								{ text-align:justify;}
/***************************/
/******** toppart *********/

.tagline						{ float:right; padding:45px 0 34px 0;}


/***************************/
/******** contentpart *********/
/*menu*/

#jsddm
{	margin: 0;
	padding: 0; background:url(../images/menubg.png) no-repeat center top; height:42px; padding:0 36px; clear:both;
}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 13px Tahoma, Arial}

	#jsddm li a
	{	display: block; padding-top:6px; padding-bottom:6px;
		text-decoration: none;
		color: #000000; font-size:13px; font-weight:bold;
		height:28px;
		white-space: nowrap; margin:2px 0;}
		
	#jsddm li a span {padding:6px 26px;}

	#jsddm li a:hover
	{	background:url(../images/menu_l.png) no-repeat left top;}
		
		#jsddm li a:hover span {background:url(../images/menu_r.png) no-repeat right top; color:#fff !important;}
		#jsddm li ul
		{	margin:-11px 0 0 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			 border:1px solid #bababa;}
		
			#jsddm li ul li
			{	float: none;
				display: inline; padding-bottom:0; }
			
			#jsddm li ul li a
			{	width: auto;
				background: #ededed;
				color: #014664; padding:4px 15px 0 15px !important;  font-size:11px; margin:0 !important; height:20px !important; min-width:100px}
			
			#jsddm li ul li a:hover
			{	background: #0e5173; color:#fff !important;}
			
/***************************/
/******** leftpart *********/

h1.pagetitle						{ font-family:"arial narrow"; font-size:23px; color:#237fb0; padding-bottom:10px; font-weight:normal;}
p.highlightline, p.highlightline a	{ color:#878484; font-size:14px;}			
.hightword, .hightword a			{ color:#4f4e4e;}

h2									{ border:none; font-size:20px; color:#00283f; font-family:"arial narrow"; padding-bottom:4px; margin-bottom:10px; font-weight:normal;}
h2.head, .referanser h2				{ font-size:20px; color:#00283f; font-family:"arial narrow"; padding-bottom:4px; border-bottom:1px solid #bdd8e7; margin-bottom:10px; font-weight:normal;}
.produkter							{ background:url(../images/produkter_bg.png) no-repeat center top; padding:10px 14px 10px 22px; margin-top:36px; min-height:341px; margin-left:-13px;}
.produkter-imgpart					{ width:666px; margin-left:-8px; clear:both;}
.produkter .img, .produkter .img1	{ margin:5px;width:146px; float:left; text-align:center;}
.produkter a						{ color:#094b6e;}
.produkter a:hover					{ color:#000 !important;}
.produkter .img h2, .img1 h2		{ font-size:15px; color:#094b6e; padding-top:10px; font-family:arial}
.produkter img						{ border:1px solid #a7a7a7; }
.produkter .img1					{ background:url(../images/sep.png) no-repeat left center; padding-left:14px}

.ulli								{ list-style:none;}
.ulli li							{}

.highlighthead						{ display:block; font-size:13px; font-weight:bold; padding:5px; background:#e7f0f6; color:#0f4467; border-bottom:1px solid #a6cde8; border-right:1px solid #a6cde8}

.s_head								{ font-size:17px; color:#3579a6; font-weight:bold; padding-bottom:0px !important; margin-bottom:0;}
.bold								{ color:#3579a6; font-weight:bold; font-size:13px; padding-bottom:5px; line-height:24px;}
.pdf a								{ font-size:11px; text-decoration:underline; color:#383838; padding-bottom:3px; font-weight:bold; padding-left:5px;} 

/***************************/
/******** rightpart *********/

.followus							{ clear:both; color:#8f9090; font-size:15px; width:211px; overflow:hidden;}
.followus a							{ color:#8f9090}
.followus a:hover					{ color:#000;}
.followus ul						{ list-style:none;}
.followus ul li div					{ float:right; line-height:23px; padding-left:6px;}
.br									{ padding-right:18px; border-right:#8f9090 1px solid;}

.referanser1						{ clear:both; background:url(../images/referanserbg.png) no-repeat center top; height:339px; padding:13px 10px 13px 20px; margin-left:-5px;}
.referanser li						{ line-height:24px; font-size:13px;}
.referanser li a					{ color:#6c92a8; display:block;}
.referanser li a:hover				{ color:#000;}
.referanser							{ clear:both; background:url(../images/referanserbg.png) no-repeat center top; height:339px; margin-top:30px; padding:13px 10px 13px 20px; margin-left:-5px;}
.referanser	img						{ clear:both; border:1px solid #bed9e7; margin-bottom:7px}
.referanser	p						{ clear:both;  font-weight:bold; color:#6c92a8; line-height:16px; padding-bottom:5px; text-align:left; width:190px}
.referanser	p span					{ clear:both;  color:#2d4e61; line-height:16px; font-weight:normal;}
.referanser .more					{ border:none !important;}

/***************************/
/******** footer *********/

#footer ul							{ clear:both; padding-top:26px}
#footer .wid						{ width:930px; margin:0 auto; text-align:right;}
#footer .wid ul						{ float:left; list-style:none; padding:0; margin:0; text-align:left;}
#footer .wid ul	li					{ float:left; padding:0 10px;}
#footer .wid ul	li a				{ color:#fff;}
#footer .wid ul	li a:hover			{ color:#bed9e7 !important;}

/* Easy Slider */

	
#mosaic-slideshow{
	/* The slideshow container div */
	height:500px;
	margin:0 auto;
	position:relative;
	width:670px;
}

.mosaic-slide{
	/* This class is shared between all the slides */
	left:80px;
	position:absolute;
	top:25px;
	
	border:10px solid #555;
	
	/* CSS3 rounded corners */
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}

.tile{
	/* The individual tiles */
	height:60px;
	width:60px;
	float:left;
	border:1px solid #555;
	border-width:0 1px 1px 0;
	background-color:#555;
}

.arrow{
	/* The prev/next arrows */
	width:35px;
	height:70px;
	background:url("imgages/arrows.png") no-repeat;
	position:absolute;
	cursor:pointer;
	top:50%;
	margin-top:-35px;
}

.arrow.left{
	left:15px;
	background-position:center top;
}

.arrow.left:hover{
	background-position:center -70px;
}

.arrow.right{
	right:15px;
	background-position:center -140px;
}

.arrow.right:hover{
	background-position:center -210px;
}

.credit{
	text-align:center;
	margin-bottom:25px;
}

.credit a{
	font-size:10px;
	color:#999;
	margin-left:10px;

}