@import "/includes/reset.css";
@import "editor.css";
@import "/custom_modules/lappeenranta/documents/includes/public.css";

.mainbody{

}

.InterfaceLayout{
position:absolute;
top:0;
left:0;
width:100%;
min-height:100%;
}

.bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
z-index:0;
}

.bg img{
min-width:100%;
min-height:100%;
}

.bg .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
background:url(../images/alpha.png);
}

.bg .top-border{
position:absolute;
top:0;
left:0;
width:100%;
height:10px;
background:#242414;
}

/*---------------------*/

.container{
position:relative;
z-index:2;
padding-top:10px;
}

.home .container{
position:static;
}

.wrap{
width:980px;
margin:auto;
}

div.header{
height:115px;
}

.logo{
float:left;
margin:25px 0 0 0;
line-height:38px;
}

.logo span{

}

/*---------------------*/

.mainmenu{
float:right;
margin-top:30px;
}

.mainmenu li{
float:left;
padding:0 24px;
}

.mainmenu li a{
float:left;
display:block;
font-size:14px;
color:#242414;
text-align:center;
}

.mainmenu li a span{
display:block;
}

.mainmenu li a span.iconholder, .mainmenu li a img{
padding-bottom:5px;
height:30px;
}

.mainmenu li a span.iconholder img{
width:37px;
height:30px;
}

.mainmenu li a:hover, .mainmenu li a.active_link{
color:#982000;
text-decoration:none;
}

/*------------------------*/

.main{
float:left;
width:100%;
min-height:350px;
background:url(../images/alpha.png);
position:relative;
border-top:1px solid #c4c2ba;
border-bottom:1px solid #c4c2ba;
box-shadow:0 0 10px #c4c2ba;
}

/*---------------------*/

.footer{
clear:both;
padding:35px 0;
}

.footercontent{
float:left;
padding-left:5px;
}

.footercontent .iw_modularea_139{
background:none;
padding:0;
margin:0 0 0 0;
}

/*---------------------*/

.footermenu{
float:right;
}

.footermenu li{
float:left;
padding:0 7px;
border-left:1px solid #242414;
}

.footermenu li.firstitem{
border:0;
}

.footermenu li a{
color:#242414;
}

.footermenu li a:hover, .footermenu li a.active_link{
color:#982000;
text-decoration:none;
}

/*---------------------*/

.bar{
clear:both;
float:left;
width:100%;
padding:10px 0;
border-bottom:1px solid #c7c4be;
}

/*---------------------*/

.crumbs{
float:left;
/*color:#747265;*/
color:#5A594E;
font-size:12px;
margin:13px 0 0 5px;
}

.crumbs a{
/*color:#747265;*/
color:#242414;
font-size:13px;
}

/*---------------------*/

.searchpanel{
float:right;
background: url("../images/home-search-bg.png") no-repeat 0 0;
height:36px;
width: 324px;
position:relative;
}

.searchpanel .frminput,
.iw_modularea_Search .frminput {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    float: left;
    font-family: Droid Serif,serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin-top: 3px;
    padding: 0 5px 0 13px;
    width: 267px;
}

.iw_ .frminput.hint{
font-style:italic;
}

.searchpanel .frmbutton{
float:left;
border:0;
padding:0;
margin:0;
width:38px;
height:30px;
font-size:0;
position:absolute;
top:3px;
right:0;
background:url(/images/pngfix.gif);
cursor:pointer;
}

/*---------------------*/


.content{
border-top:1px solid #ebe8e3;
width:100%;
padding:30px 0 20px 0;
position:relative;
}

/*---------------------*/

.submenu{
float:left;
width:180px;
min-height:100px;
}

.submenu li{
border-top:1px solid #ebe8e3;
border-bottom:1px solid #c7c4be;
padding:3px 0 3px 0;
}

.submenu li a{
display:block;
padding:0 5px;
text-decoration:none;
color:#242414;
}

.submenu li a:hover, .submenu li a.active_link{
color:#982000;
text-decoration:none;
}

.submenu li li{
padding-left:17px;
border:0;
}

.submenu li.firstitem{
border-top:0;
}

.submenu li.lastitem{
border-bottom:0;
}

.submenu li ul{
padding:5px 0;
}

/*---------------------*/

.iwpanel{
float:none;
min-height:100px;
margin-left:240px;
}

.iw_modularea{
padding-bottom:35px;
margin-bottom:35px;
}

/*---------------------*/

.home .iwpanel{
margin-left:0;
}

.home .main{
background:none;
box-shadow:none;
}

.home .content{
border:0;
padding-top:90px;
padding-bottom:0;
}

.home .header{
display:none;
}

.home .footer{
padding-top:0;
position:relative;
z-index:2;
}

/*---------------------*/

.home .iw_modularea_147{
margin-top:-53px;
margin-bottom:-15px;
}

.home .iw_modularea_147 .iw_modulcontent_inner br, .iw_modularea_147 .iw_modulcontent_inner p, .iw_modularea_147 .iw_modulcontent_inner .paging_table{
display:none;
}

.home .iw_modularea_147 .iw_modulcontent_inner{
font-size:0;
color:#dddad3;
width:324px;
height:36px;
position:relative;
margin:auto;
background:url(../images/home-search-bg.png) no-repeat 0 0;
line-height:normal;
}


.home .text_search{
padding:0;
border:0;
background:none;
width:272px;
height:36px;
line-height:36px !important;
*line-height:30px !important;
margin:0 0 0 13px;
font-family:Droid Serif, serif;
font-weight:normal;
}

.home .text_search.hint{
font-style:italic;
}

.home .frmbutton{
position:absolute;
top:0;
right:0;
padding:0;
border:0;
width:39px;
height:36px;
background:#f000;
font-size:0;
cursor:pointer;
}

.iw_modularea_156 li li{
padding:0 0 0 15px;
}

.DocumentsPanel{

}

/*---------------------*/

*:focus {
    outline: 2px solid #982000;
    /*outline-offset: -2px;*/
    outline-width: 2px !important;
}

/*---------------------*/

.skip-link {
    left:-999px;
    overflow:hidden;
    height:1px;
    position:absolute;
    top:auto;
    width:1px;
    z-index:-999;
}
.skip-link:focus {
    left: auto;
    top: auto;
    width: 20%;
    height: auto;
    overflow:auto;
    margin: 10px 40%;
    padding:5px;
    text-align:center;
    font-size:1.2em;
    font-weight: bold;
    border-radius: 10px;
    border:2px solid #97968d;
    z-index:999;
    color: #982000;
    background-color:#dddad3;
}


/*---------------------*/

.DocumentGrid {
    border: 0;
    padding: 0;
    border-spacing: 0;
}

.ExtendedContent table {
    border: 0;
    padding: 0;
    border-spacing: 0;
}

/*---------------------*/
/*---------------------*/
/*---------------------*/