<!--
body {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
font-size: 12pt;
margin-left: auto;
margin-right: auto;
}

.main {
box-shadow: -10px 5px 10px #CCCCCC, 10px 5px 10px #CCCCCC;
padding:20px;
width: 1000px;
}

table {
table-layout: fixed;
background-color: #FFFFFF;
padding: 10px;
}
.style1 {
font-weight: bold;
text-align:center;
}
.style2 {color: #FFFFFF}
.style4 {font-style: italic; color: #CCCCCC;}
.style6 {font-style: italic; color: #CCCCCC; font-size: small; }


.nav {
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
text-align: center;
vertical-align: middle;
height: 50px;
padding:0;
}
.nav a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}

.nav a:hover {
text-decoration: underline;
}

#vali {
display: none;
}

#yleista {
text-align: left;
font-size: 16px;
padding: 20px;
}

#hairioilmoituslomake {
padding-left: 20px;
padding-right: 20px;
}

#palvelimen_toiminta {
text-align: left;
font-size: 24px;
padding: 20px;
}

#toimintaaikatilastot {
text-align: left;
font-size: 16px;
padding: 20px;
}
#tarkistus {
text-align: left;
font-size: 16px;
padding: 20px;
}

#huom {
text-align: left;
font-size: 16px;
padding: 20px;
}


.submit1 {
background-color: #555555;
color: #eeeeee;
border: 1px solid black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 5px;
cursor: pointer;
cursor: hand;
}
.submit1:disabled {
cursor: not-allowed;
}
#osoite {
background-color: #eeeeee;
border: 1px solid grey;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
padding: 2px;
cursor: text;
font-size: 16px;
}

@media all and (max-width: 1200px) {
.main {
width: 100%;
max-width: 98%;
}
.nav, .nav a { 
font-size: 22px; 
}
}

-->