.info {
 margin-left: 0.5em;
 font-size: 23px;
 display: block;
}

.tietoja {
 margin-left: 1em;
 line-height: 10px;
}

.thumb {
 position: static;
 margin: 0.25px;
 padding: 1px;
 background-color: #FFFFFF;
 border: 2px solid #474343;
}

.opera .thumb {
 margin-bottom: 3px;
}

.thumb:hover {
 background-color: #FFFFFF;
 color: #0069ff;
 border: 2px solid #6FC9E2;
}

.thumb:active {
 background-color: #FFFFFF;
 color: #0069ff;
 border: 2px solid #FFFF00;
}

.rajoitin {
 clear: both;
 padding-top: 1.25em;
 padding-bottom: 0.5em;
}

.rajoitin2 {
 clear: both;
 padding-top: 1.25em;
}

#osoite {
 margin-bottom: 0.25em;
 margin-top: 1.65em;
}

iframe {
 padding: 1px;
 background-color: #FFFFFF;
 border: 2px solid #474343;
 margin: 0;
 margin-top: 0.25em;
}

.kartta {
}

.etusivukuvaoikea {
 float: left;
 margin-right: 1.5em;
 margin-bottom: 0.5em;
 margin-top: 0.45em;
 padding: 1px;
 background-color: #FFFFFF;
 border: 2px solid #474343;
}

#lomake {
 margin: 0;
 margin-left: -2px;
 padding: 0;
 width: 471px;
}

.otsikko {
 padding-bottom: 0.1em;
 padding-top: 0.5em;
 padding-left: 0px;
}

.otsikko b {
 font-weight: normal;
 color: #FB2424;
 padding-left: 0.5em;
}

#nimi {
 margin-bottom: 0.1em;
 width: 350px;
 height: 25px;
 padding: 1px;
 margin-left: -1px;
 background-color: #FFFFFF;
 border: 2px solid #474343;
}

.apuri {
 height: 30px;
 color: #FB2424;
 padding-left: 0.25em;
 padding-bottom: 0.25em;
}

#email {
 margin-bottom: 0.1em;
 width: 350px;
 height: 25px;
 padding: 1px;
 margin-left: -1px;
 background-color: #FFFFFF;
 border: 2px solid #474343;
}

#viesti {
 margin-bottom: 0.5em;
 width: 350px;
 height: 150px;
 padding: 1px;
 margin-left: -1px;
 background-color: #FFFFFF;
 border: 2px solid #474343;
}

#tallenna {
 margin-top: 0.5em;
 color: #FFFFFF;
}

input {
 background-color: #232323;
 border-color: #1c1c1c;
 vertical-align: top;
 margin-right: 0.1em;
}

body {
 margin: 0;	
 padding: 0;
 color: #FFFFFF;
 background-color: #232323;
 font-family: Tahoma, Verdana, "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
 font-size: 90%;
 line-height: 22px;
}

p {
 font-size: 15px;
}

.teksti a, .madeby a, .navbartop a {
 color: #37CE37;
 text-decoration: none;
}

.teksti a:active, .madeby a:active, .navbartop a:active {
 color: #FFFF00;
 text-decoration: none;
}

.teksti a:hover, .madeby a:hover, .navbartop a:hover {
 color: #6FC9E2;
 text-decoration: none;
}

.ylatausta {
 background: #1C1C1C;
 border-bottom: 0px solid #FFFFFF;
}

.alatausta {
 background-color: #232323;
}

.bannertausta {
 max-width: 970px;
 min-width: 670px;
 width: expression(document.body.clientWidth < 670? "670px" : document.body.clientWidth > 970? "970px" : "auto"); /* IE-korjaus */
 margin: 0 auto;
 padding: 0;
 height: 217px;
 overflow: hidden;
}

.banneri {
 margin-left: 1em;
 margin-right: 1em;
 background-color: #2B2B2B;
 border: 1em solid #474343;
}

.navbar {
 position: absolute;
 top: 234px;
 margin-left: 735px;
 font-size: 22px;
}

a.chosen {
 color: #FB2424;
 border: 0;
 padding: 0;
 margin: 0;
 text-decoration: none;
}

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

.navbar ul li{
 margin: 0;
 margin-top: 0.35em;
 padding: 0;
}

.navbar ul li .notchosen {
 margin: 0;
 padding: 0;
 font-size: 15px;
}

.tests {
 margin-top: -0.25em;
}

.tests .chosen {
 font-size: 15px;
}

.navbartoptausta {
 max-width: 913px;
 min-width: 670px;
 width: expression(document.body.clientWidth < 670? "670px" : document.body.clientWidth > 970? "970px" : "auto"); /* IE-korjaus */
 margin: 0 auto;
 margin-top: -35px;
 position: relative;
 top: -3px;
 background: transparent;
 font-size: 14px;
}

