/*Luksia-sheet*/
html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img
{
  margin: 0; padding: 0; border: 0; outline: 0; font-family: Arial, sans-serif;
}
html, body
{
    height: 100%;
}
.bodybackground
{
    background-color: #fff;
}
body
{
  font-size: 12px;
  line-height: 1.6;
  color: #454347;
}
:focus
{
  outline: 0;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
}
#wrapper
{
  background: #ffffff url("Layout/luksia-navi-bg.gif") repeat-y left top;
  font-size: 12px;
  height: auto !important;
  min-height: 667px;
  width: 980px;
}
#container
{
    position:relative;
}
.bodybackground
{
    background-image: url('Layout/luksia-bg.jpg');
    background-position: center top;
    background-repeat:repeat-x;
}
/*Header-sheet*/
.wide-layout,
.default-layout
{
    margin: 0 auto;
    width:980px;
    box-shadow: 5px 5px 5px #444444;
    -moz-box-shadow: 5px 5px 5px #444444;
    -webkit-box-shadow: 5px 5px 5px #444444;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#444444')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#444444');
}
.luksia-ky .pageheader
{
    background: #ffffff url("Layout/luksia-navi-bg.gif") repeat-y left top;
}
.luksia-amo .pageheader
{
    background: #ffffff url("Layout/ampi-navi-bg.gif") repeat-y left top;
}
.luksia-aiko .pageheader
{
    background: #ffffff url("Layout/aiko-navi-bg.gif") repeat-y left top;
}
.luksia-opso .pageheader
{
    background: #ffffff url("Layout/opso-navi-bg.gif") repeat-y left top;
}
#header
{
    padding-left: 255px;
    padding-right: 10px;
}
#header .pageheader-inner
{
    width:100%;
    float:left;
    border-bottom: solid 1px #424242;
}
#header .pageheader-sitelinks
{
    float:left;
    margin-right:30px;
    padding-top:25px;
}
#header .pageheader-sitelink,
#header .pageheader-sitelink a
{
    margin:0px;
    line-height:1.3;
    font-size: 15px;
    font-weight:normal;
    color:#424242;
}
#header .pageheader-sitelink a:hover,
#header .active a,
#header .active a:visited,
#header .active a:link
{
    color:#98989c;
}
#header .pageheader-image
{
    padding: 12px 0px 12px 0px;
    float:right;
}
/*Mainnavi-sheet*/
.mainnavigation
{
    margin-top:6px;
}
.mainnavigation-inner
{
    float:left;
    width:520px;
    clear:both;
    margin:3px 0px 0px 15px;
}
.mainnavigation-inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 998;
  border: none;
  position: relative;
}
.mainnavigation-inner li {
  float: left;
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 999;
  line-height:1;
}
.mainnavigation-inner span
{
    color: #98989c;
    font-size:16px;
}
.mainblock-header .mainnavigation-inner a,
.mainblock-header .mainnavigation-inner a:link,
.mainblock-header .mainnavigation-inner a:visited
 {
     color: #454347;
     font-size: 16px;
     display:inline;
 }
.mainblock-header .mainnavigation-inner a.active,
.mainblock-header .mainnavigation-inner a:hover
{
    font-size: 16px;
    color: #98989c;
    display:inline;
}

