body { text-align:center; margin:0px; background-color:#ffcb05; padding-top:18px; font-family:"Trebuchet MS", Trebuchet; font-size:12px; color:#333333; }

h1 { font-size:20px; font-weight:normal; text-transform:uppercase; line-height:normal; margin:0; padding: 0 0 10px 0; }
h2 { font-size:18px; font-weight:normal; text-transform:uppercase; line-height:normal; margin:0; padding: 0 0 10px 0; }
h3 { font-size:15px; font-weight:normal; text-transform:uppercase; line-height:normal; margin:0; padding: 0 0 10px 0; }
img { border:0; }
p { padding-top:0; margin-top:0; }
a, a:visited, a:active { color:#00ade6; text-decoration:none; }
a:hover { color:#00ade6; text-decoration:underline; }
hr { width:910px; height:1px; border:0; color:#debb27; background-color:#debb27; padding:0; margin:0 10px; }
td { font-family:"Trebuchet MS", Trebuchet; font-size:12px; color:#333333; }

img[align=left] { padding-right:20px; padding-bottom:5px; }
img[align=right] { padding-left:20px; padding-bottom:5px; }

div#container { width:930px; text-align:left; margin-left:auto; margin-right:auto; position:relative; font-family:"Trebuchet MS", Trebuchet; font-size:12px; color:#333333; }
div#logo { width:920px; text-align:right; height:70px; padding-right:10px; }
   div#logo img {  }
div#header { width:910px; position:relative; width:100%; z-index:5000; }
div#navimain { width:910px; background-color:#434343; margin-left:10px; margin-right:10px; z-index:4000; }
div#navimain img { display:block; }
div#maincontentarea { width:; padding:24px 10px; }
div#footer { position:relative; width:100%; padding-top:20px; padding-bottom:30px; background:url("../graf/bg_footer.gif") repeat-x; font-family:"Trebuchet MS", Trebuchet; font-size:10px; color:#333333; }

div.clear { clear:both; height:0; }
img.block { display:block; }

.flickr_badge_image { float:left; margin-right:2px; }

table.footertable { width:910px; margin-left:auto; margin-right:auto; }
table.footertable td { width:20%; vertical-align:top; font-size:10px; text-transform:uppercase; text-align:left; line-height:14px; }
table.footertable td img { margin-bottom:10px; }
table.footertable td a, table.footertable td a:visited, table.footertable td a:hover, table.footertable td a:active { text-decoration:none; color:#333333; }

/* Navigaatio */
a.mL, a.mL:visited, a.mL:hover, a.mL:active { float:left; font-size:14px; text-decoration:none; color:#a1a1a1; padding:10px 15px; }
a.mLA, a.mLA:visited, a.mLA:hover, a.mLA:active { float:left; font-size:14px; text-decoration:none; color:#ffd426; padding:10px 15px; background-color:#222222; }
span.separator { float:left; font-size:18px; padding:10px 0; }

ul#navi { width:910px; height:37px; margin:0 auto 0 auto; padding:0; background:none; padding:0; z-index:300; }
ul#navi li { float:left; position:relative; margin:0; padding:0; list-style:none; }
ul#navi li ul { display:none; }
ul#navi li:hover ul, ul#navi li.over ul { display:block; position:absolute; margin:0; width:150px; top:37px; left:0; z-index:3001; list-style:none; margin:0; padding:0; }
ul#navi li ul li { display:block; position:relative; width:150px; float:none; background:url("../graf/navi_arrow.gif") #222222 135px 7px no-repeat; border-left:1px solid #a1a1a1; border-right:1px solid #a1a1a1; border-bottom:1px solid #3b3b3b; z-index:3002; }
ul#navi li ul li:hover { background:url("../graf/navi_arrow.gif") #111111 135px 7px no-repeat; }
ul#navi li ul li a, ul#navi li ul li a:visited, ul#navi li ul li a:hover, ul#navi li ul li a:active { display:block; width:142px; text-decoration:none; font-size:12px; color:#a1a1a1; padding: 7px 0px 7px 7px; }
ul#navi li ul li ul { display:none; border:0; }
ul#navi li ul li ul li { display:none; border:0; }
ul#navi li ul li:hover ul li, ul#navi li ul li.over ul li { display:block; float:none; width:150px; border-left:1px solid #888888; border-right:1px solid #888888; border-bottom:1px solid #888888; }
ul#navi li ul li:hover ul, ul#navi li ul li.over ul  { display:block; float:none; width:152px; border-top:1px solid #888888; position:absolute; top:0; left:100%; z-index:2000; }
li.out { display:none; }
*
/* Fix IE. Hide from IE Mac \*/
* html ul#navi li { height: 1%; }
* html ul#navi li a { height: 1%; }
/* End */

/* Etusivu */
div#carouselarea { position:relative; width:930px; height:345px; background:url("../graf/karuselli_bg.jpg") 10px 0 no-repeat; }
div#carousel_left { position:absolute; left:-20px; top:0; z-index:120; }
div#carousel_right { position:absolute; right:-20px; top:0; z-index:120; }
div#carouseldisplay { position:relative; width:910px; height:345px; margin-left:10px; overflow:hidden; z-index:101; }
div#carouselcontainer { position:absolute; left:0; top:0; width:5000px; z-index:10; overflow:hidden; }
img#carouselmascot { position:absolute; right:10px; bottom:0; z-index:21; }
div.carousel { float:left; position:relative; width:476px; padding-left:434px; height:305px; padding-top:40px; font-size:15px; z-index:20; }
div.carousel h1 { font-size:30px; color:#111111; font-weight:bold; }
a.carousellink, a.carousellink:visited, a.carousellink:hover, a.carousellink:active { display:block; position:absolute; top:0; left:0; width:910px; height:345px; text-decoration:none; }
div#front_box { float:left; width:340px; height:227px; background:url("../graf/front_box.png") no-repeat; padding-left:210px; padding-right:70px; padding-top:40px; font-size:15px; }
div#front_box h1, div#front_box h2 { font-size:22px; }
div#front_liftups { float:left; width:310px; padding-top:12px; }

table.quicklinktable { width:100%; }
table.quicklinktable td ul, table.quicklinktable td ul#news { list-style:none; margin:7px 0 0 0; padding:0; }
table.quicklinktable td ul li { background:url("../graf/listanuoli.gif") left 5px no-repeat; padding-left:20px; margin-bottom:10px; padding-bottom:5px; }
table.quicklinktable td ul#news li { background:url("../graf/newsarrow.gif") left 3px no-repeat; padding-left:23px; margin-bottom:10px; padding-bottom:5px; }

table.quicklinktable td { width:33%; vertical-align:top; font-size:18px; font-size:#000000; }
table.quicklinktable td.leftcol {  padding-left:11px; border-top:1px solid #deb40d; padding-top:15px; }
table.quicklinktable td.middlecol { padding-left:20px; border-top:1px solid #deb40d; padding-top:15px; }
table.quicklinktable td.flickrcol { padding-left:11px; width:309px; }
table.quicklinktable td.flickrcol h2 { padding-bottom:17px; }
table.quicklinktable td.facebookcol { padding-left:20px; width:280px;  }
table.quicklinktable td.facebookcol h2 { padding-bottom:12px; }
table.quicklinktable td.facebookcol ul { margin-top:0; padding-top:0; }
table.quicklinktable td.facebookcol ul li { background-position:left 10px; font-size:13px; }
table.quicklinktable td.news { padding-left:30px; width:280px; }
table.quicklinktable td img { margin-bottom:10px; }
table.quicklinktable td a, table.quicklinktable td a:visited, table.quicklinktable td a:hover, table.quicklinktable td a:active { text-decoration:none; color:#000000; }
span.news_date { font-size:14px; }

div#contactform { position:relative; }
img#form_image { position:absolute; bottom:0; right:-7px; }

/* Paino, Aineisto, Caset */
div.company { padding-right:160px; width:730px; font-size:15px; }
table.contacttable { width:100%; }
table.contacttable td { vertical-align:top; width:33%; }
table.contacttable_wide td { font-size:14px; vertical-align:top; }
table.contacttable_wide td.left { width:197px; }
table.contacttable_wide td.middle { width:285px; }
table.contacttable_wide td.right { width:198px; }


div.contentblock { position:relative; width:920px; background:url("../graf/bg_box_right.png") top right repeat-y; padding-right:10px; z-index:100; }
div.box { position:relative; background:url("../graf/bg_basic.jpg") #ffffff left bottom no-repeat; padding:23px 0 23px 20px; width:890px; margin-left:10px; min-height:100px; }
div.box_open { position:relative; background:url("../graf/bg_basic.jpg") #ffffff left bottom no-repeat; padding:23px 0 23px 0; width:910px; margin-left:10px; min-height:100px; line-height:18px; }
div.box_basic,div.box_basiclight { position:relative; background:url("../graf/bg_basic.jpg") #ffffff left bottom no-repeat; padding:23px 25px 30px 20px; width:865px; margin-left:10px; }
div.box_basiclight { background:url("../graf/bg_basiclight.jpg") #ffffff left bottom no-repeat; }
div.box_aineisto { position:relative; background:url("../graf/bg_basic.jpg") #ffffff left bottom no-repeat; padding:23px 160px 30px 0; width:750px; margin-left:10px; }
div.imagearea { float:left; width:230px; }
div.imagearea_open_box { float:left; width:230px; padding-left:20px; }
div.contentarea { float:left; width:450px; font-size:14px; }
div.contentarea h1, div.contentarea h2 { white-space:nowrap; }
div.morelinkarea { float:right; width:67px; padding-top:43px; z-index:50; padding-right:20px; }
div.imagearea_open { float:left; width:295px; min-height:200px; }
div.contentarea_open { float:left; width:595px; font-size:14px; padding-left:230px; }
div.contentarea_open div.content { width:450px; }
div.content { padding-left:20px; }
div.contentarea_open div.content { width:450px; }
div.box_aineisto div.content { font-size:15px; }
div.smallbox_top { background:url("../graf/smallbox_top_narrower.png") no-repeat; width:561px; height:29px; }
div.smallbox_content { background:url("../graf/smallbox_content_narrower.png") repeat-y; width:501px; padding:10px 30px; font-style:italic; font-family: Georgia; font-size:16px; z-index:1000; }
div.smallbox_bottom { background:url("../graf/smallbox_bottom_narrower.png") no-repeat; width:561px; height:36px; }
div#smallbox { background:url("../graf/smallbox_narrower.png") no-repeat; width:494px; height:95px; padding:30px 30px 30px 40px; font-style:italic; font-family: Georgia; font-size:16px; z-index:1000; }
div.infobox_top { background:url("../graf/lisatietoja_top_narrower.png") no-repeat; width:561px; height:27px; }
div.infobox_content { background:url("../graf/lisatietoja_content_narrowe.png") repeat-y; width:511px; padding:0 30px 0 20px; font-size:13px; }
div.infobox_bottom { background:url("../graf/lisatietoja_bottom_narrower.png") no-repeat; width:561px; height:31px; }
div#infobox { background:url("../graf/lisatietoja.png") no-repeat; width:392px; height:20px; padding:28px 20px 40px 140px; left:0px; font-size:13px; z-index:1500; }
div.box_aineisto div.smallbox_content { font-style:normal; font-family:"Trebuchet MS", Trebuchet; font-size:15px; }
img#aineistoimg { position:absolute; right:20px; bottom:20px; }

div.box_case { position:relative; background:url("../graf/bg_basic.jpg") #ffffff left bottom no-repeat; width:910px; padding:23px 0; margin-left:10px; min-height:100px; }
div.case_left { float:left; width:620px; font-size:15px; }
div.case_right { float:left; width:280px; }

table.infobox { width:521px; }
table.infobox td.img { width:107px; text-align:center; vertical-align:middle; }
table.infobox td.content { padding-left:20px; vertical-align:middle; }

/* Yhteystiedot */
table.contacts { width:910px; margin-left:10px; }
td.columnleft_nobg { width:410px; padding:0; vertical-align:top; background:url("../graf/bg_column.jpg") #ffffff left bottom no-repeat; font-size:14px; }
td.columnleft, td.columnright { width:410px; padding:15px 20px; background:url("../graf/bg_column.jpg") #ffffff left bottom no-repeat; vertical-align:top; font-size:14px; }
div.addbg { width:410px; padding:15px 20px; background:url("../graf/bg_columnlight.jpg") #ffffff left bottom no-repeat; vertical-align:top; font-size:14px; }
div.addpadding { width:410px; padding:15px 20px; }
td.separatorcolumn { width:10px; background:url("../graf/bg_box_left_contact.png") repeat-y; }
div.column_no_bg { float:left; width:400px; padding:15px 0; }
div.column_no_bg hr, td.columnleft_nobg hr, div.addbg hr, td.columnright hr { color:#d8d8d8; background-color:#d8d8d8; height:1px; padding:0; margin:10px 0; width:400px; }

table.contactinfotable { width:400px; }
table.contactinfotable td { font-size:14px; }
table.contactinfotable td.text { width:280px; }
table.contactinfotable td.separator { width:20px; }
table.contactinfotable td.image { width:100px; }

/* Uutiset */
img#newspupu { position:absolute; bottom:0; right:0; }
div#newsbox { float:left; width:590px; padding-right:30px; border-right:1px solid #c7c5be; }
div#newslist { float:left; width:210px; padding:10px 0 200px 10px; line-height:20px; }
div.news { padding-bottom:40px; font-size:13px; line-height:18px; }
div.news h1 { font-size:18px; font-weight:bold; text-transform:uppercase; }