/* CSS Document Kaunis Morsian*/
body {	
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	/* keskitys ie:t varten */
	text-align: center;
	}

img{border:0; display: block;}

/*otsikot*/
h1{font-size: 14px; color: #666699;}
h2{font-size: 12px; color: #666699;}
.linkkiotsikko{color: #666699; font-weight:bold; font-size:12px;}

/*sivun yleiset maaritykset: reunat, tausta, leveys...*/
div#sivu{
	text-align:left;
	position: relative;
	width:780px;
	height: 100%;
	margin: 0 auto;
	border-right: 1px solid #CCCCFF;
	border-left: 1px solid #CCCCFF;
	border-bottom: 1px solid #CCCCFF;
	background-image: url(kuvat/tausta_helma.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

/*ylaosan kuva*/
div#ylaosa{
	padding: 0;
	width: 780px;
	padding-top: 132px;
	background-image: url(kuvat/ylaosa.jpg);
	background-repeat: no-repeat;
	}

/*linkkien taustakuva ja padding*/
div#linkit{
	padding: 5px 0 0 265px;
	background-image:url(kuvat/tausta_kasi.jpg);
	background-position:right;
	background-repeat: no-repeat;
	}


/* varsinainen navigointi */
ul{margin: 0; padding: 0; list-style-type: none;}
div#linkit li{display: inline;}

div#linkit a:link, div#linkit a:visited{
	color:#999999;
	padding: 10px 0 10px 10px;
	font-size:12px;
	text-decoration:none;
	font-weight: bold;
	} 

div#linkit a:hover {color: #000066;} 
 
/*aktiivinen linkki paanavigoinissa*/
div#linkit li.aktiivinen{color: #000066; font-weight: bold; font-size: 12px; padding: 10px 0 10px 10px;}

/*leipatekstissa olevat linkit*/
a:link, a:visited {color: #666666; text-decoration:underline;}
a:hover {color: #000066; text-decoration: underline;}


div#vas_palsta{
	padding: 35px 0 10px 30px;
	position: absolute;
	width: 200px;
	left: 0;
}


/*leipiksen perusmaaritykset*/
div#leipis{margin-left: 330px; width: 410px; padding: 30px 10px 30px 20px;}
div#leipis p{padding:0; text-align: left;}


/*leipiksessa oleva kuva vasemmalla*/
div#leipis img {float:left; padding: 0 10px 20px 0;}
div#leipis_etusivu img{float:left; padding: 20px 30px 20px 0;}

/*oman malliston kuvat sarakkeittain*/

/*vasemmalla*/
div#puvut2{padding: 0; position: absolute; width: 130px; left: 270px;}
div#puvut2 img{padding: 0 0 20px 0;}
/*toinen vasemmalta*/
div#puvut4{padding: 0; position: absolute; width: 130px; left: 390px;}
div#puvut4 img{padding: 0 0 20px 0;}
/*toinen oikealta*/
div#puvut5{padding: 0; position: absolute; width: 130px; left: 510px;}
div#puvut5 img{padding: 0 0 20px 0;}
/*oikealla*/
div#puvut1{margin-left: 600px; padding: 0; width: 130px; margin-top: 0;}
div#puvut1 img{float: right; padding: 0 0 20px 0;}

/*omamallisto*/
div#omat{padding: 0 0 0 35px; float: left; width: 140px;}
div#omat img{padding: 5px 0 20px 0;}
/*toinen vasemmalta*/
div#omat2{padding: 0; float: left; width: 140px;}
div#omat2 img{padding: 5px 0 20px 0;}
/*keskella*/
div#omat3{padding: 0; float: left; width: 140px;}
div#omat3 img{padding: 5px 0 20px 0;}
/*toinen oikealta*/
div#omat4{padding: 0; float: left; width: 140px;}
div#omat4 img{padding: 5px 0 20px 0;}
/*oikealla*/
div#omat5 {float: left; padding: 0; width: 130px;}
div#omat5 img{padding: 5px 0 20px 0;}


/*etusivun maaritykset*/
div#info{
	top:455px;
	position: absolute;
	margin-left: 450px; 
	width: 200px; 
	padding: 5px 10px 20px 20px;
	background-color:#33FF00; 
	}
	
div#leipis_etusivu{
	padding: 0 0 10px 30px;
	width: 400px;
	left: 0;
	}
	

div#leipis_puvut{margin-left: 250px; width: 450px; padding: 30px 10px 30px 20px;}
/*yhteystiedot-laatikon maaritykset*/
div#yhteystiedot{
	clear: both;
	background-color:#CCCCFF;
	padding: 20px 0 15px 68px;
	background-image:url(kuvat/kruunu.gif);
	background-position:28px;
	background-repeat:no-repeat;
	}