.mainblock-header .breadcrumbs-viewer > div
{
     padding-left:15px;
}
.mainblock-header .breadcrumbs-viewer div
{
     font-size:10px;
     color: #98989c;
     line-height:1;
}
.mainblock-header .breadcrumbs-viewer a,
.mainblock-header .breadcrumbs-viewer a:link,
.mainblock-header .breadcrumbs-viewer a:visited
{
    text-transform: lowercase;
    font-size:10px;
    color: #98989c;
}
.mainblock-header .searchfield
{
    border:solid 1px #98989c;
    float:right;
    padding-right:2px;
}
.mainblock-header .searchfield input
{
    border:0;
    display:inline;
    width:120px;
}
.mainblock-header .searchfield a,
.mainblock-header .searchfield a:link,
.mainblock-header .searchfield a:visited,
.mainblock-header .aboutlink a,
.mainblock-header .aboutlink a:link,
.mainblock-header .aboutlink a:visited
{
    font-size: 12px;
    color: #98989c;
    display:inline;
    padding-left:3px;
}
.breadcrumbs-viewer
{
    float:left;
}
.aboutlink
{
    float:right; 
}
/*Navisheet*/
div#sidebar-left
{
    text-align: left;
    font-size:13px;
    display:block;
    width: 240px;
    float: left;
}
div#sidebar-left ul
{
    list-style-type:none;
    padding-bottom:0px;
}
div#sidebar-left ul a,
div#sidebar-left ul a:link,
div#sidebar-left ul a:visited
{
    line-height:1;
    font-size: 13px;
    font-weight:normal;
    padding:4px 0px 7px 0px;
    margin:0px 0px 0px 0px;
    display: block;
    color: #fff;
    text-decoration:none;
    text-transform:none;
    border-bottom:solid 1px white;
}
div#sidebar-left .navi-level2 ul
{
    padding-bottom:0px;
    background-color: #c8cacd;
}
div#sidebar-left .navi-level2 a.active,
div#sidebar-left .navi-level2 a:active,
div#sidebar-left .navi-level2 a:visited:hover,
div#sidebar-left .navi-level2 a:hover
{
    line-height:1;
    font-size: 13px;
    font-weight:normal;
    position:relative;
    border-bottom:none;
    padding-bottom:8px;
}
div#sidebar-left .navi-level2 > a,
div#sidebar-left .navi-level2 > a:link,
div#sidebar-left .navi-level2 > a:visited
{
    width:220px;
    margin-left:10px;
}
div#sidebar-left .navi-level2 > ul
{
    position:relative;
    top:-4px;
    box-shadow: 0px 3px 3px #444444;
    -moz-box-shadow: 0px 3px  3px#444444;
    -webkit-box-shadow: 0px 3px 3px #444444;    
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#444444')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#444444');
}
div#sidebar-left .navi-level2.active > a,
div#sidebar-left .navi-level2.active > a:link,
div#sidebar-left .navi-level2.active >  a:visited,
div#sidebar-left .navi-level2 >  a:active,
div#sidebar-left .navi-level2 >  a:visited:hover,
div#sidebar-left .navi-level2 >  a:hover
{
    background-image: url('Layout/activenavi-bg.png');
    background-repeat:no-repeat;
    background-position:left bottom;
    width:225px;
    padding-left:10px;
    padding-right:10px;
    margin-left:0px;
}
div#sidebar-left .navi-level3 a,
div#sidebar-left .navi-level3 a:link,
div#sidebar-left .navi-level3 a:visited
{
    width:205px;
    margin-left:25px;
}
div#sidebar-left .navi-level3.active > a,
div#sidebar-left .navi-level3.active > a:link,
div#sidebar-left .navi-level3.active >  a:visited,
div#sidebar-left .navi-level3 >  a:active,
div#sidebar-left .navi-level3 >  a:visited:hover,
div#sidebar-left .navi-level3 >  a:hover
{
    background-image: url('Layout/activenavi-bg.png');
    background-repeat:no-repeat;
    background-position:left bottom;
    background-color: #a7a8aa;
    width:205px;
    padding-left:25px;
    padding-right:10px;
    margin-left:0px;
}
div#sidebar-left .navi-level4 a,
div#sidebar-left .navi-level4 a:link,
div#sidebar-left .navi-level4 a:visited
{
    width:190px;
    margin-left:40px;
}
div#sidebar-left .navi-level4.active > a,
div#sidebar-left .navi-level4.active > a:link,
div#sidebar-left .navi-level4.active >  a:visited,
div#sidebar-left .navi-level4 >  a:active,
div#sidebar-left .navi-level4 >  a:visited:hover,
div#sidebar-left .navi-level4 >  a:hover
{
    background-image: url('Layout/activenavi-bg.png');
    background-repeat:no-repeat;
    background-position:left bottom;
    background-color: #a7a8aa;
    font-weight:normal;
    width:190px;
    padding-left:40px;
    padding-right:10px;
    margin-left:0px;
}
.sidebar-left-image
{
    width:240px;
    height:120px;
    position:relative;
    overflow:hidden;
}
.sidebar-left-image img
{
    height:120px;
    position:absolute;
    left:0;
}
.sidebar .left-inner
{
    padding: 0;
    padding-top:15px;
    padding-bottom:60px;
}
#sidebar-left ul,
{
    z-index:3000;
}
#sidebar-left .document-container ul.navigation-documents
{
    padding:7px 0px 7px 0px;
    box-shadow: 3px 3px 3px #444444;
    -moz-box-shadow: 3px 3px 3px #444444;
    -webkit-box-shadow: 3px 3px 3px #444444;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
    display:none;
    z-index:4000;
    background-color: #fff;
    overflow:hidden;
    width:220px;
}
div#sidebar-left .document-container .navigation-documents a,
div#sidebar-left .document-container .navigation-documents a:link,
div#sidebar-left .document-container .navigation-documents a:visited
{
    padding:3px 0px 3px 10px;
    margin:0px;
    line-height:1;
    display:block;
    width:200px;
    margin-left:0px;
    color:#999;
}
div#sidebar-left .document-container:hover > ul.navigation-documents,
div#sidebar-left .document-container > ul.navigation-documents:hover
{
    display:block;
    position:absolute;
    left:235px;
    width:220px;
    z-index:4000;
}
div#sidebar-left .document-container .navigation-documents a.active,
div#sidebar-left .document-container .navigation-documents a:active,
div#sidebar-left .document-container .navigation-documents a:visited:hover,
div#sidebar-left .document-container .navigation-documents a:hover
{
    padding:3px 0px 3px 10px;
    margin:0px;
    line-height:1;
    color:#000;
}
.luksia50logo
{
    position:absolute;
    bottom:13px;
    left:70px;
}
/*Footer-sheet*/
#footer
{
  width: 980px;
  background-color:#fff;
}
#footer-inner 
{
    padding: 5px 0px 0px 18px;
    border-top:solid 1px #59595b;
    font-size: 11px; 
    color:#59595b;
    margin-right:10px;
    height: 26px;
    line-height:1;
}
#footer-inner .footer-print
{
    float:right;
}
#footer-inner .footer-address
{
    float:left;
    padding-top:6px;
}
/*Maincontent-sheet*/
.mainblock-header
{
    width:730px;
    height:57px;
    overflow: hidden;
}
.mainblock
{
    width:100%;
    float:left;
    position:relative;
    overflow: hidden;
}
.maincontent
{
  width:740px;
  background-repeat:no-repeat;
  background-position:90% 0%;
}
.main-left
{
  margin:0px;
  padding: 55px 10px 20px 15px;
  width: 378px;
  float:left;
  position:relative;
  z-index:10;
  min-height:485px;
  left:0px;
}
.wide-layout .main-left
{
    width: 519px;
}
.main-right
{
    padding: 55px 15px 20px 12px;
    width: 154px;
    position:relative;
    float: right;
    z-index:10;
    right:0px;
}
.main-right.opacity,
.main-left.opacity
{
    background-color:#fff;
    opacity:0.8;
    filter:Alpha(opacity=80);
    z-index:9;
    height: 100%;
    position:absolute;
    top:0px;
}
.main-right.opacity
{
    padding: 58px 0px 0px 0px;
    width: 181px
}
.wide-layout .main-right-shadow
{
    box-shadow: -2px 5px 5px #444444;
    -moz-box-shadow: -2px 5px 5px #444444;
    -webkit-box-shadow: -2px 5px 5px #444444;
    width:100%;
    height:100%;
}
.wrapper a,
.wrapper a:visited
{
  color: #454347;
  font-size: 12px;
  text-decoration: none;
}
.wrapper a:hover,
.wrapper a:visited:hover
{
    color: #98989c;
}
.wrapper .tabNaviContent
{
    display:none;
}
.wrapper .FormCss .tabNaviContent
{
    display:table;
}
.push {
  clear: both;
  height: 0;
}

