﻿html {
     overflow: -moz-scrollbars-vertical;
}

body{
	background: #f0f0f0 url(../images/new/bg_body.jpg) no-repeat top center;
	color: #3E3D3D;
}

body.noBgImg {background: #ebebeb none;}

h1, h2, p{
	font-family: verdana, arial, sans-serif;
	color: #4b4b4b;
	text-align: left;
}

table, tr, td{
	border: none;
}

.boldtds td {font-weight: bold;}
td {vertical-align: top;}

textarea {width: 322px;}

#rightcolumn ul
{
	list-style-type: disc;
}

p a:hover, a:hover
{
	color: #84a21a;
}

p a, ul a, a
{
	color: #3e3d3d;	
}

#navigation .hidden {display: none;}

.selfClear:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.selfClear 
{
	display: inline-table;
}

/* Hide from IE-mac \*/
* html .selfClear 
{
	height: 1%;
}

.selfClear 
{
	display: block;
}

a.boldlink {color: #84a21a; font-weight: bold; text-decoration: none;}
a.boldlink:hover {text-decoration: underline;}

.width75 {width: 75px; display: inline;} .width220{width: 224px;}
.floatleft {float: left;} .floatright{float: right;} clearboth {clear: both; float: none;}

.m1{margin: 4px;}

.mb1 {margin-bottom: 4px;}

.m2 {margin: 10px;}

.pr4 {padding-right: 16px;}

.pt1 {padding-top: 4px;}

.luvitHeadTxt {margin-top: 10px;}
.luvitDg {margin-bottom: 0;}

.newslettericon {position: absolute; bottom: 200px; left: 85px;}

/********************************************/
/*					Text					*/

.txtBlue {color: #284791;}
.txtGreen {color: #84A21A;}
.txtRed {color: #ca1717;}
.txtGray {color: #4B4B4B;}

.underline {text-decoration: underline;}
a.noLine, .noLine {text-decoration: none;}

a:hover .linkunderline, a:hover.linkunderline {text-decoration: underline;}


/*********************************************************************/
/*					Layout							*/



#body_leftEdge{
    background: url("../images/new/spriteBoxheight.png") repeat-y scroll left top transparent;
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 923px;
	position: relative;
}

.top_kant {
    background: url("../images/new/spriteBoxTopBottom.png") no-repeat scroll left top transparent;
    display: block;
    height: 20px;
    width: 923px;
    margin: 42px auto 0 auto;
}

.top_kant .bottomImg {
    background: url("../images/new/spriteBoxTopBottom.png") no-repeat scroll right top transparent;
    display: block;
    margin: 0;
    padding: 20px 0 0;
}

#body_rightEdge{
	background-image: url(../images/new/body_rightedge.png);
	background-repeat: repeat-y;
	background-position: top right;
	width: 926px;
	margin: auto auto;
}
#pagebody{
	background-color: #FFF;
	width: 837px;
	margin-left: 17px;
	padding: 9px 30px 0;
}
	#top{
		background-repeat: no-repeat;
		background-position: top right;
		width: 830px;
		height: 133px;
		position: relative;
	}
		#logo
		{
			padding-top: 21px;
			padding-left: 11px;
		}
		
			#logo a
			{
				width: 237px;
				height: 89px;
				background-image: url(../images/new/logo.png);
				background-repeat: no-repeat;
				display: block;
			}
		#loginbox{
			background-image: url(../images/new/loginbg.png);
			height: 72px;
			width: 150px;
			position: absolute;
			right: 10px;
			top: 10px;
		}
			#loginbox input{
				font-family: arial, helvetica, sans-serif;
				font-size: 8pt;
				position: absolute;
				left: 11px;
				background-color: transparent;
				border: none;
				color: #656565;
			}
			#loginbox input.username{
				top: 10px;
			}			
			#loginbox input.password{
				top: 30px;
				width: 95px;
			}
			#loginbox input.submit{
				position: absolute;
				left: 112px;
				top: 30px;
			}
			
			#loginbox a{
				position: absolute;
				top: 52px;
				left: 8px;
				color: #274691;
				font-family: arial, helvetica, sans-serif;
				font-size: 7pt;
			}
			
	#navigation{
		background-image: url(../images/new/menu_bg.jpg);
		width: 794px;
		height: 26px;
		margin: 0 2px;
		padding: 6px 10px 0 25px;
		position: relative;
		top: 4px;
	}
		#navigation img{
			float: right;
		}
		
	#page_top{
		background: #FFF url(../images/new/page_top.jpg) repeat-x;
		width: 835px;
		height: 15px;
		clear: both;
	}
		#page_top img.right{
			float: right;
		}
		#page_top img{
			float: left;
			position: relative;
			left: -1px;
		}
		
	#page_left{
		background: #FFF url(../images/new/page_left.jpg) repeat-y;
		width: 835px;
		overflow: auto;
	}
		#page_right{
			background-image: url(../images/new/page_right.jpg);
			background-position: top right;
			background-repeat: repeat-y;
			overflow: auto;
			width: 835px;
		}
			#page{
				margin-top: 20px;
				margin-bottom: 30px;
				overflow: hidden;
				width: 835px;
				min-height: 400px;
				
			}
			
	#page_bottom{
		background: #FFF url(../images/new/page_bottom.jpg) repeat-x;
		width: 835px;
		height: 20px;
		clear: both;
		padding-bottom: 15px;
	}
		#page_bottom img.right{
			float: right;
			position: relative;
			top: -2px;
			left: -2px;
		}
		
	
	#footer{
		background: #FFF url(../images/new/bottom_siluetter.jpg) no-repeat bottom center;
		height: 96px;
		width: 817px;
		margin-left: 10px;
		padding-top: 40px;
		border-bottom: solid 2px #dddddd;
	}
		#footer p{
			text-align: center;
			width: 800px;
		}
		
		#footer a
		{
			font-family: verdana, arial, sans-serif;
			color: #4b4b4b;
			text-align: left;	
			text-decoration: none;
		}

	
