/*------YLEISET---------------*/

body {
  background:#fff url(/koulumaailma/grafiikka/body_bg.gif) repeat-y;
  margin:0px;
  padding:0 0 15px 20px;
  font-family:Arial,Helvetica,Verdana,sans-serif;
  font-size:12px;
}

a, a:visited, a:hover, a:active {
  /*color:#1D579F;*/
  color:#668E36;
}

form {
  padding:0;
  margin:0;
}


/*-----YLEISET ASEMOINNIT-----*/

#globalcontainer {
  background:url(/koulumaailma/grafiikka/globalcontainer_bg.gif) no-repeat 2px 222px;
  float:left;
  padding:0px 0 0px 2px;
  width:938px !important;
  width:958px;
}

#container {
  padding:0 0 0 0;
  margin:0;
  float:left;
  width:925px;
}

#header {
  position:relative;
  height:50px;
}

#header #search {
  position:absolute;
  right:0px;
  bottom:10px;
  text-align:right;
}

#search form {

}

#search .searchterm , #search .searchterm2 {
  width:210px;
  font-size:11px;
  border:1px solid #668E36;
  height:19px;
  padding:2px;
  font-style:italic;
  letter-spacing:1px;
  color:#668E36;
  background:#fff url(/koulumaailma/grafiikka/formfield_bg.gif) no-repeat;
  position:absolute;
  bottom:1px;
  right:53px;
}

#search .searchterm2 {
  font-style:normal;
  color:#668E36;
  background:#fff url(/koulumaailma/grafiikka/formfield_bg2.gif) no-repeat;
}

#search .submit {
  display:block;
  width:53px;
  position:absolute;
  bottom:0px;
  right:0px;
  opacity:1.0;
  filter: alpha(opacity=100);
}

#search .submit:hover img {
  opacity:0.8;
  filter: alpha(opacity=80);
}

#header #branding {
  position:absolute;
}

#header #branding a {
  display:block;
  height:45px;
  width:453px;
  background:url(/koulumaailma/grafiikka/branding2.gif) no-repeat left bottom;
}

#header #branding a span {
  display:none;
}

#header #extranav {
  position:absolute;
  right:0px;
  top:15px;
  text-align:right;
}

#oikea_navi ul {
  list-style:none;
  padding:0px 5px 0 5px;
  margin:0;
}

#oikea_navi p {
  padding: 0px 3px 0px 6px;

}

#oikea_navi a {
  font-weight:bold;
  letter-spacing:1px;
  text-decoration:none;
  font-size: 11px;
}

#oikea_navi a:hover {
  text-decoration: underline;
}

#extranav ul {
  list-style:none;
  padding:0;
  margin:0;
}

#extranav li {
  display:inline;
}

#extranav a , #extranav a:hover {
  padding:6px 3px 6px 15px;
  margin:0 0 0 6px;
  font-weight:bold;
  letter-spacing:1px;
  text-decoration:none;
  background:url(/koulumaailma/grafiikka/navi_bullet_hover.gif) no-repeat 2px 10px;
}

#extranav a:hover {
  background:url(/koulumaailma/grafiikka/navi_bullet_hover.gif) no-repeat 2px 10px;
}



/*-------------------NAVI------------------------*/
#navi {
  margin:3px 0 0 0;
  height:29px;
}

#navi ul {
  list-style:none;
  display:block;
  float:left;
  width:100%;
  clear:both;
  margin:0;
  padding:3px 0 0 10px;
  /*background:#0066CC url(/koulumaailma/grafiikka/navi_bg.gif) repeat-x left bottom;*/
}

#navi ul li {
display:block;
float:left;
padding:0;
margin:0;
}

#navi a , #navi a:hover {
display:block;
float:left;
padding:6px 12px 6px 6px;
margin:0;
color:#fff;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
/*background:url(/koulumaailma/grafiikka/navi_bullet.gif) no-repeat 7px 10px;*/
}

#navi a:hover , #navi a.on {
color:#BCD64F;
/* background:url(/koulumaailma/grafiikka/navi_bullet_hover.gif) no-repeat 7px 10px; */
}



#theme {
  padding:0px 0px 0px 0px;
  /*background:#0066cc url(/koulumaailma/grafiikka/theme_bg.gif) repeat-x left bottom;*/
  float:left;
}

#theme2 {
  display: block;
}

#middleholder {
float:left;
width:100%;
clear:both;
padding:10px 0 10px 0;
}

#contentholder {
width:468px;
float:left;
margin:0 17px 0 0;
}

#leftcolumn {
width:180px;
float:left;
margin:0 0px 0 0;
}

