@charset "utf-8";
/* CSS Document */

#hemcontent{
	position:relative;
	width: 1070px;
	margin-right: auto;
	margin-left: auto;
}
#hemcontentbg{
	position:absolute;
	width:100%;
	height:567px;/*ie6 and under*/
	top:0px;
	left:0px;
	background-color:#000;
	filter:alpha(opacity=40);
	opacity:0.4;
}
/*hide from ie6*/
html > body #hemcontentbg{
	height:100%;
}

#box1{
	position:relative;
	padding-left: 30px;
	width: 345px;
	float: left;
	padding-top: 25px;
	/*height:385px;*/
	height: 628px;
	font-size:12px;
	font-style: italic;
	line-height:16px;
}
#box2{
	position:relative;
	padding-left: 30px;
	width: 315px;
	height: 628px;
	float: left;
	padding-top: 25px;	
}
#box12group{
	position:relative;
}
#box3{
	position:relative;
	width: 300px;
	float: right;
	background-color: #201209;
	background-image: url(../images/hem/box3img3.jpg);
	background-repeat: no-repeat;
	height: 622px;
	top:0px;
	margin: 25px 25px 50px 0;
}
#box4{
	position:relative;
	margin-left: 15px;
	padding-bottom: 15px;
	width: 680px;
	/*padding-left: 345px;*/
	/*width: 315px;*/
	clear: left;
	padding-top: 0px;
	height:243px;
	font-size: 12px;
	line-height: 18px;

}

#box4 p {margin: 10px 0;}

#box4headline {
	width: 649px; 
	height: 10px; 
	line-height: 20px; 
	text-align: center; 
	float: right;
	margin-bottom: 10px; 
	position: relative; 
	left: -7px; 
	}
	
#box4 .leftCol {
	width: 315px; 
	float: left; 
	height: 223px;
	padding-left: 15px;

	}
	
#box4 .rightCol {
	width: 315px; 
	float: left; 
	height: 223px; 
	padding-left: 30px;
	padding-top: 14px;
	}

#box4 a img {
	border: none; 
	}

#box4 h4 {
	color: #7d4e25;
	font-size: 16px;
}

#box4 h3 a {
	text-decoration: none;
}
#box4 h3 a:hover {
	text-decoration: underline;
}





#box1img1{
	margin-bottom: 10px;
	background: url('../images/hem/hem_box1_img5.jpg');
	width: 345px;
	height: 216px;
}
#box1 h3 a, #box3 h3 a{
	text-decoration:none;
}
#box1 h3 a:hover, #box3 h3 a:hover{
	text-decoration:underline;
}

#box1videoLink {
	display: block;
	width: 100%;
	height: 100%;
}
#box1btn1{
	float:left;
	height:23px;
	overflow:hidden;
}
#box1btn1_a{
	background-image: url(../images/hem/till_bloggen.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 84px;
	display: block;
}
#box1btn1_a:hover{
	text-decoration:underline;
}
#pecanswf_container {
	background: url('../images/hem/hem_box4_img_b.png');
	width: 314px;
	height: 223px;
}

#box1btn2{
	float:left;
	margin-left: 10px;
	height:23px;
	overflow:hidden;
}
#box1btn2_a{
	background-image: url(../images/hem/btn_las_mer.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 55px;
	display: block;
	font-size:11px;
	font-style:italic;
	line-height:23px;
	text-decoration:none;
	padding-left:30px;
}
#box1btn2_a:hover{
	text-decoration:underline;
}


#box1bottom {
	position: absolute;
	bottom: 22px;
	height: 170px;
	background-image: url(../images/hem/box1bottom_background.png);
	background-repeat: no-repeat;
	width: 345px;
}

#box1bottom  p.lightbrown {
	padding-top: 140px;
	text-align: center;
	margin: 0;
	font-size: 12px;
}	

.box2lozenge{
	position:relative;
	height:85px;
	font-size:11px;
	line-height:14px;
	overflow:hidden;
}

.box2lozenge img{
	float:left;
	margin-right:10px;
}
.box2lozenge h4{
	line-height:17px;
	margin: 8px 0 0 0;
}
#box2 .box2lozenge .releaseDate {
	font-style: italic;
	margin-top: 2px;
	display: block;
}
#box2 .box2lozenge .disabled_background {
	position:absolute;
	width:126px;
	height:78px;
	top:0px;
	left:0px;
	background-color:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#box2 .disabled h4 {
	color: #6b4b16;
}

#box2 .disabled p {
	color: #4a2c12;
}

#box2btn1{
	margin-top:5px;
}
#box2btn1 a{
	background-image: url(../images/hem/btn_se_mer_pa_var_youtube.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 227px;
	display: block;
	font-size:11px;
	font-style:italic;
	line-height:23px;
	text-decoration:none;
	padding-left:5px;
}
#box2btn1 a:hover{
	text-decoration:underline;
}
#box2 h4 a{
	text-decoration:none;
}

#box2 h4 a:hover{
	text-decoration:underline;
}

#box2 h4#box2headline {
	margin: 0 0 20px 0;
	line-height: 14px;
}



/*#box3 h4 {
	width:190px;
	text-align:center;
	margin-left:140px;
	margin-top:215px;
	font-size:11px;
	line-height:20px;
}*/

#box3 .box3content {
	position: relative;
	padding: 455px 20px 0 20px;
}

#box3 .box3content h4 {
	font-size: 12px;
}


#box3 .box3content .read-more-link {
	margin-top: 13px;
}

#box3btn1_a{
	background-image: url(../images/hem/btn_se_mer.png);
	background-repeat: repeat;
	display: block;
	height: 23px;
	width: 105px;
	margin-top:15px;
	margin-left:180px;
	font-size:11px;
	font-style:italic;
	line-height:23px;
	text-align:center;
	text-decoration:none;
}
#box3btn1_a:hover{
	text-decoration:underline;
}



#box4btn1 a{
	background-image: url(../images/hem/btn_las_mer_och_tavla_har.png);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 161px;
	margin-top:15px;
	font-size:11px;
	font-style:italic;
	line-height:23px;
	text-align:center;
	text-decoration:none;
}
#box4btn1 a:hover{
	text-decoration:underline;
}

.read-more-link {
	background-image: url(../images/read-more-link.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 83px;
	text-indent: -2000px;
}