body {
   padding: 0px;
   margin: 0px;
   text-align: center; /* IE fix - yet again */
}

#maindiv {
   width: 80%;
   min-width: 600px;
   text-align: left;
   margin: 20px auto;
   
   /* Perustekstimäärittelyt */
   font-size: 10pt;
   font-family: sans-serif;
   color: #000000;
}

.headfootd {
   border: 1px solid #CCCCCC;
   background-color: #DDDDDD;
   padding: 10px;
   border-radius: 10px;
   box-shadow: 5px 5px 5px #555555;
}

#headerdiv {
   min-height: 25px;
}

#header {
   float: right;
   padding-right: 20px;
   font-size: 16pt;
   margin-left: 10px;
   margin-bottom: 10px;
   text-shadow: #666 2px 2px 2px;
}

/* Koulussa on muuten todella tylsää, tiesittekö? Ette? Ai... */
.dataid {
   position: absolute;
   top: 25px;
   left: 25px;
   z-index: -1;
   font-size: 175pt;
   color: #FDFDFD;
   /*text-shadow: #666 2px 2px 2px;*/
}


/* mmmmmm m m m m mmm m m m mm m mm m m */
#bodydiv {
   margin-top: 20px;
   margin-bottom: 20px;
   padding: 10px;
   text-align: center;
}

.graphbox {
   border: none;
   margin-bottom: 1em;
   padding: 10px
}

.t_table {
   /* Keskitetään taulukko */
   margin: 0px auto;
   text-align: left;
}

/* Taulukon reunamääritykset yms */
.t_table th, .t_table td {
   border: 1px solid #AAAAAA;
   padding: 5px;
   background-color: #EEEEEE;
   /* vertical-align: top; */
}

.t_table th {
   vertical-align: middle;
   background-color: #DDDDDD;
}

/* Otsikolle kulmat */
.t_mainheaderrow th {
   border-radius: 10px 10px 0px 0px;
}

/* Eri np-sarakkeiden värit */
.cola {
   background-color: #DDDDE3 !important;
}
.colb {
   background-color: #DDE3DD !important;
}
.colk {
   background-color: #E3DDDD !important;
}
.colp {
   background-color: #E3DDCC !important;
}

#footerdiv {
   font-size: 8pt;
   text-align: center;
}

.d_contentdiv {
   margin: 0px auto;
   text-align: left;
   border: 1px solid #AAAAAA;
   padding: 10px;
   background-color: #EEEEEE;
}

.d_contentdiv p {
   text-align: justified;
}

.d_contentdiv h2 {
   font-size: 14pt;
   font-weight: bold;
}

.kirjoitusasut {
   border: 1px solid #BBBBBB;
   background-color: #CCCCCC;
   font-size: 8pt;
   color: #336644;
   padding: 5px;
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
   border-radius: 5px;
}

.kirjoitusasut ul {
   list-style-type: none;
   border-left: 5px solid #33AA44;
   padding-left: 5px;
   font-family: monospace;
   white-space: pre;
}

/* HAHAHAAHAHAHAHAHAHHAAHHAHAH */
.lbigimg {
   margin: 10px auto;
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2 {
   margin-top: -10px;
   margin-bottom: 40px;
   padding: 0;
   /* border-top: 5px solid #D25A0B; */
   background: transparent;
   voice-family: "\"}\"";
   voice-family: inherit;
}

.modernbricksmenu2 ul {
   margin:0;
   margin-left: 10px; /*margin between first menu item and left browser edge*/
   padding: 0;
   list-style: none;
}

.modernbricksmenu2 li {
   display: inline;
   margin: 0 2px 0 0;
   padding: 0;
   text-transform:uppercase;
}

.modernbricksmenu2 a {
   float: left;
   display: block;
   font: bold 11px Arial;
   text-decoration: none;
   margin: 0 1px 0 0; /*Margin between each menu item*/
   padding: 5px 10px;
   background-color: #EEEEEE; /*Brown color theme*/ 
   border: 1px solid #AAAAAA;
}

.modernbricksmenu2 a:hover {
   background-color: #AAAAAA; /*Brown color theme*/
}

.modernbricksmenu2 a.selected { /*currently selected tab*/
   background-color: #AAAAAA; /*Brown color theme*/
   border-color: #AAAAAA; /*Brown color theme*/ 
}

.tabcontent {
   display:none;
}

@media print {
   .tabcontent {
      display:block !important;
   }
}