/*
--------------------
*/

	html {height: 100%; margin-bottom: 20px;}


/* Body
-------------------------- */
body {
	height: 100%;
	margin : 0;
	padding : 0;
	background-image: url(./images/bg4.png);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-color: #c3ddea;
} 

/* Tekstin muotoilu
-------------------------- */
	
	h1 { font-family : Arial; font-size: 15px; font-weight: bold; color: #ae0505; }
	h2 { font-family : Arial; font-size: 17px; color: #ae0505; padding-top: 13px; }
	h3 { font-family : Arial; font-size: 12px; color: #ae0505; }
	h4 { font-family : Arial; font-size: 11px; color: #000000; }
	h5 { font-family : Arial; font-size: 11px; color: #ae0505; }
	h6 { font-size: 9px; font-weight: bold; color: #ae0505; }
	p { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: black; padding: 10px 0px 0px 20px;}

	/* Linkkien muotoilu
-------------------------- */

	a:link {color: #ae0505; text-decoration: none;}
	a:visited {color: #851618; text-decoration: none;}
	a:hover {color: #3034bd; text-decoration: underline}
	a:active {color: #ae0505; text-decoration: underline}

 
	/* Ekan linkkirivin muotoilu
-------------------------- */

	#navi li { 
	display : inline;
	padding : 5px;
} 
	/* Toisen linkkirivin muotoilu
-------------------------- */ 
#alinavi {
	margin: -10px 0px 0px 0px;
} 
#alinavi li { 
	display : inline;
	padding : 7px;
} 

	/* Leivänmurusten muotoilu
-------------------------- */ 


#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 3px;
	border: none;
	list-style: none;
	display: inline;
	}

	/* Yläosan grafiikka ja vaihtuvat kuvat
-------------------------- */ 
#header {
	background-image : url(./images/banner3.png);
	background-position : center;
	background-repeat : no-repeat;
	width : 822px;
	height : 126px;
	background-color: #c3ddea;
}
	/* kaikki sisällöllinen asettelu ja eri osien muotoilut
-------------------------- */
#wrapper { 
	background-color : #ffffff;
	color : #000000;
	margin : -5px 30px 0 40px;
	width: 722px;
	height:auto;
	background-repeat: repeat-y;
} 

#main { 
	position: relative; 
	top:0; 
	left:  0; 
	width: 100%; 
	margin-top: 10px; 
}

#bread {
	color: #000000;
	background-color: #dddddd;
	padding: 3px;
	margin-bottom: 25px;
	}
	
#content { 
	margin: -20px 0px 0px 170px;
}

#contentyhteys { 
 	margin: -40px 0px 0px 170px;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	padding : 7px;
	color: black;
}
	/* siis henkilo tarkoittaa palautelomaketta tässä tapauksessa, jostain kumman syystä..
-------------------------- */
#henkilo { 
 margin: -40px 0px 0px 170px;
 padding : 7px;
 color: black;
}

#henkilo ul {
 list-style-type: none;
}

#henkilo li {
 pad
 ding: 0px 0px 0px 0px;
}

#henkilo li img {
 float:left;
 margin: 0px 6px 0px 10px;
}
	/* Sivun mahdollisen vasemman reunan asettelu
-------------------------- */
#vasenreuna { 
 position: absolute; 
 top: 150px; 
 width: 130px; 
 background-color: #ffffff; 
 margin: 5px; 

}

#yhteys {
 position: absolute; 
 top: 240px;
 left: 10px; 
 background-color: #f9f7ca;
 width:250px;
 border:1px dashed gray;
}

#yhteys p {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #000000;
 padding: 0px 0px 0px 5px;
 }
 
#yhteysoikea {
 position: absolute; 
 top: 117px;
 left: 150px; 
 width:400px;

}
#yhteysoikea p {
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 color: #000000;
 padding: 0px 0px 0px 5px;
 }
 
 	/* Yhteys-sivun Lomakkeen asettelu ja muotoilu
-------------------------- */
#lomakeoikea {
 position: absolute; 
 top: 240px;
 left: 360px;
 height: 380px; 
 background-color: #f9f7ca;
 width:350px;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000;
 font-size:12px;
}