img {
border:0;
}


.valikko {
    background-image: url(http://www.vopla.fi/images/kirja.jpg);
    background-repeat: repeat-y;
    border-top: 1px solid #6DA6D3;
    border-right: 1px solid #6DA6D3;
    padding-right: 30px;
    padding-left: 70px;
    color: #FFFFFF;
}
.valikko_oppimateriaali {
    background-image: url(http://www.vopla.fi/images/kirja2.jpg);
    background-repeat: repeat-y;
    border-top: 1px solid #DAA44E;
    border-right: 1px solid #D5A35E;
    padding-right: 30px;
    padding-left: 70px;
    color: #FFFFFF;
}
.valikko_verkkokurssi {
    background-image: url(http://www.vopla.fi/images/kirja3.jpg);
    background-repeat: repeat-y;
    border-top: 1px solid #89B789;
    border-right: 1px solid #89B789;
    padding-right: 30px;
    padding-left: 70px;
    color: #FFFFFF;
}
.valikko_tukipalvelut {
    background-image: url(http://www.vopla.fi/images/kirja4.jpg);
    background-repeat: repeat-y;
    border-top: 1px solid #C57775;
    border-right: 1px solid #C57775;
    padding-right: 30px;
    padding-left: 70px;
    color: #FFFFFF;
}

.basic {
    font-weight: normal;
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(http://www.vopla.fi/images/kirja.jpg);
    padding: 30px 30px 30px 70px;
    text-align: left;
    vertical-align: top;
    height: 300px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-color: #6CA6D8;
    border-bottom-color: #6CA6D8;
}
.basic table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    vertical-align: top;
    text-align: left;
    border: 0px solid #6CA6D8;
}
.basic table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    border: 0 px solid #6CA6D8;
    padding: 3px;
    vertical-align: top;
    text-align: left;
    background-color: #FFFFFF;
}
.oppimateriaali{
    font-weight: normal;
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(http://www.vopla.fi/images/kirja2.jpg);
    padding: 30px 30px 30px 70px;
    text-align: left;
    vertical-align: top;
    height: 300px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #D8A452;
    border-bottom-color: #D8A452;
    border-left-style: none;
}
.oppimateriaali table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    vertical-align: top;
    text-align: left;
    border: 1px solid #D8A452;
}
.oppimateriaali table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    border: 0px solid #D8A452;
    padding: 3px;
    ertical-align: top;
    text-align: left;
    background-color: #FFFFFF;
}
.verkkokurssi {
    font-weight: normal;
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(http://www.vopla.fi/images/kirja3.jpg);
    padding: 30px 30px 30px 70px;
    text-align: left;
    vertical-align: top;
    height: 300px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #8cb68c;
    border-bottom-color: #8cb68c;
}
.verkkokurssi table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    vertical-align: top;
    text-align: left;
    border: 1px solid #8cb68c;
}
.verkkokurssi table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    border: 0px solid #8cb68c;
    padding: 3px;
    vertical-align: top;
    text-align: left;
    background-color: #FFFFFF;
}
.koulutus {
    font-weight: normal;
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(http://www.vopla.fi/images/kirja.jpg);
    padding: 30px 30px 30px 70px;
    text-align: left;
    vertical-align: top;
    height: 300px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-color: #6CA6D8;
    border-bottom-color: #6CA6D8;
}

.koulutus table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    vertical-align: top;
    text-align: left;
    border: 1px solid #6CA6D8;
}
.koulutus table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    border: 0px solid #6CA6D8;
    padding: 3px;
    vertical-align: top;
    text-align: left;
    background-color: #FFFFFF;
}

