@charset "UTF-8";
/* CSS Document */



.clearfix::after {
 	content: "";
	clear: none;
	display: table;
}
.clearfix {
	overflow: auto;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* Body */

.body{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
body{
 	background-color: #353C46;
}

/* Yläbannerit */

.index-banner{
	background-image: url("../u552akkuraum1/akkutausta1.jpg");
	width: 100%;
	height: 220px;
	background-position: center;
	background-size: cover;
	border-color: black;
	border-style: inset;
	border-radius: 0%;
	border-width: 2px;
}

.esite01{
	background-image: url("../u552akkuraum1/esite01.jpg");
	width: 100%;
	height: 1120px;
	background-position: top;
	background-size: cover;
	border-color: black;
	border-style: inset;
	border-radius: 0%;
	border-width: 2px;
}

.esite02{
	background-image: url("../u552akkuraum1/esite02.jpg");
	width: 100%;
	height: 986px;
	background-position: top;
	background-size: cover;
	border-color: black;
	border-style: inset;
	border-radius: 0%;
	border-width: 2px;
}




.kuva01{
	background-image: url("../u552akkuraum1/kuva01.jpg");
	width: 100%;
	height: 450px;
	background-position: top;
	background-size: cover;
	border-color: black;
	border-style: inset;
	border-radius: 0%;
	border-width: 2px;
}
.kuva02{
	background-image: url("../u552akkuraum1/kuva02.jpg");
	width: 100%;
	height: 380px;
	background-position: top;
	background-size: cover;
	border-color: black;
	border-style: inset;
	border-radius: 0%;
	border-width: 2px;
}
.kuva03{
	background-image: url("../u552akkuraum1/kuva03.jpg");
	width: 100%;
	height: 470px;
	background-position: top;
	background-size: cover;
	border-color: black;
	border-style: inset;
	border-radius: 0%;
	border-width: 2px;
}
.kuva04{
	background-image: url("../u552akkuraum1/kuva04.jpg");
	width: 100%;
	height: 1380px;
	background-position: top;
	background-size: cover;
	border-color: black;
	border-style: inset;
	border-radius: 0%;
	border-width: 2px;
}
.kuva05{
	background-image: url("../u552akkuraum1/kuva05.jpg");
	width: 100%;
	height: 390px;
	background-position: top;
	background-size: cover;
	border-color: black;
	border-style: inset;
	border-radius: 0%;
	border-width: 2px;
}
/* Linkit */

nav ul{
	text-align: center;
	padding-left: 0px;
	list-style-type: none;
}
nav a{
	text-decoration: none;
	color: white;
	background-color: #6881B2;
	display: block;
	margin-bottom: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	font-style: normal;
	font-weight: 400;
	font-size: 1.0em;
}
nav a:hover{
	background-color: #B0A01B;	
}




/* Textit */

h1{
	color: white;
	font-size: 15px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 220px;
}
h2{
	color: white;
	font-size: 15px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 110px;
}
h3{
	color: white;
	font-size: 18px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 220px;
}

p{
	color: antiquewhite;
	font-size: 14px;
	margin-top: -15px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 9px;
	
}


/* Infotexti */

.infotext p{
	margin-left: 12px;
	text-align: left;
	margin-top: 0px;
	color: white;
}
.infotext h1{
	margin-left: 12px;
	text-align: center;
	margin-top: 0px;
	color: antiquewhite;
}

.infotext h2{
	margin-left: 10px;
	text-align: left;
	margin-top: 5px;
	color: floralwhite;
}

.infotext h3{
	margin-left: 10px;
	text-align: left;
	margin-top: 10px;
	color: antiquewhite;
}














