<!--
/*==<div>-elementtien maaritykset----------------------------------------------------------------*/

/*KOKO RUUTU-----------------------------------*/
	
div#ruutu
	{
	width : 100%;
	height : 100%; 
	margin : 0pt;
	margin-top : 20px;
	}
	
div#cruutu
	{
	width : 100%;
	height : 100%; 
	margin : 0pt;
	margin-top : 20px;
	background-image : url(http://www.suunnittelukotiin.fi/kuvat/cad-tausta.png);
	}


/*LOGO-----------------------------------------*/

div#logo	
	{
	float : left;
	width : 200px;
	height : 45px;
	margin-bottom : 0px;
	margin-right : 0px;
	margin-left : 2px;
	margin-top : 0px;
	}


/*YLAPALKKI------------------------------------*/

div#ypalkki	
	{
	height : 45px;
	background-image : url(http://www.suunnittelukotiin.fi/kuvat/ypalkki2.png);
	background-repeat : repeat-y;
	margin-bottom : 0px;
	margin-right : 5px;
	margin-left : 215px;
	margin-top : 0px;
	}


/*NAVIGOINTI-----------------------------------*/

div#navi	
	{
	float : left;
	width : 200px;
	height : 600px;
	min-height : 600px!important;
	max-height : 800px!important;
	background-image : url(http://www.suunnittelukotiin.fi/kuvat/sp_lyhyt.png);
	background-repeat : repeat-x;
	margin-bottom : 5pt;
	margin-right : 10px;
	margin-left : 2px;
	margin-top : 0px;
	font-family : arial;
	line-height : 100.5%;
	}

/*TEKSTIOSA------------------------------------*/

div#teksti	
	{
	margin-bottom : 5pt;
	margin-right : 5pt;
	margin-left : 215px;
	margin-top : 0px;
	bottom : 10pt;
	font-size : small;
	min-height : 600px;
	}

div#detteksti	
	{
	margin-bottom : 5pt;
	margin-right : 5pt;
	margin-left : 0pt;
	margin-top : 0px;
	bottom : 10pt;
	font-size : small;
	min-height : 655px;
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	}

div#teksti p	
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	margin-left : 5pt;
	}
	
div#kteksti p	
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	margin-left : 5pt;
	}
	
div#teksti li
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	margin-left : 5pt;
	}

div#kteksti	
	{
	float : left;
	height : 80%;
	margin-bottom : 5pt;
	margin-right : 5pt;
	margin-left : 162pt;
	margin-top : 5pt;
	bottom : 10pt;
	font-size : small;
	min-height : 600px;
	}


/*ALAPALKKI------------------------------------*/

div#apalkki
	{
	width : 100%;
	background-color : #FFF1EA;
	color : #583724;
	text-align : right;
	margin-top : 5pt;
	margin-bottom : 5pt;
	margin-left : 4pt;
	margin-right : 4pt;
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	font-size : small;
	clear : all;
	}
	
div#lapalkki
	{
	width : 100%;
	background-color : #FFF1EA;
	color : #583724;
	text-align : left;
	margin-top : 5pt;
	margin-bottom : 5pt;
	margin-left : 4pt;
	margin-right : 4pt;
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	font-size : small;
	clear : all;
	}


/*COPYRIGHT------------------------------------*/

div#copyr
	{
	width : 100%;
	background-color : #ffffff;
	text-align : left;
	margin-top : 5pt;
	font-size : x-small;
	margin-bottom : 5pt;
	margin-left : 4pt;
	margin-right : 4pt;
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	}


/*KUVAT----------------------------------------*/

div#kuvat
	{
	
	}	





/*==LINKKIEN MAARITYKSET-------------------------------------------------------------------*/
	
/*VAKIO----------------------------------------*/

A:link 
	{
	
	}

A:visited 
	{
	
	}

A:hover
	{
	
	}

A:active 
	{
	
	}


/*NAVIGOINTI - TAVALLINEN----------------------*/

div#navi a:link
	{
	text-decoration : none;
	color : #4C382D;
	font-size : 16px;
	FONT-WEIGHT : bold;
	margin-left : 0pt;
	margin-top : 0pt;	
	}

div#navi a:visited
	{
	text-decoration : none;
	color : #725D51;/*#927D71*/
	font-size : 16px;
	FONT-WEIGHT : bold;
	margin-left : 0pt;
	margin-top : 0pt;	
	}

div#navi a:hover
	{
	text-decoration : underline;
	color : #4C382D;/*#583724*/
	font-size : 16px;
	margin-left : 0pt;
	margin-top : 0pt;
	}