#centercolumn {
width:468px;
float:left;
margin:0 13px 0 0;
}

#widecentercolumn {
width:740px;
float:left;
margin:0 0 0 0px;

}

#rightcolumn {
width:205px;
float:right;
margin:0 0 0 0;
}

#boxholder {
width:154px;
float:left;
}

#oikea_palsta {
  position: relative;
  float: left;
  right: 0px;
  margin: 0;
  width: 240px;
  padding: 0 0 0px 0;
}

#vasen_palsta {
  position: relative;
  float: left;
  width: 180px;
  margin: 0;
  left: 0px;
}

#footer {

}



/*---------ETUSIVUNOSTOT----------*/

#contentholder {
  width: 483px;
}

#contentholder .block {
float:left;
clear:both;
width:560px;
width:483px;
padding:10px 0 0 10px;
}

#contentholder .block h1,h2 {
padding:0;
margin:0 0 10px 0;
font-size:22px;
font-weight:bold;
  color:#668E36;
}

#contentholder .block h1 a , #contentholder .block h1 a:hover , #contentholder .block h1 a:visited  {
  /*color:#1D579F;*/
  color:#668E36;
  text-decoration:none;
}
#contentholder .block h1 a:hover  {
text-decoration:underline;
}

#contentholder .block .timestamp {
display:block;
padding:0;
margin:0 0 3px 0;
font-size:10px;
letter-spacing:1px;
color:#ccc;
}

#contentholder .block p {
padding:0;
margin:0 0 10px 0;
}

#contentholder .block p a , #contentholder .block p a:hover , #contentholder .block p a:visited  {
text-decoration:none;
}
#contentholder .block p a:hover  {
text-decoration:underline;
}

#contentholder .block img {
float:right;
clear:right;
margin:2px 0 0 10px;
}


/*---------SISÄSIVU - keskipalsta----------*/

#centercolumn {

}

#centercolumn .block {
float:left;
clear:both;
width:468px;
padding: 10px 0 0 20px;
margin:0;
}

#centercolumn.specialwidth .block {
width: 680px;

}

#centercolumn .block h1 {
padding:0;
margin:0 0 10px 0;
font-size:22px;
font-weight:bold;
/*color:#1D579F;*/
  color:#668E36;
}

#centercolumn .block h2 {
padding:5px 0 0 0;
margin:0 0 8px 0;
font-size:14px;
font-weight:bold;
/*color:#1D579F;*/
  color:#668E36;
}

#centercolumn .block h1 a , #centercolumn .block h1 a:hover , #centercolumn .block h1 a:visited  {
color:#FF0000;
text-decoration:none;
}
#centercolumn .block h1 a:hover  {
text-decoration:underline;
}

#centercolumn .block .timestamp {
display:block;
padding:0;
margin:0 0 3px 0;
font-size:10px;
letter-spacing:1px;
color:#ccc;
}

#centercolumn .block p {
padding:0;
margin:0 0 15px 0;
}

#centercolumn a , #centercolumn a:hover , #centercolumn a:visited  {
text-decoration:none;
}
#centercolumn a:hover  {
text-decoration:underline;
}


#centercolumn .block table tr td img {
        float:left;
        clear:left;
        margin:2px 0 0 10px;
}
#centercolumn .block table tr td p {
        font-family:Arial,Helvetica,Verdana,sans-serif;
        font-size:12px;
}



#centercolumn .block img {
float:right;
clear:right;
margin:2px 0 0 10px;
}


/*---------SISÄSIVU - leveä keskipalsta----------*/

#widecentercolumn {

}

#widecentercolumn .block {
float:left;
clear:both;
width:698px;
padding:10px 0 10px 10px;
margin:0 0 10px 0;
border:0px dashed #668E36;
border-width:0 0 1px 0;
}

#widecentercolumn .block h1 {
padding:0;
margin:0 0 10px 0;
font-size:22px;
font-weight:bold;
/*color:#1D579F;*/
  color:#668E36;

}

#widecentercolumn .block h2 {
padding:5px 0 0 0;
margin:0 0 8px 0;
font-size:16px;
font-weight:bold;
/*color:#1D579F;*/
  color:#668E36;

}

#widecentercolumn .block h1 a , #widecentercolumn .block h1 a:hover , #widecentercolumn .block h1 a:visited  {
color:#FF0000;
text-decoration:none;
}
#widecentercolumn .block h1 a:hover  {
text-decoration:underline;
}

#widecentercolumn .block .timestamp {
display:block;
padding:0;
margin:0 0 3px 0;
font-size:10px;
letter-spacing:1px;
color:#ccc;
}

