﻿body
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    background-image: url(/Content/Images/bgBody.jpg);
    background-repeat:repeat-x;
    background-color:#c8c8c8;
    text-align: center;
}

#TopWrapper
{
    margin: 0 auto;
    text-align: left;
    width: 925px;
    height: 227px;
}

#TopWrapper #Top
{
    width: 926px;
    height: 35px;
    padding-top: 8px;
    padding-left: 43px;
    background-image: url('/Content/Images/TopMiddleBg.png');
    background-repeat:no-repeat;
    z-index: 2;
    position:absolute;
}

#TopWrapper #Top img
{
    border: none;
}

#TopWrapper #Top #SearchBox
{
    width: 189px;
    height: 24px;
    line-height: 24px;
    background-image: url('/Content/Images/SearchBoxBg.png');
    background-repeat: no-repeat;
    float: left;
}

#TopWrapper #Top #SearchBox input
{
    border: solid 0px #ffffff;
    background-color: Transparent;
    width: 168px;
    margin-left: 12px;
    font-family: Verdana;
    font-size: 11px;
    color: #3a3a3a;
}

#TopWrapper #Top #SearchButton
{
    width: 27px;
    height: 22px;
    background-image: url('/Content/Images/SearchBtn.png');
    background-repeat:no-repeat;
    margin-left: 6px;
    margin-top: 1px;
    cursor: pointer;
    float: left;
    margin-right: 48px;
}

#TopWrapper #Top #SearchButton:hover
{
    width: 27px;
    height: 22px;
    background-image: url('/Content/Images/SearchBtnHover.png');
    background-repeat:no-repeat;
    margin-left: 6px;
    margin-top: 1px;
    cursor: pointer;
    float: left;
    margin-right: 48px;
}


#TopWrapper #Middle
{
    width: 917px;
    height: 145px;
    margin-top: 44px;
    z-index: 1;
    position:absolute;
}

#TopWrapper #MenuBar
{
    width: 925px;
    height: 39px;
    padding-left: 20px;
    position: absolute;
    z-index: 1;
    margin-top: 188px;
}

#TopWrapper #MenuBar .MenuDivider
{
    width: 2px;
    height: 35px;
    background-image: url('/Content/Images/TopBarDivider.jpg');
    background-repeat: no-repeat;
    float:left;
    margin-top: 2px;
}



.MenuItemSelected .SubMenuRight,
.MenuItem .SubMenuRight
{
    height: 29px;
    background-color: transparent;
    float:left;
    z-index: 1;
    margin-top: 8px;
    position: absolute;
    color:#434343;
    cursor:pointer;
    font-family:Verdana,Arial;
    font-size:11px;
    line-height:18px;
    text-decoration:none;
    text-align: right;
}

.SubMenuRight .Content,
.SubMenuRight .Content
{
    height: 28px;
    width: auto !important;
    float:left;
}

.MenuItemSelected .SubMenuLeft,
.MenuItem .SubMenuLeft
{
    height: 29px;
    background-color: transparent;
    float:right;
    z-index: 1;
    margin-top: 8px;
    margin-left: 20px;
    position: absolute;
    color:#434343;
    cursor:pointer;
    font-family:Verdana,Arial;
    font-size:11px;
    line-height:18px;
    text-decoration:none;
    text-align: right;
}

.SubMenuLeft .Content,
.SubMenuLeft .Content
{
    height: 28px;
    border-right: dotted 1px #000000;
    border-bottom: dotted 1px #000000;
    width: auto !important;
    float:right;
}

.SubMenuLeft .Content a,
.SubMenuRight .Content a
{
    text-decoration: none;
}

.SubMenuLeft .Content .SubmenuItem,
.SubMenuRight .Content .SubmenuItem
{
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #015991;
    line-height: 18px;
    float: left;
    margin-top:5px;
    text-decoration: none !important;
    cursor: pointer;
    margin: 2px 10px 0px 10px;
    font-weight: normal;
}

.SubMenuLeft .Content .SubmenuItem:hover,
.SubMenuRight .Content .SubmenuItem:hover
{
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #000000;
    line-height: 18px;
    float: left;
    margin-top:5px;
    text-decoration: none !important;
    cursor: pointer;
    margin: 2px 10px 0px 10px;
    font-weight: normal;
}

.SubMenuLeft .Content .SubMenuItemSelected,
.SubMenuRight .Content .SubMenuItemSelected
{
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #9f2d97;
    font-weight: bold;
    line-height: 18px;
    float: left;
    margin: 2px 10px 0px 10px;
    text-decoration: none;
    cursor: pointer;
}

.SubMenuLeft .Content .Divider,
.SubMenuRight .Content .Divider
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    margin: 2px 5px 0px 5px;
    line-height: 18px;
    float: left;
}

