﻿html {
     overflow: -moz-scrollbars-vertical;
}

body{
	background: #f0f0f0 url(../images/new/background.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;
}

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;}

/********************************************/
/*					Text					*/

.txtBlue {color: #284791;}
.txtGreen {color: #84A21A;}
.txtRed {color: #ca1717;}

.underline {text-decoration: underline;}
a.noLine, .noLine {text-decoration: none;}

/*********************************************************************/
/*					Layout							*/

#body_leftEdge{
	background-image: url(../images/new/body_leftedge.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 926px;
}
#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: 840px;
	margin-left: 17px;
	padding: 0 30px;
}
	#top{
		background-repeat: no-repeat;
		background-position: top right;
		width: 830px;
		height: 133px;
		position: relative;
	}
		#logo
		{
			padding-top: 30px;
		}
		
			#logo a
			{
				width: 215px;
				height: 77px;
				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: 907px;
		margin-left: 10px;
		padding-top: 40px;
		border-bottom: solid 2px #dddddd;
	}
		#footer p{
			text-align: center;
			width: 907px;
		}
		
		#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;
}
			
.newsItem:last-child{
	border-bottom: none;
}
			
.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;
}
				
.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-image: url(../images/new/toppbild.jpg);
}

#top.bild1{
	background-image: url(../images/new/toppbild2.jpg);
}

/*********************************************************************/
/*							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;}

/*********************************************************************/
/*							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: 0em;
				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 .underBtn
			{
				margin-top: 5px;
			}
			
			
			#film {
				padding-top: 20px;
			}
	.startpage #rightcolumn{
		width: 200px;
		float: left;
		margin-left: 50px;
		overflow: hidden;
	}
		.startpage #news{
			margin-top: 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;
	}
		.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 #ca1717; 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;}



/********************************************************************/
/*							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;}
