body {
	background-color: #000000;
    text-align: center;
}

.navigointi {

background:#000000;
width:800px;
height:42px;
}

.ylanavi {
	background-image: url(lauta.jpg);
    background-repeat: no-repeat;
    text-align: center;
vertical-align: middle;
    width: 260px;
    height: 42px;
   
}

.ylalinkit {

font-family: "Myriad Pro";
	font-size: 17px;
    font-weight: bold;
    color: #AEA469;
    }

div#sivu { 
text-align:center;  
width:800px; 
margin:0 auto;  
} 

div#sivu2 { 
text-align:center;  
width:800px; 
margin:0 auto;  
} 

div#sivu3 { 
text-align:center;  
width:800px; 
margin:0 auto;  
} 

div#sivu4 { 
text-align:center;  
width:800px; 
margin:0 auto;  
} 



.divider {

background:#000000;
width:800px;
height:6px;
}

.divider2 {

background:#000000;
width:800px;
height:8px;
}

.alanavivasen {

width:250px;
height: 8px;
padding: 0px;
spacing: 0px;
font-family: Verdana, Arial, sans-serif;
	font-size: 7px;
    font-weight: bold;
    color: #B0B0B0;
     text-align: left;
vertical-align: middle;
}

.alanavikeski {

width:300px;
height: 8px;
padding: 0px;
spacing: 0px;
font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
    font-weight: bold;
    color: #ffffff;
     text-align: center;
vertical-align: middle;
}

.alanavioikea {

width:250px;
height: 8px;
padding: 0px;
spacing: 0px;
font-family: Verdana, Arial, sans-serif;
	font-size: 7px;
    font-weight: bold;
    color: #B0B0B0;
     text-align: right;
vertical-align: middle;
}

.keskusta2 {

background-image: url(index.jpg);
width:800px;
height:682px;
background-repeat: no-repeat;
}

.keskusta {

background-image: url(sivut.jpg);
width:800px;
height:682px;
background-repeat: no-repeat;
}

.reunasolut {

width:250px;
height: 352px;
padding: 0px;
spacing: 0px;
}

.reunasolut2 {

width:250px;
height: 330px;
padding: 0px;
spacing: 0px;
}

.keskisolut {

width:300px;
height: 330px;
padding: 0px;
spacing: 0px;
}

.tekstikentta {

width:300px;
height: 352px;
text-align: left;
vertical-align: top;
padding: 0px;
spacing: 0px;
}

.reunasolut1 {

width:250px;
height: 452px;
padding: 0px;
spacing: 0px;
}

.lomake {

width:250px;
height: 120px;
padding: 0px;
spacing: 0px;
border: 0px;
}

.lomake2 {

width:60px;
height: 20px;
text-align: left;
vertical-align: middle;
font-family: "Myriad Pro";
	font-size: 12px;
    font-weight: regular;
    color: #000000;
padding: 0px;
spacing: 0px;
}

.lomake3 {

width:190px;
height: 20px;
text-align: right;
vertical-align: middle;
padding: 0px;
spacing: 0px;
}

.lomake4 {

width:190px;
height: 150px;
text-align: right;
vertical-align: middle;
padding: 0px;
spacing: 0px;
}

.lomake5 {

width:60px;
height: 150px;
padding: 0px;
spacing: 0px;
text-align: left;
vertical-align: middle;
font-family: "Myriad Pro";
	font-size: 12px;
    font-weight: regular;
    color: #000000;
}

#viesti {
      max-height : 140px;
      height : 90%;
      max-width : 180px;
      width : 90%;
}

.reunasolut3 {

width:250px;
height: 230px;
padding: 0px;
spacing: 0px;
}

.keskisolut1 {

width:300px;
height: 230px;
text-align: center;
vertical-align: bottom;
font-family: "Myriad Pro";
	font-size: 20px;
    font-weight: bold;
    color: #000000;
padding: 0px;
spacing: 0px;
}

.tekstikentta1 {

width:300px;
height: 452px;
text-align: left;
vertical-align: top;
padding: 0px;
spacing: 0px;
}

.tekstikentta2 {

width:300px;
height: 452px;
text-align: center;
vertical-align: top;
padding: 0px;
spacing: 0px;
}

.tekstikentta3 {

width:300px;
height: 452px;
text-align: left;
vertical-align: top;
padding: 0px;
spacing: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  font-weight: regular;
  color: #000000;
}
}



.alanavigointi {
  font-family: Verdana, Arial, sans-serif;
  font-size: 7px;
  font-weight: bold;
  color: #B0B0B0;
  background:#000000;
  width:259px;height:15px;
}

.linkki {
  font-family: Verdana, Arial, sans-serif;
  font-size: 7px;
  font-weight: bold;
  color: #ffffff;
}


.otsikko {
	font-family: Myriad Pro;
	font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.teksti {
	font-family: Myriad Pro;
	font-size: 22px;
    color: #000000;
}

a {
	font-family: Arial, Helvetica, sans-serif;
}

a:link {
	text-decoration: none;
	color: #423E3D;
}
a:visited {
	text-decoration: none;
	color: #423E3D;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.teksti2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}

.teksti3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: regular;
  color: #000000;
}

}
a img {border: none; }

.teksti4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: url("oldpaper.jpg");
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

.etusivu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #F2F6FF;
}