/* -----------------------------------
    Pohja  
-----------------------------------*/
 
html, body {
	margin: 0;
}

#content {
	max-width: 700px;
	height: 100%;
	margin: auto;
	text-align: center;
}

#tausta {
	background-color: #F7F7F7; 
	max-width: 1200px; 
	margin: auto;
	text-align: left;
	padding: 60px;
	border: solid #D5E8A2;
	border-width: 0px 20px 0px 20px;
}

#tausta p { 
	padding-left: 40px; 
}

#palkki {
	height: 490px;
}

/* -----------------------------------
    Yläosa  
-----------------------------------*/

.otsikko {
	position: absolute;
	width: 100%;
	height: 220px;  
	margin-top: 309px; 
	background-color: #ffffff; 
	text-align: center; 
}

.kievari {
	position: absolute;
	width: 100%;
	margin-top: 0px; 
	text-align: center; 
}

.kievari img {
   max-width: 100%;
}

.otsikko-white {
	height: 220px;  
	margin-top: 170px; 
	background-color: #ffffff; 
	text-align: center;
}


/* -----------------------------------
    Alaosa  
-----------------------------------*/

p.alapalkki {
	font-family: 'Fjalla One', sans-serif;
	font-size: 28px;
	color: #000759;
	line-height: 0.2;
	padding: 20px; 
}

p.alapalkki-small {
	font-family: 'Fjalla One', sans-serif;
	font-size: 18px;
	color: #34631A;
	line-height: 0.2;
	padding: 5px; 
}

.ala {
	position: absolute;
	width: 100%;
	height: 155px;  
	margin-bottom: 0px; 
	background-color: #D5E8A2; 
	text-align: center; 
}



/* -----------------------------------
    Yleiset 
-----------------------------------*/

div, td {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px; 
	color: #212121; 
	line-height: 1.5;
}

p.etusivu {
	font-family: 'Great Vibes', cursive;
	font-size: 48px;
	color: #212120;
	line-height: 0.2;
}

.small {
	font-size: 14px;
	color: #404040; 
}

.blue {
	font-size: 14px;
	color: #000759; 
	font-weight: 900;
	width: 140px;
	text-align: center;
}

h1 {
	font-family: 'Cinzel', serif;
	font-size: 72px; 
}

.otsikko-white h1 {
	color: #000000; 
}

.otsikko h1 {
	color: #000000; 
	margin-top: 17px;
}

h2 { 
	font-family: 'Fjalla One', sans-serif;
	font-size: 36px; 
	font-weight: 600;
	color: #DD4290;
}

a:link, a:visited, a:active { 
	text-decoration: none; 
	color: #E08F1F;
}

a:link, a:visited, a:active { 
	text-decoration: none; 
	color: #E08F1F; 
}

a:hover { 
	color: #FFB642;
}

.esittely {
	border-radius: 100px; 
	width: 170px;
	height: 170px;
}

span { 
	border-bottom: 1px dashed #CCCCCC; 
}

hr { 
	border: 0; 
	border-bottom: 1px dashed #CCCCCC;
	margin: 40px 0 40px 0;
}


/* -----------------------------------
    Taulukot 
-----------------------------------*/

.vastaavat {
	width: 800px; 
}

.vastaavat td {
	text-align: center; 
}