/*

     Steerco Oy 

  

*/



* { padding: 0; margin: 0; }





/* =-=-=-=-=-=-=-[Tekstin muotoilu]-=-=-=-=-=-=-=- */



#leftcolumn {

font-family:Georgia, "Times New Roman", Times, serif;

}



h1 {

font-family:Georgia, "Times New Roman", Times, serif;

font-size:180%;

margin-bottom:0.5em;

font-weight:normal;

}



h2 {

font-family:Georgia, "Times New Roman", Times, serif;

font-size:140%;

margin-bottom:0.5em;

font-weight:normal;

}



h3 {

font-family:Georgia, "Times New Roman", Times, serif;

font-size:105%;

font-weight:bold;

margin-bottom:0.5em;

}



h2.intro {

font-style:normal;

}



p {

margin-bottom:0.8em;

}



#rightcolumn a {

color:#283e53;

}



#rightcolumn a:hover {

color:#A40000;

}



#harmaa_nosto {

background-color: #eeeff1;

border: 1px solid #c8cdd2;

padding:10px;

margin-bottom:5px;

margin-top:15px;

}



#Valkoinen_nosto {

background-color: #FFF;

border: 1px solid #c8cdd2;

padding:10px;

margin:0px 0px 8px 0px;

}



#Irtosivun_pohja {

background-color: #FFF;

border: 1px solid #c8cdd2;

padding:10px;

margin:0px 0px 8px 0px;

}





#Uutisnostokehys {

padding:10px;

height:100px;



}



#uutiskuva {

margin-right:5px;

float:left;

}



/* =-=-=-=-=-=-=-[Sivun rakenne]-=-=-=-=-=-=-=- */







body {

	font-family: Arial, Helvetica, sans-serif;

	font-size:80%;

	background-image:url(../images/body_background.gif);

	background-repeat:repeat-x;

	background-color:#C9C9B5; /*background-color:#F9F4DE; uudempi vanha tausta väti:#F1E6B8*/ 

}



#wrapper {

 margin: 0 auto;

 margin-top:15px;

 border: solid #DBCEB1 1px; 

/* width: 922px;*/

width:890px;

 background-color:#FFFFFF;

 background-image:url(../images/header_background.jpg);

 background-repeat:no-repeat;

 margin-bottom:20px;

 }

 

 #wrapper_winter {

padding: 0;

 margin: 0 auto;

 margin-top:15px;

 border: solid #DBCEB1 1px; 

/* width: 922px;*/

width:890px;

 background-color:#FFFFFF;

 background-image:url(../images/talvi_matala.jpg);

 background-repeat:no-repeat;

  margin-bottom:20px;

 }

 

  #wrapper_winter2 {

padding: 0;

 margin: 0 auto;

 margin-top:15px;

 border: solid #DBCEB1 1px; 

/* width: 922px;*/

width:890px;

 background-color:#FFFFFF;

 background-image:url(../images/talvi_matala2.jpg);

 background-repeat:no-repeat;

  margin-bottom:20px;



 }



#wrapper_low {

padding: 0;

 margin: 0 auto;

 margin-top:15px;

 border: solid #DBCEB1 1px; 

/* width: 922px;*/

width:890px;

 background-color:#FFFFFF;

 background-image:url(../images/banner1.jpg);

 background-repeat:no-repeat;

  margin-bottom:20px;



 }

 

 #wrapper_low2 {

padding: 0;

 margin: 0 auto;

 margin-top:15px;

 border: solid #DBCEB1 1px; 

/* width: 922px;*/

width:890px;

 background-color:#FFFFFF;

 background-image:url(../images/banner_matala1.jpg);

 background-repeat:no-repeat;

  margin-bottom:20px;



 }







#header {

text-align:right;

color:#FFFFFF;

/* width: 900px;*/

 width:860px;

 float: left;

 padding: 10px;

 height: 120px;

 margin: 0px 0px 5px 0px;

}



#header_low {

text-align:right;

color:#FFFFFF;