/*********************************************************************/
/*					Navigation							*/

#navigation ul{
	color: #FFF;
	float: left;
}

#navigation li{
	display: inline;
	padding: 0 1px 0 2px;
}

#navigation li a{
	color: #FFF;
	text-decoration: none;
	padding-right: 1px;
}

#navigation li.active a{
	font-weight: bold;
}

#navigation a:hover{
	text-decoration: underline;
}


/*********************************************************************/
/*				Navigation - submeny						*/

#subnav h1{
		font-family: verdana, arial, sans-serif;
		color: #284791;
		font-size: 1.2em;
		font-weight: bold;
}
	
#subnav ul{
	margin: 10px 0 0 12px;
}

	#subnav ul li{
		list-style-image: url(../images/new/submenuPil.gif);
		margin-bottom: 5px;
	}
	
	#subnav ul li.active{
		list-style-image: url(../images/new/submenuPil_active.gif);
	}
		
		#subnav ul li a, #subnav ul li.active li a, #subnav ul li li.active li a{
			color: #3e3d3d;
			text-decoration: none;
			font-weight: normal;
		}
		
		#subnav ul li a:hover, #subnav ul li.active li a:hover{
			color: #84a21a;
		}
		
		#subnav ul li.active a, #subnav ul li li.active a, #subnav ul li li li.active a{
			font-weight: bold;
			color: #84a21a;
		}
		
		#subnav ul li a {line-height: 22px;}
		#subnav ul li.active li a, #subnav ul li li.active li a {line-height: 10px;}

			#subnav ul ul{
				margin: 7px 0 12px 10px;
			}
			
			#subnav ul ul li, #subnav ul li.active li{
				list-style-image: none;
			}
			
				#subnav ul ul ul{
					margin: 0 0 8px 15px;
				}
					
					

#subnav hr{
	background-color: #e5e4e4;
	color: #e5e4e4;
	height: 1px;
	margin: 0;
	position: relative;
	left: -12px;
	top: -2px;
	border: none;
	width: 190px;
}


