/*	# Kategoriopplisting (Skjerm)
================================================ */	
	.list {margin: 20px 0; }
	.list a {height: 100px; display: block; background: white url('../../gfx/list_arrow_idle.png') no-repeat 90% center; padding: 10px; border: 1px #eee solid; transition: 0.25s all ease-in-out; }

	.list a:hover {background: url('../../gfx/list_arrow_hover.png') no-repeat 90% center; border: 1px #777 solid;} /* Background and shadow */

	.list#portalCategories:hover h4{color: black;} /* Title color */
	.list#portalCategories:hover p{color: black;} /* Body Content color */
	.list#portalCategories a h4{color: #666; font-size: 20px; line-height: 22px; margin: 0; font-weight:bold;}
	.list#portalCategories a p{color: #999; font-size: 14px; display: block; width: 75%; height: 50px; }
	.list#portalCategories:hover img {opacity: 1.0;}	

	.list#portalCategories img {opacity: 1.;}	

	.list#portalCategories {}
	.list-left {width: 27%; float: left; text-align: center;}
	.list-left img {
	width: 216px;
	max-width: 216px;
	min-width: auto;
	height: auto;
	margin: 0 15px 0 0;
}
	.list-right {width: 73%; float: left; height: auto; padding: 25px 0;}

/*	# Kategoriopplisting (Mobil)
================================================ */
@media screen and (max-width: 969px) {

	.list {margin: 10px 0;}
	.list a {height: 50px; display: block; background: white url('../../gfx/list_arrow_idle.png') no-repeat 90% center; padding: 10px; border: 1px #eee solid; }

	.list#portalCategories img {opacity: .9;}	

	.list#portalCategories {}
	.list-left {width: 27%; float: left; text-align: center;}
	.list-left img {width: auto; height: 50px; margin: 0px 15px 0px 0px ; padding-right:10px;}
	.list-right {width: 58%; float: left; height: auto; padding: 15px 0;}
	.list-right p {display: none !important; visibility: hidden;}	
}
