/*** Lahden Liikunnalla Työhön ry 2009 ***/

* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000; background: url(../images/bg.jpg) repeat-x top; background-color: #fff; }
a, a:hover, a:focus, a:active { color: #000; text-decoration: none; outline: none; }
a.link { color: #f68b1f; text-decoration: underline; } a.link:hover { color: #000; text-decoration: underline; }
a.section:hover { text-decoration: underline; } a.selection { color: #c2c2c2; } a.selection:hover { color: #000; text-decoration: underline; }
span.color { color: #f68b1f; } span.color2 { color: #c2c2c2; }
h1, h2, h3 { font-weight: normal; margin: 0px 0 20px; } h1 { font-size: 24px; } h2 { font-size: 18px; } h3 { font-size: 14px; }
p { margin-bottom: 20px; } p.links_a { width: 250px; float: left; } p.links_b { width: 250px; float: left; } p.bullet { background: url(../images/list_bullet.png) no-repeat left; margin: 0px 0px 5px 0px; text-indent: 20px; }
img { border: none; display: block; } img.kuva { width: 634px; height: 300px; margin-bottom: 30px; } img.uutiskuva { width: 634px; height: 300px; margin-bottom: 20px; } img.toiminta { width: 634px; height: 263px; margin-bottom: 30px; }
.clear { clear: both; }
#site { width: 940px; margin: 0 auto; padding: 0 10px; }
#header { width: 960px; height: 300px; background: url(../images/header_bg.jpg) no-repeat; }
#menu { width: 648px; height: 35px; padding-top: 265px; }
#menu_list { width: 648px; height: 35px; background: url(../images/menu.png) no-repeat 0 -70px; list-style: none; }
#menu_list li { display: block; height: 35px; float: left; text-indent: -10000px; } #menu_list li a { width: 100%; height: 100%; display: block; }
#btn_etusivu, #etusivu_active { width: 85px; } #btn_ajankohtaista, #ajankohtaista_active { width: 126px; } #btn_toiminta, #toiminta_active { width: 87px; } #btn_jasenseurat, #jasenseurat_active { width: 117px; } #btn_johtokunta, #johtokunta_active { width: 112px; } #btn_yhteystiedot, #yhteystiedot_active { width: 121px; }
#btn_etusivu a:hover { background: url(../images/menu.png) no-repeat 0 -35px; } #btn_ajankohtaista a:hover { background: url(../images/menu.png) no-repeat -85px -35px; } #btn_toiminta a:hover { background: url(../images/menu.png) no-repeat -211px -35px; } #btn_jasenseurat a:hover { background: url(../images/menu.png) no-repeat -298px -35px; } #btn_johtokunta a:hover { background: url(../images/menu.png) no-repeat -415px -35px; } #btn_yhteystiedot a:hover { background: url(../images/menu.png) no-repeat -527px -35px; }
#etusivu_active { background: url(../images/menu.png) no-repeat 0 0; } #ajankohtaista_active { background: url(../images/menu.png) no-repeat -85px 0; } #toiminta_active { background: url(../images/menu.png) no-repeat -211px 0; } #jasenseurat_active { background: url(../images/menu.png) no-repeat -298px 0; } #johtokunta_active { background: url(../images/menu.png) no-repeat -415px 0; } #yhteystiedot_active { background: url(../images/menu.png) no-repeat -527px 0; }
#site_content { width: 654px; min-height: 700px; height: auto !important; height: 700px; float: left; }
#content  { margin: 36px 0px 0px 20px; } #content_toiminta { margin: 15px 0px 0px 20px; }
#site_navi { width: 286px; min-height: 506px; height: auto !important; height: 506px; background: url(../images/navi_bg.png) no-repeat left top; float: right; }
#links { margin: 50px 0px 0px 50px; } #links ul { list-style: none; } #links ul li { width: 16px; height: 16px; background: url(../images/navi_bullet.png) no-repeat; margin-bottom: 8px; text-indent: 24px; white-space: nowrap; } #links a:hover { text-decoration: underline; }
#footer { width: 940px; border-top: 1px solid #c2c2c2; margin-bottom: 20px; text-align: center; }
#palaute { line-height: 22px; } fieldset { border: none; }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 18px; }
input.tieto { width: 200px; padding: 3px; } textarea { width: 400px; height: 100px; padding: 3px; }

/* In English 26.10.2009 */

#header_en { width: 960px; height: 300px; background: url(../images/header_bg2.jpg) no-repeat; }
#menu2 { width: 531px; height: 35px; padding-top: 265px; }
#menu2_list { width: 531px; height: 35px; background: url(../images/menu_en.png) no-repeat 0 -70px; list-style: none; }
#menu2_list li { display: block; height: 35px; float: left; text-indent: -10000px; } #menu2_list li a { width: 100%; height: 100%; display: block; }
#btn_home, #home_active { width: 70px; } #btn_current, #current_active { width: 92px; } #btn_ourwork, #ourwork_active { width: 104px; } #btn_members, #members_active { width: 96px; } #btn_board, #board_active { width: 77px; } #btn_contact, #contact_active { width: 91px; }
#btn_home a:hover { background: url(../images/menu_en.png) no-repeat 0 -35px; } #btn_current a:hover { background: url(../images/menu_en.png) no-repeat -70px -35px; } #btn_ourwork a:hover { background: url(../images/menu_en.png) no-repeat -162px -35px; } #btn_members a:hover { background: url(../images/menu_en.png) no-repeat -266px -35px; } #btn_board a:hover { background: url(../images/menu_en.png) no-repeat -362px -35px; } #btn_contact a:hover { background: url(../images/menu_en.png) no-repeat -439px -35px; }
#home_active { background: url(../images/menu_en.png) no-repeat 0 0; } #current_active { background: url(../images/menu_en.png) no-repeat -70px 0; } #ourwork_active { background: url(../images/menu_en.png) no-repeat -162px 0; } #members_active { background: url(../images/menu_en.png) no-repeat -266px 0; } #board_active { background: url(../images/menu_en.png) no-repeat -362px 0; } #contact_active { background: url(../images/menu_en.png) no-repeat -439px 0; }