*
{
    margin: 0;
    padding: 0;
}

body
{
    background-color: #338bf7;
    background-image: url("../images/bodyback.png");
    background-repeat: repeat-x;    
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, "Trebuchet MS", Helvetica, Sans-serif;
    color: #606060;
    padding-bottom: 50px;
    font-size: 12px;
}

h1, h2, h3, h4, h5
{
    color: #8f1501;
    font-weight: normal;    
    margin-top: 5px;
    margin-bottom: 10px;
}

h1 {    font-size: 24px;    }
h2 {    font-size: 20px;    }
h3 {    font-size: 18px;    }
h4 {    font-size: 16px; color: #808080;    }
h5 {    font-size: 14px;    }

p
{
    margin-bottom: 15px;    
}

a
{
    text-decoration: none;  
    color: #891d02;
}

a img
{
    border: none;   
}

hr
{
    color: #DCDCDC;
    background-color: #DCDCDC;
    border-color: #DCDCDC;
    border: 0; 
    height:4px; 
}

li.MsoNormal {
  margin-left: 20px;
}

.hr{
    margin-top:25px;
    margin-bottom: 2px;
    height: 2px;
    background-color: #DCDCDC;
    
    }

#maintop
{
    width: 980px;
    height: 88px;   
    margin:0 auto;
    margin-top: 0px;
    background-image: url("../images/maintop.jpg");
    background-repeat: no-repeat;   
    background-position: center bottom;
    color: #ffffff;
    text-align: right;
    position: relative;
}

#maintop a
{
    color: #ffffff; 
}

#headerlinks
{
    float: right;
    /*padding-top: 4px;*/
    padding-right: 5px;
}

#headerlinks a
{
    padding-left: 24px;
}

#toplink_etusivu
{
    background-image: url("../images/topicon_etusivu.gif");
    background-repeat: no-repeat;   
    background-position: 5px 2px;   
}

#toplink_mail
{
    background-image: url("../images/topicon_email.gif");
    background-repeat: no-repeat;   
    background-position: 3px 2px;   
}

#toplink_media
{
    background-image: url("../images/topicon_media.gif");
    background-repeat: no-repeat;   
    background-position: 5px 2px;       
}

#langmenu
{
    padding-right: 20px;    
    position: absolute;
    bottom: 7px;
    right: 0;
}

#langmenu a
{
    border: 0px 0px;
    padding: 0px 0px;
    margin: 0px 0px;
}

#langmenu a.hover_eng
{
    background-image: url("../images/langmenu/en-hover.png");
}

#langmenu a.hover_fi
{
    background-image: url("../images/langmenu/fi-hover.png");
}

#langmenu a img
{
    border: 0;  
}

#langmenu img
{
    border: 0px 0px;
    padding: 0px 0px;
    margin: 0px 0px;
}

#container
{
    width: 980px;   
    margin:0 auto;
    background-image: url("../images/mainback.png");
    background-repeat: repeat-y;
    background-position: center top;    
}

#innercontainer
{
    width: 960px;
    background-image: url("../images/mainfade.png");
    background-repeat: repeat-x;    
    margin: 0px 10px 0px 10px;  
}

#sidebar
{
    width: 240px;
    float: left;
}

#submenu
{
    list-style-type: none;  
    margin-left: 10px;
    margin-top: 30px;
    text-align: right;
    margin-bottom: 50px;
}

#submenu li
{
    width: 220px;
    margin-right: 10px;
    margin-bottom: 1px;
}

#submenu li a
{
    display: block;
    height: 40px;
    background-image: url("../images/submenu-hoverback.jpg");
    background-repeat: no-repeat;
    line-height: 36px;
    text-decoration: none;
    color: #8f1501;
    font-size: 14px;
    padding-right: 40px;
}

#submenu li a:hover
{
    background-position: 0 -40px;   
    color: #4f0000;
}

#refshuffle
{
    margin-left: 5px;
    width: 230px;
    height: 240px;
    background-image: url("../images/refcards.png");
    background-repeat: no-repeat;
    overflow:hidden;
}

#refshuffle img
{
    border: 10px solid #ffffff; 
    margin: 20px;
    margin-left: 15px;
    height: 180px;
    width: 180px;
}

#refshuffle div
{
    margin: 20px;
    margin-left: 15px;
    width: 180px; 
    height: 180px; 
    border: 10px solid #ffffff; 
    background-color:#ffffff;   
}

#main
{
    text-align: left;
    float: right;
    width: 720px;
}

#navi
{
    background-image: url("../images/naviback.jpg");
    background-repeat: no-repeat;   
    background-position: center bottom;
    width: 710px;
    height: 70px;
}

#mainmenu
{
    list-style-type: none;  
    float: right;   
    margin-right: 10px;
    font-size: 16px;
    position: relative;
}

#mainmenu li
{
    float: left;
    height: 70px;
    position: relative;
    background-color: #000000;
}

#mainmenu li a
{
    color: #ffffff;
    text-decoration: none;  
    display: block;
    padding: 25px 20px 25px 20px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 1px;
    float: left;
    background-image: url("../images/mainmenu-hoverback.jpg");
    background-repeat: repeat-x;    
    background-position: 0px 0px;
}

#mainmenu li a:hover
{
    
}

#content ul{    
    margin-left:20px;
    }

