body { margin: 0; padding: 0; background-color: #EDEBE5; font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; }
.tarkka { margin: 0; padding: 0;  text-align: left; }
#main { margin: 0px auto; padding: 0; width: 770px; text-align: center; }

ul { margin: 0; padding: 0; line-height: 15px; font-weight: bold; color: #333; list-style: none; }
li { margin: 0; padding: 0; line-height: 15px; font-weight: normal; color: #00539c; list-style-type: none; }
li a:link, li a:visited { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: normal; color: #00539c; text-decoration: none; }
li a:hover, li a:active { margin: 0; padding: 0; color: #00539c; text-decoration: underline; }

ul.dots { margin: 0; padding: 0 0 15px 15px; line-height: 15px; font-weight: normal; color: #333; list-style: none; }
li.dot { margin: 0; padding: 0 0 7px 0; line-height: 15px; font-weight: normal; color: #333; list-style-type: disc; }


/*header*/
#header { margin: 0; padding: 0; width: 770px; height: 310px; background-image: url(../kuvat/headerimage.jpg); background-repeat: no-repeat; }
#header_sv { margin: 0; padding: 0; width: 770px; height: 310px; background-image: url(../kuvat/headerimage_sv.jpg); background-repeat: no-repeat; }
#header_en { margin: 0; padding: 0; width: 770px; height: 310px; background-image: url(../kuvat/headerimage_en.jpg); background-repeat: no-repeat; }

h1 { margin: 0; padding: 0; display: none; }
img { margin: 0; padding: 0; border: none; }

/*content*/
#contentcontainer { margin: 0px auto 0px auto; padding: 0; width: 770px; min-height: 500px; background-image: url(../kuvat/whitelila.gif); background-repeat: repeat-y; text-align: center; }
#wrapper { margin: 0px auto 0px auto; padding: 0; width: 760px;  text-align: center; }
#contentbottom { margin: 0px auto 0px auto; padding: 0; width: 770px; height: 213px; background-image: url(../kuvat/midimg.jpg); background-repeat: no-repeat; }
#contentbottom_sv { margin: 0px auto 0px auto; padding: 0; width: 770px; height: 213px; background-image: url(../kuvat/midimg_sv.jpg); background-repeat: no-repeat; }
#contentbottom_en { margin: 0px auto 0px auto; padding: 0; width: 770px; height: 213px; background-image: url(../kuvat/midimg_en.jpg); background-repeat: no-repeat; }

/*horizontalnavi*/
#horizontalnavi { margin: 0; padding: 0; width: 770px; height: 44px; background-image: url(../kuvat/horizontalbg_770.gif); background-repeat: no-repeat; text-align: left; }
#naviwrapper { margin: 0px 0px 0px 45px; padding: 15px 0px 0px 0px; }
#horizontalnavi a:link, #horizontalnavi a:visited { margin: 0; padding: 0px 15px 0px 0px; font-size: 9px; font-weight: bold; color: #331C5A; text-decoration: none; }
#horizontalnavi a:hover, #horizontalnavi a:active { margin: 0; padding: 0px 15px 0px 0px; font-size: 9px; font-weight: bold; color: #FFF; text-decoration: none; }
.horizontalactive { margin: 0; padding: 0; color: #FFF; }

/*verticalnavi*/
#verticalnavi { margin: 0; padding: 0; width: 200px; height: auto; float: right; }
#articlelist { margin: 0px 0px 20px 0px; padding: 0; width: 200px; height: auto; }
.linklist { margin: 0px 0px 20px 0px; padding: 0; }
.vheader { margin: 0; padding: 0px 0px 1px 0px; width: 200px; border-top: 5px solid #371B64; border-bottom: 1px solid #371B64; }
.verticalheader { margin: 0; padding: 0; width: 200px; border-bottom: 1px solid #371B64; }
.verticalheader h3 { margin: 0; padding: 9px 0px 9px 0px; font-size: 9px; font-weight: bold; color: #371B64; }
.verticalheader h3 a:link, .verticalheader h3 a:visited {color: #371B64; text-decoration: none; }
.verticalheader h3 a:hover, .verticalheader h3 a:active {color: #371B64; text-decoration: none; }
#verticalnavi dl { margin: 0; padding: 15px 25px 0px 27px; text-align: left; }
#verticalnavi dt { margin: 0; padding: 0px 0px 11px 0px; font-size: 11px; font-weight: normal; color: #00539c; }
#verticalnavi dt a:link, #verticalnavi dt a:visited { margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #00539c; text-decoration: none; }
#verticalnavi dt a:hover, #verticalnavi dt a:active { margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #00539c; text-decoration: underline; }
.verticalactive { margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #00539c; text-decoration: underline; }

/*svenska & in english */
#language { margin: 0; padding: 0; width: 200px; background-color: #A2D472; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold;}
#language p { margin: 0; padding: 10px 0px 10px 0px; color: #331C5A; }
#language p a:link, #language p a:visited { margin: 0; padding: 0; color: #331C5A; text-decoration: none; }
#language p a:hover, #language p a:active { margin: 0; padding: 0; color: #FFF; text-decoration: none; }

/*calendar*/
#calendar { margin: 0; padding: 0; width: 200px; height: 220px; }

/*text */
#textcontainer { margin: 0; padding: 0px 20px 30px 40px; width: 480px; text-align: left; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
#textcontainer h2 { margin: 0; padding: 40px 0px 15px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; font-weight: bold; color: #471C81; }
#textcontainer h3.first { margin: 0; padding: 40px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #471C81; }
#textcontainer h3 { margin: 0; padding: 5px 0px 11px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #471C81; }
#textcontainer h3 a:link, #textcontainer h3 a:visited { margin: 0; padding: 0; color: #471C81; text-decoration: none; }
#textcontainer h3 a:hover, #textcontainer h3 a:active {margin: 0; padding: 0; color: #471C81; text-decoration: underline; }
#textcontainer h3.afterlink { margin: 0; padding: 15px 0px 11px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #471C81; }
#textcontainer h4 { margin: 0; padding: 3px 0px 15px 0px; font-size: 10px; font-weight: normal; color: #471C81; }
#textcontainer p { margin: 0; padding: 0px 0px 15px 0px; font-weight: normal; line-height: 17px; color: #333; }
#textcontainer p a:link, #textcontainer p a:visited { margin: 0; padding: 0; color: #0088FF; text-decoration: none; }
#textcontainer p a:hover, #textcontainer p a:active {margin: 0; padding: 0; color: #0088FF; text-decoration: underline; }
#textcontainer h6 { margin: 0px 0px 11px 0px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #00539C; background-image: url(../kuvat/bluearrow2.gif); background-repeat: no-repeat; background-position: left; }
#textcontainer h6 a:link, #textcontainer h6 a:visited { margin: 0; padding: 0px 0px 0px 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00539C; text-decoration: none; }
#textcontainer h6 a:hover, #textcontainer h6 a:active { margin: 0; padding: 0px 0px 0px 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00539C; text-decoration: underline; }
#textcontainer dl { margin: 0px 0px 15px 0px; padding: 0; width: 400px; text-align: left; }
#textcontainer dt { margin: 0; padding: 0px 0px 7px 0px; font-weight: bold; color: #471C81; }
#textcontainer dt a:link, #textcontainer dt a:visited { margin: 0; padding: 0; font-weight: bold; color: #471C81; text-decoration: none; }
#textcontainer dt a:hover, #textcontainer dt a:active { margin: 0; padding: 0; font-weight: bold; color: #471C81; text-decoration: underline; }
#textcontainer dd { margin: 0; padding: 0px 0px 7px 13px; line-height: 13px; font-weight: normal; color: #00539c; background-image: url(../kuvat/bluearrow3.gif); background-repeat: no-repeat; background-position: top left; }
#textcontainer dd a:link, #textcontainer dd a:visited { margin: 0; padding: 0; line-height: 13px; font-weight: normal; color: #00539c; text-decoration: none; }
#textcontainer dd a:hover, #textcontainer dd a:active { margin: 0; padding: 0; line-height: 13px; font-weight: normal; color: #00539c; text-decoration: underline; }
.sisennys { margin: 0; padding: 0 0 0 30px;  }


#numberlist { margin: 0; padding: 0; }
#numberlist ul { margin: 0; padding: 0 0 15px 22px; }
#numberlist li { margin: 0; padding: 0 0 9px 0; color: #333; list-style-type: decimal; }

/*textimage*/
#textimage { margin: 30px 0px 50px 0px; padding: 0; }
#textimage p { margin: 0px 0px 0px 5px; padding: 0; font-size: 10px; line-height: 12px; font-weight: normal; color: #777; }

/*lähteet*/
#lahteet { margin: 0; padding: 0; }
#lahteet dl { margin: 0px 0px 15px 0px; padding: 0; width: 470px; text-align: left; }
#lahteet dt { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: normal; color: #333; }
#lahteet dd { margin: 0; padding: 0px 0px 11px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: normal; color: #333; background-image: none; }

/*logos*/
#logocontainer { margin: 0px auto 0px auto; padding: 0px 0px 15px 0px; width: 770px; background-image: url(../kuvat/whiteshadow.gif); background-repeat: repeat-y; text-align: center; }
#logocontainer h3 { margin: 0; padding: 0; display: none; }
#logobottom { margin: 0px auto 0px auto; padding: 0;width: 770px; height: 10px; background-image: url(../kuvat/contentbottom.gif); background-repeat: no-repeat; }
#logoimages { margin: 0px 0px 0px 40px; padding: 20px 0px 0px 0px; width: 690px; }
#logocontainer img { margin: 0px; padding: 0px 31px 0px 0px; }
#logocontainer a:link, #logocontainer a:visited { margin: 0; padding: 0; text-decoration: none;}
#logocontainer a:hover, #logocontainer a:active { margin: 0; padding: 0; text-decoration: none; }

/*copyright*/
#copyright { margin: 10px auto 0px auto; padding: 0px 0px 30px 0px; width: 770px; text-align: left; }
#copyright p { margin: 0px 40px 0px 40px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; line-height: 13px; color: #666; }

/*feedback form*/
#form { margin: 20px 0px 60px 0px; padding: 0; width: 340px; text-align: left; float: left; font-size: 11px; }
#form p { margin: 0; padding: 0; color: #111; }
#form h5 { padding: 0; margin: 30px 0px 0px 0px; color: #444; }
#form ul { padding: 20px 0px 0px 0px; margin: 0; color: #333; }
#form li { list-style-type: none; margin: 0; padding: 0; line-height: 16px; color: #333;}
.row { clear: both; padding: 4px 0px 0px 0px; color: #333;}
.label { float: left; text-align: left; width: 80px;}
.formarea { float: right; text-align: left; width: 250px; }
.singleline { width: 230px; }
.singleline2 { width: 320px; }
.spacer { clear: both }
input.btn { margin: 0; padding: 3px; font-size: 11px; color: #333; background-color: #EAEAEA; border: 1px solid #666; }

/*Tunnusboksit*/
#tunnusboksi { margin: 0; padding: 0; width: 440px; }
#tunnus_vasen { margin: 0; padding: 0; float: left }
#tunnus_oikea { margin: 0; padding: 0; float: right; }

/*extras */
.clear { clear: both; }
strong { color: #555; }