.clearfix:after,    
.clear-block:after,
.layout-region:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix,
.clear-block,
.layout-region {
  display: inline-block;
}
* html .clearfix,
* html .clear-block,
* html .layout-region {
  height: 1%;
  zoom: 1;
}
.clearfix,
.clear-block,
.layout-region {
  display: block;
}
.block {
  overflow: hidden;
  margin: 0 0 36px 0;
  padding: 0;
}
.left-inner .block {
  overflow: visible;
}
/*Content-sheet*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 1, 2011
@font-face {
    font-family: 'ArialMTStdLight';
    src: url('Layout/Fonts/arialmtstd-light-webfont.eot');
    src: url('Layout/Fonts/arialmtstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Layout/Fonts/arialmtstd-light-webfont.woff') format('woff'),
         url('Layout/Fonts/arialmtstd-light-webfont.ttf') format('truetype'),
         url('Layout/Fonts/arialmtstd-light-webfont.svg#ArialMTStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
#content
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6
{
    font-family: Arial, sans-serif;
    clear: both;
    display: block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 5px;
}
h1
{
    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color:#646566;
}
h2,
#content h2 a, #content h2 a:link, #content h2 a:visited, #content h2 a:hover
{
    font-family: Arial, sans-serif;
    font-size: 17px;
    font-weight: normal;
    color:#646566;
}
h3
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color:#4d4d4f;
}
h4
{
    font-weight:bold;
}
p
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 5px;
}
#content a,
#content a:link,
#content a:visited
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #4d4d4f;
    text-decoration: underline;
}
#content a:hover,
#content a:visited:hover
{
    text-decoration: none;
}
td p
{
    margin-top:0;
}
ul, ol
{
    margin-left: 30px;
    margin-right: 30px;
}
.left-inner ul
{
    margin: 0px;
}
#content input
{
    padding:2px;
}
blockquote, cite
{
    clear: both;
    display: block;
    margin-left:20px;
}
.htmleditorcontentareaclass table
{
    border:dotted 1px #999;
}
.main-right
{
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.main-right h1,
.main-right h2
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #d71e23;
    margin: 3px 0px 3px 0px;
    padding: 2px 0px 2px 0px;
    border-bottom: solid 1px #d71e23;
}
.main-right p
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #454347;
    margin: 3px 0px 3px 0px;
    padding: 2px 0px 2px 0px;
    border-bottom:solid 1px #98989c;
}

#content .coverpageintro
{
    font-family: ArialMTStdLight, Arial, sans-serif;
    font-weight:normal;
    font-size: 17px;
    color: #454347;
    line-height:1.2;
}
#content .coverpageintro a,
#content .coverpageintro a:link,
#content .coverpageintro a:visited
{
    font-family: ArialMTStdLight, Arial, sans-serif;
    font-weight:normal;
    font-size: 17px;
    color: #454347;
    line-height:1.2;
    text-decoration:underline;
}
#content .coverpageintro a:hover,
#content .coverpageintro a:visited:hover
{
    font-family: ArialMTStdLight, Arial, sans-serif;
    font-weight:normal;
    font-size: 17px;
    color: #454347;
    line-height:1.2;
    text-decoration:none;
}

/* Applications */