/*********************************************************************/
/*							puff									*/
.puffUGcontainer
{
	background-color:#F0F1F3;
	margin-bottom:40px;
	padding-bottom:10px;
}
.puffUGheader
{
	height:30px;
	line-height:30px;
	background: transparent url(../images/UGSignin/umcloginpuffbg.gif) repeat-x;
	padding-left:17px;
	color:White;
	font-weight:bold;
	margin-bottom:14px;
}
.puffUGcontainer a
{
	display:block;
	background: transparent url(../images/UGSignin/umcloginpuffbuttonarrow.gif) no-repeat;
	padding-left:17px;
	color:White;
	margin:0 0 7px 15px;

	text-decoration:none;
}
.puffUGcontainer a span
{
	display:block;
	background: transparent url(../images/UGSignin/umcloginpuffbutton.gif) no-repeat;
		height:22px;
	line-height:20px;
	
}



/*********************************************************************/
/*							News									*/


.startpage #news h1{
	font-size: 2.1em;
	line-height: 0em;
	color: #a1b94d;
	margin-bottom: 20px;
	padding-left: 3px;
}

.newsItem, .oddNewsItem{
	border-bottom: solid 1px #efefef;
	padding: 0 0 2px 0;
	margin: 0;
}

.bordertop {border-top: solid 1px #efefef;}
			
.newsListDate, .newsListDate a, .newsListSubject a, .newsListMore a, .newsListSubject{
	color: #a1b94d;
	font-size: 1em;
	font-weight: normal;
	margin-top: 7px;
	text-decoration: none;
}

.newsListSubject a, .newsListSubject {font-weight: bold; font-size: 1.05em;}

.newsListDate a:hover, .newsListSubject a:hover, .newsListMore a:hover
{
	text-decoration: underline;
}
				
.newsListIngress{
	margin-bottom: 7px;
	color: #757474;
	line-height: 1.2em;
}

.newsListIngress span {color: #ff0000;}
				
.startpage #news img{
	margin-top: 15px;
}

#news table, #news table td, #news table tr{
	border: none;	
}

#news table div br{
	display: none;
}

/*********************************************************************/
/*							Topbilder								*/

#top.bild0{
	background: url("../images/new/toppbild.jpg") no-repeat scroll right bottom transparent;
}

#top.bild1{
	background: url("../images/new/toppbild2.jpg") no-repeat scroll right bottom transparent;
}

/*********************************************************************/
/*							Headerstuff								*/

