/* Start of CMSMS style sheet 'Estetikan tyyli' */
* { margin:0; padding:0; font-family:Verdana, Arial, sans-serif; font-size:11px; font-weight:normal; font-style:normal; color:#444; letter-spacing:1px; }

/* div { border: 1px solid #000; } */
body { background-color:#EEEEEE; background-image: url(uploads/images/tausta.png); background-repeat: repeat-x; background-position: top left;  }
#leiska { width:800px; margin:0 auto; text-align:left; padding:0; }
#header { width:800px; height:125px; background-color:#FFF; background-image: url(uploads/images/header.jpg); background-repeat: no-repeat; background-position: top left; text-align:left; display:inline; float:left; }


#haku { margin:90px 0 0 30px; float:right; }
#valikko { width:800px; height:28px; background-color:#FFF; background-image: url(uploads/images/valikkobg.png); background-repeat: no-repeat; background-position: top left; text-align:center; vertical-align:middle; display: inline; float:left; }
#valikkotsikot {margin:0 auto; display:inline; float:left;}
#alavalikko { width:800px; height:28px; background-color:#FFF; background-image: url(uploads/images/alavalikkobg.png); background-repeat: no-repeat; background-position: top left; text-align:center; vertical-align:middle; display: inline; float:left; }
#kielet {margin-top:3px; margin-right:15px; display:inline; float:right;}
#polkuvalikko { width:800px; height:20px; display:inline; float:left; padding-left:20px; font-size:10px; color:#CCCCCC; font-weight:bold; font-style:italic; text-transform:uppercase; }
.polku { font-size:10px; color:#CCCCCC; font-weight:bold; font-style:italic; text-transform:uppercase; }
.polku a:hover, a:active { color: #333333; text-decoration: none;}
.polkuaktiivinen { font-size:10px; color:#CCCCCC; font-weight:normal; font-style:italic; text-transform:uppercase; }

#keskiosa { width:800px; background-color:#FFF; background-image: url(uploads/images/keskiosabg.png); background-repeat: repeat-y; display:inline; float:left; }

#sisalto { padding:5px 20px; float:left; display:inline; }
#etusivu { width:542px; padding:5px 15px; display:inline; float:left; }
#news { width:200px; padding:5px 15px; display:inline; float:right; }

#vasen2 { width:350px; padding:5px 15px; display:inline; float:left; }
#sisalto2 { width:350px; padding:5px 0px; 5px 15px; display:inline; float:left; }

#footer { width:800px; height:80px; background-color:#FFF; background-image: url(uploads/images/footerbg.png); background-repeat: no-repeat; background-position: top left; text-align:left; clear:both; }

#footer table { margin:10px auto; width:800px; }
.footertaulu td {padding:3px;}
#footer td { width:180px; padding-left:20px; font-size:11px; letter-spacing:0px; text-align:left; }
#footer a { letter-spacing:0px; font-size:11px; }

#copy { width:800px; margin:0 auto; text-align:center; font-size:10px; }
.clear { clear:both; }

h1 { font-family:Trebuchet MS,Arial,Verdana,sans-serif; font-size:16px; font-weight:bold; color:#666666; margin:10px 0; }
h2 { font-family:Trebuchet MS,Arial,Verdana,sans-serif; font-size:14px; font-weight:bold; color:#666666; margin:10px 0; }
p { line-height:150%; margin:10px 0 10px 0;  }
b { font-weight:bold; }
strong { font-weight:bold; }
a { font-weight:bold; color:#6699CC; padding:2px 0; text-decoration:none; }
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
a:visited {}
a.linkkikuva { background-color:#FFF; padding:0; }
table {border:none; border-collapse:collapse;}

.linkkiotsikko { font-family:Trebuchet MS,Arial,Verdana,sans-serif; font-size:14px; font-weight:bold; margin:10px 0; }
.lista {padding:0 20px; }
.lista ul {}
.lista li {list-style: disc; display: outline; padding:3px; }

.luettelo {border:0; border-collapse:collapse;}
.luettelo td {padding:10px 3px; width:185px; text-align:center;}

hr { color:#CCC; background-color:#CCC; width:80%; height:1px; }
input { font-size:12px; letter-spacing:0px; padding:2px; }
dfn {display:none}
.clearfix {margin-top:5px;  }
.clearfix ul { text-align:center; }
.clearfix li { list-style: none; padding:0 20px; display: inline; }
.clearfix li a { font-family:Trebuchet MS,Arial,Verdana,sans-serif; font-size:14px;
font-weight:bold; color: #999999; letter-spacing:1px; text-decoration: none; padding:0;}
.clearfix a:hover, a:active { color: #333333; padding:0; text-decoration: none;}
.currentpage { color: #333333; }

div.oikealla {float: right; padding:5px 0; }
div.vasemmalla {float: left; padding:5px 0; }

.error { color: #FFFFFF; font-weight: bold; }
img.oikealla { float: right; margin: 10px; }
img.vasemmalla { float: left; margin: 10px; }
a:link img {text-decoration:none; border:0;}
a:hover img {text-decoration:none; border:0;}
a:active img {text-decoration:none; border:0;}
a:visited img {text-decoration:none; border:0;}

.boxi {border-collapse:collapse; width:200px;}
.boxiylaosa {width:200px; height:42px; background-image: url(uploads/images/boxiylabg.png); background-repeat: no-repeat; text-align:center;}
.boxikeskiosa {width:200px; background-image: url(uploads/images/boxikeskibg.png); background-repeat: repeat-y; padding:0 20px;}
.boxialaosa {width:200px; height:18px; background-image: url(uploads/images/boxialabg.png); background-repeat: no-repeat;}

.NewsSummary {padding:0 0 10px 0; border-bottom:1px solid #EEEEEE;}
.NewsSummaryLink a {font-size:10px; font-weight:bold; letter-spacing:0px;}
.NewsSummarySummary p {font-size:10px; letter-spacing:0px;}
.NewsSummarySummary font {font-size:10px; letter-spacing:0px;}
.NewsSummarySummary a {font-size:10px; letter-spacing:0px;}
.NewsSummaryPostdate {font-size:10px; letter-spacing:0px;}

table.myyjat {width:100%;}
table.myyjat td {width:200px; padding:3px;}
table.myyjat h2 {margin:0;}
table.myyjat p {margin:0;}
p.myyja {font-weight:bold;}
tr.tausta td {background-color:#F4F4EC; padding:3px;}
/* End of 'Estetikan tyyli' */

