/* Määritellään html- ja body-elementtien maksimikooksi 100% layoutille*/

html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background-color: white;
	font-family: Verdana, "Times New Roman", serif;
	font-size: 10pt;
	color: black;
	overflow: hidden; 
}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background-color: white;
	color: black;
}

img
{
	border: 0px;
}

/* Varsinainen sisältöalue ylä- ja alapalkkien välissä */

#content {
	overflow:auto; 
	position:absolute; 
	top:121px; 
	bottom:51px; 
	width:76%; 
	right:0%; 
	border-left:0px solid #000;
	border-right:0px solid #000;
	background-color: white;
	color: black;
	line-height: 190%;
	z-index:3; 
	background-image: url(images/kulj_vesileima.jpg); 
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: fixed;
}

/* IE-yhteensopivuuden vuoksi lisätyt määrittelyt */

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:76%;
	border-top:121px solid white; 
	border-bottom:50px solid white;
	}

	
#kuvapalkki
{
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 121px;
	bottom: 46px;
	margin: 0px;
	padding: 0px;
	width: 244px;
	z-index: 1;
	color: black;
	background-color: rgb(203,242,254);
}

* html #kuvapalkki	
{
	top:0; 
	bottom:0; 
	height:100%;
	width:244px;
	border-top:121px solid white; 
	border-bottom:46px solid white;
}

/* Sivuston yläpalkin määrittelyt */
	
#head {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:990px; 
	min-width:990px; 
	height:79px; 
	background-color:white; 
	background-image: url(images/kulj_yla4.jpg); 
	background-repeat: no-repeat;
	color: black;
	z-index:5; 
	}

* html #head {
	top:0px; width:990px; height:79px;
	}
	
#head_texture
{
	position: absolute;
	left: 983px;
	top: 2px;
	width: 1000px;
	height: 79px;
	background-image: url(images/kulj_ylatexture.jpg); 
	background-repeat: repeat-x;
	z-index: 10;
}

#logo
{
	position: absolute;
	right: 5px;
	top: 20px;
	z-index: 20;
}

#linkkiviiva_yla
{
	position: absolute;
	top: 78px;
	left: 0px;
	width: 100%;
	height: 1px;
	border-top: 1px solid #000;
	z-index: 10;
}

#linkkiviiva_ala
{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	height: 1px;
	border-top: 1px solid #000;
	z-index: 10;
}

#linkkipalkki
{
	position: absolute;
	top: 79px;
	left: 0px;
	width: 100%;
	height: 41px;
	background-image: url(images/kulj_linkkipalkki.jpg); 
	background-repeat: repeat-y;
	z-index: 20;
}

#linkit
{
	display: block;
	position: absolute;
	top: 0px;
	left: 5%;
	right: 5%;
	width: 100%;
	height: 41px;
	text-align: center;
}

#linkit2
{
	display: block;
	position: absolute;
	top: 121px;
	left: 244px;
	width: 100%;
	height: 20px;
	text-align: center;
	color: black;
	background-color: rgb(241,241,241);
	border-bottom: 2px solid gray;
	z-index: 50;
}

/* Sivuston alapalkin määrittelyt */


#foot {
	display: block;
	position:absolute; 
	left:0%; 
	bottom:0px; 
	width:100%; 
	min-width:100%; 
	height:48px; 
	z-index:5; 
	border-top:1px solid #000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Times New Roman", serif;
	font-size: 8pt; 
	font-weight: normal;
	letter-spacing: 2px;
	text-align: justify;
	background-image: url(images/kulj_linkkipalkki.jpg); 
	background-repeat: repeat-y;
	background-color: white;
	color: black;
	}

* html #foot {
	bottom:0px; width:100%; height:48px;
	}
	
/* Muiden linkkien kuin navigointijärjestelmän tyylit */
	
a, a:link, a:active, a:visited

{ 
color: #000; 
background-color: inherit;
text-decoration: none; 
font-family:verdana, arial, sans-serif; 
font-size:8pt; 
}

a:hover

{ 
color: #883828; 
background-color: inherit;
text-decoration: underline; 
font-family:verdana, arial, sans-serif; 
font-size:8pt;     
}


a.sisa, a.sisa:link, a.sisa:active, a.sisa:visited

{ 
color: #000; 
background-color: inherit;
text-decoration: none; 
font-family:verdana, arial, sans-serif; 
font-size:10pt; 
font-style: italic;
}

a.sisa:hover

{ 
color: #883828; 
background-color: inherit;
text-decoration: underline; 
font-family:verdana, arial, sans-serif; 
font-size:10pt;     
}


a.sisa2, a.sisa2:link, a.sisa2:active, a.sisa2:visited

{ 
color: #000; 
background-color: inherit;
text-decoration: none; 
font-family:verdana, arial, sans-serif; 
font-size:10pt; 
}

a.sisa2:hover

{ 
color: #883828; 
background-color: inherit;
text-decoration: underline; 
font-family:verdana, arial, sans-serif; 
font-size:10pt;   
}


