img, div, li, a { behavior: url(iepngfix.htc) }
body {
margin:0;
padding:0;
background-color:#000000;
}
.bodyalakoulu {
background-image: url(../pics/bgalakoulu.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
}
.bodygrundskolan {
background-image: url(../pics/bgalakoulu.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
}
.bodyylakoululukio {
background-image: url(../pics/bgylakoululukio.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
}
.bodyammattikoulu {
background-image: url(../pics/bgammattikoulu.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
}
.bodyseurakunnat {
background-image: url(../pics/bgseurakunnat.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
}
.bodynuuska {
background-image: url(../pics/bgnuuska.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
}
p { 
font-family:Trebuchet MS;
font-size:13px;
color: #464646;
}

h1 { 
font-family:Trebuchet MS;
font-size:20px;
font-weight:normal;
color: #464646; 
}
h2 { 
font-family:Trebuchet MS;
font-size:17px;
font-weight:normal;
color: #464646; 
}
input{
font-family:Trebuchet MS;
border:1px solid #828282;
background-color:#F2F2F2;
font-size:13px;
padding:2px;
}
select{
font-family:Trebuchet MS;
font-size:13px;
}
textarea{
font-family:Trebuchet MS;
border:1px solid #828282;
background-color:#F2F2F2;
font-size:13px;
padding:2px;
}
ul{
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
text-decoration:none;
list-style-type:circle;
}
li{
font-family:Trebuchet MS;
}
#keskitys {
width:1000px;
margin-left:20px;
position: relative;
text-align: left;
padding-bottom:20px;
vertical-align:top;
}

#selecta {
    height: 30px;
    left: 439px;
    margin: 0;
    position: absolute;
    top: 60px;
    z-index: 40;
}
#selecta ul {
    height: 26px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 453px;
}
#selecta ul li {	float: left; display: block; height: 30px; margin-right: 5px; margin-bottom:2px; text-indent: -9999px; }
#selecta ul li a { display: block; height: 30px; background: url(../pics/tasomenu.png) 0 0 no-repeat; outline: 0; }

#selecta ul li.alakoulu a {width:84px;background-position: 0px 0px;}
#selecta ul li.grundskolan a {width:111px;background-position: -541px 0;}
#selecta ul li.ylakoululukio a {width:133px;background-position: -94px 0px;}
#selecta ul li.ammattikoulu a {width:114px;background-position: -236px 0px;}
#selecta ul li.seurakunnat a {width:104px;background-position: -358px 0px;}
#selecta ul li.nuuska a {width:65px;background-position: -469px 0px;}

#selecta ul li.alakoulu a:hover {width:84px;background-position: 0px -40px;}
#selecta ul li.grundskolan a:hover {width:111px;background-position: -541px -40px;}
#selecta ul li.ylakoululukio a:hover {width:133px;background-position: -94px -40px;}
#selecta ul li.ammattikoulu a:hover {width:114px;background-position: -236px -40px;}
#selecta ul li.seurakunnat a:hover {width:104px;background-position: -358px -40px;}
#selecta ul li.nuuska a:hover {width:65px;background-position: -469px -40px;}

#logo {
    background-color: transparent;
    height: 180px;
    left: 50px;
    position: absolute;
    top: 8px;
    width: 150px;
    z-index: 200;
}
#logo ul {
height:180px;
list-style:none outside none;
margin:auto;
padding:0;
width:150px;
margin:0;
}
#logo ul li {float: left; display: block; height: 180px; width:150px; margin-right: 0px; text-indent: -9999px; }
#logo ul li a { display: block; height: 180px; background: url(../pics/logo.png) 0 0 no-repeat; outline: 0; }
#logo ul li.alakoululogo a {width:150px;background-position: 0px 0px;}
#logo ul li.grundskolan a {width:150px;background-position: 0px 0px;}
#logo ul li.ylakoululukiologo a {width:150px;background-position: -150px 0px;}
#logo ul li.ammattikoululogo a {width:150px;background-position: -450px 0px;}
#logo ul li.seurakunnatlogo a {width:150px;background-position: -300px 0px;}
#logo ul li.nuuskalogo a {width:150px;background-position: -600px 0px;}

#bttm {
background-color:transparent;
background-image:url("../pics/fritsu.gif");
background-repeat:no-repeat;
float:left;
margin-left:20px;
position:relative;
text-align:left;
top:130px;
width:770px;
}

