/*Yleiset määritteet*/
body {margin:0 auto 0 auto;padding-bottom:20px;padding:0 0 0 0;background-image:url('img/tausta.png');background-repeat:repeat-x;background-color:#fff;font-family:arial;font-size:12px;color:#c0c0c0;}
#wrapper {width:850px;height:auto;margin:0 auto 0 auto;}
#ylaosa {width:850px;height:107px;clear:both;float:none;}
#logo {width:218px;height:107px;background:url('img/logo.gif');float:left;}
#kielipalkki {vertical-align:bottom;margin-left:24px;height:107px;}
#kielipalkki img  {margin-top:91px;border:1px solid white;}
.akt {border:1px solid red;}
img {border:0;}
a {color:#545454;}
hr {border:0;border-bottom:2px dotted #c0c0c0;}
/*Navigaatio*/
#navigaatio {width:572px;height:107px;float:left;margin-left:50px;}
#navigaatio a  {text-decoration:none;}
#navigaatio a span  {font-family:"lucida grande", "trebuchet ms";padding:0 14px;display:block;margin:0 0 0 0;height:107px;line-height:107px;background:url('img/spacer.gif') right no-repeat;color:#c4c4c4;text-decoration:none;float:left;text-align:center;}
#navigaatio a span.aktiivinen, #navigaatio a span:hover { background-image:url('img/aktiivinen.gif');background-position:top center;color:#fff;}
/* Yläkuva */
#isokuva { height:191px;margin-left:-53px;background-repeat:no-repeat;}
.mausteet {background-image:url('img/ylakuva.jpg');}
.koneet {background-image:url('img/ylakuva2.jpg');}
.ajankohtaista {background-image:url('img/ylakuva4.jpg');}
.yhteystiedot {background-image:url('img/ylakuva6.jpg');}
.etusivu {background-image:url('img/ylakuva7.jpg');}
.materiaalit {background-image:url('img/ylakuva8.jpg');}
/*Ajankohtaista*/
.borderr {border-right:1px dotted #c0c0c0;}
.ajankohtaista_teksti {width:230px;height:70px;color:black;}
.ajankohtaista_nuoli {width:230px;height:30px;text-align:right;padding-top:5px;}
span.otsikko {color:red;font-family:"trebuchet ms", "lucida grande", "arial";font-size:14pt;}
/*Edustukset*/
#edustukset {float:left;width:190px;height:323px;background:url('img/edustukset.gif') no-repeat;margin-left:25px;margin-top:40px;}
#edustukset ul {list-style-image:url('img/bulletin.gif');padding-top:25px;color:white;}
#edustukset li {margin-left:0px;}
#edustukset li a {color:#fff;text-decoration:none;}
#edustukset li a:hover {text-decoration:underline;}
.mercurius {margin-top:47px;text-align:center;}
/*Sisältö*/
#sisalto {float:left;width:521px;padding-left:45px;color:#545454;line-height:18px;padding-bottom: 30px;margin-top:40px;}
#sisalto h3 {color:red;font-family:"trebuchet ms", "lucida grande", "arial";font-size:18pt;margin:0 0 0 0;padding:0 0 0 0;}
#sisalto h4 {color:red;font-family:"trebuchet ms", "lucida grande", "arial";font-size:14px;margin:0 0 0 0;padding:0 0 0 0;}
#uutiskuva  {margin-left:25px;margin-bottom:25px;}
/*Sisällön palstoitus*/
#palsta {width:230px;float:left;}
#palsta_at {width:230px;float:left;}
#palsta a {color:red;text-decoration:none;}
.vasen {padding-right:29px;border-right:1px dotted #c0c0c0;}
.oikea {margin-left:30px;}
#palsta_yksi {width:560px;}
/*Koneet*/
#kayttotarkoitus a, #valmistajat a {color:#545454;}

/*lol*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0 0; }
#tabs ul {clear: both;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; top: 1px; margin: 0 0 1px 0; border-bottom: 0 !important; padding: 0 0 0 0;  margin: 0 0 0 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; margin-right: 25px; text-decoration: none; color:red; font-weight: bold;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 0 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.clear {clear:both !important;}
#tabs {margin-top: 15px;}