/* Navigointijärjestelmä alkaa tästä */
/* Ensin päänavigointijärjestelmä */
a.nav, a.nav:link, a.nav:visited, .valittu
{
	display:block; 
	width:150px; 
	height:41px; 
	border-top: 0px;
	border-bottom: 0px;
	border-right:1px solid rgb(61,44,16); 
	border-left:1px solid rgb(61,44,16); 
	text-decoration:none; 
	font-family:verdana, arial, sans-serif; 
	font-size:10pt; 
	font-weight: bold;
	color: rgb(61,44,16);
	background-color: inherit; 
	line-height:36px; 
	overflow:hidden; 
	float:left;
	cursor: pointer;
}

a.nav:hover
{
	color:black; 
	background-color: rgb(236,196,130);
	cursor: pointer;
}

a.nav:active, .valittu
{
	color:black; 
	background-color: rgb(236,196,130);
	cursor:pointer;
}

/* Alalinkkien navigointijärjestelmä alkaa tästä */

a.nav2, a.nav2:link, a.nav2:visited, .valittu2
{
	display:block; 
	width:150px; 
	height:19px; 
	border-right: 1px solid black;
	margin-top:1px; 
	text-decoration:none; 
	font-family:verdana, arial, sans-serif; 
	font-size:8pt; 
	font-weight: normal;
	color: rgb(61,44,16);
	background-color: rgb(241,241,241);
	line-height:15px; 
	overflow:hidden; 
	float:left;
	cursor: pointer;
}

a.nav2:hover
{
	color:black; 
	background-color: rgb(236,196,130);
	cursor: pointer;
}

a.nav2:active, .valittu2
{
	color:black; 
	background-color: rgb(236,196,130);
	cursor: pointer;
}

a.nav3, a.nav3:link, a.nav3:visited, .valittu3
{
	display:block; 
	width:260px; 
	height:19px; 
	border-right: 1px solid black;
	margin-top:1px; 
	text-decoration:none; 
	font-family:verdana, arial, sans-serif; 
	font-size:8pt; 
	font-weight: normal;
	color: rgb(61,44,16);
	background-color: rgb(241,241,241);
	line-height:15px; 
	overflow:hidden; 
	float:left;
	cursor: pointer;
}

a.nav3:hover
{
	color:black; 
	background-color: rgb(236,196,130);
	cursor: pointer;
}

a.nav3:active, .valittu3
{
	color:black; 
	background-color: rgb(236,196,130);
	cursor: pointer;
}

h1
{
	font-family: Verdana, "Times New Roman", serif;
	font-size: 16pt;
	font-weight: normal;
	margin-bottom: 30px;
}

h2
{
	font-family: Verdana, "Times New Roman", serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
}

h3
{
	font-family: Verdana, "Times New Roman", serif;
	font-size: 10pt;
	font-weight: bold;
}


#tekstisisalto
{
	margin-top: 50px;
	margin-left: 70px;
	margin-right: 90px;
	z-index: 10;
}

p
{
	margin-top: 13px;
}

form
{
	margin-left: 20px;
	font-family: Verdana, "Times New Roman", serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	background-color: white;
	z-index: 1000;
	line-height: 180%;
}


.napit
{
color: #000000;
background: rgb(243,253,255);
border: #AEAEAE solid 1px;
font-family: Verdana, "Times New Roman", serif;
font-size: 8pt;
font-weight: bold;
margin-top: 10px;
margin-right: 20px;
}

input, textarea
{
	color: #000000;
	background: rgb(243,253,255);
	border: #AEAEAE solid 1px;
	font-family: Verdana, "Times New Roman", serif;
	font-size: 8pt;
	font-weight: normal;
}

li
{
	list-style-type: square;
}

li.lista
{
	list-style-type: disc;
}


#alatekstivas
{
	float: left;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 0px;
}

#alatekstioik
{
	float: right;
	margin-right: 30px;
	margin-top: 5px;
	margin-bottom: 0px;
}

#oikeapalsta
{
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 280px;
	padding: 20px;
	background-color: rgb(241,241,241);
	color: black;
	font-family: Verdana, "Times New Roman", serif;
	font-size: 8pt;
}

* html #oikeapalsta {
	top:0px; 
	bottom:0px; 
	right: 17px;
	height:100%;
	width: 280px;
	margin: 0px;
	padding: 20px;
	overflow: hidden;
}


.tekstivasen
{
	float: left;
	margin-left: 20px;
}

.tekstioikea
{
	float: right;
	margin-right: 40px;
}

#sulana
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-align: right;
	font-family: Verdana, "Times New Roman", serif;
	font-size: 7pt;
	letter-spacing: 0px;
}

#logoylakulmaan
{
	position: absolute;
	top: 30px;
	right: 40px;
	z-index: 20;
}

#formi
{
	font-family: Verdana, "Times New Roman", serif;
	font-size: 10pt;
}

.historia
{
	text-align: center;
}

.historialinkit
{
	letter-spacing: 2px;
	word-spacing: 25px;
	color: red;
	background-color: inherit;
}

.sisennys
{
	list-style-type: none;
	margin-left: 50px;
	margin-top: 5px;
	margin-bottom: 5px;
}