#content{
position:relative;
background-color:transparent;
padding-top:0px;
}
#content a:link, #content a:visited{
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
text-decoration:underline;
}

#content a:hover{
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000 !important;
text-decoration:none;
}

#menublok {
background-color:transparent;
background-image:url("../pics/dotsvert.gif");
background-position:-9px 49px;
background-repeat:no-repeat;
margin-left:10px;
margin-top:50px;
padding-bottom:18px;
padding-top:14px;
position:relative;
width:760px;
}
#menublok ul { height:26px; list-style:none outside none; margin:auto; padding:0; width:686px; }
#menublok ul.alakoulu li a { display: block; height: 30px; background: url(../pics/menubgalakoulu.gif) 0 0 no-repeat; outline: 0; }
#menublok ul.grundskolan li a { display: block; height: 30px; background: url(../pics/menubggrundskolan.gif) 0 0 no-repeat; outline: 0; }
#menublok ul.ylakoululukio li a { display: block; height: 30px; background: url(../pics/menubgylakoululukio.gif) 0 0 no-repeat; outline: 0; }
#menublok ul.ammattikoulu li a { display: block; height: 30px; background: url(../pics/menubgammattikoulu.gif) 0 0 no-repeat; outline: 0; }
#menublok ul.seurakunnat li a { display: block; height: 30px; background: url(../pics/menubgseurakunnat.gif) 0 0 no-repeat; outline: 0; }
#menublok ul.nuuska li a { display: block; height: 30px; background: url(../pics/menubgnuuska.gif) 0 0 no-repeat; outline: 0; }
#menublok ul li {	float: left; display: block; height: 30px; margin-right: 20px; text-indent: -9999px; }

#menublok ul li.etusivu a {width:55px;background-position: 0px 0px;}
#menublok ul li.ajankohtaista a {width:133px;background-position: -75px 0px;}
#menublok ul li.yhteystiedotpalaute a {width:179px;background-position: -228px 0px;}
#menublok ul li.kerrokollegalle a {width:136px;background-position: -429px 0px;}
#menublok ul li.sivukartta a {width:81px;background-position: -586px 0px;}

#menublok ul li.etusivu a:hover {width:55px;background-position: 0px -30px;}
#menublok ul li.ajankohtaista a:hover {width:133px;background-position: -75px -30px;}
#menublok ul li.yhteystiedotpalaute a:hover {width:179px;background-position: -228px -30px;}
#menublok ul li.kerrokollegalle a:hover {width:136px;background-position: -429px -30px;}
#menublok ul li.sivukartta a:hover {width:81px;background-position: -586px -30px;}

body.bodygrundskolan #menublok ul li {
margin-right: 30px !important;
}

body.bodygrundskolan #menublok ul li.etusivu a {width:27px;background-position: 0px 0px;}
body.bodygrundskolan #menublok ul li.ajankohtaista a {width:117px;background-position: -75px 0px;}
body.bodygrundskolan #menublok ul li.yhteystiedotpalaute a {width:96px;background-position: -228px 0px;}
body.bodygrundskolan #menublok ul li.kerrokollegalle a {width:90px;background-position: -429px 0px;}
body.bodygrundskolan #menublok ul li.sivukartta a {width:77px;background-position: -586px 0px;}

body.bodygrundskolan #menublok ul li.etusivu a:hover {width:27px;background-position: 0px -30px;}
body.bodygrundskolan #menublok ul li.ajankohtaista a:hover {width:117px;background-position: -75px -30px;}
body.bodygrundskolan #menublok ul li.yhteystiedotpalaute a:hover {width:96px;background-position: -228px -30px;}
body.bodygrundskolan #menublok ul li.kerrokollegalle a:hover {width:90px;background-position: -429px -30px;}
body.bodygrundskolan #menublok ul li.sivukartta a:hover {width:77px;background-position: -586px -30px;}

#footerindx {
position:relative;
float:left;
width:555px;
margin:20px 0;
}
#footerindx img {
margin:0px;
}

