@charset "UTF-8";
/* CSS Document */
/* stjärnan betyder att följande inställning göller alla element på webbsidan. Denna inställning gör att eventuella
kantlinjer och padding räknas in i boxens storlek räknas in i bredden */
*{
	box-sizing: border-box;
}

/*Klasser för att dela upp sidan i kolumner 100/3 = 33.33%. Drar bort två procent för marginaler*/
.size-1 {width:98%;}
.size-2 {width:64.6%;}
.size-3 {width:31.3%;}
/*Alla klasser size - ska ha följande inställningar */ 
[class *= "size-"]{
	float:left;
	margin: 1%;
}

/*Avbryter float left*/
section::after{
	content:"";
	clear:both;
	display:block;
}

body {
	font-family: Verdana, sans-serif; 
	font-size:14px;
}

header, nav, section, article, footer, aside {
	border:1px solid grey; 
	padding:8px;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
}

nav {background:#DDD;}
nav ul {list-style-type:none; margin:0; padding:0;}
nav ul li {display:inline; margin:5px;}
nav a:link, a:visited {
    text-decoration: none;
    color: #000;
}
nav a:hover {background:#FFC; font-weight:bold;}
nav a:active {text-decoration: none; color: #000;}

header, footer {background:#5F9EA0; color: white;}

article, aside {
	background:#FAFAFA;
	min-height:900px;
}

.picproperties{
	display:block;
	margin:0 auto;
	width:80%;
	border: medium solid black;
	border-radius:15px;
	box-shadow:5px 5px 2px grey;
}