body {
	background: white none;	
	color: black;
	padding: 0;
	margin: 0;
}

.main {
/* jätetään ylämarginaalia navigointipalkin tilan verran */
 margin-top: 3em;
/* jätetään sivumarginaalia navigointipalkin tilan verran */
 margin-left: 15%;
}


.navbar li {
 display: inline;
 border-left: 1px solid black;
 padding-left: 1em;
 padding-right: 1em;
 margin: 0;
 padding-top: 0;
 padding-bottom: 0;
}

.navbar li:first-child {
 border-left: 0;
}

.navbar ul, .leftbar ul {
 padding-left: 0;
 margin-top: 0;
}

.leftbar ul li {
 list-style-type: none;
}


.navbar {
	background: yellow none;	
	color: black;
	text-align: center;
	font-weight: bold;
	width: 85%;	
/* Viedään näytöltä tilaa pystysuunnassa yhteensä 3em (2em + 0.5em + 0.5em) */
	height: 2em;
	padding-top: 0.5em;
   	padding-bottom: 0.5em;
	margin: 0;
	position: fixed;
	left: 15%;	
	top: 0%;	
	line-height: 2em; 
}


.leftbar {
	background: silver none;	
	color: black;
	text-align: left;
	font-weight: bold;
	width: 15%;	
	height: 100%;
	padding: 0;
	margin: 0;
	position: fixed;
	top: 3em;	left: 0%;	
}


.logo {
	background: red none;	
	color: black;
	line-height: 3em;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	width: 15%;	
	height: 3em;
	padding: 0;	
	margin: 0;
	position: fixed;
	top: 0%;	
	left: 0%;	
}