#widecentercolumn .block p {
padding:0;
margin:0 0 15px 0;
}

#widecentercolumn a , #widecentercolumn a:hover , #widecentercolumn a:visited  {
text-decoration:none;
}
#widecentercolumn a:hover  {
text-decoration:underline;
}

#widecentercolumn .block img {
float:right;
clear:right;
margin:2px 0 0 10px;
border-color: #000000;
}


/*---------PAGETOOLS----------*/
.pagetools {
float:left;
clear:both;
width:468px;
padding:10px 0 0 10px;
margin:0 0 10px 0;
font-weight:bold;
}
.pagetoolspadding {
float:left;
}
.pagetools ul {
list-style:none;
padding:0;
margin:0;
}
.pagetools ul li {
display:block;
float:left;
margin:0 50px 0 0;
}
.pagetools a {
display:block;
float:left;
color:#668e36;
}
a.kerrokaverille {
background:url(/koulumaailma/grafiikka/kerrokaverille_ikoni.gif) no-repeat 0px 3px;
padding:2 0 2 24px;
}
a.tulostasivu {
  background:url(/koulumaailma/grafiikka/tulostasivu_ikoni.gif) no-repeat 0px 2px;
  padding: 2px 0px 2px 18px;
}


/*---------BASICTABLE----------*/
table.basic, table.taulukko {
width:100%;
/* border-collapse:collapse; */
margin:5px 0 18px 0;
}

table.basic th, table.taulukko th {
border:1px solid #eee;
padding:3px;
text-align:left;
background:#f7f7f7;
}
table.basic .basichead th {
background:#668E36;
color:#fff;
border-color:#015DBA #015DBA #eee #015DBA;
}

table.basic .basicfooter th {
background:#fff;
border-color:#668E36;
border-width:2px 0 0 0;
}

table.basic td, table.taulukko td {
border:1px solid #eee;
padding:2px;
}

table.basic .basicfooter td {
background:#fff;
border-color:#668E36;
border-width:2px 0 0 0;
}


/*---------ETUSIVUBANNERI----------*/

#contentholder .adblock {
background-color:#fff;
float:left;
width:100%;
margin:10px 0 0 0;
}

#contentholder .adblock img {
background-color:#fff;
}

/*---------HUOMBOKSI----------*/

#contentholder .huomblock , #centercolumn .huomblock  {
float:left;
width:468px;
margin:10px 0 10px 0;
}

.huomblock img {
float:right;
}

.huomblock .huompadding1 {
/*background:url(/koulumaailma/grafiikka/huom_bg.gif) repeat-y;*/
}

.huomblock .huompadding2 {
/*background:url(/koulumaailma/grafiikka/huom_top_bg.gif) no-repeat left top;*/
}

.huomblock .huompadding3 {
padding:10px;
/*background:url(/koulumaailma/grafiikka/huom_bot_bg.gif) no-repeat left bottom;*/
border:1px solid #C6D13E;
color:#A8B50A;
}


#contentholder .huomblock h2 , #centercolumn .huomblock h2 {
padding:0;
margin:0 0 5px 0;
font-size:14px;
}

#contentholder .huomblock p , #centercolumn .huomblock p {
padding:0;
margin:0 0 10px 0;
}

/*---------LINKKIBOKSI----------*/

#centercolumn .linkblock  {
float:left;
width:468px;
margin:10px 0 10px 0;
}

.linkblock img {
float:right;
}

.linkblock ul {
list-style:none;
padding:0;
margin:0 0 10px 0;
}

.linkblock .linkpadding1 {
background:url(/koulumaailma/grafiikka/link_bg.gif) repeat-y;
}

.linkblock .linkpadding2 {
background:url(/koulumaailma/grafiikka/link_top_bg.gif) no-repeat left top;
}

.linkblock .linkpadding3 {
padding:10px;
background:url(/koulumaailma/grafiikka/link_bot_bg.gif) no-repeat left bottom;
}


#centercolumn .linkblock h2 {
padding:0;
margin:0 0 5px 0;
font-size:14px;
color:#668E36;
}

#centercolumn .linkblock p {
padding:0;
margin:0 0 10px 0;
}




/*---------BOXIT----------*/

#boxholder {

}

#oikea_navi {
  padding: 0 0 0px 0;
}

#oikea_navi_asiakaslehti {
  text-align: center;
}

#oikea_navi_asiakaslehti img {
  margin: 0px 0 0 0;
  border-color: #000000;
}

