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


body {
	background-color: #CCCCFF;
}

#koonti {
	border: 1px dotted #CCCCFF;
	width: 100%;
	z-index: 1;
	background-color: #CCCCFF;
	height: 100%;
	overflow: auto;
}

#kehys {
	background-color: #EDEEEF;
	width: 980px;
	float: none;
	background-repeat: no-repeat;
	margin: auto;
	display: block;
	height: auto;
	overflow: auto;
	visibility: visible;
}

#ylatunniste {
	background-color: #dee8d9;
	background-image: url(kuvat/hattubanneri1_web.jpg);
	height: 250px;
	width: 960px;
	clear: none;
	float: left;
	position: static;
	height: 250px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#ylatunniste2 {
	background-color: #dee8d9;
	height: 50px;
	width: 960px;
	clear: none;
	float: left;
	position: static;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
}


#sisalto {
	/*background-color: #C60;*/
	height: auto;/*muutettu scrollinvuoksi, helpottamaan asiakkaan päivitystä jottei sivu hajoa 400px;*/
	width: 960px;
	clear: none;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	position: static;
	background-color: #FFF;
	margin-top: 10px;
	padding: 0px;
	overflow: hidden;
}


#tyhja {
	background-color: #dee8d9;
	width: 960px;
	clear: both;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	position: static;
	height: 1px;
}

#alatunniste {
	background-color: #dee8d9;
	height: 29px;
	width: 960px;
	clear: none;
	float: left;
	position: static;
	margin: 10px;
}

.tekstikeskelle{
	font-family: "Bookman Old Style", "Book Antiqua";
	font-size: 2.5em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	color: #666;
	background-position: center center;
	}
	
.alateksti{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	color:#666;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666;
	text-decoration: none;
	letter-spacing: 0.1em;
	margin: 0px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}


#navigointi {
	background-color: #dee8d9;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 50px;
	width: 960px;
	position: absolute;
	float: left;
}


/* navigoinnissa olevien laatikoiden paikat*/
#vapaanavi1{
	width: 130px;
	left: 7px;
}

#perinne_net{
	width: 130px;
	left: 143px;
}

#hattukamarinetusivu{
	width: 130px;
	left: 279px;
}

#hattumallisto{
	width: 130px;
	left: 415px;
}

#hoito-ohjeita{
	width:130px;
	left:551px;
}

#etiketti{
	width: 130px;
	left: 687px;
}

#vapaanavi2{
	width:131px;
	left: 823px;
}


/*navilaatikoiden määrittely*/
a#vapaanavi1, a#perinne_net, a#hattukamarinetusivu, a#hattumallisto, a#hoito-ohjeita, a#etiketti, a#vapaanavi2

{
	display:block;
	position:absolute;
	height: 35px;
	background-color:#dee8d9;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	font-style: normal;
	text-align: center;
	margin: 0px;
	text-decoration: none;
	width: 130px;
	padding-top: 10px;
	top: 3.75px;
}


a:link {
	color: #333;
	text-decoration: none;
}

/*kayty linkki*/
a:visited {
	color: #669;
	text-decoration: none;
}

/*osoitettu linkki*/
a:active {
	color: #333;
	text-decoration: none;
}

/*klikattu linkki*/
a:hover {
	color: #B0AFD7;
	text-decoration: none;
}

.keskita {
	text-align: center;
}

.keskita_vert_ja_hor {
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	top: 10px;
}