body {
background-image : url(../pics/topbg.jpg);
background-repeat : repeat-x;
margin : 0;
font-family : Trebuchet MS, sans-serif;
font-size : 13px;
background-color : #ffffff;
color : #000000;
font-weight : normal;
}
h1 {
font-family : Georgia, Times New Roman, Times, serif;
font-size : 14px;
color : #000000;
margin-bottom : 8px;
}
h2 {
font-family : Georgia, Times New Roman, Times, serif;
font-size : 11px;
color : #ff0000;
margin : 0;
}
h3 {
font-family : Georgia, Times New Roman, Times, serif;
font-size : 10px;
color : #000000;
margin-bottom : 8px;
}
#top {
position : relative;
height : 70px;
background-color : transparent;
background-image : url(../pics/logo.gif);
background-repeat : no-repeat;
}
#mainmenuframe {
position : relative;
padding : 5px 0 5px 0;
background-color : #f9f9f9;
border-top : 1px solid #003251;
border-bottom : 1px solid #b0b5b9;
}
#main {
position : relative;
width : 500px;
left : 242px;
font-family : Trebuchet MS, sans-serif;
font-size : 13px;
background-color : #ffffff;
color : #000000;
margin-top : 10px;
font-weight : normal;
text-align : justify;
float : left;
min-height:500px;
height:auto !important;
height:500px;
background-image : url(../pics/mainbg.gif);
background-repeat : no-repeat;
}
#main ul {
list-style-type : circle;
}
#main img {
border : 0 solid #ebebeb;
}
#main p {
padding-left:10px;
padding-right:10px;
}
#main h1 {
font-family : Trebuchet MS, sans-serif;
font-size : 20px;
color : #000000;
font-weight : normal;
padding-left:10px;
padding-right:10px;
}
#main a:link, #main a:visited {
font-family : Trebuchet MS, sans-serif;
font-size : 13px;
color : #0068a2;
font-weight : bold;
text-decoration : underline;
}
#main a:hover {
font-family : Trebuchet MS, sans-serif;
font-size : 13px;
color : #000000;
font-weight : bold;
text-decoration : none;
}
#main table {
font-family : Trebuchet MS, sans-serif;
font-size : 13px;
background-color : transparent;
color : #000000;
font-weight : normal;
margin-top : 10px;
margin-bottom : 10px;
padding-left:10px;
padding-right:10px;
}
#main td {
padding : 2px 4px;
}
#frame {
position : absolute;
width : 210px;
left : 744px;
}
#linkframe {
position :relative;
font-family : Trebuchet MS, sans-serif;
font-size : 11px;
color : #000000;
font-weight : normal;
text-decoration : none;
width : 200px;
margin-left : 10px;
margin-top : 10px;
background-color : #f9f9f9;
border : 1px solid #9198a0;
padding : 10px;
text-align:justify;
}
#linkframe a:link, #linkframe a:visited {
font-family : Trebuchet MS, sans-serif;
font-size : 11px;
color : #0068a2;
font-weight : normal;
text-decoration : underline;
}
#linkframe a:hover {
font-family : Trebuchet MS, sans-serif;
font-size : 11px;
color : #000000;
font-weight : normal;
text-decoration : none;
}
#newsframe {
position :relative;
width : 210px;
margin-left : 10px;
margin-top : 10px;
font-family : Trebuchet MS, sans-serif;
font-size : 11px;
background-color : #f9f9f9;
border : 1px solid #9198a0;
color : #757575;
font-weight : normal;
padding : 5px;
background-image : url(../pics/nws1.gif);
background-repeat : no-repeat;
}
#news1 {
font-family : Trebuchet MS, sans-serif;
font-size : 11px;
color : #000000;
font-weight : normal;
margin-top : 6px;
border-top : 1px solid #dee1e7;
padding : 3px 10px 3px 10px;
}
#news1 h1 {
font-family : Trebuchet MS, sans-serif;
font-size : 10px;
color : #999999;
font-weight : normal;
margin : 0;
}
#news1 p {
font-family : Trebuchet MS, sans-serif;
font-size : 11px;
color : #000000;
font-weight : normal;
margin : 0;
}
#news1 a:link, #news1 a:visited {
font-family : Trebuchet MS, sans-serif;
font-size : 11px;
color : #0084cd;
font-weight : normal;
margin : 0;
text-decoration : none;
}
#submenu {
position : absolute;
width : 222px;
left : 10px;
font-family : Verdana, sans-serif;
font-size : 13px;
background-color : #ffffff;
color : #000000;
margin-top : 10px;
font-weight : normal;
background-color : #f9f9f9;
border-top : 1px solid #9198a0;
border-left : 1px solid #9198a0;
border-right : 1px solid #9198a0;
}
#submenuitem {
position : relative;
font-family : Verdana, sans-serif;
font-size : 13px;
background-color : #ffffff;
color : #000000;
font-weight : normal;
background-color : #f9f9f9;
padding : 4px 4px 4px 8px;
border-bottom : 1px solid #9198a0;
}
#submenuitem a:link, #submenuitem a:visited {
font-family : Verdana, sans-serif;
font-size : 13px;
background-color : transparent;
color : #000000;
font-weight : normal;
text-decoration : none;
}
#submenuitem2 {
position : relative;
font-family : Verdana, sans-serif;
font-size : 13px;
background-color : #ffffff;
color : #000000;
font-weight : normal;
background-color : #f9f9f9;
padding : 2px 4px 2px 24px;
border-bottom : 1px solid #9198a0;
background-image : url(../pics/submenuitembg.gif);
background-repeat : no-repeat;
background-position:12 7;
}
#submenuitem2 a:link, #submenuitem2 a:visited {
font-family : Verdana, sans-serif;
font-size : 13px;
background-color : transparent;
color : #000000;
font-weight : normal;
text-decoration : none;
}
#submenuitem3 {
position : relative;
font-family : Verdana, sans-serif;
font-size : 13px;
background-color : #ffffff;
color : #000000;
font-weight : normal;
background-color : #f9f9f9;
padding : 2px 4px 2px 36px;
border-bottom : 1px solid #9198a0;
background-image : url(../pics/submenuitembg.gif);
background-repeat : no-repeat;
background-position:24 7;
}
#submenuitem3 a:link, #submenuitem3 a:visited {
font-family : Verdana, sans-serif;
font-size : 13px;
background-color : transparent;
color : #000000;
font-weight : normal;
text-decoration : none;
}
#mainmenu {
position : relative;
background-color : #f8f8f8;
font-family : Verdana, sans-serif;
font-size : 10px;
text-transform : uppercase;
color : #5e5e5e;
left : 234px;
width : 800px;
}
#mainmenu a:link, #mainmenu a:visited {
font-family : Verdana, sans-serif;
font-size : 10px;
margin : 0 5px 4px 5px;
font-weight : normal;
color : #5e5e5e;
text-decoration : none;
}
#mainmenu a:hover {
font-family : Verdana, sans-serif;
font-size : 10px;
font-weight : normal;
color : #000000;
text-decoration : none;
border-bottom : 2px solid #e0e0e0;
padding-bottom : 3px;
}
#menulist {
list-style : none;
padding : 0;
margin : 0;
font-family : Verdana, sans-serif;
font-size : 10px;
font-weight : normal;
color : #5e5e5e;
text-decoration : none;
}
#menulist li {
display : inline;
padding : 0;
margin : 0;
font-family : Verdana, sans-serif;
font-size : 10px;
font-weight : normal;
color : #5e5e5e;
text-decoration : none;
}
#menulist a:link#current, #menulist a:visited#current {
border-bottom : 2px solid #dedede;
padding-bottom : 3px;
background : transparent;
color : #b2b2b2;
}
#person {
position : relative;
border : 1px solid #dcdcdc;
font-family : Verdana, sans-serif;
font-size : 13px;
background-color : #f7f7f7;
color : #000000;
font-weight : normal;
padding : 6px;
margin-bottom : 6px;
margin-left : 6px;
margin-right : 6px;
}
#person img {
border : 3px solid #ffffff;
margin-right : 10px;
}
#person h1 {
font-family : Trebuchet MS, sans-serif;
font-size : 17px;
background-color : transparent;
color : #000000;
font-weight : normal;
margin-top : 2px;
}
#person p {
font-family : Georgia, serif;
font-size : 15px;
font-style : italic;
background-color : transparent;
color : #252525;
font-weight : normal;
margin-top : 0;
line-height : 17px;
}
#person table {
margin : 0;
padding : 0;
}
td.detail {
background-color:transparent;
color:#626262;
font-family:Trebuchet MS,sans-serif;
font-size:11px;
font-weight:normal;
margin:2px 0;
text-align:right;
width:27%;
}
td.fact {
font-family : Trebuchet MS, sans-serif;
font-size : 11px;
background-color : #ffffff;
color : #000000;
font-weight : normal;
border : 1px solid #cdcdcd;
vertical-align : bottom;
margin : 2px 0 2px 0;
padding : 0 4px 0 4px;
width : 341px;
}
#lselect a:link, #lselect a:visited {
font-family : Trebuchet MS, sans-serif;
display : block;
text-decoration : none;
margin-left : -0.25em;
border-bottom : 0;
color : #000000;
padding-left:10px;
padding-right:10px;
}
#lselect a:hover {
background : #f2f2f2;
font-family : Trebuchet MS, sans-serif;
font-size : 13px;
color : #000000;
padding-left:10px;
padding-right:10px;
}
#lselect ul {
list-style : none;
padding : 0;
margin-right : 0;
margin-left : 0.5em;
color : #616161;
text-decoration : none;
padding-left:10px;
padding-right:10px;
}
#lselect ul li {
margin : 0 0;
padding : 5px 0;
color : #616161;
text-decoration : none;
}
.newsdate {
font-family : Trebuchet MS, sans-serif;
font-weight : normal;
font-size : 11px;
color : #0099e0;
padding-right : 20px;
line-height : 20px;
text-decoration : none;
}
#person2 {
position : relative;
font-family : Verdana, sans-serif;
font-size : 13px;
width : 100%;
float : left;
background-color : #ffffff;
color : #000000;
font-weight : normal;
padding : 8px;
border : 1px solid #ff0000;
margin-bottom : 20px;
}
#person2 img {
border : 3px solid #000000;
float : left;
margin-right : 10px;
}
#person2 h1 {
font-family : Trebuchet MS, sans-serif;
font-size : 19px;
background-color : transparent;
color : #000000;
font-weight : normal;
margin-top : 2px;
}
#person2 p {
font-family : Georgia, serif;
font-size : 15px;
font-style : italic;
background-color : transparent;
color : #5f00af;
font-weight : normal;
margin-top : 0;
}
#personalframe {
position : relative;
float : left;
border : 1px solid #000000;
}
#personalkoulutus {
position : relative;
font-family : Verdana, sans-serif;
font-size : 13px;
float : left;
background-color : #ffffff;
color : #000000;
font-weight : normal;
padding : 18px 8px 8px 2px;
background-image : url(../pics/personalkoulutus.gif);
background-repeat : no-repeat;
margin-bottom : 20px;
}
#personaltyoelama {
position : relative;
font-family : Verdana, sans-serif;
font-size : 13px;
float : left;
background-color : #ffffff;
color : #000000;
font-weight : normal;
padding : 18px 8px 8px 2px;
background-image : url(../pics/personaltyoelama.gif);
background-repeat : no-repeat;
margin-bottom : 20px;
}
#personalharrastukset {
position : relative;
font-family : Verdana, sans-serif;
font-size : 13px;
float : left;
background-color : #ffffff;
color : #000000;
font-weight : normal;
padding : 18px 8px 8px 2px;
background-image : url(../pics/personalharrastukset.gif);
background-repeat : no-repeat;
margin-bottom : 20px;
}
#linkbox {
position : relative;
float : left;
width : 154px;
height : 80px;
text-align : center;
background-color : #ffffff;
color : #000000;
margin : 3px;
}
#linkbox a {
display : block;
border : 1px solid #ffffff;
padding : 0;
}
#linkbox a:hover {
border : 1px solid #ced2d6;
display : block;
padding : 0;
background-color : #ffffff;
}
#linkbox img {
border : none;
}





#front {
position : relative;
width :100%;
height:500px;
font-family : Georgia;
font-size : 13px;
background-color:transparent;
color : #FFFFFF;
font-weight : normal;
float : left;
padding:20px;
background-image : url(../pics/lighthouse.jpg);
background-repeat : no-repeat;
}

#front h1 {
font-family :Arial;
font-size :30px;
color : #FFFFFF;
font-weight : normal;
}