/*koodien oikeudet www.harjunhaukut.com*/

* { 
margin : 0;
padding : 0;
} 
body { 
background : url(kuvat/tausta.jpg) repeat;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
} 
#perus { 
background : url(kuvat/perustausta.jpg) repeat-y;
width : 893px;
margin : 10px auto 10px auto;
} 
#perus #header #otsikko { 
color : #ffffff;
font-family : Georgia, Times New Roman, Times, serif;
font-size : 29px;
font-weight : normal;
display : block;
padding-top : 35px;
text-align : left;
padding-left : 180px;
} 

/*bannerien koodit*/
#header { 
background : url(kuvat/banneri1.jpg) no-repeat;
height : 329px;
} 
#header2 { 
background : url(kuvat/banneri2.jpg) no-repeat;
height : 329px;
} 
#header3 { 
background : url(kuvat/banneri3.jpg) no-repeat;
height : 329px;
} 
#header4 { 
background : url(kuvat/banneri4.jpg) no-repeat;
height : 329px;
} 
#header5 { 
background : url(kuvat/banneri5.jpg) no-repeat;
height : 329px;
} 
#header6 { 
background : url(kuvat/banneri6.jpg) no-repeat;
height : 329px;
} 
#header7 { 
background : url(kuvat/banneri7.jpg) no-repeat;
height : 329px;
}
#header8 { 
background : url(kuvat/banneri8.jpg) no-repeat;
height : 329px;
}

 
#page { 
padding : 0 10px 0 12px;
} 
/*linkkipalkin taustakuvien koodit*/
#page #menu { 
float : left;
background : url(kuvat/linkkipalkki1.jpg) no-repeat;
width : 253px;
height : 588px;
} 
#menu2 { 
float : left;
background : url(kuvat/linkkipalkki2.jpg) no-repeat;
width : 253px;
height : 588px;
} 
#menu3 { 
float : left;
background : url(kuvat/linkkipalkki3.jpg) no-repeat;
width : 253px;
height : 588px;
} 
#menu4 { 
float : left;
background : url(kuvat/linkkipalkki4.jpg) no-repeat;
width : 253px;
height : 588px;
} 
#menu5 { 
float : left;
background : url(kuvat/linkkipalkki5.jpg) no-repeat;
width : 253px;
height : 588px;
} 
#menu6 { 
float : left;
background : url(kuvat/linkkipalkki6.jpg) no-repeat;
width : 253px;
height : 588px;
} 
#menu7 { 
float : left;
background : url(kuvat/linkkipalkki7.jpg) no-repeat;
width : 253px;
height : 588px;
}
#menu7 { 
float : left;
background : url(kuvat/linkkipalkki7.jpg) no-repeat;
width : 253px;
height : 588px;
}
#tekstit { 
margin : 0 0 0 270px;
padding : 20px 20px 0 5px;
} 
#tekstit_vasen { 
margin : 0 0 0 0px;
padding : 20px 20px 0 5px;
} 
/*perustekstit oik reuna*/
#tekstit p { 
line-height : 22px;
margin : 0 0 10px 0;
} 
#tekstit h2 .otsikko { 
font-family : Georgia, Times, serif;
font-weight : normal;
font-size : 26px;
color : #000000;
display : block;
margin-bottom : 20px;
} 
#tekstit a { 
color : #4570AA;
} 
#tekstit a:visited { 
color : #4570AA;
} 
#tekstit a:active { 
color : #4570AA;
} 
#tekstit a:hover { 
color : #4570AA;
text-decoration : none;
} 
#tekstit h2 .palkki { 
display : block;
text-align : right;
font-size : 12px;
color : #000000;
background : #96B7D8;
padding : 5px;
} 
#tekstit img { 
background : #ffffff;
margin : 5px;
padding : 0px;
border : 0px solid #999999;
} 
#tekstit .vasensuora { 
float : left;
} 
#tekstit .oikeasuora { 
float : right;
} 
#tekstit h1, #tekstit h3, #tekstit h4 { 
color : #6d6d00;
} 
#tekstit ul { 
list-style : square;
padding : 5px;
margin : 10px 10px 10px 20px;
} 
#tekstit li { 
padding : 5px;
margin-bottom : 10px;
} 
#tekstit ol { 
padding : 5px;
margin : 10px 10px 10px 20px;
} 