#oikea_navi h1 {
padding: 3px 6px 3px 9px;
position: relative;
background:url(/koulumaailma/grafiikka/right_topic.gif) no-repeat bottom right;
color: white;
font-size:12px;
font-weight: bold;
}

.boxpadding {
padding: 10px 10px 10px 10px;
background:url(/koulumaailma/grafiikka/boxcorner_tr.gif) no-repeat top right;
}

.boxpadding h3 {
padding: 10px 0 0 0;
margin:0 0 5px 0;
font-size:14px;
}

.boxpadding p {
padding:0 0 10px 0;
margin:0;
}

.boxcase .boxpadding {
  padding: 0px 10px 10px 0px;
}


#boxholder #column1 {
width:152px;
float:left;
margin:0 10px 0 0;
}

#boxholder #column2 {
width:152px;
float:right;
margin:0;
}

.boxmodel , .boxsubnav , .boxcase , .boxtools , .boxtools2 , .boxcolumn , .boxlatest , .boxfrontpage {
/*background:#eee url(/koulumaailma/grafiikka/boxcorner_bl.gif) no-repeat bottom left;*/
margin:0 0 4px 0;
}






.boxsubnav {
position: relative;
/*background-color:#1D579F;*/
background-color:#668E36;
color:#fff;
}
.boxsubnav .boxpadding {
position: relative;
padding-right:0px;
}
.boxsubnav ul {
position: relative;
margin:0 0 10px 0;
padding:0 0 0 0;
list-style:none;
}
.boxsubnav ul ul {
margin:0 0 10px 15px;
padding:5px 0 5px 5px;
/*border:1px solid #1D579F;*/
border:1px solid #668E36;
border-width:0 0 1px 1px;
display:block;
/*background:#BBC3E1;*/
background:#C1D759;
}
.boxsubnav ul li {
position: relative;
margin:0 0 2px 0;
display:inline;
}
.boxsubnav ul ul li {
margin:0 0 2px 0;
}
.boxsubnav a , .boxsubnav a:visited , .boxsubnav a:hover , .boxsubnav a:active {
color:#fff;
text-decoration:none;
display:block;
padding:2px 2px 2px 15px;
background:url(/koulumaailma/grafiikka/navi_bullet_hover.gif) no-repeat 2px 6px;
}
.boxsubnav a:hover {
color:#fff;
/*background:#9BA9D5 url(/koulumaailma/grafiikka/navi_bullet_hover.gif) no-repeat 2px 6px;*/
background:#95b86b url(/koulumaailma/grafiikka/navi_bullet_hover.gif) no-repeat 2px 6px;
}
.boxsubnav a.on , .boxsubnav a.on:visited , .boxsubnav a.on:hover {
color:#fff;
/*background:#8E9DCC url(/koulumaailma/grafiikka/navi_bullet_hover.gif) no-repeat 2px 6px;*/
background:#95b86b url(/koulumaailma/grafiikka/navi_bullet_hover.gif) no-repeat 2px 6px;
}

.boxsubnav ul ul a , .boxsubnav ul ul a:visited , .boxsubnav ul ul a:hover ,
.boxsubnav ul ul a.on , .boxsubnav ul ul a.on:visited , .boxsubnav ul ul a.on:hover  {
background-image:none;
padding:2px 2px 2px 5px;
color:#668E36;
/*color:#1D579F;*/
}
.boxsubnav ul ul a:hover {
text-decoration:none;
/*background:#b4d094;*/
background:#668E36;
color:#fff;
}
.boxsubnav ul ul a.on , .boxsubnav ul ul a.on:visited , .boxsubnav ul ul a.on:hover  {
background:#fff;
color:#668E36;
/*color:#1D579F;*/

} 





.boxcase {
/*background-color:#8E9DCC;*/
min-height:215px;
height:expression(this.offsetHeight < 215 ? 215:true );
}

.boxcase h4 {
font-size:13px;
padding:0 0 3px 0;
margin:0;
color:#fff;
}

.boxcase a , .boxcase a:visited , .boxcase a:hover {
color:#fff;
font-weight:bold;
}

.boxcase a:hover {
color:#ee7900;
}




.boxtools {
background-color:#C6D13E;
color:#fff;
}
.boxtools2 {
background-color:#C6D13E;
color:#000;
}


.boxtools a , .boxtools a:visited , .boxtools a:hover , .boxtools a:active {
color:#fff;
font-weight:bold;
text-decoration:none;
padding:2px 0 2px 30px;
display:block;
font-size:14px;
}
.boxtools a:hover {
background:#D2DB61;
}
.boxtools ul {
list-style:none;
margin:0 0 10px 0;
padding:0;
}
.boxtools ul li {
display:inline;
margin:0;
padding:0;
}
.boxtools span {
display:block;
font-size:11px;
font-weight:normal;
line-height:110%;
}
.boxtools a.linkki_masiina , .boxtools a.linkki_masiina:hover {
background-image:url(/koulumaailma/grafiikka/tools_masiina_ikoni.gif);
background-repeat:no-repeat;
background-position:2px 5px;
}

