#innet { text-align: center; font-family: verdana; }

#innet div.border { border-top: 4px solid #93bf53; border-right: 4px solid #93bf53; border-bottom: 4px solid #93bf53; border-left: 4px solid #93bf53; margin: 10px 0px 10px 0px; width: 800px; margin-left: auto; margin-right: auto; }

#innet table { border-collapse: collapse; empty-cells: show; }

#innet td.topbar { text-align: center; vertical-align: middle; height: 195px; }

#innet td.menu { background-image: url("img/menu-bg.jpg"); background-position: 50% 50%; background-repeat: no-repeat; height: 26px; text-align: right; vertical-align: middle; }
#innet td.menu a { font-size: 10px; font-weight: bold; text-decoration: none; color: #ffffff; padding: 0px 20px 0px 20px; }

#innet td.etusivu { text-align: right; padding: 25px 20px 25px 0px; }
#innet td.etusivu a { color: #d8768d; text-decoration: none; font-weight: bold; font-size: 10px; }

#innet td.foot { background-image: url("img/foot-bg.jpg"); background-position: 50% 50%; background-repeat: no-repeat; height: 30px; text-align: center; vertical-align: middle; }
#innet td.foot div { font-size: 10px; color: #ffffff; font-weight: bold; }
#innet td.foot span { padding: 0px 10px 0px 10px; }
#innet td.foot a { color: #ffffff; text-decoration: underline; }

#innet td.left { width: 300px; height: 350px; text-align: center; vertical-align: middle; }
#innet td.right { width: 500px; text-align: left; }
#innet td.kukka { background-image: url("img/kukka-bg.jpg"); background-position: 100% 50%; background-repeat: no-repeat; }
#innet td.karawan { background-image: url("img/karawan-bg.jpg"); background-position: 100% 50%; background-repeat: no-repeat; }

#innet td.uutuusleft { width: 300px; text-align: center; vertical-align: middle; padding: 10px 0px 10px 0px; }
#innet td.uutuusright { width: 500px; text-align: left; vertical-align: middle; }

#innet td.lefty { width: 420px; height: 350px; background-image: url("img/kukka-bg.jpg"); background-position: 0% 50%; background-repeat: no-repeat; text-align: center; vertical-align: middle;}
#innet td.lefty div { padding-left: 260px; padding-right: 20px; color: #4e5d24; }
#innet td.lefty h1 { font-size: 16px; font-weight: bold; margin: 0; padding: 5px 0px 5px 0px; }
#innet td.lefty p { font-size: 10px; font-weight: bold; margin: 0; padding: 5px 0px 5px 0px; }
#innet td.lefty a { color: #4e5d24; text-decoration: none; }
#innet td.righty { width: 380px; }

#innet div.teksti { padding: 20px 20px 20px 20px; text-align: left; color: #4e5d24; }
#innet div.teksti h2 { font-size: 12px; font-weight: bold; margin: 0; padding: 0px 0px 10px 0px; }
#innet div.teksti p { font-size: 10px; margin: 0; padding: 5px 0px 5px 0px; }
#innet div.teksti p.minipad { padding: 2px 0px 2px 0px; }
#innet div.teksti p.back { float: right; font-weight: bold; }
#innet div.teksti a { color: #4e5d24; text-decoration: underline; font-weight: bold; }
#innet div.teksti .pad { padding-top: 10px; }

#innet form { padding: 0; margin; 0; }
#lomake { margin: 20px 0px 0px 0px; border-collapse: collapse; empty-cells: show; }
#lomake th { font-weight: bold; text-align: left; color: #4e5d24; font-size: 10px; padding-right: 10px; }
#lomake td { padding: 1px 0px 1px 0px; }
#lomake input, #lomake textarea { border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #808080; background-color: #ffffff; color: #808080; }
#lomake input { width: 224px; }
#lomake td.submit { text-align: right; }
#lomake td.submit input { width: auto; color: #4e5d24; font-weight: bold; }