div#navi a:active 
	{
	text-decoration : none;
	color : #4C382D;
	font-size : 16px;
	FONT-WEIGHT : bold;
	margin-left : 0pt;
	margin-top : 0pt;	
	}
	

/*NAVIGOINTI - ALAOTSIKKO----------------------*/
	
.naviao dd a:link
	{
	text-decoration : none;
	color : #4C382D;
	font-size : x-small!important;
	FONT-WEIGHT : normal!important;
	margin-left : 0pt;
	margin-top : 0pt;	
	}

.naviao dd A:visited
	{
	text-decoration : none;
	color : #725D51;/*#927D71*/
	font-size : x-small!important;
	FONT-WEIGHT : normal!important;
	margin-left : 0pt;
	margin-top : 0pt;	
	}

.naviao dd a:hover
	{
	text-decoration : underline;
	color : #4C382D;/*#583724*/
	font-size : x-small!important;
	FONT-WEIGHT : normal!important;
	margin-left : 0pt;
	margin-top : 0pt;
	}
	
.naviao dd A:active
	{
	text-decoration : none;
	color : #4C382D;
	font-size : x-small!important;
	FONT-WEIGHT : normal!important;
	margin-left : 0pt;
	margin-top : 0pt;	
	}

.naviao

	{
	margin-left : 0pt!important;
	line-height : 1!important;
	}

/*.alilinkki a:link
	{
	text-decoration : none;
	color : #4C382D;
	font-size : medium;
	FONT-WEIGHT : bold;
	margin-left : 0pt;
	margin-top : 0pt;	
	}

.alilinkki A:visited
	{
	text-decoration : none;
	color : #725D51;*//*#927D71*//*
	font-size : medium;
	FONT-WEIGHT : bold;
	margin-left : 0pt;
	margin-top : 0pt;	
	}

.alilinkki a:hover
	{
	text-decoration : underline;
	color : #4C382D;*//*#583724*//*
	font-size : medium;
	margin-left : 0pt;
	margin-top : 0pt;
	}

.alilinkki A:active 
	{
	text-decoration : none;
	color : #4C382D;
	font-size : medium;
	FONT-WEIGHT : bold;
	margin-left : 0pt;
	margin-top : 0pt;	
	}*/


/*TULOSTETTAVA VERSIO--------------------------*/

.tversio a:link
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	text-decoration : underline;
	text-align : right;
	}
	
.tversio a:visited
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	text-decoration : underline;
	text-align : right;
	}

.tversio a:hover
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	text-decoration : underline;
	text-align : right;
	}

.tversio a:active
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	text-decoration : underline;
	text-align : right;
	}


/*KUVALINKKI-----------------------------------*/
	
a:link .kuvalinkki
	{
	border-style : none;
	}

a:visited .kuvalinkki
	{
	border-style : none;
	}

a:hover .kuvalinkki
	{
	border-style : none;
	}

a:active .kuvalinkki
	{
	border-style : none;
	}
	
/*---------------------------------------------*/

.tvastuu
	{
	position : absolute;
	width : 120px;
	text-align : center!important;
	margin-left : 40px!important;
	}

a:link .tvastuu
	{
	border-style : none;
	}

a:visited .tvastuu
	{
	border-style : none;
	}

a:hover .tvastuu
	{
	border-style : none;
	}

a:active .tvastuu
	{
	border-style : none;
	}
	
/*COPYRIGHT-LINKKI-----------------------------*/

.copyright a:link
	{
	text-decoration : none;
	color : #4C382D;
	font-size : x-small;
	margin-left : 0pt;
	margin-top : 0pt;
	FONT-WEIGHT : normal;
	}

.copyright A:visited
	{
	text-decoration : none;
	color : #927D71;
	font-size : x-small;
	margin-left : 0pt;
	margin-top : 0pt;
	FONT-WEIGHT : normal;
	}

.copyright a:hover
	{
	text-decoration : underline;
	color : #4C382D;
	font-size : x-small;
	margin-left : 0pt;
	margin-top : 0pt;
	FONT-WEIGHT : normal;
	}

.copyright A:active 
	{
	text-decoration : none;
	color : #4C382D;
	font-size : x-small;
	margin-left : 0pt;
	margin-top : 0pt;
	FONT-WEIGHT : normal;	
	}


/*EI-ALLEVIIVATTU------------------------------*/

.eialleviivattu
	{
	text-decoration : none!important;
	}





