/* ----------------------------- Sisällön tyylit ---------------------------------- */
a:link, a:visited {
font-weight:normal;
text-decoration:none;
color:#4f2220;
font-weight: bold;
}

a:hover {
color:#4f2220;
font-weight:normal;
text-decoration:none;
font-weight: bold;
}




/* ----------------------------- Rakenteen tyylit  ---------------------------------- */

img {
border: 0px;
}

html {
min-height: 100%;
height: auto;
overflow-y: scroll;
}

body, td { 												/* Sivuston fonttityylit */
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
color:#000000;
font-weight:normal;
}

body { 															/* Sivuston tausta */
background-color: #f6f6f6;
background-image: url(../images/bodybg.jpg);
background-repeat: repeat-x;

}

table {
border-collapse: collapse;
margin: 0px;
padding: 0px;
}

.bg {           /* Koko taustan peittävä taustakuva (images/bg.jpg) */
display: none; /* ota käyttöön -> poista tämä rivi */
position:fixed; 
top:0; left:0; 
width:100%; 
}


.bodytable { 											/* Koko sivuston alue yläpalkista alapalkkiin */
position: relative;
z-index: 1;
width: 1000px; /* 750px */
margin-top: 50px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/middlebg.jpg);
background-repeat: repeat-y;
}

.bgtable { 												/* Sivuston yläpalkki + sisältöalue */
background-color:transparent;
width: 100%;
border: 0px solid #cccccc;

}

.toppic { 												/* Yläpalkki */
height:198px; /* 100px */

background-color:transparent;

background-image: url(../images/toppic.jpg?232323);
background-repeat: no-repeat;
background-position: top center;
text-align: center;
}


#scroller {
height: 260px;
background-image: url(../contpics/scroller.jpg);
background-repeat: repeat-x;
background-position: left; 
background-color: transparent;
text-align: center;


}

#tophr {

}

.mainbg {	
width:820px;											/* Sisältö */
max-width:820px;
height: 250px;
padding-top: 20px;
padding-left: 80px;
padding-right: 80px;
padding-bottom: 0px;
text-align: left;

}
/*
#mainbg {
opacity: 0.0;
filter: alpha(opacity=0);
}
*/
b {
color: #4f2220;
}

.mainbg h1 {
color: #4f2220;
margin-top: 0px;
margin-bottom: 15px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 15px;
font-family:verdana,arial,helvetica,sans-serif;
font-weight: bold;
}

.mainbg h2 {
color: #4f2220;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 15px;
font-family:verdana,arial,helvetica,sans-serif;
font-weight: bold;
}

.footerdiv td {
color:#666666;
font-size:11px;
font-weight:normal;
vertical-align:text-top;
padding-top:10px;
}

.footerdiv { 											/* Alapalkki */
width:100%;
color: #666666;
height: 50px;
background-image: url(../images/footerbg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
padding-top: 0px;
font-size:11px;
text-align: center;
}

.footerdiv a:link, .footerdiv a:visited {
color:#666666;
text-decoration:none;
font-weight:normal;
}

.footerdiv a:hover {
color:#000000;
text-decoration:none;
}

/* ----------------------------- Navigoinnin tyylit ---------------------------------- */


.navi a:link, .navi a:visited {
font-size:11px;
color:#ffffff;
font-weight:bold;
font-size: 13px;
text-decoration:none;
text-transform:uppercase;
}

.navi a:hover {

}

.navi #active a:link,  .navi #active a:visited, .navi #active  a:hover {/* Erillinen tyyli aktiivisen sivun linkille */
color:#000000;
} 


.navi {   		 				       /* navigoinnin tausta */
background-color:transparent;
width: 860px;
margin-left: 70px; margin-right: 70px;
border: 2px solid #ffffff;
text-align: center;
/*
background-image: url(../images/topnavbg.png);
background-repeat:repeat-x;
*/
}

.navi td {
width: 168px;
height: 45px;
background-image: url(../images/navpassive.jpg);
background-repeat: repeat-x;
padding-left: 2px;
padding-right: 2px;
text-align: center;
margin-bottom: 0px;
font-size: 13px;
font-family:verdana,arial,helvetica,sans-serif;
font-weight: bold;
border: 2px solid #ffffff;
}

.navi #active {
width: 168px;
height: 45px;
background-image: url(../images/navactive.jpg);
background-repeat: repeat-x;
padding-left: 2px;
padding-right: 2px;
text-align: center;
margin-bottom: 0px;
font-size: 13px;
font-family:verdana,arial,helvetica,sans-serif;
font-weight: bold;
}/* Erillinen tyyli aktiivisen sivun linkin taustalle*/

.navi td.last { 					 		
border-right: solid 0px #cccccc;
}


/* ----------------------------- Muut tyylit  ---------------------------------- */

.borderpic {
border: solid 1px #cccccc;
}

.contentpic {
border: solid 0px #cccccc;
margin-left: 20px;
margin-bottom: 20px;
}


img.imagemail {
vertical-align: bottom;
}

#laskuri {
font-size: 120%;
margin: 30px;
}
/* ----------------------------- Lomakkeen tyylit  ---------------------------------- */

input, select, textarea {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
background-color:#ffffff;
border: solid 1px #cccccc;
}

.txtinput, .selekti {		         /* teksti-inputti, nimi, puh/email  */
width:250px;
height:20px;
}

.tarea  { 		                  /* viestin tekstialue */
width:400px;
height:120px;
}

.potikka  {		                 /* lähetä-painike  */
width:80px;
height:22px;
color:#000000;
font-weight:bold;
background-color:#cccccc;
}

#kielinav{
margin-top:40px;
margin-left:675px;
}

.kieli a:link, .kieli a:visited {
font-size:11px;
color:#ffffff;
font-weight:bold;
font-size: 11px;
text-decoration:none;
text-transform:uppercase;
}
.kieli #kieliactive a:link,  .kielinavi #kieliactive a:visited, .kielinavi #kieliactive  a:hover {/* Erillinen tyyli aktiivisen sivun linkille */
color:#000;
} 
.kieli td {
width: 115px;
height: 25px;
background-image: url(../images/navpassive.jpg);
background-repeat: repeat-x;
padding-left: 2px;
padding-right: 2px;
text-align: center;
margin-bottom: 0px;
font-family:verdana,arial,helvetica,sans-serif;
font-weight: bold;
border: 2px solid #ffffff;
opacity: 0.9;
filter: alpha(opacity=90); /* IE */
}

.kieli #kieliactive {
background-image: url(../images/navactive.jpg);
background-repeat: repeat-x;
}