A:link, A:visited, A:active {
   color: #60994c;
   text-decoration: none;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
}

A:hover { color: #999; cursor:pointer; }

A:link.footer-link, A:visited.footer-link, A:active.footer-link {
   color: #000;
   text-decoration: none;
}

A:hover.footer-link {
   color: #60994c;
}

A:link.valkoinen, A:visited.valkoinen, A:active.valkoinen { color: #fff; text-decoration: none; font-weight: bold; }
A:hover.valkoinen { color: #eee; text-decoration: none; }

A:link.up, A:visited.up, A:active.up { display: inline; color: #000; text-align: inherit; margin-left: 25px; } A:hover.up { color: #60994c; }
@media all and (min-width: 1000px) { A:link.up { display: block; text-align: left; margin: 0; }}
A:link.up:first-child { margin-left: 0; }

h1 { font-size: 2em; color: #60994c; font-weight: 700; text-transform: uppercase; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; color: #60994c; margin: 20px 0; }

h1, h2, h3, h4 {
   font-family: 'Poppins', sans-serif;
   word-wrap: break-word;
   line-height: 1;
}


.esittely h1 { color: #fff; }

.index-title { border-bottom: 2px solid #60994c; color: #555; padding-bottom: 10px; margin-bottom: 0; }

.huomio { border-bottom: 2px solid #60994c; font-weight: bold; font-size: 1.1em; padding: 20px; }

.huomio2 { border-bottom: 2px solid #ccc; padding: 5px; }


.clear { clear: both; }

.date { font-size: 0.8em; color: #999; }

blockquote { margin: 25px 10px; padding: 25px; text-align: center; background: #eee; }

.mobile-warning { margin: 25px 0; background: #fff; padding: 25px; text-align: center; }
@media all and (min-width: 1000px) { .mobile-warning { display: none; }}

.photo { vertical-align: middle; border: 3px solid #fff; margin: 5px; -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out; }
.photo:hover { border: 3px solid #ccc; }

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.col {
	display: block;
	float:left;
	margin: 0 0 0 1.6%;
}
.col:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_1_of_2 { width: 49.2%; }
.span_3_of_4 { width: 74.6%; }
.span_2_of_4 { width: 49.2%; }
.span_1_of_4 { width: 23.8%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

@media only screen and (max-width: 480px) {
	.col {  margin: 0; }
	.span_1_of_2, .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_1_of_3, .span_2_of_3 { width: 100%; }
}

.align-right { text-align: inherit; }
@media all and (min-width: 1000px) { .align-right { text-align: right; } }

.index-table {
   border-collapse: collapse;
   border-spacing: 0;
   border: 0;
   width: 100%;
   text-align: left;
}

.index-table td {
   border-bottom: 1px solid #ccc;
   padding: 10px;
}

@media only screen and (max-width: 1000px), (min-device-width: 1000px) and (max-device-width: 1000px)  {

   .index-table td, .index-table tr { display: block; }
	
   .index-table tr { border-bottom: 1px solid #ccc; padding: 8px 0; width: 100% !important;}
	
   .index-table td { 
      border: none;
      position: relative;
      padding: 3px 5px;
      width: auto !important;
   }
	
   .index-table td:before { 
      position: absolute;
      top: 6px;
      left: 6px;
      width: 100%;
      white-space: nowrap;
   }
}

.pudotus-otsikko {
cursor: pointer;
color: #218000;
margin: 0 0 10px 20px; }

.pudotus {
background: #eee;
padding: 15px 20px;
margin-bottom: 50px; }

.pudotus-table {
   border-collapse: collapse;
   border-spacing: 0;
   border: 0;
   width: 100%;
   text-align: left;
table-layout: fixed;
}

.pudotus-table td {
   border-top: 1px solid #ccc;
   padding: 5px 10px;
}

@media only screen and (max-width: 1000px), (min-device-width: 1000px) and (max-device-width: 1000px)  {

   .pudotus-table td, .pudotus-table tr { display: block;  }
	
   .pudotus-table tr { border-top: 1px solid #ccc; padding: 8px 0; width: 100% !important;}
	
   .pudotus-table td { 
      border: none;
      position: relative;
      padding: 3px 5px;
      width: auto !important;
   }
	
   .pudotus-table td:before { 
      position: absolute;
      top: 6px;
      left: 6px;
      width: 100%;
      white-space: nowrap;
   }
}


.kurssi-table {
   border-collapse: collapse;
   border-spacing: 0;
   border: 0;
   width: 100%;
   text-align: left;
   font-size: 0.85em;
}

.kurssi-table td {
   padding: 3px 10px;
}

.kurssi-table th {
   font-size: 1.2em;
   font-weight: bold;
   border-bottom: 2px solid #ccc;
   padding: 5px 10px;
}

.kurssi-table tr:nth-child(even) {background: #f5f5f5; }
.kurssi-table tr:nth-child(odd) {background: none}

@media only screen and (max-width: 1000px), (min-device-width: 1000px) and (max-device-width: 1000px)  {

   .kurssi-table td, .kurssi-table tr { display: block; }
   .kurssi-table th { display: none; }
	
   .kurssi-table tr { padding: 8px 0; width: 100% !important;}
	
   .kurssi-table td { 
      border: none;
      position: relative;
      padding: 3px 5px;
      width: auto !important;
      text-align: center;
   }
	
   .kurssi-table td:before { 
      position: absolute;
      top: 6px;
      left: 6px;
      width: 100%;
      white-space: nowrap;
   }
}


.kurssi2-table {
   border-collapse: collapse;
   border-spacing: 0;
   border: 0;
   width: 100%;
   text-align: left;
}

.kurssi2-table td {
   padding: 10px;
}

.kurssi2-table th {
   font-size: 1.2em;
   font-weight: bold;
   border-bottom: 2px solid #ccc;
   padding: 5px 10px;
}

.kurssi2-table tr:nth-child(even) {background: #f5f5f5; }
.kurssi2-table tr:nth-child(odd) {background: none}

@media only screen and (max-width: 1000px), (min-device-width: 1000px) and (max-device-width: 1000px)  {

   .kurssi2-table td, .kurssi2-table tr { display: block; }
   .kurssi2-table th { display: none; }
	
   .kurssi2-table tr { padding: 8px 0; width: 100% !important;}
	
   .kurssi2-table td { 
      border: none;
      position: relative;
      padding: 3px 5px;
      width: auto !important;
      text-align: center;
   }
	
   .kurssi2-table td:before { 
      position: absolute;
      top: 6px;
      left: 6px;
      width: 100%;
      white-space: nowrap;
   }
}

tr.vuosi { border-top: 3px solid #ccc; }