#footer {
    background-color: #FFFFFF;
    float: left;
    margin: 40px 0 0 -80px;
    padding: 18px 0;
    position: relative;
    width: 555px;
}
#footer img {
margin:0px;
}
#submenu{
position:relative;
float:left;
width:245px;
text-decoration:none;
margin-left:18px;
margin-right:10px;
margin-top:7px;
padding-top:7px;
padding-bottom:40px;
}
#submenu.alakoulu{
background-color:#edd8e6;
}
#submenu.grundskolan{
background-color:#edd8e6;
}
#submenu.ylakoululukio{
background-color:#f5e3d2;
}
#submenu.ammattikoulu{
background-color:#dcd5e5;
}
#submenu.seurakunnat{
background-color:#cddec9;
}
#submenu.nuuska{
background-color:#d8eaf3;
}

.submenuitemcurrent {
position:relative;
top:0px;
left:0px;
background-color:transparent;
padding:3px 3px 3px 10px;
}
.subsubmenuitem{
position:relative;
top:0px;
left:0px;
width:193px;
background-color:transparent;
padding:3px 3px 3px 30px;
}
.subsubmenuitem a:link, .subsubmenuitem a:visited{
text-decoration:none !important;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
}
.subsubmenuitem a:hover{
text-decoration:none !important;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
}
.subsubmenuitemcurrent{
position:relative;
top:0px;
left:0px;
width:193px;
background-color:transparent;
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
text-decoration:none;
padding:3px 3px 3px 30px;
}
.subsubsubmenuitem{
position:relative;
top:0px;
left:0px;
width:193px;
background-color:transparent;
padding:3px 3px 3px 60px;
}
.subsubsubmenuitem a:link, .subsubsubmenuitem a:visited{
text-decoration:none !important;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
}
.subsubsubmenuitem a:hover{
text-decoration:none !important;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
}
.subsubsubmenuitemcurrent{
position:relative;
top:0px;
left:0px;
width:193px;
background-color:transparent;
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
text-decoration:none;
padding:3px 3px 3px 60px;
}
.subsubsubmenuitemcurrent a:link, .subsubsubmenuitemcurrent a:visited, .subsubsubmenuitemcurrent a:hover{
font-weight:bold !important;
text-decoration:none !important;
}
#submenu.ylakoululukio .submenuitemcurrent a:link, #submenu.ylakoululukio .submenuitemcurrent a:visited{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.ylakoululukio .submenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.ylakoululukio .submenuitem{
position:relative;
top:0px;
left:0px;
background-color:transparent;
padding:3px 3px 3px 10px;
}
#submenu.ylakoululukio .submenuitem a:link, #submenu.ylakoululukio .submenuitem a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
}
#submenu.ylakoululukio.submenuitem a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
}
#submenu.ylakoululukio.submenuitemcurrent a:link, #submenu.ylakoululukio.submenuitemcurrent a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
color:#008c0c;
}
#submenu.ylakoululukio.submenuitemcurrent a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
color:#000000;
}
#submenu.ylakoululukio .subsubmenuitemcurrent a:link, #submenu.ylakoululukio .subsubmenuitemcurrent a:visited{
color:#333333;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.ylakoululukio.subsubmenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.alakoulu .submenuitemcurrent a:link, #submenu.alakoulu .submenuitemcurrent a:visited{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.alakoulu .submenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.alakoulu .submenuitem{
position:relative;
top:0px;
left:0px;
background-color:transparent;
padding:3px 3px 3px 10px;
}
#submenu.alakoulu .submenuitem a:link, #submenu.alakoulu .submenuitem a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
}
#submenu.alakoulu.submenuitem a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
}
#submenu.alakoulu.submenuitemcurrent a:link, #submenu.alakoulu.submenuitemcurrent a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
}
#submenu.alakoulu.submenuitemcurrent a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
color:#000000;
}
#submenu.alakoulu .subsubmenuitemcurrent a:link, #submenu.alakoulu .subsubmenuitemcurrent a:visited{
color:#333333;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.alakoulu.subsubmenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.grundskolan .submenuitemcurrent a:link, #submenu.grundskolan .submenuitemcurrent a:visited{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.grundskolan .submenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.grundskolan .submenuitem{
position:relative;
top:0px;
left:0px;
background-color:transparent;
padding:3px 3px 3px 10px;
}
#submenu.grundskolan .submenuitem a:link, #submenu.grundskolan .submenuitem a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
}
#submenu.grundskolan.submenuitem a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
}
#submenu.grundskolan.submenuitemcurrent a:link, #submenu.grundskolan.submenuitemcurrent a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
}
#submenu.grundskolan.submenuitemcurrent a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
color:#000000;
}
#submenu.grundskolan .subsubmenuitemcurrent a:link, #submenu.grundskolan .subsubmenuitemcurrent a:visited{
color:#333333;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.grundskolan.subsubmenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.ammattikoulu .submenuitemcurrent a:link, #submenu.ammattikoulu .submenuitemcurrent a:visited{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.ammattikoulu .submenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.ammattikoulu .submenuitem{
position:relative;
top:0px;
left:0px;
background-color:transparent;
padding:3px 3px 3px 10px;
}
#submenu.ammattikoulu .submenuitem a:link, #submenu.ammattikoulu .submenuitem a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
}
#submenu.ammattikoulu.submenuitem a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
}
#submenu.ammattikoulu.submenuitemcurrent a:link, #submenu.ammattikoulu.submenuitemcurrent a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
}
#submenu.ammattikoulu.submenuitemcurrent a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
color:#000000;
}
#submenu.ammattikoulu .subsubmenuitemcurrent a:link, #submenu.ammattikoulu .subsubmenuitemcurrent a:visited{
color:#333333;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.ammattikoulu.subsubmenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.seurakunnat .submenuitemcurrent a:link, #submenu.seurakunnat .submenuitemcurrent a:visited{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.seurakunnat .submenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.seurakunnat .submenuitem{
position:relative;
top:0px;
left:0px;
background-color:transparent;
padding:3px 3px 3px 10px;
}
#submenu.seurakunnat .submenuitem a:link, #submenu.seurakunnat .submenuitem a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
}
#submenu.seurakunnat.submenuitem a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
}
#submenu.seurakunnat.submenuitemcurrent a:link, #submenu.seurakunnat.submenuitemcurrent a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
}
#submenu.seurakunnat.submenuitemcurrent a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
color:#000000;
}
#submenu.seurakunnat .subsubmenuitemcurrent a:link, #submenu.seurakunnat .subsubmenuitemcurrent a:visited{
color:#333333;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.seurakunnat.subsubmenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