/* Education list & page */
.education_list  table { border:2px solid #999; margin-bottom:10px; width:99%; margin:10px 0; }
.education_list_header td { border:1px solid #999; padding:2px; white-space:nowrap; }
.education_list_month td { border:2px solid #999; padding:2px;}
.education_list_data td { border:1px solid #999; padding:2px;}
.education_list_data td a, .education_list_data td a:visited { text-decoration:none; }
.eventdoc { border:1px solid #999; padding:5px; border-collapse:separate; }
.eventdocheader { border-bottom:1px solid #999; }
#content .education_list_data td a, #content .education_list_data td a:visited { text-decoration:none; }
#content table.eventdoc { margin-top:10px; }

/* Search application */
.search_list { width:98%; }
.searchresults_list .search_header td { background: #999; white-space:nowrap; }
.searchresults_list .search_header td, .searchresults_list .search_header td a { color:#fff; }
.searchresults_list td { padding:2px; }
.searchresults_list .jd-icon { width:16px; height:16px; }
.searchresults_list .EveryotherCss { background: #ccc; }

/* News application */
.newslist table { width: auto; margin:0 auto; }
.newslist div table { width: 100%; }
.newslist .everyothercss { background: #ccc; }
.newslist td { padding:1px 5px; }

/* Breadcrumb and favorite link application */
.breadcrumbpathapp, .bookmarklinkapp { color:#999; font-size:11px; }
.breadcrumbpathapp a, .breadcrumbpathapp a:visited, .bookmarklinkapp a, .bookmarklinkapp a:visited { color:#999; text-decoration:none; }
.breadcrumbpathapp a:hover, .bookmarklinkapp a:hover  { color:#cc3333; }
.bookmarklistapp table { width:90%; table-layout:fixed; }
.bookmarklistapp td:first-child { width:85%; overflow:hidden; }

/*eventcalendar application */
.eventcalendar-container .evenevent { background-color: white; }
.eventcalendar-container h2 { border-bottom:solid 1px #999; color: #999; font-weight: bold; margin:0px; }
.eventcalendar-container p .datetime { color: #999; font-weight: normal; }
.eventcalendar-container .toplink { text-align:center; margin: 4px; 0px 4px 0px; }
.eventcalendar-container .bottomlink { margin-top:5px;}
.eventcalendar-container .formlink { text-decoration:none;}

/* ImageGallery */
.imagegallery-row { min-height:120px; }

/* JDApplication */
.htmleditorcontentareaclass div.jdapplication{width: 220px; height: 17px; border-style: solid; border-width:1px; text-align: center; }

/*Mediaplayer*/
.media-application { display:block;width:425px;height:300px; }
.media-application-mp3 { display:block;width:425px;height:26px; }

.ui-datepicker { z-index:10; }