/** General **/

body
{
    margin: 0;
    padding: 0;
    background: #f0f0f0;
    font-family: Georgia, Times, serif;
    font-size: 11px;
}

a
{
    color: #ed0f1a;
    text-decoration: none;
}

h3
{
    font-size: 1.0em;
    font-weight: bold;
}

h4
{
    margin: 7px 0 0 0;
    color: #9d9d9d;
    font-family: Georgia, Times, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

img
{
    border: none;
}

object,
object:focus
{
    outline: none;
}

td
{
    vertical-align: top;
}

.clear
{
    clear: both;
}


/** Wrapper **/

div#wrapper
{
    width: 774px;
    margin: 0 auto 0 auto;
    padding: 10px 0 20px 0;
}


/** Header **/

div#header
{
    width: 100%;
    padding-bottom: 10px;
}

div#language-selection
{
    display: block;
    float: right;
    color: #9d9d9d;
    text-align: right;
    padding: 11px 5px 3px 5px;
    font-size: 10px;
}

div#language-selection span
{
    padding: 0px 7px 0px 7px;
    background: transparent url(../images/menu_bg_language.gif) no-repeat center 2px;
}

div#menu-area
{
    display: none;
    padding-top: 5px;
    float: right;
    margin-left: 10px;
}

div#menu-area select#menu
{
    border: 1px solid #e0e0e0;
    font-family: Georgia, Times, serif;
    font-size: 11px;
}

div.header-divider
{
    clear: both;
    width: 100%;
    height: 1px;
}


/** Content frame **/

div#content-frame
{
    width: 100%;
}


/** Print **/

div#print
{
    margin: 40px 20px 0 20px;
    padding: 15px 5px 0 0;
    background: transparent url(../images/header_divider.gif) repeat-x top;
    text-align: right;
}

div#print a
{
    color: #292929;
    padding: 0px 10px 0 0;
    background: transparent url(../images/submenu1_arrow.gif) no-repeat center right;
}

div#print a:hover
{
    color: #ea1218;
}


/** Left-side small content box (250px) **/

div#content-left-250, div#content-middle-250
{
    float: left;
    width: 252px;
    margin-right: 8px;
    padding: 30px 0 0 0;
    background: #ffffff url(../images/content_box_250_top.gif) no-repeat top left;
}

div#content-left-250 div#logo
{
    margin: 0 20px 0 20px;
}

ul#submenu1
{
    margin: 50px 20px 0 20px;
    padding: 0;
    list-style: none;
}

ul#submenu1 li
{
    display: block;
    margin-bottom: 4px;
}

ul#submenu1 li a
{
    color: #292929;
    padding: 0 10px 0 0;
    background: transparent url(../images/submenu1_arrow.gif) no-repeat center right;
}

ul#submenu1 li a:hover
{
    color: #ea1218;
}

ul#submenu1 li.selected a
{
    color: #ea1218;
}

ul#submenu1 li.selected a:hover
{
}

div#content-left-250 div.content-box-end,
div#content-middle-250 div.content-box-end,
div#content-right-250 div.content-box-end
{
    clear: both;
    width: 252px;
    height: 6px;
    margin-top: 15px;
    background: transparent url(../images/content_box_250_bottom.gif) no-repeat bottom left;
}


/** Right-side small content box (250px) **/

div#content-right-250
{
    float: right;
    width: 252px;
    padding: 65px 0 0 0;
    background: #ffffff url(../images/content_box_250_top.gif) no-repeat top left;
}


/** Right-side big content box (510px) **/

div#content-right-510
{
    float: right;
    width: 513px;
    padding: 25px 0 0 0;
    background: #ffffff url(../images/content_box_510_top.gif) no-repeat top left;
}

div#content-right-510 h1, div#content-middle-250 h1
{
    margin: 0 20px 5px 20px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
}

div#content-right-510 div.divider
{
    clear: both;
    margin: 0 20px 0 20px;
    width: 470px;
    height: 1px;
    background: transparent url(../images/divider.gif) repeat-x;
}

div#content-right-510 select#submenu2, div#content-middle-250 select#submenu2
{
    margin: 10px 20px 5px 20px;
    border: 1px solid #e0e0e0;
    font-family: Georgia, Times, serif;
    font-size: 11px;
}

div#content-right-510 h2, div#content-middle-250 h2, div#content-right-250 h2
{
    margin: 0;
    padding: 10px 0 10px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    font-family: Georgia, Times, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #6a6a6a;
}

div.content-box
{
    padding-top: 5px;
}

div#content-right-510 div.content-box, div#content-middle-250 div.content-box, div#content-right-250 div.content-box
{
    margin: 0 20px 0 20px;
    line-height: 1.5;
}

div#content-right-510 div.content-box table tbody tr td
{
    padding: 4px;
}

div#content-right-510 div.content-box-end
{
    clear: both;
    width: 513px;
    height: 6px;
    margin-top: 15px;
    background: transparent url(../images/content_box_510_bottom.gif) no-repeat bottom left;
}


div#content-middle-250 div.divider
{
    clear: both;
    margin: 0 20px 0 20px;
    width: 210px;
    height: 1px;
    background: transparent url(../images/divider.gif) repeat-x;
}


div#content-middle-250 div.flash
{
    margin: 10px 20px 10px 20px;
}


div#content-right-250 div.content-box
{
    line-height: 1.2;
}

/** Top menu ***********************************************/

div#menu-top
{
    float: left;
    padding: 5px 0px 0px 0px;
    background: transparent url(../images/menu_bg_finnish.gif) no-repeat left 13px;
}

div#menu-top.english
{
    background: transparent url(../images/menu_bg_en.gif) no-repeat 1px 13px;
}

div#menu-top ul
{
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

div#menu-top ul li
{
    float: left;
}

div#menu-top ul li a
{
    display: block;
    float: left;
    margin-left: -1px;
    background: transparent url(../images/menu_top.gif) no-repeat;
}

div#menu-top ul li.suomeksi a               { width: 92px;  height: 33px; background-position: -6px -11px; }
div#menu-top ul li.suomeksi a:hover         { background-position: -6px  -61px; }
div#menu-top ul li.suomeksi a.active        { background-position: -6px -111px; }

div#menu-top ul li.elokuvat a               { width: 104px; height: 33px; background-position: -127px -11px; }
div#menu-top ul li.elokuvat a:hover         { background-position: -127px  -61px; }
div#menu-top ul li.elokuvat a.active        { background-position: -127px -111px; }

div#menu-top ul li.televisio a              { width: 102px;  height: 33px; background-position: -1283px -11px; }
div#menu-top ul li.televisio a:hover        { background-position: -1283px  -61px; }
div#menu-top ul li.televisio a.active       { background-position: -1283px -111px; }

div#menu-top ul li.uutiset a                { width: 93px;  height: 33px; background-position: -260px -11px; }
div#menu-top ul li.uutiset a:hover          { background-position: -260px  -61px; }
div#menu-top ul li.uutiset a.active         { background-position: -260px -111px; }

div#menu-top ul li.yhteystiedot a           { width: 88px; height: 33px; background-position: -382px -11px; }
div#menu-top ul li.yhteystiedot a:hover     { background-position: -382px  -61px; }
div#menu-top ul li.yhteystiedot a.active    { background-position: -382px -111px; }

div#menu-top ul li.english a                { width: 112px;  height: 33px; background-position: -601px -11px; }
div#menu-top ul li.english a:hover          { background-position: -601px  -61px; }
div#menu-top ul li.english a.active         { background-position: -601px -111px; }

div#menu-top ul li.films a                  { width: 76px;  height: 33px; background-position: -740px -11px; }
div#menu-top ul li.films a:hover            { background-position: -740px  -61px; }
div#menu-top ul li.films a.active           { background-position: -740px -111px; }

div#menu-top ul li.television a             { width: 111px;  height: 33px; background-position: -1144px -11px; }
div#menu-top ul li.television a:hover       { background-position: -1144px  -61px; }
div#menu-top ul li.television a.active      { background-position: -1144px -111px; }

div#menu-top ul li.news a                   { width: 76px;  height: 33px; background-position: -885px -11px; }
div#menu-top ul li.news a:hover             { background-position: -885px  -61px; }
div#menu-top ul li.news a.active            { background-position: -885px -111px; }

div#menu-top ul li.contact a                { width: 96px; height: 33px; background-position: -1008px -11px; }
div#menu-top ul li.contact a:hover          { background-position: -1008px  -61px; }
div#menu-top ul li.contact a.active         { background-position: -1008px -111px; }

div#menu-top ul li a span
{
    display: none;
}

/** Footer ******************************************/

div#footer
{
    padding: 0px 0px 12px 0px;
    background: transparent url(../images/page_footer.gif) no-repeat left bottom;
    color: #807f7f;
    font-size: 0.9em;
}

div#footer div.box
{
    padding: 15px 22px 0px 22px;
    background: transparent url(../images/page_footer.gif) no-repeat left top;
}

div#footer div.box div.address
{
    height: 32px;
    white-space: nowrap;
}

div#footer div.box div.address span
{
    padding: 0px 14px 0px 13px;
    color: #d8d8d8
}

div#footer div.box ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

div#footer div.box ul li
{
    position: relative;
    float: left;
    z-index: 3;
}

div#footer div.box ul li a
{
    display: block;
    float: left;
    padding: 4px 0px 4px 0px;
    width: 120px;
}

div#footer div.box ul li div.tip
{
    position: absolute;
    width: 296px;
    height: 124px;
    left: -110px;
    top: -125px;
    background: transparent url(../images/page_footer_tip.gif) no-repeat left top;
    color: #000000;
    z-index: 4;
    font-size: 1.1em; 
}

div#footer div.box ul li div.tip div
{
    padding-left: 100px;
    height: 115px;
    background-position: 15px center;
    background-repeat: no-repeat;
}

div#footer div.box ul li div.tip span.name
{
     display: block;
     padding: 15px 0px 1px 0px;
     text-transform: uppercase;
}

div#footer div.box ul li div.tip span.title
{
     display: block;
     color: #8a8a8a;
}

div#footer div.box ul li div.tip span.phone
{
     display: block;
     padding: 10px 0px 2px 0px;
}

div#footer div.box ul li div.tip span.email
{
     display: block;
}


/** Home *******************************************/

div#home-flash
{
    position: relative;
    height: 100%;
    z-index: 1;
    clear: both;
}

div#home-footer
{
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 2;
}

div#home-footer div#footer
{
    width: 774px;
    margin: 0px auto 0px auto;
}