#submenu.nuuska .submenuitemcurrent a:link, #submenu.nuuska .submenuitemcurrent a:visited{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.nuuska .submenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.nuuska .submenuitem{
position:relative;
top:0px;
left:0px;
background-color:transparent;
padding:3px 3px 3px 10px;
}
#submenu.nuuska .submenuitem a:link, #submenu.nuuska .submenuitem a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#464646;
}
#submenu.nuuska.submenuitem a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:normal;
color:#000000;
}
#submenu.nuuska.submenuitemcurrent a:link, #submenu.nuuska.submenuitemcurrent a:visited{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
}
#submenu.nuuska.submenuitemcurrent a:hover{
text-decoration:none;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
color:#000000;
}
#submenu.nuuska .subsubmenuitemcurrent a:link, #submenu.nuuska .subsubmenuitemcurrent a:visited{
color:#333333;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
#submenu.nuuska.subsubmenuitemcurrent a:hover{
color:#000000;
font-family:Trebuchet MS;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

#main{
position:relative;
float:left;
width:410px;
min-height:500px;
height:auto !important;
height:500px;
z-index:30;
padding:0px 10px 10px 10px;
background-image: url(../pics/dothorz.gif);
background-repeat:repeat-y;
background-color:transparent;
text-decoration:none;
}
#indexmain{
float:none;
padding:0 30px 10px;
position:relative;
text-decoration:none;
z-index:30;
}

#pathcontent {
position:relative;
width:100%;
padding:4px;
font-family:Trebuchet MS;
font-size:9px;
font-weight:normal;
color:#8e8e8e;
text-decoration:none;
margin-left:6px;
margin-top:1px;
}

#pathcontent a:link, #pathcontect a:visited{
font-family:Trebuchet MS;
font-size:9px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

#pathcontent a:hover{
font-family:Trebuchet MS;
font-size:9px;
font-weight:normal;
color:#000000;
text-decoration:none;
}

#pathlist{
list-style: none;
padding:0;
margin:0;
font-family:Trebuchet MS;
font-size:9px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

