html * { margin:0; padding:0; }

body {
font-family:Arial, Helvetica, sans-serif;
color:#383838;
color:#fff;
font-size:14px;
}

.bgindex {
background:url("img/bodybg.jpg") top repeat-x #000;
}

.bgothers {
background:url("img/bodybg2.jpg") top repeat-x #000;
}


h1 {
font-size:18px;
font-weight:bold;
margin:0 0 15px 0;
}

h1.right-topic {
font-size:18px;
font-weight:bold;
margin:28px 0 5px 0;
}
p.date {
color:#999999;
font-size:12px;
border-bottom:1px dotted #999;
}

h2 {
font-size:16px;
font-weight:bold;
margin:15px 0 15px 0;
}

h3 {
}

p {
color:#383838;
color:#fff;
font-size:14px;
margin-bottom:15px;
}

a {
color:#DD220B;
text-decoration:none;
outline:none;
}

a:hover {
text-decoration:underline;
}

object {
outline:none;
}

ul,ol {
padding-left:20px;
}

#sitemap_ul {
margin-bottom:20px;
}
#sitemap_ul li {
margin-bottom:5px;
}
ul.sitemap_ul_sub {
margin-bottom:5px;
}


.clr {
clear:both;
}





#wrapper {
width:1080px;
margin:0 auto;
}


#header img { 
border:0;
float:left;
margin-left:20px;
}



#navi {
height:25px;
padding:18px 0 0 0;
margin-bottom:30px;
text-align:center;
cursor:default;
}
#navi * { z-index:10; }
#navi a {
cursor:pointer;
font-size:16px;
font-weight:bold;
color:#383838;
text-decoration:none;
margin:0px 0px 0px 5px;
padding:15px 15px 15px 5px;
background:url("img/naviline.jpg") right no-repeat;
}
#navi a.last { background:none; padding:15px 0 15px 5px; }
#navi a:hover { color:#BF1804; }
#navi a.active { color:#BF1804; }
#navi .menupad { height:12px; }

#cssdropdown {
padding:0;
margin:0;
list-style-type:none;
}
#cssdropdown li { float:left; }

#cssdropdown li.headlink ul { 
display:none;
position:absolute;
width:237px;
height:207px;
padding-top:10px;
margin-top:12px;
margin-left:-10px;
list-style-type:none;
background:url("img/subnavibg.png") top left no-repeat;
}
#cssdropdown li.headlink ul.matala_ul {
background:url("img/subnavibg4.png") top left no-repeat;
height:110px;
}
#cssdropdown li.headlink ul.matalakapea_ul {
background:url("img/subnavibg3.png") top left no-repeat;
height:87px;
width:160px;
}

#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink ul li { float:none; }
#cssdropdown li.headlink ul li a { 
color:#000;
font-size:14px;
padding:0 0 0 0;
margin:0 0 10px 0;
display:block;
text-align:left;
background:none;
}
#cssdropdown li.headlink ul li a:hover { color:#BF1804; }


#navi form {
width:36px;
height:30px;
display:block;
float:right;
position:relative;
top:-4px;
}







#left {
width:290px;
float:left;
padding-left:5px;
padding-right:5px;
}

#left h2.listtopic { margin:5px 0 5px 0; }

#ajankohtaista {
padding-top:0px;/*10*/
}
#ajankohtaista p {
margin-bottom:8px;
}
#ajankohtaista span.pvm {
font-size:12px;
}

#highlight p {
font-weight:bold;
}

#left img.left_images {
margin-bottom:10px;
margin-top:8px;
margin-left:35px;
}
#left img.left_images_2 {
margin-top:8px;
}

#googlemap {
margin-top:20px;
margin-bottom:20px;
}

#tuote_navi {
padding-top:8px;
}
#tuote_navi ul {
padding-left:5px;
list-style:none;
}
#tuote_navi li {
margin-bottom:5px;
padding:2px;
}








#right {
width:700px;
float:right;
}

#right img {
margin-left:15px;
_margin-left:0;/*IE6*/
}

#henkilokunta_table {
width:100%;
}
#henkilokunta_table td {
padding-bottom:15px;
padding-top:5px;
vertical-align:top;
border-top:1px dotted #999999;
}
#henkilokunta_table img {
margin-left:10px;
}

