<tal:CSS_HEADER content="python:request.RESPONSE.setHeader('Content-Type', 'text/css')" />

body, h1, h2, h3, h4, h5, h6, div, table, dd, dl, ll, li, p, span, tr, td, input, select, option, a{
  font-family:arial, sans-serif, helvetica;
  font-size:12px;
  color:#000;
}

h1{font-size:16px;}
h1.otsikko{border-bottom:1px dashed #CCCCCC;margin:0 0 20px 0;padding-bottom:2px;width:100%;}
h2{font-size:14px; margin-top:18px; margin-bottom:18px;}
h3{font-size:12px; margin-top:18px; margin-bottom:18px;}

a.teksti_linkki{color:#92AB2C;text-decoration:underline;}

ul{margin-left:15px;}

div.contentPage div.contentPageLeft img{padding:10px;}

.link {float: left;}
.clear {clear: both;height:1px;}
.clear1 {clear: both;height:30px;}

/* AEL numeroina */

.d_ael_num{position:relative;width:535px; _height:20px; min-height:20px;padding-bottom:30px;}
.d_ael_num_rivi{position:relative; width:535px; _height:20px; min-height:20px;}
.d_ael_num_rivi_left{position:relative; left:70px; height:25px; width:104px; margin-bottom:3px; padding-top:5px;padding-right:4px;border:1px solid #CCCCCC; background-color:#F5F5F5;font-size:16px;font-weight:bold;text-align:right;}
.d_ael_num_rivi_right{position:absolute; left:183px; width:249px; height:19px;top:5px; padding-top:2px; padding-left:4px; border:1px solid #CCCCCC;}
.d_ael_num_rivi_left_V2{position:relative; left:328px; height:25px; width:104px; margin-bottom:3px; padding-top:5px;padding-right:4px;border:1px solid #CCCCCC; background-color:#F5F5F5;font-size:16px;font-weight:bold;text-align:right;}
.d_ael_num_rivi_right_V2{position:absolute; left:70px; width:249px; height:19px;top:5px; padding-top:2px; padding-left:4px; border:1px solid #CCCCCC;}

.pdfInfoPane{
   position:absolute;
   margin-top:2px;
   border:1px solid #555555;
   width:140px; 
   _height:1px;
   min-height:1px; 
   background-color:#ffffff;
}
.divPDFMnu{
   background:#fff url(images/arrow_down.gif) top right no-repeat;
   border:1px solid #555555;
   width:137px;
   height:17px;
   padding-top:3px; 
   padding-left:3px;
   cursor:pointer;
}

#divEsite{position:relative; width:535px; _height:30px; min-height:30px;z-index:2; margin-bottom:30px;}
#pdfList{position:relative; width:535px; _height:1px; min-height:1px;z-index:1;}
#ddEsite{position:absolute; top:0px; left:0px; _height:30px;min-height:30px; width:535px;margin-bottom:7px;}
#ddEsite .esiteSort {position:absolute; left: 390px; width:137px;height:30px; padding-top: 3px;}
#ddEsite .esiteSortTxt{position:relative;_height:30px;min-height:30px;width:370px;left:0px;padding-top:0px;padding-bottom:30px;}

.d_partner{
   position:relative;
   width:530px; 
   _height:20px; 
   min-height:20px; 
   margin-top:10px;
   padding-bottom:30px;
   z-index:1000;
}
.d_partner_row{
   position:relative; 
   height:40px;
   width:530px;
}
.d_partner_l{
   position:absolute;
   width:220px;
   height:35px;
   margin-bottom:4px;
}

.d_partner_r{
   position:relative;
   left:280px;
   width:220px;
   height:35px;
   margin-bottom:4px;
}
.d_partner_sub_l{
   position:absolute;
   width:120px;
   height:35px;
}
.d_partner_sub_r{
   position:relative;
   left:125px;
   height:35px;
   font-size:11px;
   width:150px;
   padding-top:10px;
}
.d_partner img{border:0px;}


/* Avainhenkilöt */

ul.keyPers, ul.keyPers li ul{
   list-style:none;
   margin:0px; 
   padding:0px;
}
ul.keyPers li ul li{
   border-width:1px 1px 0 1px;
   border-style: solid;
   border-color:#e8e8e8;
}
ul.keyPers li.listStart div.listHeader, ul.keyPers li.listStartCont div.listHeader{
   background:#A2BD30;
   width:12px;
   height:15px;
   padding-left:5px;
   padding-top:2px;
   color:#FFF;
   font-weight:bold;

}
ul.keyPers li.listStartCont{
   margin-top:10px;
   _height:17px;
   min-height:17px;
}
ul.keyPers li.listStart ul{

}
ul.keyPers li.listStart ul li{
   background:#f5f5f5;
}
ul.keyPers li.listStart ul li div.col1{
   position:absolute;
   z-index:1;
   _height:17px;
   min-height:17px;
   width:260px;
   margin:0px;
   padding:3px 10px 2px 5px;
}
ul.keyPers li.listStart ul li div.col2{
   position:relative;
   _height:17px;
   min-height:17px;
   width:237px;
   border-bottom:1px solid #e8e8e8;
   padding:3px 10px 2px 265px;
}

.d_palvelunumerot{position:relative;width:530px;_height:10px; min-height:10px;}


.d_partner{

   position:relative;
   width:530px; 
   _height:20px; 
   min-height:20px; 
   margin-top:10px;
   padding-bottom:30px;
   z-index:1000;
}
.d_partner_row{
   border:1px solid red;
   position:relative; 
   height:40px;
   width:530px;
}
.d_partner_l{
   position:absolute;
   width:220px;
   height:35px;
   margin-bottom:4px;
}

.d_partner_r{
   position:relative;
   left:280px;
   width:220px;
   height:35px;
   margin-bottom:4px;
}
.d_partner_sub_l{
   position:absolute;
   width:120px;
   height:35px;
}
.d_partner_sub_r{
   position:relative;
   left:125px;
   height:35px;
   font-size:11px;
   width:150px;
   padding-top:10px;
}
.d_partner img{border:0px;}

#henkilontiedot div{display:block; float:left; font-size:12px; font-family:arial,helvetica, sans-serif;}
#henkilontiedot #ylatiedot {width:724px;margin:34px 0px 0px 5px; clear:both; display:inline;}
#henkilontiedot #ylatiedot #henkilotiedot #nimi{height:20px;clear:both; width:310px; border:1px solid #CCCCCC; background-color:#e8e8e8; padding:2px 0px 0px 5px; font-weight:bold;}
#henkilontiedot #ylatiedot #henkilotiedot #titteli, #henkilotiedot #tiimi{height:18px;clear:both;width:311px; border:1px solid #CCCCCC; margin:2px 0px 0px 0px; padding:0px 0px 0px 4px;}
#henkilontiedot #ylatiedot #henkilotiedot #tiedot{height:18px;clear:both; width:261px; border:1px solid #CCCCCC; padding:0px 0px 0px 5px;margin:2px 0px 0px 49px;display:inline;}
#henkilontiedot #ylatiedot #henkilotiedot #tiedot #sis1{width:78px;font-weight:bold;}
#henkilontiedot #ylatiedot #henkilotiedot #tiedot #sis2{}

#henkilontiedot #ylatiedot #henkilotiedot .tiedot{height:18px;clear:both; width:261px; border:1px solid #CCCCCC; padding:0px 0px 0px 5px;margin:2px 0px 0px 49px;display:inline;}
#henkilontiedot #ylatiedot #henkilotiedot .tiedot .sis1{width:78px;font-weight:bold;}
#henkilontiedot #ylatiedot #henkilotiedot .tiedot .sis2{}

#henkilontiedot #ylatiedot #kuva {margin:0px 0px 0px 10px;display:inline;}
#henkilontiedot #ylatiedot #osaaminen {width:255px;margin:0 0 0 10px;}
#henkilontiedot #ylatiedot #osaaminen #alueet{height:20px;clear:both; width:255px; border:1px solid #CCCCCC; background-color:#e8e8e8; padding:2px 0px 0px 5px;display:block;font-weight:bold;}
#henkilontiedot #ylatiedot #osaaminen #tarkennus1{display:block;clear:both; width:256px; border:1px solid #CCCCCC; padding:0px 0px 0px 5px;margin:2px 0px 0px 0px; padding:8px 0px 8px 4px;font-size:12px; font-family:arial,helvetica, sans-serif;line-height:12px;}

#henkilontiedot #alatiedot {margin:23px 0px 0px 5px; clear:both;display:inline;}
#henkilontiedot #alatiedot #kurssivastuut{height:18px;clear:both; width:255px; border:1px solid #CCCCCC; background-color:#e8e8e8; padding:0px 0px 0px 5px;display:inline;font-weight:bold;}
#henkilontiedot #alatiedot #vastuut{clear:both;margin:2px 0px 0px 0px; width:714px; border:1px dashed #CCCCCC; padding:10px 0px 10px 0px;}
#henkilontiedot #alatiedot #vastuut #vasen {display:block;float:left;padding:0px 0px 0px 4px;width:345px;clear:left;} 
#henkilontiedot #alatiedot #vastuut #oikea {display:block;float:right; padding:0px 0px 0px 4px;width:345px;clear:right;} 
#henkilontiedot #alatiedot #vastuut .vasen {display:block;float:left;padding:0px 0px 0px 4px;width:345px;clear:left;} 
#henkilontiedot #alatiedot #vastuut .oikea {display:block;float:right; padding:0px 0px 0px 4px;width:345px;clear:right}

ul.partnerLista{list-style:none; margin:0px; padding:0px;}
ul.partnerLista li{float:left; width:250px;clear:none;}