/* YLEISET */

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

#innet div.center { margin: 15px auto 15px auto; width: 960px; height: 720px; }
#innet div.main { width: 960px; height: 720px; background-image: url("img/main-bg.jpg"); background-repeat: no-repeat; #innet background-position: 0% 0%; border: 1px solid #9e8277; }
#innet div.pad { padding: 20px 15px 0px 15px; }
#innet div.trans { }
#innet div.etutrans { background-image: url("img/main-trans-etu.png"); background-repeat: no-repeat; background-position: 50% 50%; border: 0px; }
#innet div.foot { padding: 4px 0px 0px 0px; font-family: verdana; color: #663300; font-size: 10px; font-weight: bold; }
#innet div.foot span { padding: 0px 5px 0px 5px; }
#innet div.foot a { color: #663300; text-decoration: none; }

#innet td { background-color: transparent; vertical-align: top; text-align: center; }
#innet div.images img { border: 4px solid #ffffff; }

/* MUUT SIVUT */

#innet table.innet { width: 930px; height: 680px; border: 3px solid #663300; }
#innet table.innet td.logo { height: 145px; vertical-align: middle; text-align: left; padding-left: 10px; background-image: url("img/main-trans.png"); background-repeat: no-repeat; background-position: 50% 50%; }
#innet table.innet td.menu { height: 25px; }
#innet table.innet td.left { width: 230px; text-align: center; vertical-align: middle; background-image: url("img/main-trans.png"); background-repeat: no-repeat; background-position: 50% 50%; }
#innet table.innet td.right { width: 700px; text-align: left; vertical-align: middle; background-image: url("img/main-trans.png"); background-repeat: no-repeat; background-position: 50% 50%; }
#innet table.innet td.combo { width: 930px; text-align: left; vertical-align: middle; background-image: url("img/main-trans.png"); background-repeat: no-repeat; background-position: 50% 50%; }

#innet table.innet td.left div.imgmid { background-image: url("img/imgbox-mid.png"); background-repeat: repeat-y; background-position: 50% 50%; }

#innet table.innet td.right div.ball { height: 28px; text-align: left; background-image: url("img/ball.png"); background-repeat: no-repeat; background-position: 12 0%; padding-left: 38px; }
#innet table.innet td.right div.ball h2 { font-family: verdana; font-size: 11px; color: #663300; margin: 0; padding: 4px 0px 0px 0px; }

#innet table.innet td.right div.textmid { margin: 0; padding: 0px 30px 0px 20px; text-align: left; background-image: url("img/textbox-mid.png"); background-repeat: repeat-y; background-position: 0% 50%; font-family: verdana; color: #663300; }
#innet table.innet td.right div.textmid h3 { margin: 0; padding: 10px 10px 10px 10px; font-size: 12px; }
#innet table.innet td.right div.textmid h2 { margin: 0; padding: 10px 10px 10px 10px; font-size: 11px; }
#innet table.innet td.right div.textmid p { margin: 0; padding: 5px 10px 5px 10px; font-size: 11px; }
#innet table.innet td.right div.textmid span { width: 200px; }
#innet table.innet td.right div.textmid a { color: #663300; font-weight: bold; text-decoration: none; }
#innet table.innet td.right div.textmid div.overscroll { height: 450px; overflow: auto; }
#innet div.ttext { padding: 10px 20px 10px 10px; }
#innet table.text { margin: 0; }
#innet table.text td { font-family: verdana; font-size: 11px; text-align: left; color: #663300; padding: 2px 10px 2px 0px; }
#innet table.text td.padleft { padding-left: 50px; }
#innet table.text td.novertpad { padding-top: 0px; padding-bottom: 0px; }
#innet table.text th { padding-right: 15px; vertical-align: top; color: #663300; }

#innet form { margin: 0; padding: 0; }
#innet table.otayhteytta { margin: 0; }
#innet table.otayhteytta th { font-family: verdana; font-size: 9px; color: #ac3900; white-space: nowrap; text-align: left; }
#innet table.otayhteytta th.blue { color: #000066; }
#innet table.otayhteytta th.brown { color: #663300; }
#innet table.otayhteytta td { font-family: verdana; font-weight: bold; font-size: 9px; color: #ac3900; white-space: nowrap; text-align: left; padding: 2px 1px 2px 2px; }
#innet table.otayhteytta td.laheta { vertical-align: bottom; }
#innet table.otayhteytta input,
#innet table.otayhteytta textarea { background-color: #ffffff; border: 1px solid #808080; }
#innet table.otayhteytta input.submit { color: #ac3900; font-weight: bold; }
#innet table.otayhteytta input.brown { color: #663300; font-weight: bold; }

