/* 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%; }
#innet div.pad { padding: 20px 15px 0px 15px; }
#innet div.trans { background-image: url("img/main-trans.png"); background-repeat: no-repeat; background-position: 50% 50%; }
#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 10px 0px 10px; }
#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; }
#innet table.innet td.logo { height: 110px; vertical-align: middle; text-align: left; padding-left: 20px; }
#innet table.innet td.menu { }
#innet table.innet td.left { width: 280px; text-align: center; vertical-align: middle; }
#innet table.innet td.right { width: 650px; text-align: left; vertical-align: middle; }
#innet table.innet td.combo { width: 930px; text-align: left; vertical-align: middle; }

#innet table.innet td.left div.imgbg { background-image: url("img/imgbox-bg.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: 42px; }
#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.textbg { margin: 0; padding: 10px 30px 10px 20px; text-align: left; background-image: url("img/textbox-bg.png"); background-repeat: repeat-y; background-position: 0% 50%; font-family: verdana; color: #663300; }
#innet table.innet td.right div.textbg h2 { margin: 0; padding: 10px 10px 10px 10px; font-size: 11px; }
#innet table.innet td.right div.textbg p { margin: 0; padding: 5px 10px 5px 10px; font-size: 11px; }
#innet table.innet td.right div.textbg span { width: 200px; }
#innet table.innet td.right div.textbg a { color: #663300; font-weight: bold; text-decoration: none; }
#innet table.innet td.right div.textbg 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.otayhteytta { }
#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: 2px 20px 2px 4px; }
#innet table.innet td.combo table.text td { vertical-align: middle; }

/* ETUSIVU */
#innet table.etusivu { width: 930px; height: 680px; }
#innet table.etusivu td.left { width: 315px; height: 680px; }
#innet table.etusivu td.right { width: 615px; height: 680px; }
#innet table.etusivu img.vpad { margin-top: 15px; margin-bottom: 4px; }
#innet table.etusivu img.rpad { margin-right: 6px; }

#innet table.etusivu div.logo { padding: 20px 0px 15px 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: 11px; color: #ffffff; width: 26px; height: 22px; }
#innet table.etusivu div.etumenu td { font-size: 10px; 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: arial; font-size: 10px; color: #663300; font-weight: bold; }
#innet table.etusivu div.info p { margin: 0; padding: 7px 0px 7px 0px; }
#innet table.etusivu div.info strong { font-size: 11px; }

#innet table.etusivu div.text { background-color: white; margin: 0px 10px 0px 10px; padding: 20px 10px 20px 10px; text-align: left; font-family: verdana; color: #663300; }
#innet table.etusivu div.text h2 { font-size: 12px; font-weight: bold; margin: 0; padding: 5px 0px 5px 0px; }
#innet table.etusivu div.text p { font-size: 11px; margin: 0; padding: 5px 0px 5px 0px; }
#innet table.etusivu div.text a { color: #663300; font-weight: bold; }

#innet table.etusivu div.splitpad { padding: 0px 10px 0px 10px; }
#innet table.etusivu table.split { width: 595px; }
#innet table.etusivu table.split th { height: 24px; background-color: #d4c5c1; text-align: center; font-family: verdana; font-size: 11px; color: #ffffff; }
#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; }
#innet table.etusivu table.split p { font-size: 10px; margin: 0; padding: 5px 10px 5px 10px; }
#innet table.etusivu table.split a { color: #663300; text-decoration: underline; }
#innet table.etusivu table.split td.border { width: 2px; border-left: 2px dotted #eeeae8; }
#innet table.etusivu table.split td.pad { width: 100%; height: 30px; }
#innet table.etusivu table.split img { border: 3px solid #ded5d1; }

/* PUDOTUSVALIKKO */

#sddm { margin: 0; padding: 0; z-index: 30; }
#sddm li { margin: 0; padding: 0; list-style: none; text-align: left; float: left; font-family: verdana; font-size: 11px; font-weight: bold; }
#sddm li a { display: block; margin: 0 0 0 0; padding: 4px 0px; width: 132px; background-image: url("img/menu-bg.png"); background-repeat: no-repeat; background-position: 50% 50%; color: #663300; text-align: center; text-decoration: none; }
#sddm li a.act { text-decoration: underline; }
/*
#sddm li a:hover { background: #transparent; }
*/
#sddm div { position: absolute; visibility: hidden; margin: 0 0 0 0; padding: 0; }
#sddm div#m2 { margin-left: 6px; }
#sddm div#m3 { margin-left: 30px; }
#sddm div#m4 { margin-left: 2px; }
#sddm div#m5 { margin-left: 8px; }
#sddm div#m7 { margin-left: 13px; }

#sddm div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background-image: url("img/submenu-bg.png"); background-repeat: no-repeat; background-position: 50% 50%; color: #663300; font-family: verdana; font-size: 11px; font-weight: bold; }
#sddm div a.act { text-decoration: underline; }
#sddm div a:hover { color: #663300; }