#pathlist li{
display: inline;
padding: 0;
margin: 0;
font-family:Trebuchet MS;
font-size:11px;
font-weight:normal;
color:#666666;
text-decoration:none;
}
#pathlist a:link, #pathlist a:visited{
font-family:Trebuchet MS;
font-size:11px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

#pathlist a:hover{
font-family:Trebuchet MS;
font-size:11px;
font-weight:normal;
color:#000000;
text-decoration:none;
}
#mainleipis {
position:relative;
float:left;
padding:10px 10px 0px 10px;
background-color:transparent;
font-family:Trebuchet MS;
font-size:13px;
color: #464646;
min-height:390px;
 height:auto !important;
height:390px;
}
#mainleipis.alakoulu h1 { font-family:Trebuchet MS; font-size:20px; font-weight:normal; color: #ec1f8e; }
#mainleipis.alakoulu h2 { font-family:Trebuchet MS; font-size:17px; font-weight:normal; color: #ec1f8e; }
#mainleipis.grundskolan h1 { font-family:Trebuchet MS; font-size:20px; font-weight:normal; color: #ec1f8e; }
#mainleipis.grundskolan h2 { font-family:Trebuchet MS; font-size:17px; font-weight:normal; color: #ec1f8e; }
#mainleipis.ylakoululukio h1 { font-family:Trebuchet MS; font-size:20px; font-weight:normal; color: #f58036; }
#mainleipis.ylakoululukio h2 { font-family:Trebuchet MS; font-size:17px; font-weight:normal; color: #f58036; }
#mainleipis.ammattikoulu h1 { font-family:Trebuchet MS; font-size:20px; font-weight:normal; color: #673383; }
#mainleipis.ammattikoulu h2 { font-family:Trebuchet MS; font-size:17px; font-weight:normal; color: #673383; }
#mainleipis.seurakunnat h1 { font-family:Trebuchet MS; font-size:20px; font-weight:normal; color: #388d41; }
#mainleipis.seurakunnat h2 { font-family:Trebuchet MS; font-size:17px; font-weight:normal; color: #388d41; }
#mainleipis.nuuska h1 { font-family:Trebuchet MS; font-size:20px; font-weight:normal; color: #0077ae; }
#mainleipis.nuuska h2 { font-family:Trebuchet MS; font-size:17px; font-weight:normal; color: #0077ae; }

#mainleipisintro {
position:relative;
float:left;
padding:10px 60px 20px 60px;
background-color:transparent;
font-family:Trebuchet MS;
font-size:13px;
color: #464646;
min-height:390px;
 height:auto !important;
height:390px;
}

#indexmenublok {
    background-color: transparent;
    background-image: url("../pics/dotsvert.gif");
    background-position: center bottom;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 15px;
    padding: 50px 0 25px;
    position: relative;
    width: 770px;
    z-index: 40;
}
#indexmenublok ul {
list-style:none outside none;
margin:0 140px;
padding:0;
width:486px;
}
#indexmenublok ul li { float: left; display: block; height: 80px; margin-right: 13px; text-indent: -9999px; }
#indexmenublok ul li a { display: block; height:80px; background-image: url(../pics/indexmenubg.gif); outline: 0; }

#indexmenublok ul li.alakoulu a {width:226px;background-position: -11px 0px;}
#indexmenublok ul li.grundskolan a {width:226px;background-position: -1193px 0;}
#indexmenublok ul li.ylakoululukio a {width:228px;background-position: -246px 0px;}
#indexmenublok ul li.ammattikoulu a {width:227px;background-position: -483px 0px;}
#indexmenublok ul li.seurakunnat a {width:227px;background-position: -720px 0px;}
#indexmenublok ul li.nuuska a {width:227px;background-position: -956px 0px;}

#indexmenublok ul li.alakoulu a:hover {width:226px;background-position: -11px -80px;}
#indexmenublok ul li.grundskolan a:hover {width:226px;background-position: -1193px -80px;}
#indexmenublok ul li.ylakoululukio a:hover {width:228px;background-position: -246px -80px;}
#indexmenublok ul li.ammattikoulu a:hover {width:227px;background-position: -483px -80px;}
#indexmenublok ul li.seurakunnat a:hover {width:227px;background-position: -720px -80px;}
#indexmenublok ul li.nuuska a:hover {width:227px;background-position: -956px -80px;}