/* width: 900px;*/

 width:860px;

 float: left;

 padding: 10px;

 height: 45px;

 margin: 0px 0px 5px 0px;

}





#headerlink {

border:0px solid #bec19b;

padding:2px 5px 2px 5px;

float:right;

}



#headerlink a{

color:#FFFFFF;

}



#headerlink a:hover{

color:#CCCCCC;

}



#spacer {

clear:both;

}



#leftcolumn { 

 color: #333;

 border-bottom:1px #C7CCD1 solid;

 width:247px;

 background-image:url(../images/navigation_background.gif);

 background-position:top;

 background-repeat:no-repeat;

 margin: 5px 10px 5px 4px;

 float: left;

}

#rightcolumn {

float:left;

 color: #333;

 width:610px;

/* padding-top:25px;*/



/* border: 1px solid #ccc;

 background: #F2F2E6;*/



}



#rightcolumn_tarjotin {

float:left;

 color: #333;

 width:830px;

/* padding-top:25px;*/



/* border: 1px solid #ccc;

 background: #F2F2E6;*/



}



#footer { 

 clear: both;

 color:#FFFFFF;

 border: 1px solid #ccc;

 background: #454A65;

  padding: 5px;

 text-align:right;

 height:20px;

}



#footer a{

color:#FFFFFF;

text-decoration:underline;

}



#footer a:hover{

color:#CCCCCC;

}



#footerlink {

float:right;

margin-left:10px;

margin-right:10px;

}



#menu ul {

	list-style: none;

	padding: 0;

	}

	





	

#Valkoinen_nosto ul {

line-height:1.4;

list-style-type:none;

}	





	

#Valkoinen_nosto li {



    padding-left:15px;

    background:transparent url(../images/bullet.gif) no-repeat;

    background-position:0 5px;

}

	

#rightcolumn ul {

list-style-position: inside;

line-height:150%;

}	

	

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */

.katkoviiva {

	border-bottom:dashed 2px #e2e2e3;

	}

	



.sisaan {

margin-left:25px;

font-size:92%;

}	



.sisaan2 {

margin-left:35px;

font-size:90%;

}	



	#menu {

	width: 228px;

	margin: 10px;

	}

	

#menu li a {



  	voice-family: "\"}\""; 

  	voice-family: inherit;

  	height: 24px;

	text-decoration: none;

	/*border:1px solid #FF0000;*/



	}	

	

#menu li a:link, #menu li a:visited {

	color: #283e53;

	display: block;

	background: url(../images/menu2.gif);

	padding: 8px 0 0 10px;

	

	}

	

#menu li a:hover {

	color: #A40000;

	background: url(../images/menu2.gif) 0 -32px;

	padding: 8px 0 0 10px;

	}

	

#menu li a:active {

	color: #26370A;

	background: url(../images/menu2.gif) 0 -64px;

	padding: 8px 0 0 10px;

	}



	









	

	

	

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



#menu .sel {



  	voice-family: "\"}\""; 

  	voice-family: inherit;

  	height: 24px;

	text-decoration: none;

	font-weight:bold;

	font-size:90%;

	color: #26370A;

	background: url(../images/menu2.gif) 0 -64px;

	padding: 8px 0 0 10px;

	}

	



#menu .sel2 {



  	voice-family: "\"}\""; 

  	voice-family: inherit;

  	height: 24px;

	text-decoration: none;

	font-size:90%;

	color: #26370A;

	background: url(../images/menu2.gif) 0 -64px;

	padding: 8px 0 0 10px;

	}



/*	-------------Buttonit--------------------------*/





.cssbutton{

background-color: #EEF0F2;

border: 1px #454A65 solid;

padding:4px;

color: black;

text-decoration: none;

font-weight:bold;

font-size:90%;

font-family:Georgia, "Times New Roman", Times, serif;

}



.cssbutton:visited{

color: black;

}



.cssbutton:hover{

border-style: inset;

background-color: #CFD1D3;

padding:4px; /*shift text 1px to the right and down*/

}



.cssbutton:active{

color: black;

}