/*
     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:#F9F4DE;
}

#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/syksy2.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/syksy_matala2.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;
}