#TopWrapper #MenuBar .MenuItem
{
    height: 35px;
    float:left;
    margin-top: 2px;
    cursor: pointer !important;
}

#TopWrapper #MenuBar img
{
    border: none;
    cursor: pointer !important;
}

#TopWrapper #MenuBar .MenuItem:hover
{
    height: 35px;
    background-image: url('/Content/Images/TopBarHoverBg.png');
    background-repeat:repeat-x;
    float:left;
    margin-top: 2px;
    line-height: 16px;
    cursor: pointer !important;
}

#TopWrapper #MenuBar .MenuItemSelected
{
    height: 35px;
    background-image: url('/Content/Images/TopBarHoverBg.png');
    background-repeat:repeat-x;
    float:left;
    margin-top: 2px;
    line-height: 16px;
    cursor: pointer;
}


#TopRightCorner
{
    height: 44px;
    width: 50%;
    margin-top: -227px;
    background-image: url('/Content/Images/TopRightCornerBg.png');
    background-repeat:repeat-x;
    float:right;
}

#TopRight
{
    height: 144px;
    width: 50%;
    background-image: url('/Content/Images/TopRightBg.jpg');
    background-repeat:repeat-x;
    margin-top: -184px;
    float:right;
}

#TopLeft
{
    height: 144px;
    width: 50%;
    background-color: Transparent;
    margin-top: -184px;
    position:absolute;
    float:left;
}

#ContentWrapper
{
    margin: 0 auto;
    text-align: left;
    margin-bottom: 0px;
    width: 931px;
    min-height: 874px;
}

#BottomWrapper
{
    margin: 0 auto;
    text-align:center;
    width: 925px;
    height: 96px;
}

/* ETUSIVUN LAYOUT */
#FrontPageContent #LeftFade
{
    width: 23px;
    height: 875px;
    background-image: url('/Content/Images/leftfade.gif');
    background-repeat:no-repeat;
    float:left;
}

#FrontPageContent #RightFade
{
    width: 23px;
    height: 875px;
    background-image: url('/Content/Images/rightfade.gif');
    background-repeat:no-repeat;
    float:right;
}

#FrontPageContent #TopLeftBox
{
    width: 300px;
    height: 184px;
    background-image: url('/Content/Images/frontpage-topleft.gif');
    background-repeat:no-repeat;
    float: left;
}

#FrontPageContent #TopMiddleBox
{
    width: 299px;
    height: 184px;
    background-image: url('/Content/Images/frontpage-topmiddle.gif');
    background-repeat:no-repeat;
    float: left;
}

#FrontPageContent #TopRightBox
{
    width: 286px;
    height: 184px;
    background-image: url('/Content/Images/frontpage-topright.gif');
    background-repeat:no-repeat;
    float: left;
}

#FrontPageContent #TopLeftBox .Content, #FrontPageContent #TopMiddleBox .Content
{
    margin: 36px 23px 24px 12px;
    width: 264px;
    height: 124px;
    overflow:hidden;
}

#FrontPageContent .Content
{
    text-decoration: none;
    position: relative;
}

#FrontPageContent .Content img
{
    border: none;
}

#FrontPageContent #TopRightBox .Content
{
    margin: 36px 11px 24px 12px;
    width: 264px;
    height: 124px;
}

#FrontPageContent #L2Left
{
    width: 597px;
    height: 225px;
    background-image: url('/Content/Images/frontpage-L2left.gif');
    background-repeat: no-repeat;
    float:left;
    
}

#FrontPageContent #L2Left a,
#FrontPageContent #L2Right a,
#FrontPageContent #L3Left a,
#FrontPageContent #L3Right a
{
text-decoration: none !important;
}

#FrontPageContent #L2Left .Content
{
    margin: 46px 18px 0px 25px;
    width: 542px;
    height: 180px;
    overflow:hidden;
    cursor: pointer;
}

#FrontPageContent #L2Right
{
    width: 288px;
    height: 225px;
    background-image: url('/Content/Images/frontpage-L2right.gif');
    background-repeat: no-repeat;
    float:left;
}

#FrontPageContent #L2Right .Content
{
    margin: 45px 12px 28px 25px;
    width: 250px;
    height: 152px;
    overflow:hidden;
    cursor: pointer;
}

#FrontPageContent #L3Left
{
    width: 299px;
    height: 224px;
    background-image: url('/Content/Images/frontpage-L3left.gif');
    background-repeat:no-repeat;
    float:left;
}

#FrontPageContent #L3Left .Content
{
    margin: 27px 26px 23px 26px;
    width: 247px;
    height: 174px;
    overflow:hidden;
    cursor: pointer;
}

#FrontPageContent #L3Right
{
    width: 298px;
    height: 224px;
    background-image: url('/Content/Images/frontpage-L3right.gif');
    background-repeat:no-repeat;
    float:left;
}

