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


@media print { 
	body#boken .subcontent_right{
		
		width:45%;
	}
	
			.navwrapper2 {

		width:1100px;

}
}

@media all and (min-width: 320px) and (max-width: 800px) {
	
			.subcontent h1{
			font-size:220%;
			color:#ed4d5d;
}
	
	h2{
		line-height:100%;
	}
	.content, .botten, .navwrapper, .navwrapper2, .logon, .navigation, .filmwrapper, .contentwrapper2, .contentwrapper3, .contentwrapper4, .contentwrapper1, .contentwrapper_tom {
				width:100%;
			float:left;
			clear:both;
}
	
		.contentwrapper {

		height:100%;
}
	
		.startcontent, .subcontent, .subcontent_left, .subcontent_right, .subcontent.wide, .subcontent2.wide, .subcontent3.wide, body#boken .subcontent_right, .mittest, .subcontent.wide.bredd{
				width:90%;
			padding-left:5%;
			padding-right:5%;
			float:left;
			clear:both;
}

	
			.subcontent2 h1{

			margin-top:10px;
}
	
.subcontent_left{
padding-top:5%;
}
	
.subcontent_right{
padding-top:0%;
}
	
	.bokruta{
	padding: 10% 10% 10% 10%;
			font-size:140%;
		margin-bottom:40px;
		margin-top:40px;
	}
	
	.filmwrapper, .contentwrapper2, .contentwrapper3, .contentwrapper4, .contentwrapper, .contentwrapper1{
		background-size:100%;
				height:100%;
	}
	
	.contentwrapper4 {
	background-position:center top;


}

	.navwrapper {
		height:100%;
		background-color:white;
}
	.navigation {
		height:70px;
		padding-top: 0px;
		margin-top:10px;
		padding-left:3%;
padding-right:3%;
width:94%;
		font-size:90%;
}



		.logon {
background-position:center 7px; 
			height:50px;
			float:left;
			clear:both;
			background-color:#31b6bc;	
			 background-image:url(fyra_bokstaver2.png); 
			background-size:80%;
}

		.navigation a{
color:#30b6bb;
			margin-left:0px;
			text-align:center;
			
			
}


a.link1, a.link2, a.link3, a.link4{
background-position:center 0px;
	width:25%;
	float:left;
					text-align:center;
	padding-left:0px;
	padding-top:45px;
	background-size:45px 41px;
	font-size:14px;
}

a.link1{
background-image:url(nav1_mobil.png);
}

a.link2{
background-image:url(nav2_mobil.png);
}

a.link3{
background-image:url(nav3_mobil.png);
}

a.link4{
background-image:url(nav4_mobil.png);
}
	
	a.link1.active, a.link2.active, a.link3.active, a.link1.active, .navigation a:hover{
	color:#30b6bb;
	

}



		.filmwrapper, .contentwrapper2, .contentwrapper3, .contentwrapper4 {
			min-height:720px;

}
	
			.filmwrapper video {
			display:none;

}
	
	.startcontent{
		padding-top:3%;
		text-shadow:none;
		color:#31b6bc;
		background-image:url(bakgrund_start_mobil.png);
		background-repeat:no-repeat;
		background-position:top right;
		background-size:40%;
	}


.contentwrapper2, .contentwrapper3, .contentwrapper4{
				 background-image:url(bakgrund_mobil2.jpg)!important;

	height:100%;
}
	
	.contentwrapper1 {
				background-position:center top;
		background-image:url(bakgrund_bla_mobil3.png);
	height:100%;
	
}
	
	.subcontent_left h1{
		margin-bottom:10px;
	}
	
	.subcontent_right h2{
		margin-top:10px;
		font-size:120%;
	}
	
	body#boken .subcontent_right h2{
font-size:130%;
}
	
	body#boken .subcontent_right, .subcontent_right {
	padding-top:8%;

}

	
	.subcontent_left a{
		line-height:150%;
		font-size:140%;
	}
	
	img.arrow{
	margin-top:30px;
	width:15%;
}
	
	.download_left, .download_right{
	width:100%;
	margin-left:0%;
		margin-bottom:10%;
}
	
	.upp{
		display:block;
		text-align:center;
	}
	
		.upp img{
		width:50px;
			height:50px;
	}
	
	.adressen2{
	width:100%;
	clear:both;
	text-align: center;
}
	
	.bildtest{
display:none;
}
	
	a.knapp{

margin-left:15%;
		margin-bottom:30px;

}
	
	a.knapp2, a.knapp3{
	width:200px;
margin-left:50px;
font-size:15px;

}




}