#headerLoggedin {position: absolute; right: 10px; top: 8px;}
#headerBasket {position: absolute; right: 10px; bottom: 8px;}
#headerBasket .cartText {position: relative; top: -3px;}
.headerSquares {background: url(../images/header_squaresBg.png); width: 132px; height: 38px; padding: 10px 10px; color: #142759;}
.logoutBtn {background: url(../images/header_logoutBtn.png); width: 55px; height: 20px; border-width: 0; margin-top: 5px;}
.checkoutBtn {background: url(../images/header_checkoutBtn.png); width: 65px; height: 18px; border-width: 0; margin-top: 2px;}



/* - - Tabination - - */
	
	.tabs									{position:absolute; top:-50px; left:0px;}	
	.tabs ul								{list-style:none; margin:0; padding:0;}
	.tabs ul li								{float:left; display:inline-block; position:relative; margin: 0 -21px 0 0;}
	.tabs ul li a							{display:inline-block; height: 43px; text-decoration:none; font-size:12px; 
								 			 font-weight:bold; color:#fff; cursor:pointer;}
	.tabs ul li a span						{display:inline-block; padding:13px 25px 0 15px; height:30px; margin-left:14px; cursor:pointer;}
	.tabs ul li a:hover span				{text-decoration:underline;}							 
	
	.tabs ul li.publicSerTab				{z-index:3}
	.tabs ul li.publicSerTab.act			{z-index:300}
	.tabs ul li.publicSerTab a 				{background:url(../images/new/spriteTopMenu.png) no-repeat left -260px}
	.tabs ul li.publicSerTab a span 		{background:url(../images/new/spriteTopMenu.png) no-repeat right -303px}
	.tabs ul li.publicSerTab.act a			{color:#094497; background:url(../images/new/spriteTopMenu.png) no-repeat left -2px}
	.tabs ul li.publicSerTab.act a span		{background:url(../images/new/spriteTopMenu.png) no-repeat right -47px}
	
	.tabs ul li.commercialSerTab			{z-index:2}
	.tabs ul li.commercialSerTab.act		{z-index:300}
	.tabs ul li.commercialSerTab a 			{background:url(../images/new/spriteTopMenu.png) no-repeat left -346px}
	.tabs ul li.commercialSerTab a span 	{background:url(../images/new/spriteTopMenu.png) no-repeat right -389px}
	.tabs ul li.commercialSerTab.act a		{color:#a7bb28; background:url(../images/new/spriteTopMenu.png) no-repeat left -88px}
	.tabs ul li.commercialSerTab.act a span	{background:url(../images/new/spriteTopMenu.png) no-repeat right -131px}
	
	.tabs ul li.researchSerTab				{z-index:1}
	.tabs ul li.researchSerTab.act			{z-index:300}
	.tabs ul li.researchSerTab a 			{background:url(../images/new/spriteTopMenu.png) no-repeat left -432px}
	.tabs ul li.researchSerTab a span 		{background:url(../images/new/spriteTopMenu.png) no-repeat right -475px}
	.tabs ul li.researchSerTab.act a		{color:#ff9825; background:url(../images/new/spriteTopMenu.png) no-repeat left -174px}
	.tabs ul li.researchSerTab.act a span	{background:url(../images/new/spriteTopMenu.png) no-repeat right -217px}


/* Search box*/
	.search
	{
		position:absolute; top:-45px; left:686px;
		margin:0;
		height:29px;
		width:231px;
		background:url(../images/new/searchBG.png) no-repeat bottom;
	}
	.searchtextbox
	{
		 background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 15px;
    left: 20px;
    margin: 0;
    padding: 2px 7px 0;
    position: absolute;
    top: 5px;
    width: 134px;
	}
	.magnifyer
	{
	background: url("../images/new/magnifyglass.png") no-repeat scroll center bottom transparent;
    height: 12px;
    left: 9px;
    position: absolute;
    top: 10px;
    width: 19px;
	}
	.searchbutton
	{
		left: 166px;
		position: absolute;
		top: 5px;
	}
	
	/* // -- Search box--*/




/*********************************************************************/
/*							Startpage								*/

.startpage{
	background-image: url(../images/new/vertikalLinje.gif);
	background-repeat: repeat-y;
	background-position: 550px;
}
	.startpage #leftcolumn{
		width: 470px;
		margin-left: 45px;
		float: left;
	}
		.startpage #leftcolumn div{
			margin-top: 15px;
		}
		
			.startpage #leftcolumn div h1{
				font-size: 2.1em;
				line-height: 1em;
				color: #274691;
				margin-bottom: 20px;
			}


			#page #leftcolumn .btn1, #page #leftcolumn .btn2, #page #leftcolumn .btn3,
			#page #leftcolumn .btn1_active, #page #leftcolumn .btn2_active, #page #leftcolumn .btn3_active{
				width: 251px;
				height: 38px;
				display: block;
			}

			#page #leftcolumn .btn1{
				margin-top: 30px;
				background-image: url(../images/new/frontpageBtn1.jpg);
			}
			#page #leftcolumn .btn1_active{
				margin-top: 30px;
				background-image: url(../images/new/frontpageBtn1_active.jpg);
			}
			
			#page #leftcolumn .btn2{
				background-image: url(../images/new/frontpageBtn2.jpg);
			}
			#page #leftcolumn .btn2_active{
				background-image: url(../images/new/frontpageBtn2_active.jpg);
			}
			
			#page #leftcolumn .btn3{
				background-image: url(../images/new/frontpageBtn3.jpg);
			}
			#page #leftcolumn .btn3_active{
				background-image: url(../images/new/frontpageBtn3_active.jpg);
			}
			
			#page #leftcolumn .btn4 {margin-left: 15px; margin-top: 39px; width: 255px; height: 81px; display: block; background: url(../images/new/china_btn.jpg) no-repeat -15px -9px;}
			#page #leftcolumn .btn4_active {margin-left: 15px; margin-top: 39px; width: 255px; height: 81px; display: block; background: white url(../images/new/china_btn_active.png) no-repeat;}
			
			#page #leftcolumn .underBtn
			{
				margin-top: 5px;
			}
			
			#page #leftcolumn .underBtn_nomargin
			{
				margin-top: 0;
			}
			
			
			#film {
				padding-top: 20px;
			}
	.startpage #rightcolumn{
		width: 200px;
		float: left;
		margin-left: 50px;
		overflow: hidden;
	}
		.startpage #news{
			margin-top: 15px;
		}
		
	.startpage #leftcolumn .china-knapp {margin: 30px 0 0; position: relative; left: -15px;}



