@charset "UTF-8";


/**
 * general styles
 */
table   { border-collapse:collapse; }
p       { padding:0; margin:0;      }
img     { border:none !important;   }

/**
 * layout basics
 */
body { color       : #333333
     ; font-size   : 10px
     ; font-family : Verdana, Arial, Helvetica, sans-serif
     ; padding     : 0
     ; margin      : 0
     ; background  : #C85F2F url(/img/back_low.jpg) no-repeat top center
     ;
     }
        
a:              { color: #B43E18; text-decoration: none;      }
a:link          { color: #B43E18; text-decoration: none;      }
a:visited       { color: #B43E18; text-decoration: none;      }
a:hover         { color: #D55023; text-decoration: underline; }
a:active        { color: #B43E18; text-decoration: none;      }

h1              { color: #A13917; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif;         }
h2              { color: #FFFFFF; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif;         }
h3              { color: #FFFFFF; font-weight: bold; font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; }

.style14        { color: #D44D20; }
.style19        { color: #FFFFFF; }
.style20        { color: #F7D3C8; }
    
div#frame       { width:936px; margin      : 0 auto;                                    }
div#header      { width:936px; padding-top : 36px;                                      }
div#footer      { width:936px; height      : 140px; background  : url(../img/alaosa.gif) no-repeat top left  }
div#mcontent    { width:904px; padding     : 16px;                                      }

div.mcontent_like { width:920px; padding:8px; background-color:#FFFFFF; }
.noformat         { border-collapse:collapse; padding:0; margin:0; }
.noformat td, 
.noformat th      { padding:0; }

div.etusivu     { background: url(/img/etusivu_bg.gif) no-repeat top left;  }

div.mv  { padding-left : 161px
        ; width        : 601px
        ; 
        }
div.display_error   { width            : 100%
                    ; background-color : #f0f0f0
                    ; color            : #DD0000
                    ;
                    }
table.altrow    { width : 100%
                ;
                }
table.altrow td { background-color : #e9e9e9
                ; font-weight      : bold
                ; padding          : 6px
                ;
                }
td.mv_leftcol   { width : 204px
                ; 
                }
td.altrow_even  { background-color : #f0f0f0 !important
                ;
                }
                
/**
 * ui
 */
div#nav_top     { position      : absolute
                ; z-index       : 10
                ; top           : 0px
                ; left          : auto
                ; right         : auto
                ; width         : 928px
                ; padding-right : 8px
                ; text-align    : right
                ; height        : 36px
                ; background    : #000 url(/img/nav_top_bg.jpg) no-repeat top left 
                ;
                }
div#nav_pri     { position:absolute; z-index:10; top: 228px; left: auto; right:auto; width:696px; height:49px;  } /* width:936px;*/

div#nav_sec             { color          : #F7D3C8
                        ; font-weight    : bold
                        ; font-size      : 12px
                        ; position       : relative
                        ; width          : 916px
                        ; padding        : 5px 8px 0 12px
                        ; height         : 62px
                        ; background     : #fff url(/img/matka_navi.gif) no-repeat top center
                        ; 
                        }
span.tour_links         { /*display        : block*/
                        ; padding-top    : 2px;
                        ;
                        }
                        
div#nav_sec a,
div#nav_sec a:link      { color: #F7D3C8; text-decoration: none; }
div#nav_sec a:visited   { color: #F7D3C8; text-decoration: none; }
div#nav_sec a:hover     { color: #FFFFFF; text-decoration: none; }
div#nav_sec a:active    { color: #DDDDDD; text-decoration: none; }

div#footer_links   { width          : 400px
                   ; float          : left
                   ; vertical-align : top
                   ; padding-top    : 15px
                   ; padding-left   : 40px
                   ;
                   }
div#footer_links_l { width : 278px
                   ; float : left
                   ;
                   }

/**
 * 2 columns
 */
table td#col_left   { width          : 498px
                    ; padding        : 0
                    ; padding-right  : 33px 
                    ; vertical-align : top
                    ;
                    }
table td#col_right  { width   : 340px
                    ; padding : 0 
                    ; vertical-align : top
                    ;
                    }

/**
 * buttons
 */
a.nav_btn { width               : 83px
          ; height              : 0px
          ; padding-top         : 49px
          ; overflow            : hidden
          ; float               : left
          ; background-position : 0 0
          ; cursor              : pointer
          ; text-decoration     : none !important 
          ;
          }
          
a.pri_nav_btn           { }
a.pri_nav_btn:hover     { background-position:0 -49px !important; text-decoration:none !important; }
a.pri_nav_btn:active    { background-position:0 -98px !important; text-decoration:none !important; }

a.top_nav_btn        { padding-top: 36px !important; float:right;       }
a.top_nav_btn:hover  { background-position:0 -36px !important; text-decoration:none !important; }
a.top_nav_btn:active { background-position:0 -72px !important; text-decoration:none !important; }

a#pri_kookos_home                   { width:47px;  background:url(/img/btn/pri_kookos_home_01.gif)          no-repeat; }
a#pri_kookos_festarimatkat          { width:201px; background:url(/img/btn/pri_kookos_festarimatkat.gif)    no-repeat; }
a#pri_kookos_laskettelumatkat       { width:229px; background:url(/img/btn/pri_kookos_laskettelumatkat.gif) no-repeat; }
a#pri_kookos_muut_reissut           { width:189px; background:url(/img/btn/pri_kookos_muut_reissut.gif) no-repeat;     }

a#top_kookos_matkanvaraus           { width:132px; background:url(/img/btn/top_kookos_matkanvaraus.gif)         no-repeat;  }
a#top_kookos_mika_on_jookoskookos   { width:240px; background:url(/img/btn/top_kookos_mika_on_jookoskookos.gif) no-repeat;  }
a#top_kookos_the_club               { width:94px;  background:url(/img/btn/top_kookos_the_club.gif)             no-repeat;  }
a#top_kookos_login                  { width:75px;  background-color:#000; /*background:url(/img/btn/top_kookos_login.gif)                no-repeat; */ }