.tukipalvelut {
    font-weight: normal;
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(http://www.vopla.fi/images/kirja4.jpg);
    padding: 30px 30px 30px 70px;
    text-align: left;
    vertical-align: top;
    height: 300px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #c27474;
    border-bottom-color: #c27474;
}
.tukipalvelut table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    vertical-align: top;
    text-align: left;
    border: 1px solid #c27474;
}
.tukipalvelut table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    border: 0px solid #c27474;
    padding: 3px;
    vertical-align: top;
    text-align: left;
    background-color: #FFFFFF;
}
.tausta_valikko {
    font-weight: normal;
    background-image: url(http://www.vopla.fi/images/valikonkuva.jpg);
    background-repeat: no-repeat;
}

a:link{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #006699;
    text-decoration: none;
}
a:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-weight: normal;
    color: #006699;
    text-decoration: none;
}
a:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-weight: normal;
    color: #006699;
    text-decoration: underline;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
    line-height: 18px;
}
.basic h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #6CA6D8;
}
.basic h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #6CA6D8;
}
.basic h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #6CA6D8;
}
.basic h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #6CA6D8;
}
.basic h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #6CA6D8;
}
.oppimateriaali h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #d8a452;
}
.oppimateriaali h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #d8a452;
}
.oppimateriaali h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #d8a452;
}
.oppimateriaali h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #d8a452;
}
.oppimateriaali h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #d8a452;
}
.verkkokurssi h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #8cb68c;
}
.verkkokurssi h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #8cb68c;
}
.verkkokurssi h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #8cb68c;
}
.verkkokurssi h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #8cb68c;
}
.verkkokurssi h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #8cb68c;
}
.tukipalvelut h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #c27474;
}
.tukipalvelut h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #c27474;
}
.tukipalvelut h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #c27474;
}
.tukipalvelut h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #c27474;
}
.tukipalvelut h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #c27474;
}
h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #006699;
}
h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #006699;
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #006699;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #006699;
}
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #006699;
}
.otsikko {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #6CA6D8;
}
.otsikko a:link{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #6CA6D8;
    text-decoration: none;
}
.otsikko a:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #6CA6D8;
    text-decoration: none;
}
.otsikko a:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #6CA6D8;
    text-decoration: underline;
}
.otsikko-oppimateriaali {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #d8a452;

}
.otsikko-oppimateriaali a:link{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #d8a452;
    text-decoration: none;
    
}
.otsikko-oppimateriaali a:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #d8a452;
    text-decoration: none;
}
.otsikko-oppimateriaali a:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #d8a452;
    text-decoration: underline;
}
.otsikko-verkkokurssi {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #8cb68c;
}
.otsikko-verkkokurssi a:link{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #8cb68c;
    text-decoration: none;
    
}
.otsikko-verkkokurssi a:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #8cb68c;
    text-decoration: none;
}
.otsikko-verkkokurssi a:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #8cb68c;
    text-decoration: underline;
}
.otsikko-tukipalvelut{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #c27474;
}
.otsikko-tukipalvelut a:link{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #c27474;
    text-decoration: none;
    
}
.otsikko-tukipalvelut a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #c27474;
    text-decoration: none;
}
.otsikko-tukipalvelut a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #c27474;
    text-decoration: underline;
}
.popup-organisaatio {
    padding: 20px;
}
.sininen-valikko {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background-image: url(http://www.vopla.fi/images/sininen_valikko2.gif);
    background-repeat: repeat-x;
    text-transform: uppercase;
}
.sininen-valikko a:link {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background-image: url(http://www.vopla.fi/images/sininen_valikko.gif);
    background-repeat: repeat-x;
    border: none;
    display: block;
    text-transform: capitalize;
}
.sininen-valikko a:visited {
    background-image: url(http://www.vopla.fi/images/sininen_valikko.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    border: none;
    text-transform: capitalize;
}
.sininen-valikko a:hover {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-decoration: none;
    background-image: url(http://www.vopla.fi/images/sininen_valikko2.gif);
    background-repeat: repeat-x;
    border: none;
    text-transform: capitalize;
}
.vihrea-valikko {
    background-image: url(http://www.vopla.fi/images/vihrea_valikko2.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
}
.vihrea-valikko a:link {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-transform: capitalize;
    background-image: url(http://www.vopla.fi/images/vihrea_valikko.gif);
}
.vihrea-valikko a:visited {
    background-image: url(http://www.vopla.fi/images/vihrea_valikko.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-transform: capitalize;
    
}
.vihrea-valikko a:hover {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-decoration: none;
    background-image: url(http://www.vopla.fi/images/vihrea_valikko2.gif);
    background-repeat: repeat-x;
    text-transform: capitalize;
}
.keltainen-valikko {
    background-image: url(http://www.vopla.fi/images/keltainen_valikko2.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
}
.keltainen-valikko a:link {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-transform: capitalize;
    background-image: url(http://www.vopla.fi/images/keltainen_valikko.gif);
    background-repeat: repeat-x;
}
.keltainen-valikko a:visited {
    background-image: url(http://www.vopla.fi/images/keltainen_valikko.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-transform: capitalize;
}
.keltainen-valikko a:hover {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-decoration: none;
    background-image: url(http://www.vopla.fi/images/keltainen_valikko2.gif);
    background-repeat: repeat-x;
    text-transform: capitalize;
}

.punainen-valikko {
    background-image: url(http://www.vopla.fi/images/punainen_valikko2.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
}
.punainen-valikko a:link {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-transform: capitalize;
    background-image: url(http://www.vopla.fi/images/punainen_valikko.gif);
    background-repeat: repeat-x;
}
.punainen-valikko a:visited{
    background-image: url(http://www.vopla.fi/images/punainen_valikko.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-transform: capitalize;
}
.punainen-valikko a:hover {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    display: block;
    text-decoration: none;
    background-image: url(http://www.vopla.fi/images/punainen_valikko2.gif);
    background-repeat: repeat-x;
    text-transform: capitalize;
}