.boxtools2 a , .boxtools2 a:visited , .boxtools2 a:hover , .boxtools2 a:active {
color:#000;
font-weight:bold;
text-decoration:none;
padding:2px 0 2px 30px;
display:block;
font-size:14px;
}
.boxtools2 a:hover {
background:#D2DB61;
}
.boxtools2 ul {
list-style:none;
margin:0 0 10px 0;
padding:0;
}
.boxtools2 ul li {
display:inline;
margin:0;
padding:0;
}
.boxtools2 span {
display:block;
font-size:11px;
font-weight:normal;
line-height:110%;
}
.boxtools2 a.linkki_masiina , .boxtools2 a.linkki_masiina:hover {
background-image:url(/koulumaailma/grafiikka/tools_masiina_ikoni.gif);
background-repeat:no-repeat;
background-position:2px 5px;
}



.boxcolumn {
background-color:#FFF;
/* height:235px; */
color:#000;
}
.boxcolumn .boxpadding {
background:transparent;
padding: 0;
}
.boxcolumn a , .boxcolumn a:visited , .boxcolumn a:hover {

font-weight:bold;
}
.boxcolumn a:hover {
color:#fbc20d;
}
.boxcolumn h3 {
color:#000;
}
.boxcolumn h4 {
font-size:13px;
padding:0 0 3px 0;
margin:0;
}
.boxcolumn .writer , .boxcolumn .name , .boxcolumn .company , .boxcolumn .title {
display:block;
font-family:Verdana;
font-size:10px;
color:#000;
}
.boxcolumn .writer {
height:42px;
}
.boxcolumn .writer img {
float:left;
margin:0 8px 0 0;
border:1px solid #000;
}
.boxcolumn .name {
font-weight:bold;
padding:2px 0 0 0;
}
.boxcolumn .company {

}
.boxcolumn .title {

}



.boxlatest {
background-color:#9DBEDB;
color:#fff;
}
.boxlatest ul {
margin:0 0 10px 0;
padding:0 0 0 15px;
}
.boxlatest ul li {
margin:0 0 2px 0;
}
.boxlatest a , .boxlatest a:visited , .boxlatest a:hover , .boxlatest a:active {
color:#fff;
text-decoration:none;
}
.boxlatest a:hover , .boxlatest a:active {
color:#fff;
text-decoration:underline;
}



.boxfrontpage {
/*background-color:#BBC3E1;*/
background-color:#C1D759;
}
.boxfrontpage .boxpadding p {
padding:0;
margin:0;
}
.boxfrontpage img {
border:1px solid #000;
}









/*--------FOOTER---------*/

#footer {
background:url(/koulumaailma/grafiikka/theme_bg.gif) repeat-x left top;
float:left;
clear:both;
width:945px;
height:150px;
font-size:11px;
}

#footer .footerpadding {
position:relative;
height:150px;
background:url(/koulumaailma/grafiikka/footer_bg.gif) no-repeat right 25px;
}


#footer .box1 {
display:block;
position:absolute;
width:180px;
top:23px;
left:20px;
padding:0 0 15px 0;
}

#footer .box2 {
display:block;
position:absolute;
width:150px;
top:23px;
left:220px;
padding:0 0 15px 0;
}

#footer .box3 {
display:block;
position:absolute;
width:200px;
top:23px;
left:390px;
padding:0 0 15px 0;
}
div.kuvateksti{
font-size: 10px;
}



div.hr_sisallysluettelo {
margin-top:10px;
height:2px;
width:98%;
border-top:1px dotted #0044AD;
}
DIV.hr_sisallysluettelo {
        BORDER-TOP: #0044ad 1px dotted; HEIGHT: 2px;  MARGIN: 6px 0px 15px 0px; PADDING: 0px 0px 0px 0px;
}
/*
.taulukko_otsikko { background-color: #1D579F; color: white;}
table th.taulukko_otsikko { background-color: #1D579F; color: white;}
*/
.taulukko_otsikko { background-color: #668E36; color: white;}
table th.taulukko_otsikko { background-color: #668E36; color: white;}
.taulukko_odd { background-color: white; }
.taulukko_even { background-color: #cbd3f1; }
.ingressi {
  font-style:italic;
}