.navbartop {
 position: relative;
 height: 35px;
 background: none;
 /* Fallback for web browsers that doesn't support RGBa 
 background: rgb(28, 28, 28); */
 /* RGBa with 0.6 opacity */
 background: rgba(28, 28, 28, 0.6);
 /* For IE 5.5 - 7*/
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991C1C1C, endColorstr=#991C1C1C);
 /* For IE 8*/
 -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991C1C1C,endColorstr=#991C1C1C);
 zoom: 1;
 margin-bottom: 0;
 border-top: 0px solid #474343;
}

.navbartop ul {
 margin: 0;
 margin-left: 21px;
 padding: 0;
 padding-top: 0.5em;
}

.navbartop ul li {
 display: inline;
 font-weight: bold;
 margin-right: 0.2em;
}

.navbartop a img {
 border: 0;
 padding: 0;
 margin: 0;
}

h2{
 font-weight: normal;
 margin-bottom: 0;
 font-size: 22px;
}

.suurotsikko {
 margin: 0;
 font-weight: normal;
 margin-bottom: 0.75em;
 font-size: 30px;
}

.h1kuva {
 margin: 0;
 margin-top: 15px;
 padding: 0;
 margin-left: -0.1em;
 height: 45px;
}

.h2kuva {
 margin: 0;
 margin-top: 0.2em;
 padding: 0;
 margin-left: -0.1em;
 float: left;
}

.laatikko1 .h2kuva, .laatikko2 .h2kuva {
 margin-left: -0.15em;
}

.tekstitausta {
 max-width: 970px;
 min-width: 670px;
 width: expression(document.body.clientWidth < 670? "670px" : document.body.clientWidth > 970? "970px" : "auto"); /* IE-korjaus */
 margin: 0 auto;
 padding: 0;
 background-color: transparent;
}

.tekstitausta2 {
 padding: 1em;
 padding-bottom: 1.5em;
 padding-left: 1.5em;
 padding-right: 1.5em;
 margin-left: 1em;
 margin-right: 1em;
 margin-bottom: 0;
 margin-top: 0;
 background-color: #1C1C1C;
 border: 1em solid #474343;
 border-top: none;
 border-bottom: none;
}

.teksti {
 width: 689px;
 padding: 0;
 margin-top: 0.7em;
 padding-right: 1.5em;
 border-right: 3px solid #474343;
}

.esittely {
 margin-bottom: 1em;
}

.portrait1 {
 float: right;
 margin-top: 0;
 margin-left: 0.75em;
 margin-bottom: 1em;
 padding: 0;
}

.portrait1 a img {
 padding: 1px;
 background-color: #FFFFFF;
 border: 2px solid #474343;
}

.portrait1 a:hover img {
 background-color: #FFFFFF;
 border: 2px solid #6FC9E2;
}

.portrait1 a:active img {
 background-color: #FFFFFF;
 border: 2px solid #FFFF00;
}

.jaakko, .juho {
 height: 230px;
}

.portrait2 {
 float: right;
 margin-top: 0;
 margin-left: 0.75em;
 margin-bottom: 1em;
 padding: 0;
}
.portrait2 a img {
 padding: 1px;
 background-color: #FFFFFF;
 border: 2px solid #474343;
}

.portrait2 a:hover img {
 background-color: #FFFFFF;
 border: 2px solid #6FC9E2;
}

.portrait2 a:active img {
 background-color: #FFFFFF;
 border: 2px solid #FFFF00;
}

ul {
 margin: 0;
 padding-left: 1.5em;
 margin-top: 0.5em;
 list-style-type: square;
}

ul li {
 margin: 0;
}

ul ul {
 margin: 0;
 list-style-type: disc; 
}

.madebytausta {
 max-width: 970px;
 min-width: 670px;
 width: expression(document.body.clientWidth < 670? "670px" : document.body.clientWidth > 970? "970px" : "auto"); /* IE-korjaus */
 margin: 0 auto;
 background-color: transparent;
}

.madebytausta2 {
 margin: 0;
 padding: 0;
 padding-left: 1em;
 padding-right: 1em;
 text-align: right;
}

.madeby {
 background-color: #1C1C1C;
 margin-bottom: 1.5em;
 padding-top: 0em;
 border: 1em solid #474343;
 border-top: none;
}

address {
 border-top: 3px solid #474343;
 padding-top: 1em;
 padding-bottom: 1.5em;
 margin-top: 0;
 font-size: 15px;
 font-style: normal;
 text-align: center;
 margin-left: 22px;
 margin-right: 22px;
}

address b {
 font-weight: normal;
 color: #FB2424;
}