/*huomiopalkit*/
#tekstit h6 { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 13px;
display : block;
padding : 10px;
margin : 0;
text-align : center;
color : #000000;
background : #96B7D8;
border-top : 1px dashed #000000;
border-left : 1px dashed #000000;
border-right : 1px dashed #000000;
border-bottom : 1px dashed #000000;
} 
#tekstit h6 .huomots { 
font-family : Georgia, Times, serif;
font-weight : 700;
font-size : 18px;
display : block;
padding : 0;
margin : 0;
text-align : center;
color : #4570AA;
} 
#tekstit h5 { 
font-family : Georgia, Times, serif;
font-weight : normal;
font-size : 12px;
display : block;
padding : 10px;
margin : 0;
text-align : left;
color : #000000;
background : #ffffff;
border-top : 1px dashed #4570AA;
border-bottom : 1px dashed #4570AA;
} 
#tekstit h5 .hepannimi { 
font-family : Georgia, Times, serif;
font-weight : 700;
font-size : 16px;
display : block;
padding : 0;
margin : 0;
text-align : left;
color : #4570AA;
} 

/*linkkipalkki vas reuna*/
#menu h7 { 
display : block;
color : #000000;
border-bottom : 0,5px dashed #6d6d00;
padding : 7px;
font-family : Georgia, Times, serif;
font-size : 22px;
font-weight : normal;
} 
#perus #page #menu #sivumenu { 
padding : 55px 40px 0px 40px;
display : block;
}
#perus #page #menu2 #sivumenu { 
padding : 55px 40px 0px 40px;
display : block;
}
#perus #page #menu3 #sivumenu { 
padding : 55px 40px 0px 40px;
display : block;
}
#perus #page #menu4 #sivumenu { 
padding : 55px 40px 0px 40px;
display : block;
}
#perus #page #menu5 #sivumenu { 
padding : 55px 40px 0px 40px;
display : block;
}
#perus #page #menu6 #sivumenu { 
padding : 55px 40px 0px 40px;
display : block;
}
#perus #page #menu7 #sivumenu { 
padding : 55px 40px 0px 40px;
display : block;
}
#perus #page #menu8 #sivumenu { 
padding : 55px 40px 0px 40px;
display : block;
}
#sivumenu ul { 
display : block;
list-style : none;
} 
#sivumenu li { 
display : block;
height : 30px;
} 
#sivumenu a, #sivumenu a:visited, #sivumenu a:active { 
display : block;
height : 21px;
padding : 5px 5px 0 5px;
color : #000000;
text-decoration : none;
border-bottom : 1px dashed #000000;
} 
#sivumenu a:hover { 
background : #96B7D8;
} 
#sivumenu .active a, #sivumenu .active a:visited, #sivumenu .active a:active, #sivumenu .active a:hover { 
background : #96B7D8;
} 

/*alaosan palkki*/
#alatiedot { 
background : url(kuvat/alabanner.jpg) no-repeat;
padding : 2px 5px 5px 0;
} 
#alatiedot .yhttiedot { 
font-family : Georgia, Times, serif;
font-weight : normal;
text-align : center;
font-size : 15px;
color : #000000;
display : block;
margin-bottom : 20px;
margin-top : 10px;
} 

/*alareuna*/
#alaosa { 
background : url(kuvat/alareuna.jpg) no-repeat;
background-position : bottom 30%;
height : 54px;
text-align : center;
} 
#alaosa a, #alaosa a:visited, #alaosa a:active { 
color : #545353;
text-decoration : none;
} 
#alaosa .design { 
font-size : 10px;
}