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



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: normal;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body {
	font-size: 67.5%;
	background:#BABAC9;
	background-color: #F0F5FF;
	}
	
	
#wrapper {
	width:890px;
	margin: 0 auto;
}

header {
	width:100%;
	height:245px;
	background: no-repeat left top;
	Chandonella Old English Sheepdogs
}

	
/*palstaleveydet */

h1 {
	margin:1em 0;
}

p, h2,  h3, h4, h5, h6 {
	margin:0 20px 20px 20px;
}



.col-900, .col-450, .col-300, .col-225,.gutter {
	float:left;
		}

.col-900 {
	width:890px;
}

.col-450 {
	width:440px;
}

.col-300{
	width:290px;
}

.col-225{
	width:215px;
}

.gutter{
	width:10px;
}

.row{
	height:10px;
	clear:both;
	border-top:dashed #999 1px;
}

.clear {
	clear:both;
}

footer, aside, nav, header, article, section {
display:block;	
}

a:link { color:#112e58;
     
	 }
a:hover { color:#4e4e53;
	
	}
a:visited { color:#77787c;
	
	}
	
h1{
	color:#333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2em;
}

h2{
	color:#036;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2em;
	margin-top: 1em;
}

h3{
	color:#333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.6em;
}

h4{
	color:#036;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.6em;
}
h5{
	color:#333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
}
p{
	color:#333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	line-height: 1.3;
	clear: both;
}

ul li {
list-style-type:none;
float:left;
margin: 20px;
display:block;
}
nav ul li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight: bold;
		}
		
ul, article {
	clear:both;
}

.clear {
	clear:both;
}

header.trio {
	background:url(Images/bannerit/banneritrio.jpg);
	}
header.della {
	background:url(Images/bannerit/banneridella.jpg);
	}
header.senja {
	background:url(Images/bannerit/bannerisenja.jpg);
	}
header.kimi {
	background:url(Images/bannerit/bannerikimi.jpg);
	}
header.sella {
	background:url(Images/bannerit/bannerisella.jpg);
	}
header.bosse {
	background:url(Images/bannerit/banneribosse.jpg);
	}
header.dessu {
	background:url(Images/bannerit/banneridessu.jpg);
	}
header.pentueet {
	background:url(Images/bannerit/banneribs.jpg);
	}
header.linkit {
	background:url(Images/bannerit/bannerisd.jpg);
	}
header.in_memoriam {
	background:url(Images/bannerit/bannerimeista.jpg);
	}

	
nav.vari {
	background-color:#f3f4ff;
		}
	
nav.vari ul li a:hover {
		background-color:#f2eefe;
		}
		
#currentpage a{
	color:#f386e4 !important;
}
		
footer{
	position:relative;
	bottom:0;
	width:100%;
	height:60 px;
	font-size:100%;
	background:#CAD4DD;
	color:#25a6ea;
	text-align:	center;
}
img{
	border: 1px solid #fffff;
	float: left;
	margin-bottom: 10px;
	} 
img.ei_leijuntaa {
	float:none;
	}
	
.img_vasen p.teksti_kuvan_alla{
	float:none;
	width: 400px;
	display: block;
	padding-left: 0px;
	}
	
.reuna {
	border-right:dashed #999 1px;
	}
	
.ekapalsta  {
	width: 280px;
	}
	
.ekapalsta p,  .ekapalsta h1, .ekapalsta h2,  .ekapalsta h3,  .ekapalsta h4  {
	margin-left: 0px !important;
	}
	
.kuva_alla_tilaa{
	margin-bottom: 3em !important;
	}