/*==LEVEYDEN MAARITYKSET-------------------------------------------------------------------------*/

/*MINIMILEVEYS - pt----------------------------*/

.kuvasivu
	{
	min-width : 345pt;
	}


/*LEVEYS - pt----------------------------------*/

.\600ptlev
	{
	width : 600pt;
	}
	
.\300ptlev
	{
	width : 300pt;
	}

.\200ptlev
	{
	width : 200pt;
	}
	
.\105ptlev
	{
	width : 105pt;
	}
	
.\100ptlev
	{
	width : 100pt;
	}

.\95ptlev
	{
	width : 95pt;
	}
	
.\5ptlev
	{
	width : 5pt;
	}
	
	
/*LEVEYS - px----------------------------------*/

.ref
	{
	width : 200px;
	}

.palvelut
	{
	width : 200px;
	}

.lsuun1
	{
	width : 112px
	}
	
.kotiin
	{
	width : 106px;
	}

.lev1
	{
	width : 20px;
	}
	
.lev2
	{
	width : 40px;
	}
	
.lev3
	{
	width : 100px;
	}
	
.lev4
	{
	width : 170px;
	}





/*==KORKEUDEN MAARITTELY-------------------------------------------------------------------------*/

/*KORKEUS - pt---------------------------------*/
	
.\200ptv�li
	{
	height : 200pt;
	}

.\20ptv�li
	{
	height : 20pt;
	}
	
.\15ptv�li
	{
	height : 15pt;
	}
	
.\10ptv�li
	{
	height : 10pt;
	}
	
.\7ptv�li
	{
	height : 7pt;
	}


/*KORKEUS - px---------------------------------*/

.\20pxv�li
	{
	height : 20px;
	}

.valikerros
	{
	height : 10px;
	}





/*==SIJOITTELU-----------------------------------------------------------------------------------*/

/*MARGINAALIT----------------------------------*/

.kuvakesk
	{
	margin : auto
	}

dl
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	margin-left : 5pt;
	}

.rpalvkuva
	{
	margin-top : 20pt;
	}

.sisennys
	{
	margin-left : 10px;
	}
	
	
/*FLOAT----------------------------------------*/

.kuvaoik
	{
	float : right;
	}
	
.kuvavas
	{
	float : left;
	}

/*FLOAT JA LEVEYS------------------------------*/

.rpalvkuvaoik

	{
	float : right;
	width : 300px;
	}





/*==TEKSTIN MAARITYKSET--------------------------------------------------------------------------*/

/*FONTTI---------------------------------------*/

blockquote
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	}

.allek
	{
	font-family : "CountryBlueprint","CityBlueprint"!important;
	font-size : large;
	}
/*Mistral,Stylus BT,Smudger LET,ScriptC,Jenkins v2.0,CommercialScript BT,Cataneo BT,Brush Script MT,Tiranti Solid LET*/

.naviteksti
	{
	color : #DEEFEF;
	font-size : 16px;
	FONT-WEIGHT : bold;
	}

.aonaviteksti
	{
	color : #DEEFEF;
	font-size : x-small!important;
	FONT-WEIGHT : normal!important;
	}

.linkki
	{
	font-family : Arial,Arabic Transparent,Times New Roman,sans-serif;
	text-decoration : underline;
	color : #0000ff
	}

.otsikko
	{
	font-weight : bold;
	font-size : small;
	}

.paaotsikko
	{
	font-weight : bold;
	font-size : medium;
	}
	
.lomake
	{
	border-style : none;
	font-style : normal;
	font-size : small;
	font-family : Arial,Georgia,Arabic Transparent,Times New Roman,sans-serif;
	}

.copyrightnt
	{
	color : #5BA5BD;
	font-size : x-small;
	FONT-WEIGHT : normal;
	}

.pakettitaul
	{
	border-style : none;
	font-style : normal;
	font-size : small;
	font-family : Arial,Georgia,Arabic Transparent,Times New Roman,sans-serif;
	}


/*VARI-----------------------------------------*/

.tahti
	{
	color : #ff0000;
	}





/*YLEISET MAARITYKSET----------------------------------------------------------------------------*/

table
	{
	border-style : none;
	border-spacing : 2pt 2pt;
	font-style : italic;
	font-size : small;
	font-family : Arial,Georgia,Arabic Transparent,Times New Roman,sans-serif;
	}

body
	{
	background-repeat : no-repeat
	}

.cad-tausta
	{
	background-image : url(http://www.suunnittelukotiin.fi/kuvat/cad-tausta.png);
	}


-->