#FrontPageContent #L3Right .Content
{
    margin: 27px 26px 23px 26px;
    width: 246px;
    height: 174px;
    overflow:hidden;
    cursor: pointer;
}

#FrontPageContent #BottomLeftBox
{
    width: 597px;
    height: 241px;
    background-image: url('/Content/Images/frontpage-bottomleft.gif');
    background-repeat:no-repeat;
    float:left;
}

#FrontPageContent #BottomLeftBox .Content
{
    margin: 33px 24px 0px 31px;
    width: 542px;
    height: 180px;
    overflow:hidden;
}

#FrontPageContent #BottomRightBox
{
    width: 288px;
    height: 465px;
    background-image: url('/Content/Images/frontpage-bottomright.gif');
    background-repeat:no-repeat;
    float:right;
}

#FrontPageContent #BottomRightBox .Content
{
    margin: 34px 20px 0px 24px;
    width: 244px;
    height: 402px;
    overflow:hidden;
    line-height: 19px;
}

#FrontPageContent #BottomRightBox .Content a, 
#RightMargin .NewsBox .Content a
{
    text-decoration: none;
    cursor: pointer;
}

#FrontPageContent #BottomRightBox .Content .Header,
#RightMargin .NewsBox .Content .Header
{
    font-family: Arial, Verdana;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    float:left;
}

#FrontPageContent #BottomRightBox .Content .Date,
#RightMargin .NewsBox .Content .Date
{
    font-family: Arial, Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #a6a5a5;
    float:left;
    margin-left: 4px;
}

#FrontPageContent #BottomRightBox .Content p,
#RightMargin .NewsBox .Content p
{
    margin-top: 0px;
    font-family: Arial, Verdana;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 10px;  
}

#FrontPageContent #BottomRightBox .NewsItem,
#RightMargin .NewsBox .Content .NewsItem
{
    width: 247px;
    /*padding-bottom: 10px;*/
    margin-bottom: 18px;
    border-bottom: dotted 1px #000000;
}

#FrontPageContent #BottomRightBox .NewsItem p:hover,
#RightMargin .NewsBox .Content .NewsItem p:hover
{
    text-decoration: underline;
}

#FrontPageContent #BottomRightBox .NewsItem img,
#RightMargin .NewsBox .Content .NewsItem img
{
    text-decoration: none;
    width: 80px;
    margin-left: 20px;
    float: right;
    border: none;    
}

#BottomBar
{
    background-image: url('/Content/Images/BottomMarginBg.jpg');
    width: 926px;
    height: 53px;
    font-family: Arial;
    font-size: 11px;
    color: #000000;
}

#BottomBarContent
{
    background-color: Transparent;
    width: 926px;
    height: 53px;
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    position:absolute;
}

#BottomBar span,
#BottomBarContent span
{
    float: left;
    margin-right: 8px;
    margin-top: 22px;
}

.MoreNewsLink
{
    font-family: Verdana;
    font-size: 11px;
    color: #4182ab;
    text-decoration: none;
}

.MoreNewsLink:hover
{
    text-decoration: underline !important;
}

#LeftContentPageFade
{
    float:left;
    border:none;
    background-image: url('/Content/Images/ContentPage/ContentLeftFade.jpg');
    width: 23px;
    height: 641px;
}

/* Uutiset sivu */
.NewsPageItem
{
    width: 100%;
    /*padding-bottom: 10px;*/
    margin-bottom: 18px;
    border-bottom: dotted 1px #000000;
    cursor: pointer;
    text-decoration: none;
}

.NewsPageItem p:hover
{
    text-decoration: underline;
}

.NewsPageItem img
{
    text-decoration: none;
    width: 80px;
    margin-left: 20px;
    margin-bottom: 20px;
    float: right;
    border: none;    
}

.NewsPageItem a
{
    text-decoration: none;
    cursor: pointer;
}

.NewsPageItem .Header
{
    font-family: Arial, Verdana;
    font-weight: bold;
    font-size: 11px;
    color: #4c4c4c;
    float:left;
    text-decoration: none !important;
}

.NewsPageItem .Date
{
    font-family: Arial, Verdana;
    font-weight: normal;
    color: #a6a5a5;
    float:left;
    margin: 0px;
    text-decoration: none !important;
    width: 100%;
    margin-bottom: 10px;
    
}

.NewsPageItem p
{
    margin-top: 15px;
    font-family: Arial, Verdana;
    font-weight: normal;
    font-size: 11px;   
}

.ReadMore
{
    width: 62px !important;
    height: 12px !important;
    float:left !important;
    margin:0px !important;
}

/*.NewsPageItem span
{
    FONT-family: Verdana, Arial, Tahoma !important;
    TEXT-DECORATION: none !important;
    COLOR: #4182ab !important;
}

.NewsPageItem span:hover
{
    FONT-family: Verdana, Arial, Tahoma !important;
    TEXT-DECORATION: underline !important;
    COLOR: #00568d !important;
}*/


