/* Start of CMSMS style sheet 'rs_tyyli' */
body  {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #c0c0c0;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
}

:focus {
outline-style: none;
}

a,
a:link 
a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #103a5c; 
}

a:visited {
   text-decoration: none;
   background-color: inherit;
  color: #103a5c;                /* a different color can be used for visited links */
}

a:hover {
   text-decoration: none;
   color: #ffffff;
}

a.footer:link {color: #5e7ca1; font-weight: normal;}
a.footer:active {color: #5e7ca1; font-weight: normal;}
a.footer:visited {color: #5e7ca1; font-weight: normal;}
a.footer:hover {color: #ffffff; background: #103a5c; font-weight: normal;}

.twoColHybLtHdr #container { 
	width: 1004px;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
	background-image: url(uploads/images/vasenreuna.jpg);
	background-position:top left;
	background-repeat:repeat-y;
} 
#oikeareuna { 
	background-image: url(uploads/images/oikeaala.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
} 
.twoColHybLtHdr #header { 
	height: 134px;
	padding: 0 10px;
	background-image: url(uploads/images/imago.jpg);
	background-position:top left;
	background-repeat:no-repeat;
} 
.twoColHybLtHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}

.twoColHybLtHdr #sidebar1 {
	float: left; 
	width: 140px;
	padding: 0;
}

.huoltohinnasto a {
display:block;
float: left;
width: 122px;
height: 100px;
margin: 10px 0px 10px 5px;
padding:0px;
background: url("uploads/images/huoltohinnasto.jpg") 0 0 no-repeat;
}
.huoltohinnasto a:hover { 
background-position: 0 -101px;
}

.ajanvaraus a {
display:block;
float: left;
width: 122px;
height: 100px;
margin-left: 5px;
margin-bottom: 30px;
padding:0px;
background: url("uploads/images/ajanvaraus.jpg") 0 0 no-repeat;
}
.ajanvaraus a:hover { 
background-position: 0 -101px;
}

.navi01 a {
display:block;
float: left;
width: 62px;
height: 17px;
padding:0px;
background: url("uploads/images/navi01.jpg");
}
.navi01 a:hover { 
background-position: 0 -18px;
}

.navi02 a {
display:block;
float: left;
width: 48px;
height: 17px;
padding:0px;
background: url("uploads/images/navi02.jpg");
}
.navi02 a:hover { 
background-position: 0 -18px;
}

.navi03 a {
display:block;
float: left;
width: 51px;
height: 17px;
padding:0px;
background: url("uploads/images/navi03.jpg");
}
.navi03 a:hover { 
background-position: 0 -18px;
}

.navi04 a {
display:block;
float: left;
width: 66px;
height: 17px;
padding:0px;
background: url("uploads/images/navi04.jpg");
}
.navi04 a:hover { 
background-position: 0 -18px;
}

.navi05 a {
display:block;
float: left;
width: 94px;
height: 17px;
padding:0px;
background: url("uploads/images/navi05.jpg");
}
.navi05 a:hover { 
background-position: 0 -18px;
}

.navi06 a {
display:block;
float: left;
width: 58px;
height: 17px;
padding:0px;
background: url("uploads/images/navi06.jpg");
}
.navi06 a:hover { 
background-position: 0 -18px;
}

.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

.twoColHybLtHdr #mainContent { 
margin-left: 230px;
margin-right: 40px;
margin-bottom: 60px;
margin-top: 20px;
	font-size: 12px;
} 
.twoColHybLtHdr #footer {
	height: 34px;
	padding: 0 10px;
	background:#0a1523;
} 
.twoColHybLtHdr #footer p {
	text-align:center;
	color:#374e6c;
	margin: 0;
	padding: 10px 0;
}


/* HEADINGS */
div#mainContent h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#mainContent h2 {
	background-image: url(uploads/images/otsikko_ikoni.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFFFFF; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-top: 0px;
	padding-left: 34px;
	padding-bottom: 3px;
/* set borders around header */
	border-bottom: 1px solid #0a1523; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#mainContent h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#mainContent h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;


   margin: 0 0 0.25em 0;
}
div#mainContent h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.palaute_otsikko {
width: 150px;

}
/* End of 'rs_tyyli' */

