@charset "iso-8859-1";

/* GENERIC */

div,
div img 
{
   padding:0;
   margin:0;
}

p
{
    margin: 0;
    padding: 0;
    margin-top: 12px;      
}

img
{
    border: 0;
}

.guillotine
{
    clear: both;
    height: 0px;
    line-height: 0px;
}

a,
a:visited,
a:active,
a:hover
{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #ff2f04;
	font-weight: bold;
}

a:hover
{
    text-decoration: underline;
}

h1,
.otsikko14px,
.otsikko
{ 
    margin-top: 10px;        
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-family: Georgia, serif;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #ff2f04;	
	line-height: 20px;	
}

h1 span.black
{
    font-family: Verdana, Arial, Helvetica, sans-serif;     
    font-size: 12px;    
	font-weight: bold;
	text-transform: none;	
	color: #000000;
}

.otsikko12px
{
    margin-top: 12px;     
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #000000;    
}

body
{
    background-color: #06315f; /* 002251; */
    font-size: 12px;      
    font-family: Verdana, Arial, sans-serif; 
    color: #000000;
    margin-top: 0;
/*	background-position: top left;
	background-repeat: repeat-x;  */  
}

/* BASIC STRUCTURE */

div#container
{
    margin-top: 0;
    padding: 0;
    background-color: #06315f;
    width: 979px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;   
}

div#content
{
    margin: 0;
    padding: 0;
    margin-left: 40px;  
    background: #ffffff;
    text-align: left;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    font-size: 12px;     
    font-family: Verdana, Arial, sans-serif;    
    width: 897px;
}

div#branding
{
    margin-top: 0;
    padding: 0;
    margin-left: 40px;    
    text-align: left;
    padding-top: 12px;
    width: 899px;    
}

div#content div.slogan
{
    float: right;
    margin-top: 70px;
    margin-right: 20px;
    width: 140px;
}

div#siteinfo
{
    margin-top: 0;
    padding: 0;
    margin-left: 40px;  
    text-align: left;     
    width: 899px;     
    clear: both;
    height: 40px; 
    color: #ffffff;
} 



/* SHADOW */

div#content-container
{
    background-color: none;    
    background-image: url('http://www.linnanmaki.fi/easydata/customers/linnanmaki2006/templates/gfx/yritys08-tausta-keskivarjo.gif');
    background-position: center center;
    background-repeat: repeat-y;
}

div#branding-container
{
    background-color: none;
	background-position: bottom center;
	background-repeat: no-repeat;   
	background-image: url('http://www.linnanmaki.fi/easydata/customers/linnanmaki2006/templates/gfx/yritys08-tausta-ylavarjo.gif');
}

div#siteinfo-container
{
    background-color: none;
	background-position: top center;
	background-repeat: no-repeat;   
	background-image: url('http://www.linnanmaki.fi/easydata/customers/linnanmaki2006/templates/gfx/yritys08-tausta-alavarjo.gif');
}



/* TOPNAV */

div#branding div.topnav
{
    height: 26px;
    border-bottom: 1px solid #ffffff;
    width: 869px;   
    padding-right: 30px; 
}

div#branding div.topnav div
{
    display: block;
    float: right;
    padding: 1px 1px 0px 1px; 
/*    background-color: #ffffff;  */
    margin-left: 8px;      
    /* width: 140px; */
    text-align: center;
}

div#branding div.topnav div a
{
    display: block;
    /* background-color: #002144; */ /* e4f7fb */
/*    border-top: 1px solid #a50000;   */ 
    height: 18px;
    color: #ffffff;
    padding: 5px 20px 0px 20px;                 
    text-decoration: none;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em; 
}



/* CONTENT */

div#content div.topimage
{
    height: 280px;
    background-image: url('http://www.linnanmaki.fi/easydata/customers/linnanmaki2006/templates/gfx/yritys08-ylabanneri.jpg');
}


div#content div#logo
{
    margin-left: 327px;
    padding-top: 15px;
    height: 60px;
/*    width: 300px; */
}

div#content div#logo div#puisto
{
    padding: 36px 32px 0px 24px;
    float: left;
}

div#content div#logo div#pallot
{
    padding-top: 24px;
    float: left;
}

div#content div#logo div#paivamaara
{
    float: right;
    padding: 12px 30px 0px 0px;
    color: #ffd000;    
    font-weight: bold;
}

div#content div#content-main
{
    float: left;
    line-height: 16px;
    width: 360px;
    padding: 8px 10px 20px 16px;
    margin-bottom: 12px;
}    

body.laskeutumis div#content div#content-main
{
    width: 460px;    
    padding-top: 20px;
}

div#content div#left
{
    float: left;
    width: 206px;
    padding: 0;
    font-size: 11px;   
    padding-top: 16px;  
}

body.laskeutumis div#content div#left
{
    margin-top: 6px;  
    width: 40px;    
}

div#content div#right
{
    float: right;
    padding: 0;
    width: 272px;
    padding: 16px 18px 0px 0px;
}

body.laskeutumis div#content div#right
{
    float: left;
    padding: 20px 18px 0px 18px;    
}

div#content div#right img
{
    border: 1px solid #403a52;
} 

body.levea div#content div#content-main
{
    width: 600px;
}

body.levea div#content div#right
{
    width: 75px; 
}




/* TARJOUS */

table.tarjous
{
    background-color: #d7f1f9;
    padding: 0px 20px 0px 15px;
 /*   margin-left: -15px; */
}




/* MENU */

/* NOT STYLED! */

div#content div#nav
{
    width: 170px;
    margin-left: 18px;
    margin-right: 24px;   
    margin-top: 0px;
}

body.laskeutumis div#content div#nav
{
     width: 1px;
     height: 1px;
}

div#content div#nav div.sidemenu
{
    margin: 0;
    padding: 0;    
    list-style-type: none;
    border: none;
    /* margin-top: 6px; */
}

div#content div#nav div.sidemenu div.yla
{   
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
    padding: 6px 6px 6px 4px;
    /*  repeat-x top left */  
    background-color: #06315f;
    text-transform: none; 
    font-size: 11px;
 
}

div#content div#nav div.sidemenu div.yla a
{
    padding-left: 18px;    
	color: #ffe565; 
    text-decoration: none;  
    background: url('http://www.linnanmaki.fi/easydata/customers/linnanmaki2006/templates/gfx/yritys08-navi-bullet.gif') no-repeat; 
    background-position: 3px 3px; 
    display: block;    
} 

div#content div#nav div.sidemenu div.yla a:hover
{
	color: #fedf43;
    text-decoration: underline;  
}

div#content div#nav div.sidemenu div.ala
{
    margin: 0;
    padding: 0; 
/*    margin-top: 3px;   */
    background: none; 
	color: #000000;
    font-size: 11px;
    text-transform: none; 
    list-style: none;
/*    background-color: #182140; */
}

div#content div#nav div.sidemenu div.level2 a
{
    margin-left: 16px;
}

div#content div#nav div.sidemenu div.level3 a
{
    margin-left: 26px;
}

div#content div#nav div.sidemenu div.level4 a
{
    margin-left: 34px;
}

div#content div#nav div.sidemenu div.ala a
{
    padding: 1px 2px 4px 18px;
    color: #06315f;
    background: url('http://www.linnanmaki.fi/easydata/customers/linnanmaki2006/templates/gfx/valo08-navi-pikkubullet.gif') no-repeat; 
    background-position: 4px 8px;
    text-decoration: none;
    display: block;
    line-height: 16px;
}

div#content div#nav div.sidemenu div.ala a:hover
{
    color: #fedf43;
    text-decoration: underline;
}















