﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #f3f0eb;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000000;
    text-align:center;
}

.Tiedotteet
{
    height:150px;
    left:750px;
    overflow:hidden;
    position:relative;
    top:-80px;
    width:311px;


}

.Wrapper
{
    margin: 0 auto;
    text-align: left; 
    width: 1280px;
    height: 1024px;
    background-image: url("/Content/Images/Backgrounds/BodyBg.jpg");
    background-repeat: no-repeat;
}

.Logo
{
    cursor:pointer;
    height:100px;
    left:30px;
    position:relative;
    top:50px;
    width:325px;

}

.NaviMenu
{
    position:relative; 
    left: 215px;
    top: -5px;
    width: 185px;
}

.NaviMenu img {
border:medium none;
}

/*
.NaviMenu #imgMenu_0, .NaviMenu #imgMenu_1, .NaviMenu #imgMenu_2
{
    margin-bottom: 3px;

}
*/

.MenuItem
{
    float:left;


}

.WeDo
{
    width: 195px;
    height: 203px;
    position:relative;
    left: 12px;
    top: 195px;
}

.Missa_ja_Miksi_Content
{
    height:290px;
    left:567px;
    overflow:hidden;
    position:relative;
    width:370px;
    top: -150px;
}

.Missa_ja_Miksi_SubContent
{
    height:65px;
    left:955px;
    overflow:hidden;
    position:relative;
    top:-133px;
    width:237px;
   }



.Arvot_Content
{
    height:270px;
    left:673px;
    overflow:hidden;
    position:relative;
    top:-70px;
    width:370px;

   }

.Arvot_SubContent
{
    height:78px;
    left:1050px;
    overflow:hidden;
    position:relative;
    top:-59px;
    width:165px;
   }


.Valmennus_Content
{
    height:210px;
    left:790px;
    overflow:hidden;
    position:relative;
    top:-12px;
    width:372px;
   }

.Valmennus_SubContent
{
    height:122px;
    left:936px;
    overflow:hidden;
    position:relative;
    top:9px;
    width:274px;
   }

.Ammattitapahtumat_Content
{
    height:200px;
    left:662px;
    overflow:hidden;
    position:relative;
    top:-88px;
    width:370px;
 }

.Ammattitapahtumat_SubContent
{
    height:56px;
    left:1010px;
    overflow:hidden;
    position:relative;
    top:-60px;
    width:205px;
}


.Netti_Content
{
    height:240px;
    left:538px;
    overflow:hidden;
    position:relative;
    top:-101px;
    width:370px;
}

.Netti_SubContent
{
    height:85px;
    left:955px;
    overflow:hidden;
    position:relative;
    top:-81px;
    width:226px;
}

.Mainostoimisto_Content
{
    height:320px;
    left:565px;
    overflow:hidden;
    position:relative;
    top:-126px;
    width:411px; 
}

.Mainostoimisto_SubContent
{
    height:85px;
    left:963px;
    overflow:hidden;
    position:relative;
    top:-105px;
    width:290px;
}

/* REFERENSSIT */

.Referenssit_ContentWrapper
{
    height:577px;
    left:382px;
    overflow:hidden;
    position:relative;
    top:0px;
    width:761px;
}

.RefeHeader
{
   background-image: url("/Content/Images/HeaderRefe.png");
   background-repeat: no-repeat;
   width: 744px;
   padding-left: 17px;
   height: 36px;
   overflow: hidden;
   line-height: 36px;
}

.MainRefeActive
{
   font-family:Arial; 
   font-size: 15px;
   color: #666666;
   font-weight: bold;
   text-decoration: none;
   margin-right: 32px;
}

.MainRefe
{ 
   font-family:Arial; 
   font-size: 15px;
   color: #FFFFFF;
   font-weight: bold;
   margin-right: 32px;
}

.MainRefe:hover
{ 
   font-family:Arial; 
   font-size: 15px;
   color: #666666;
   font-weight: bold;
   text-decoration: none;
   margin-right: 32px;
}



.SubRefeMenu
{
    width: 700px;
    height: 50px;
    margin-left: 17px;
    margin-top: 5px;
    margin-bottom: 10px;

}

.SubRefeMenu div
{
    float:left;
}

.SubRefeLink
{
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    float:left;
    margin-top:3px;
}

.SubRefeLink:hover
{
 color: #666666;
 font-family: Arial;
 font-weight: bold;
 text-decoration:underline;
 float:left;
}

.SubRefeLinkActive
{
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    text-decoration:underline;
    float:left;
    margin-top: 3px;
}

.SubRefeLinkActive:hover
{
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    text-decoration:underline;
    float:left;
}

.SubRefeMenu span
{
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 10px;
    float:left;
    
}

.Referenssit_Content
{
    width: 657px;
    height: 475px;
    overflow:hidden;
    margin-left: 50px;
    margin-right: 50px;
}

.FrontpageText
{
    position:relative;
    left: 830px;
    width: 188px;
    top: -430px;
}

.FrontpageText p, h4, span
{
    float:left;
}

.PageNotFoundH2
{
    position:relative; 
    left: 390px;

}

/* FLASHIT */

.Pöllö
{
    left:387px;
    position:relative;
    top:110px;
    width:250px;

}

.Haskit
{
    left:338px;
    position:relative;
    top:104px;
    width: 350px;
    
}

.Puu
{
    left:316px;
    position:relative;
    top:182px;
    height: 146px;
    width: 304px;
    overflow:hidden;
}

.Linnut
{
    height:105px;
    left:341px;
    overflow:hidden;
    position:relative;
    top:-1px;
    width:295px;
}

.Missa
{
    height:154px;
    left:472px;
    overflow:hidden;
    position:relative;
    top:330px;
    width:150px;
}

.Etusivu
{
    height:157px;
    left:233px;
    overflow:hidden;
    position:relative;
    top:139px;
    width:111px;
}

/* ENNEN TIEDOTETTA 
.Etusivu
{
    height:157px;
    left:330px;
    overflow:hidden;
    position:relative;
    top:289px;
    width:111px;
}
*/