#innet table.innet td.combo div.bigbg { margin: 0; padding: 0px 30px 0px 20px; text-align: left; background-image: url("img/bigbox-bg.png"); background-repeat: repeat-y; background-position: 0% 50%; font-family: verdana; color: #663300; }
#innet table.innet td.combo div.pad { padding-left: 10px; }
#innet table.innet td.combo div.ball { height: 28px; text-align: left; background-image: url("img/ball.png"); background-repeat: no-repeat; background-position: 12 0%; padding-left: 42px; }
#innet table.innet td.combo div.ball h2 { font-family: verdana; font-size: 11px; color: #663300; margin: 0; padding: 4px 0px 0px 0px; }
#innet table.innet td.combo table.text { width: 800px; }
#innet table.innet td.combo table.text th { padding: 0px 20px 0px 4px; }
#innet table.innet td.combo table.text td { vertical-align: middle; }

/* ETUSIVU */
#innet table.etusivu { width: 930px; height: 680px; }
#innet table.etusivu td.leftpad { width: 6px; }
#innet table.etusivu td.left { width: 285px; height: 680px; background-color: #f6b3b2; }
#innet table.etusivu td.right { width: 639px; height: 680px; }
#innet table.etusivu img.vpad { margin-top: 15px; margin-bottom: 8px; }
#innet table.etusivu img.rpad { margin-right: 25px; }

#innet table.etusivu div.logo { padding: 27px 0px 22px 0px; }

#innet table.etusivu div.etumenu { text-align: center; padding: 0px 0px 20px 0px; }
#innet table.etusivu div.etumenu table { margin: 0px auto 0px auto; }
#innet table.etusivu div.etumenu th,
#innet table.etusivu div.etumenu td { font-family: verdana; font-weight: bold; border-bottom: 1px dotted #ffffff; vertical-align: middle; }
#innet table.etusivu div.etumenu th { font-size: 10pt; color: #ffffff; width: 26px; height: 22px; }
#innet table.etusivu div.etumenu td { font-size: 10pt; border-left: 1px dotted #ffffff; text-align: left; padding-left: 10px; }
#innet table.etusivu div.etumenu th.pad,
#innet table.etusivu div.etumenu td.pad { height: 6px; border-bottom: none; }
#innet table.etusivu div.etumenu a { color: #663300; text-decoration: none; }

#innet table.etusivu div.info { font-family: verdana; font-size: 8pt; color: #663300; font-weight: bold; }
#innet table.etusivu div.info p { margin: 0; padding: 17px 0px 7px 0px; }
#innet table.etusivu div.info strong { font-size: 11px; }

#innet table.etusivu div.text { background-color: white; margin: 0px 20px 0px 20px; padding: 20px 10px 20px 10px; text-align: left; font-family: verdana; color: #663300; height: 230px; }
#innet table.etusivu div.text h2 { font-size: 10pt; font-weight: bold; margin: 0; padding: 13px 0px 7px 0px; }
#innet table.etusivu div.text p { font-size: 9pt; margin: 0; padding: 5px 0px 5px 0px; }

#innet table.etusivu div.splitpad { padding: 0px 20px 0px 20px; }
#innet table.etusivu table.split { width: 599px; }
#innet table.etusivu table.split th { height: 24px; background-color: transparent; text-align: center; font-family: verdana; font-size: 11px; color: #ffffff; }
#innet table.etusivu table.split th.l { background-image: url("img/etusivu-ots-bg.gif"); background-position: 0% 50%; background-repeat: no-repeat; }
#innet table.etusivu table.split th.r { background-image: url("img/etusivu-ots-bg.gif"); background-position: 100% 50%; background-repeat: no-repeat; }
#innet table.etusivu table.split td { width: 25%; background-color: #ffffff; text-align: center; vertical-align: middle;}
#innet table.etusivu table.split td.text { text-align: left; font-family: verdana; color: #663300; height: 185px; }
#innet table.etusivu table.split p { font-size: 7pt; margin: 0; padding: 5px 10px 5px 10px; }
#innet table.etusivu table.split a { color: #663300; text-decoration: underline; font-weight: bold; }
#innet table.etusivu table.split td.border { width: 2px; border-left: 2px dotted #eeeae8; }
#innet table.etusivu table.split img { border: 3px solid #ded5d1; }

/* PUDOTUSVALIKKO */

#jsddm { margin: 0; padding: 0; }
 #jsddm li { float: left; list-style: none; font: 11px Verdana; font-weight: bold; text-align: left; }
 #jsddm li a { display: block; background: transparent; padding: 6px 20px; text-decoration: none; color: #663300; white-space: nowrap; }
 #jsddm li a.act { text-decoration: underline; }
/*width: 78px;*/
 #jsddm li a:hover { background-color: #ffffff; }
 #jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; }
 #jsddm li ul li { float: none; display: inline; text-align: left; }
 #jsddm li ul li a { width: auto; padding: 5px 20px; background-image: url("img/submenu-bg.png"); background-repeat: no-repeat; background-position: 50% 50%; }
 #jsddm li ul li a:hover { background-color: #ffffff; }