@media screen and (max-width: 981px) {

/*
--------------------- TABLE OF CONTENT  --------------------- 
0. MAIN/COMMON ELEMENTS
1. HEADER
2. ARTICLE CONTENT
3. FOOTER
*/

/* --------------------- 0. MAIN/COMMON ELEMENTS --------------------- */

div#s4-workspace {
	border-left: 20px solid #eaeceb;
	border-right: 20px solid #eaeceb;
	width: 716px;
}

/* --------------------- 1. HEADER --------------------- */
div#s4-titlerow div.StructureImage {
	height: 225px; 
	overflow: hidden;
}
div#s4-titlerow div.StructureImage.start {
	background-image: url('/Style Library/SaboV5/img/top/tablet/start.jpg');
}
div#s4-titlerow div.StructureImage.aktuellt {
	background-image: url('/Style Library/SaboV5/img/top/tablet/aktuellt.jpg');
}
div#s4-titlerow div.StructureImage.om_sabo {
	background-image: url('/Style Library/SaboV5/img/top/tablet/om_sabo.jpg');
}
div#s4-titlerow div.StructureImage.medlem {
	background-image: url('/Style Library/SaboV5/img/top/tablet/medlem.jpg');
}
div#s4-titlerow div.StructureImage.press {
	background-image: url('/Style Library/SaboV5/img/top/tablet/press.jpg');
}
div#s4-titlerow div.StructureImage.kunskapsomraden {
	background-image: url('/Style Library/SaboV5/img/top/tablet/kunskapsomraden.jpg');
}
div#s4-titlerow div.StructureImage.trycksaker {
	background-image: url('/Style Library/SaboV5/img/top/tablet/trycksaker.jpg');
}
div#s4-titlerow div.StructureImage.utbildning {
	background-image: url('/Style Library/SaboV5/img/top/tablet/utbildning.jpg');
}

div#s4-titlerow div.WrapHeaderLogo a#Logotype {
	left: 35px;
	top: 25px;
	width: 160px;
}
div#s4-titlerow div.WrapHeaderLogo a#Logotype h1 {
	color: #363836;
	font-size: 24px;
	letter-spacing: -1px;
	line-height: 26px;
	position: relative;
	top: 95px;
}		
div.WrapHeaderSearch li.loggedin {
	display:none;
}
div.WrapLoggedIn li.loggedin {
	display:block;
}


	/* --------------------- 1.1 NAVIGATION --------------------- */
	
	body div#s4-titlerow div.MidNav > ul {
		margin-left: 0px;
	}
	body div#s4-titlerow div.MidNav li a {
		padding: 0px 9px;
	}
	
	body div#s4-leftpanel.LeftNavigation {
			padding-top: 0px;
	}
	
	/* --------------------- 1.2 SEARCH BOX --------------------- */
	
	div.WrapHeaderTop {
		top: 25px !important;
	}

/* --------------------- 2. ARTICLE CONTENT --------------------- */
	
	
	section.StartPage div#MainColumn {
		margin-top: 0px;
	}
	div#MainColumn {
		max-width: 424px;
	}
	div section.SubPage {
		float:none;
	}
	section.SubPage div#MainColumn,
	section.SubPage div#SideColumn {
		margin-left: 34px;
		width: 424px;
	}
	section.SubPage div#SideColumn {
		position:inherit;
	}
	section.SubPage div#SideColumn div.SideColumnLeft {
		margin-left: 0px;
		width: 100%;
	}
	section.SubPage div#SideColumn #PLcontentBetaInner {
		float:left;
		margin-left: 5px;
		margin-right: 5px;
	}
	section.StartPage div#MainColumn {
		max-width: 458px;
		margin-top: -20px;
	}
	section {
		padding: 40px 23px 20px 0px;
	}

	/* --------------------- 2.1 MAIN COLUMN --------------------- */
		
	div#MainColumn article.NewsItem a {
		border: 0px;
	}
		
	/* --------------------- 2.2 SIDE COLUMN --------------------- */	
	
	div#MainColumn article.NewsItem a {
		border-left: 4px solid #fff;
		padding: 20px 0px 0px 30px;
	}
	section.StartPage div#SideColumn {
		width: 200px;
	}
	div#SideColumn div.SideColumnRight {
		margin-left:0px;
	}
	section.SubPage div#SideColumn {
		float: none;
	}
	
	/* --------------------- 2.3 BLURBS --------------------- */
/*	
	div#SideColumn div.Blurb.TwoColumns {
		display: none;
	}
	div#MainColumn div.Blurb.TwoColumns {
		display: block;
		padding-left: 34px;
		max-width: 390px;
	}
	div#MainColumn div.Blurb.TwoColumns img {
		max-width: 100%;
	} */
	section.SubPage div#SideColumn div.Blurb {
		float: left;
		margin-right: 10px;
		width: 200px;
	}

	/* --------------------- 3. FOOTER --------------------- */	
	
	footer {
		height: 190px;
	}
	footer div#FirstHalfFoot li,
	footer div#SecondHalfFoot li,
	footer div#CopyrightFoot span {
		font-size: 13px;
		line-height: 22px;
	}
	footer div#CopyrightFoot span {
		float: right;
	}
	footer div#FirstHalfFoot,
	footer div#SecondHalfFoot {
		position: absolute;
		width: 150px;
	}
	footer div#FirstHalfFoot {
		left: 34px;
	}
	footer div#SecondHalfFoot {
		left: 250px;
	}
}