/************************************************************/
/*						Subpage								*/

.subpage{
	background-image: url(../images/new/vertikalLinje.gif);
	background-repeat: repeat-y;
	background-position: 265px;
}
	.subpage #leftcolumn{
		width: 190px;
		float: left;
		margin-left: 45px;
		position: relative;
	}
		.subpage #subnav{
			
		}
			
	
	.subpage #rightcolumn{
		float: right;
		width: 485px;
		margin-right: 65px;
	}
	
	.shopfront_img {margin: -10px 0 0 10px;}
	.webshop_column {width: 445px;}
	.webshop_column_border {border-top: 1px solid #e5e4e4; width: 445px; padding-top: 25px; margin-top: 30px;}
	.shop_buyBtn {background: url(../images/shop_buyBtn.gif); width: 33px; height: 18px; border-width: 0; margin-top: 5px;}
	.shop_carttext {font-weight: bold; font-size: 1.1em; color: #284791;}
	.grayBorderBtm {border-bottom: 1px solid #e5e4e4; padding-bottom: 5px; margin-bottom: 6px;}
	
	.shop_addedSites {border: solid 2px #84A21A; padding: 10px; margin: 10px 0;}
	.evilChb {margin-bottom: 50px;}
	
		.subpage #rightcolumn h1, .helpBox h1{
			color: #84a21a;
			font-size: 2em;
		}
		
		.subpage #rightcolumn h2{
			
		}
		
		.subpage #rightcolumn h3{
			font-weight: bold;
			font-size: 1.1em;
		}
		
		.subpage #rightcolumn p{
			color: #3e3d3d;
		}
		
		.subpage #rightcolumn li{
			margin-bottom: 3px;
		}
		
		

.floatnone {float: none;}

.webshop_column .customSearch {width: 480px;}

.customSearch table {background: #f3f3f3; width: 480px;}
.customSearch textarea {width: 295px;}
.customSearch textarea.wide {width: 480px;}

.publications_item {width: 285px;}

/********************************************************************/
/*							Example-popup							*/

.helpBox {background: #FFF; width: 540px; padding: 40px;}
.helpBox table {width: 100%; padding: 0; margin: 0;}
.helpBox td {padding: 5px 0; margin-left: 0;}
.closeBtn {position: absolute; top: 20px; left: 600px;}
.alignRight {text-align: right;}

.overlay {background: url(../images/overlay_bg.png); position: absolute; top:0px; left: 0px; width: 100%;}
.popupruta {z-index: 15; display: none; position: absolute; left: 50%; top: 190px; background: #ebebeb; padding: 10px; width: 620px; margin-left: -270px;}


/********************************************************************/
/*							News									*/

.newsHead {color: #A1B94D; font-size: 2.1em;}
.newsDate {color: #A1B94D; margin-bottom: 0;}
.newsIngress {font-weight: bold; margin-top: 0;}

.rightlink {display: none;}

#rssfeedlink{text-decoration: none; margin-top: 15px;}
#rssfeedlink img {position: relative; top: 2px;}
#newsletterimg {margin-left: 15px;}

#newsfeedcontainer {padding-bottom: 15px;}


/********************************************************************/
/*							Share									*/

.shareleft {width: 73px;}
.shareright {width: 90px;}

.sharefilm {width: 464px; margin-top: 50px; overflow: hidden;}
.sharefilm h2 {margin-bottom: 10px;}
.sharecomments {width: 387px; height: 80px;}

.sharefilm input, .sharefilm textarea {margin: 2px 0;}
.sharefilm .label {padding-bottom: 10px;}

.sharefilm .submit {margin-right: 1px;}


#page .cse .gsc-control-cse, #page .gsc-control-cse {background-color: Transparent;}