#flashbox {
float:right;
margin-top:10px;
position:relative;
overflow:hidden;
}
#flashbox img {
margin:0;
border:0;
width:698px;
height:400px;
}
.flashbg {
/*background:url("img/varjo.png") top right no-repeat;
width:700px;
height:395px;*/
}

#right fieldset {
padding:5px;
border:1px dotted #999;
background:#000;
}
#right legend {
background:#000;
font-weight:bold;
margin:0 5px 0 5px;
padding:0 5px 0 5px;
}

#yhteydenotto_table {
width:100%;
}
#yhteydenotto_table td {
padding-bottom:5px;
padding-top:5px;
}
#yhteydenotto_table input {
margin-bottom:4px;
}
#yhteydenotto_table input.input_textbox {
width:310px;
padding:2px;
}
#yhteydenotto_table textarea.txtarea_muu {
width:310px;
height:68px;
padding:2px;
overflow:auto;
}
#yhteydenotto_table textarea.txtarea_viesti {
width:310px;
height:68px;
padding:2px;
overflow:auto;
}
#yhteydenotto_table input.submit_btn {
float:left;
height:68px;
font-weight:bold;
width:105px;
cursor:pointer;
}
#yhteydenotto_table .lomake_right_btm {
width:200px;
float:right;
}
#yhteydenotto_table .error {
float:right;
margin-right:10px;
color:#CC0000;
font-weight:bold;
}
#yhteydenotto_table span.star {
color:#CC0000;
font-weight:bold;
}

#iframe_mp {
width:698px;
_width:690px;/*IE6*/
height:500px;
border:1px solid #ccc;
margin-bottom:20px;
background:#fff;
}

#kolumni {
width:550px;
padding-top:25px;
}
#kolumni p {
line-height:19px;
}




.tarjousbox {
border:1px dotted #aaa;
padding:5px;
margin-bottom:10px;
}
.tarjousbox span.pvm {
font-size:12px;
}
.tarjousbox p {
margin:4px 0 4px 0;
}




#kummipelaajat {
padding:40px 40px 0 0;
line-height:19px;
color:#ddd;
}
#kummipelaajat p {
color:#ccc;
font-size:12px;
}
#kummipelaajat img {
padding:10px 0 10px 0;
}







#footer {
width:992px;
background:url("img/footerbg.jpg") top left no-repeat #2E2E2E;
padding:8px 0 8px 8px;
_padding-bottom:0px;/*for IE6*/
height:178px;
margin-top:30px;
}

#footer-left {
width:200px;
float:left;
}

#footer-left p {
color:#E2DFDF;
margin-bottom:0;
}

#footer span.footer-red {
color:#E52918;
font-weight:bold;
}

#merkit {
width:790px;
float:right;
}

#merkit img.merkit-img {
margin:0 0 8px 8px;
}




#yhteistyossa { 
padding:10px 0 30px 0;
}
#yhteistyossa h3 { color:#D4D4D4; }
/*#tyry { 
width:310px;
height:148px;
display:block;
float:left;
margin-right:35px;
margin-left:1px;
background:url("img/biglink_tyry.jpg") top left no-repeat;
}*/
#jyvaskaksikko { 
width:310px;
height:148px;
display:block;
float:left;
margin-right:35px;
margin-left:1px;
background:url("img/biglink_j2.jpg") top left no-repeat;
}
#tme { 
width:310px;
height:148px;
display:block;
float:left;
background:url("img/biglink_tme.jpg") top left no-repeat;
}
#kolumnit { 
width:310px;
height:148px;
display:block;
float:right;
text-decoration:none;
background:url("img/biglink_kolumnit.jpg") top left no-repeat #ff0000;
}
#yhteistyossa .linktopic {
width:180px;
color:#fff;
font-size:14px;
font-weight:bold;
text-decoration:none;
position:relative;
top:60px;
left:15px;
}





#bottom {
border-top:2px dotted #4F4F4F;
width:992px;
font-size:11px;
color:#4F4F4F;
padding:5px 8px 15px 8px;
}

#bottom a {
color:#4F4F4F;
}
#bottom a:hover { color:#DD220B; }

#bottom .copy {
float:right;
margin-right:5px;
}



#fancybox-left-ico { left: 20px; }
#fancybox-right-ico { right: 20px; left: auto; }
#fancybox-img { cursor:pointer; }