.ReferenceItem
{
    width: 415px;
    height: 123px;
}

.ReferenceItem a
{
    text-decoration: none;
}

.CarouselButtonArea 
{
    cursor:pointer;
}

#ContentPageArea
{
    background-image:url("/Content/Images/ContentPage/BottomRepeatBg.jpg");
    background-repeat:repeat-y;
    background-position:left; 
    float:left;
}

#ContentPageArea #Top
{
    background-image:url("/Content/Images/ContentPage/TopBg.jpg");
    background-repeat:no-repeat;
    width: 926px;
    height: 43px;    
}

#ContentPageArea #Bottom
{
    clear:both;
    background-image:url("/Content/Images/ContentPage/BottomBarBg.jpg");
    background-repeat:no-repeat;
    width: 926px;
    height: 25px;    
}

#ContentPageArea #LeftMargin
{
    width: 583px;
    background-image: url('/Content/Images/ContentPage/ContentTopBg.jpg');
    background-repeat:repeat-x;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    min-height:641px;
    height:auto !important;
    height:641px;
    float: left;
}

#ContentPageArea #LeftMargin #TopControls
{
    width: 582px;
    height: 36px;
    margin-top: 7px;
}

#ContentPageArea #LeftMargin #TopControls #ZoomIn
{
    width: 26px;
    height: 28px;
    background-image:url('/Content/Images/ContentPage/ContentZoomIn.png');
    background-repeat:no-repeat;
    cursor:pointer;
    float: right;
    margin: 8px 11px 0px 0px;
}

#ContentPageArea #LeftMargin #TopControls #ZoomOut
{
    width: 24px;
    height: 25px;
    background-image:url('/Content/Images/ContentPage/ContentZoomOutInActive.png');
    background-repeat:no-repeat;
    cursor:pointer;
    float: right;
    margin: 11px 11px 0px 0px;
}

#ContentPageArea #LeftMargin #Content
{
    margin: 0px 36px 30px 37px;
}

#ContentPageArea #LeftMargin #ContactContent
{
    margin:0 17px 30px 37px;
}

#ContentPageArea #LeftMargin #BottomControls
{
    width: 582px;
    height: 10px;
    margin-bottom: 31px;
    margin-top: 36px;
}

#ContentPageArea #LeftMargin #BottomControls a,
#ContentPageArea #LeftMargin #BottomControls img
{
    text-decoration: none;
    border: none;
}

#ContentPageArea #LeftMargin #BottomControls .ButtonFirst
{
    height: 15px;
    line-height: 0px;
    float: left;
    cursor: pointer;
    margin-left: 39px;
}

#ContentPageArea #LeftMargin #BottomControls .Button
{
    height: 15px;
    line-height: 0px;
    float: left;
    cursor: pointer;
}

#ContentPageArea #LeftMargin #BottomControls .Button span,
#ContentPageArea #LeftMargin #BottomControls .ButtonFirst span
{
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #4182ab;
    line-height: 13px;
    margin-left: 5px;
    margin-bottom: 2px;
    float: left;
}

#ContentPageArea #LeftMargin #BottomControls .Button:hover,
#ContentPageArea #LeftMargin #BottomControls .ButtonFirst:hover
{
   text-decoration: underline;
   color: #4182ab;
}

#ContentPageArea #RightMargin
{
    width: 319px;
    background-image: url('/Content/Images/ContentPage/RightMarginBg.jpg');
    background-repeat:no-repeat;
    background-position:left top;
    background-color: #ffffff;
    min-height:641px;
    height:auto !important;
    height:641px;
    float: left;
}

#RightMargin .ContactBox
{
    float:left;
    height:197px;
    width:299px;
    overflow:hidden;
}

#RightMargin .ContactBox .Content
{
     margin:30px 12px 0px 30px;
}

#RightMargin .ContactBox a
{
    text-decoration: none;
}

#RightMargin .ContactBox .Content img
{
    border: none;
}

#RightMargin .NewsBox
{
    float:left;
    height:444px;
    width:298px;
}

#RightMargin .NewsBox .Content
{
    height:387px;
    line-height:19px;
    margin:34px 20px 25px 34px;
   /* overflow:hidden; */
    width:244px;
    position:absolute;
}

.SearchResult_1
{
    font-family: Arial, Verdana;
    font-size: 11px;
    color: #3E3E3E;
}

.SearchResult_2
{
    font-family: Arial, Verdana;
    font-size: 14px;
    color: #3E3E3E;
}

.SearchResult_3
{
    font-family: Arial, Verdana;
    font-size: 16px;
    color: #3E3E3E;
}

.SearchResult a
{
    color: #3E3E3E;
}



