@charset "utf-8";
/* CSS Document */
* {
	margin:0;
}	

#html, body {
    height:100%;
    width:100%;
	margin:0;
	background:#414140;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;

}
.hr {
	margin-top:20px;
	color:#FFFFFF;
  	border: 0;
    height:1;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/*** STYLE ***/
h1{
	font-size:24px;
	color:#414141;
	font-weight:900;
	
}
h2{
	font-size:18px;
	color:#414141;
	font-weight:900;
}
	
h3{
	Colour:#FFF;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	color:rgba(255,255,255,.8);
	font-size: 18px;	
}
	
p{
	color: #414141;
	font-size:14px;
}
p1{
	font-size:17px;
	color:rgba(255,255,255,.8);
}
p3{
	font-size:13px;
	color:rgba(255,255,255,.8);
}

/*** YLÄPALKKI ***/
.ylapalkki {
	background-color: #0FC;
	width: 100%;
	min-height:176px;
	position:absolute; 
	lefT:0; 
	content:' ';
	top:0; 
	right:0;

}

.ylavaakapieni {
	background:#404041;
	height:17px;
	width:100%; 
	border-bottom:3px solid #ffd204; 
	position:absolute; 
	lefT:0; 
	content:' ';
	top:0; 
	right:0;
	-moz-box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	z-index:1;
}
.ylavaakapieniteksi {
	width:900px;
	color:#fff;
	font-size:14px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 2px solid transparent;
}
.logobar {
	height: 100px;
	background-color: #FFFFFF;
	width:100%;
	position: absolute;
	top: 20px;
}
.logobarcenter {
	height: 100px;
	width: 1000px;;
	margin:0 auto;
	background:#FFFFFF;
	
}
.logo_al{
	width: 150px;
	margin-top:5px;
	background:#FFFFFF;
	float:left
}
.logo_hinuri{
	width: 150px;
	margin-top:15px;
	background:#FFFFFF;
	float:left;
}

/*** nav ***/
.navbar {
	background:#404041;
	width:100%;
	height:50px;
	border-bottom:3px solid #ffd204;
	border-top:3px solid #ffd204;
	margin-top:120px;
	-moz-box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	z-index:1;
	position:absolute;
}
.nav {

}
#button {
	width:1150px;
	height:45px;
	padding: 0;
	margin:7px auto;
	overflow:hidden;

	
}
#button li {
	display: inline;
}
#button li a {
	font-size:15px;
	text-decoration: none;
	float:left;
	padding: 10px;
	background-color: #404041;
	color: #fff;
	height:20px;
	display:inline-block;
	position:relative;
}
#button li a:hover {
	background-color: #ffd204;
	height:25px;
}
#button li span a{
background-color: #ffd204;
	height:25px;

}
/*** SIVU ***/
#contentWrapper{
	background:#FFF;
	margin-top:170px;
	padding-top:5px;
	width:100%
	}
#bodycontent{
	height:auto;
	width:100%;

}
	
#123123content{
	height:auto;
	width:800px;
	margin:0 auto;
	padding-top:0px;
	
}

/*** Keltainen laatikko teksti ***/
#boxtext{
	height:50px;
	padding-top:25px;
	width:800px;
	}
#box750{
	border-radius: 8px;
	height: 50px;
	width: 750px;
	margin:0 auto;
	background-color: #ffd300;
	-moz-box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
}
#box750text{
	color:black;
	width:750px;
	text-align:center;
	height:50px;
	margin:0 auto;
	line-height:50px;
}


/*** FOOTER ***/
#footer{
	background-color:#404041;
	color:#404041;
}
.h2footer{
	color: #FFD204;
	font-size:20px;

}
#footerborderbar {
	clear: both;
 	position:relative;
 	height:20px;
    z-index:-1;
    background:#FFF;
}

#footerbarsmall {
	background:#404041;
	width:100%;
	height:10px;
	border-top:3px solid #ffd204;
	margin-top:0px;
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.7);
	z-index:1;
	position:absolute;

}
#footerbar{
	background:#404041;
	width:100%;
	height:auto;
	border-top:3px solid #ffd204;
	margin-top:px;
	z-index:1;
	position:absolute;
}
#Footercontent1234{
	height:350px;
	width:960px;
	margin:20px auto;
	top:10px;
	overflow:hidden;
	background-color:#404041;
}
.Footerbox1{
	height:Auto;
	width:240px;
	float:left;

}
.Footertextbox1{
	height:auto;
	width:220px;
	margin:5px auto;
	color:rgba(255,255,255,.8)
}
#Footerbutton {
	padding:0px;


}

#Footerbutton li {
	display: inline;
	width:200px;

}
#Footerbutton li a {
	font-size:13px;
	text-decoration: none;
	float:left;
	background-color: #404041;
	color:rgba(255,255,255,.8);
	padding-top:2px;
	padding-bottom:2px;
	min-height:20px;
	display:inline-block;
	position:relative;
}
#Footerbutton li a:hover {
	text-decoration: underline;
	height:25px;
}
.footerlista{
	width:200px;
}
#footerad{
	height:50px; 
	width:100%;	
	margin:0 auto;
	background-color:#404041;
}
#footeradbarcenter{
	width:800px;
	height:50px;
	margin:0 auto;
}
#Footeradbar{
	border-radius: 8px;
	height: 50px;
	width: 800px;
	margin:0 auto;
	background-color: #ffd300;
	position:absolute;
	-moz-box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 0px 14px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 14px rgba(0,0,0,0.7);

}
#footeradbartext{
	color:black;
	width:700px;
	height:50px;
	margin:5px 50px auto 50px;
	text-align: center;
	overflow:auto;
	position:absolute;
	
}
#footerala{
	height:50px;
	width:100%;
	padding-top:450px;
	/* 350 padding jos ad bar käytössä */
	background-color:#404041;
	padding-bottom:20px;
}
#footerala1{
	height:20px;
	width:500px;
	margin:0 auto;
	overflow:hidden;
	align:center;
}
#footerala2{
	height:20px;
	width:950px;
	text-align:center;
	padding-top:10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color:rgba(255,255,255,.8)
}