body {
	margin: 0;
}
/*Något height eller width attribut anges inte i HTML för att bilden ska kunna flyta responsivt. Bilderna bör vara ca 300px breda för att visas i god kvalitet på mobiler och paddor med höga upplösningar*/
img { 
	border: 0;
	width: 100%; 
	/*Positionerar bilden vertikalt*/
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
img:hover {
	opacity: 0.5;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li {
	display: inline;
	float: left;
	height: 100px;
	width: 23%;
	margin-left: 2.666666%;
	background-color: #E0E0E0;
	overflow: hidden;
}
.web_warning {
	color: #f25b22;
}

.web_ingress {
	color: #5f5f5f;
	font-family: 'Roboto Condensed', sans-serif, Arial;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 24px;
}

.web_normal {
	color: #5f5f5f;
	font-family: 'Roboto', sans-serif, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 24px;
}

H1.web_normal {
	color:#1E6491;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 29px;
	margin: 0px 0px 10px;
	text-transform: uppercase;
}

H2.web_normal {
	color: #1e6491;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 400;
	margin: 20px 0px 5px 0px;
}

H3.web_normal {
	font-size: 17px;
	margin: 20px 0px 5px 0px;
	color: #1e6491;
}

A.web_normal {
	text-decoration: none;
	font-weight: bold;
	color: #1e6491;
}