@charset "UTF-8";

/* Layout Small Screens */



body {
	margin: 0 auto;
	color: #666;
	line-height: 1.5em;
	font-family: fanwood_textregular, "Times New Roman", Times, serif;
	text-align: left;	
}

h1 { color: #000; margin: 0em 0em .5em 0em; font-size: 2em; font-weight: normal;
font-family: aller_lightregular, Arial, Helvetica, sans-serif; }

h2 { color: #000; font-size: 1.9em; margin: 0em 0em 0em 0em; font-family: aller_lightregular, Arial, Helvetica, sans-serif; }

h3 { font-size: 0.9em; margin: 0em 0em 0em 0em;
font-family: fanwood_textregular, "Times New Roman", Times, serif;

 }
 h4 { font-size: 0.9em;
 font-weight:normal; margin: 0.8em 0em 0em 0em;
 color:#000; font-family: aller_lightregular, Arial, Helvetica, sans-serif; }
 
 h5 { font-size: 0.9em; margin: 0em 0em 0em 0em;
 font-family: fanwood_textregular, "Times New Roman", Times, serif;
 line-height: 1.5em;
 color:#333;
 }

p { margin: 0px 0px .75em 0px; }

.page {
	margin: 0 auto;
	width:100%;
	min-width: 320px;
	max-width: 500px;

	position: relative; background-color: #fff;
}

header {
	height: 180px;
}

.top { height: 24px; margin: 0 0 20px 0; padding: 4px 10px 1px 10px ; background-color:#1e1e1e; border-bottom: 1px solid #fff;}

.top a { color:#dbdbdc;
font-family: aller_lightregular, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: normal;}

.imgTop { height: 16px; margin: 0 0 0 0; padding: 2px 0 2px 0 ; }

header a.logo {
	width: 320px; height: 134px;
	top: 50px; ;
	background-image: url(../images/forslund-logo-smallXL.gif);
		max-width: 100%;
}
header .del {
	display:none;

}





header h1 {
	width: 320px;
	margin: 0 auto;
	
}
.content { margin: 0px auto;}

#contentL {
	float: none;
	width: 100%;
}

img {
	max-width: 100%;
	margin-bottom: 0.5em;
}

nav {

	margin: 110px 0 0px 7px;
	width: 95%;
	position: static;
	padding: 60px 0px 30px 0px;
	background-color: #fff;	
}

nav a {
	color: #a6abc5;
	display: block;
	margin: 10px;
	padding: 5px 5px 5px 25px;
	border: 1px solid #a6abc5;
	background: url(../images/mobile_link_arrow.png) no-repeat right center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

}

nav a:hover { color: #ee932d; background-color: #f6f6f6; }



.showreel { 
float: none;	
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
margin:250px auto 20px;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc; }

.showreelNo { 
float: none;	
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
margin:260px auto 20px;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc; 
}



.mspace { 
margin:230px auto 20px;
 }


/* article styles */
article {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	border-top: 1px solid #fff;

}

article section {
	padding: 0 0 1.0em;
	border-bottom: 1px solid #ccc;
	margin: 0.6em 0 1.6em 0;

}

article h1 {
	margin: 0.0em 0px 0.6em 0px;
	font: 2.8em;
	border-bottom: 0px solid #ccc;
		border-top: 0px solid #ccc;
}
.tjanster h1 {
	font-size: 0em;
	margin-top: 0em;
	padding: 0.0em 0 0 0;
	border-top: 0px solid #ccc;
}




section img {
padding: 0em 2.0em 0.7em 0;
margin: 0em 0 1.0em 0em;

}

.tjanster img {
padding: 0em 0 0em 0;
margin: 0em 0 1.0em 0em;
float:none;
}
#OmRight {
	float: none;
	width: 100%;
	padding: 2em 0 0em 0;

}

#OmLeft {
	float: none;
	width: 100%;
}


.TjLeft {
	float: left;
	width: 100%;
}
.TjRight {
	float: right;
	width: 100%;
}

/*aside styles*/
aside {
		float: none;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	border-top: 0px solid #900;
}



aside h2 {
	font-size: 1.9em;
	font-weight:normal;
	text-align: left;	
	margin: 0.0em 0 0.6em 0;
	clear: both;
}

aside h4 {
	text-align: left;	
	margin: 0;
}

aside h5 {
	text-align: left;	
	margin: 0;
}

aside p {
	text-align: left;
	margin-bottom: 0em;
}

aside img {
	max-width: 100%;
	margin: 0px;	

}

.news {
	padding-bottom:0em;
	margin-bottom:0.0em;
	border-top: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
}
.news h2 {
	font-size: 1.9em;
	font-weight:normal;
	text-align: left;	
	margin: 0.0em 0 0.6em 0;
	clear: both;
}

.news p {
	margin: 0 auto 0em;
}

.us  {
	float:none;
	margin: 1.4em 0 1.6em 0;
	padding-bottom:1.6em;
	padding-top:0;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #CCC;

}

.us img {
	display: block;
	margin: 0 auto;
	margin-bottom: 0em;
}

.us p {

	margin: 0 auto 0em;
}

.twitter  {
	max-width: 100%;
	margin: 1.4em 0 1.6em 0;
	padding-bottom:1.4em;
	padding-top:1.4em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;


}



/*footer styles*/

#pageFooter {
	clear:both;
	overflow:hidden;
	height: 150px;
}

#pageFooter form {
	float: left;
	margin-left: 3.9%;
	display: inline;
}



#pageFooter p {
	float: right;
	clear: right;
	margin-right: 3.9%;
	text-align: right;
}
#pageFooter label {
	display: block;
	font-size: 1.2em;
	text-transform:uppercase;
}

#pageFooter a {
	display:block;
	height: 100px;
	line-height: 100px;
	border: none;
	color:rgb(76, 67, 65);
	padding-left: 95px;
	background: url(../_images/tweet_90.png) no-repeat;
}