#headerpic-container
{
    background-color: #ececec;  
    width: 710px;
    margin-top: 12px;
    margin-bottom: 24px;
    background-image: url("../images/headerpic-bottom.gif");
    background-repeat: no-repeat;   
    background-position: center bottom;
}


#headerpic-container-in
{   
    background-image: url("../images/headerpic-top.gif");
    background-repeat: no-repeat;   
    background-position: center top;
    padding: 5px;
    position: relative;
}

#slogan_text
{
    position: absolute;
    top: 150px;
    left: 260px;
    font-size: 24px;
    font-style: italic; 
    color: #ffffff;
    display: none;
}

#slogan_name
{
    font-size: 18px;
    font-style: italic; 
    position: absolute;
    top: 120px;
    left: 360px;
    color: #ffffff;
    display: none;
}

.column350
{
    width: 350px;
    background-color: #ffffff;
    background-image: url("../images/column350bottom.gif");
    background-repeat: no-repeat;   
    background-position: center bottom; 
    margin-bottom: 10px;    
    float: left;
}

.column350.rightmargin
{
    margin-right: 10px; 
}

.column350in
{
    width: 310px;
    background-image: url("../images/column350top.gif");
    background-repeat: no-repeat;   
    background-position: center top;        
    padding: 5px 20px 30px 20px;
}

.column350in.items
{
    width: 340px;
    background-image: url("../images/column350top.gif");
    background-repeat: no-repeat;   
    background-position: center top;        
    padding: 5px 5px 30px 5px;
}

.column350in p
{
    line-height: 20px;  
}

.column710
{   
    width: 710px;
    background-color: #ffffff;
    background-image: url("../images/column710bottom.gif");
    background-repeat: no-repeat;   
    background-position: center bottom; 
    margin-bottom: 10px;    
    float: left;
}

.column710 ul
{   
    margin-left: 15px;
}


.column710in
{
    width: 670px;
    background-image: url("../images/column710top.gif");
    background-repeat: no-repeat;   
    background-position: center top;        
    padding: 5px 20px 30px 20px;
}

.item
{
    background-image: url("../images/itemback.gif");
    background-repeat: repeat-x;    
    background-position: center top;    
    height: 60px;
}

.itemin
{
    background-image: url("../images/itemright.gif");
    background-repeat: no-repeat;   
    background-position: right top; 
    height: 60px;
}

.itemin2
{
    background-image: url("../images/itemleft.gif");
    background-repeat: no-repeat;   
    background-position: left top;  
    height: 60px;
}

.itemin2 .itempic
{
    padding-top: 10px;
    margin-left: 15px;  
    float: left;
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: inline;
}

.itemin2 .itemtitle
{
    display: block;
    padding-top: 9px;
    margin-left: 70px;  

    font-size: 16px;
}

.itemin2 .itemdesc
{
    display: block;
    padding-top: 1px;
    margin-left: 15px;  
    float: left;
    font-size: 12px;
    color: #a8a8a8;
}

a.seemore
{
    display: block;
    float: right;
    width: 131px;
    padding-left: 20px;
    height: 40px;
    background-image: url("../images/seemore-back.gif");
    background-repeat: no-repeat;   
    background-position: right top;
    font-size: 16px;
    margin-top: 10px;
    line-height: 36px;
}

a.seemore:hover
{
    background-position: right -40px;
    color: #4f0000;
}

#yhteystieto_footer
{
    margin: 0px 10px 0 10px;
    padding: 10px 10px 10px 10px;
    color: #808080;
    float: left;
}

#footer
{   
    background-image: url("../images/mainbottom.png");
    background-repeat: no-repeat;   
    background-position: center top;
    width: 980px;
    margin:0 auto;
    padding-top: 20px;
    font-size: 12px;
    color: #304070;
}

#preview
{
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 1000;
    width: 384px;
    background-image: url("../images/preview-top.png");
    background-repeat: no-repeat;   
    background-position: center top;    
    text-align: left;   
    display: none;
    color: #ffffff;
}

#preview h1, #preview h2, #preview h3, #preview h4, #preview h5
{
    color: #ffffff;
}

#previewpadding
{
    padding: 20px 20px 30px 70px;
    min-height: 140px;
}

#previewbottom
{
    margin-bottom: -18px;
    width: 384px;
    height: 18px;
    background-image: url("../images/preview-bottom.png");
    background-repeat: no-repeat;   
    background-position: right bottom;      
}