@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
}
[class*="size-"] {    
    float: left;    
	margin:1%;    
}
.active{
	background: #00931E;
	color:white;
	
	text-decoration-color: white;
}

body{
	font-family: Verdana, sans-serif; 
	font-size:12px;
	
}
.info{
	line-height: 15px;
}
table 
{
            border-collapse: collapse;
            width: 80%;
            margin: 20px auto;
 }
th, td 
{
            border: 1px solid black;
            padding: 8px;
            text-align: center;
}
th 
{
            background-color: #f2f2f2;
}
p
{
	line-height: 5px;
}
	section::after 
{
    content: "";
    clear: both;
    display: block;
}
	header, nav, section, article, footer, aside 
{
	border:1px solid grey; 
	padding:3px;
	margin: 2px;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
}
.startpage,.poduct{
	width: 100%;
}

header {background:#656362; 
		padding:5px;
		color:white;
		border-bottom: medium solid #546232;
		
		
}
	
/*länkar */
nav {background:#007FE8;
	height: 50px;
	}
nav li{
	float:left;
}
nav ul {list-style-type:none; margin:5px; padding:0;
	}
nav ul li {display:inline; margin:5px; }

nav a:link {
    text-decoration: none;
    color: #000;
	font-size: 36;
}
nav a:visited {text-decoration: none; color: #000;}
nav a:hover {text-decoration: underline; background:#FFC; font-weight:bold;}
nav a:active {text-decoration: none; 
		background-color: darkblue;
		color: #000;}