a, img {outline: none; border: 0;}

html, body {width: 100%;height: 100%;margin: 0;font-family: 'Trebuchet MS', sans-serif;font-size: 13px;text-align: center;color: #fefefe;}

body {background: url('as/219/ulkoasu/tausta/automaalaus-taustapohja_ok.jpg') #f17e2c 0px 0px no-repeat;text-align: center;}

a:link, a:visited {color:  #fb7003;}

a:hover, a:active {color:  #fba703;}

#ev {border-left: 0px solid #a1a4a5;}


#runko {background:  transparent 0px 9px no-repea;width: 900px;padding: 0px;margin: 0 auto 10px auto;position: relative;text-align: center;top: 20px;border: 0px solid #a1a4a5;clear: both;}
#runko.reunat {width: 902px;}
#runko.eireunoja {width: 900px;}

#banneri, .banneri {background: url('as/219/ulkoasu/banneri/ylp-f1.jpg') #ffffff 0px 0px repeat;width: 900px;height: 250px;border: 0px solid #a1a4a5;;margin: 0 auto 0px auto;position: relative;text-align: left;display: block;}

#bannericycle {border:  0;}

#banneriefekti {background: url('');width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}

* html #banneriefekti {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='.png', sizingMethod='scale');}

#banneriefekti2 {background: url('');width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}

* html #banneriefekti2 {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='.png', sizingMethod='scale');}

h1, h2{font-family: 'Trebuchet MS', sans-serif;font-size: 17px;font-weight: normal;margin: 0 0 5px 0;}

h3, h4 {font-family: 'Trebuchet MS', sans-serif;font-size: 15px;font-weight: bold;margin: 0;}

#banneri h1, .banneri h1 {font-weight: normal;font-size: 65px;color: #ffffff;font-family: 'Georgia';display: inline;position: relative;}

#navi {background: url('as/219/ulkoasu/valikko/02linkkipalkki_31.jpg') #fbe5a6 0 0 repeat;width: 900px;border: 0px solid #a1a4a5;margin: 0 auto 0px auto;text-align: left;?>
}


#vas_navi {background: url('as/219/ulkoasu/valikko/02linkkipalkki_31.jpg') #fbe5a6 0 0 repeat;}

#sisalto {font-size: 13px;background:  transparent 0px -200px no-repeat;color: #fefefe;font-family: 'Trebuchet MS';min-height: 190px;text-align: center;margin: 0 auto 0px auto;border: 0px solid #a1a4a5;width: 900px;}
#sisalto.reunat {width: 900px;}
#sisalto.eireunoja {width: 900px;}

#tekstit {margin: 0 auto;position: relative;top: 10px;text-align: left;width: 880px;}
#tekstit.reunat {width: 880px;}
#tekstit.eireunoja {width: 880px;}

#footer {background: url('ulkoasukuvat/footer/46235.png') #f9de89 0px 0px repeat;width: 900px;min-height: 35px;border: 0px solid #a1a4a5;margin: 0 auto;text-align: center;color: #030303;display: none;position: relative;
}

#footer a {}

#footer a:hover {}

* html #footer {min-height: 35px;}

#footer div.f {padding: 4px 0 7px 0;margin: 0 auto;text-align: center;width: 880px;min-height: 20px;position: relative;top: 3px;}

#footer div.f a {text-decoration: none;}

td {vertical-align: top;font-size: 13px;}

#vasen {width: 190px;padding-right: 10px;margin-right: 10px;text-align: left;float: left;position: relative;left: 1px;}

#oikea {width: 185px;padding-left: 15px;text-align: left;float: left;margin-left: 5px;position: relative;}

#txt {float: left;min-height: 100px;position: relative;z-index: 1;margin-bottom: 25px;}

.clear {clear: both;}

p {margin: 0;}

table#ostoskori, .borderedtable {border-collapse: collapse;width: 100%;color: #000;}

table#ostoskori td, .borderedtable td {border: 1px solid #000;padding: 3px;color: #000;}

table#ostoskori td a, .borderedtable td a {color: #000;}

table#ostoskori tr, .borderedtable tr {background: #fff;color: #000;}

table#ostoskori tr:hover, .borderedtable tr:hover {background: #f7f7f7;}

table#ostoskori tr#head, table#ostoskori tr#head:hover, .borderedtable tr.head, .borderedtable tr.head:hover {background: #efefef;font-weight: bold;color: #000;}

.navi { width:100%; min-height:35px; position:relative; left: -1px; top: 0px; border: 0; z-index: 100; white-space: nowrap;}
/* hack to correct IE5.5 faulty box model */
* html .navi { width:100%; w\idth:100%; height: 27px; position:relative; left: 5px; top: 0px; border: 0; z-index: 100; position: relative; left: -1px; }
/* remove all the bullets, borders and padding from the default list styling */
.navi ul { padding:0; margin:0; list-style-type:none; }
.navi ul ul { width:200px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navi li { float:left; position:relative; }
/* style the links for the top level */
.navi a, .navi a:visited { border-left: 1px solid #a1a4a5; display:block; font-size:13px; text-decoration:none; height:27px; background-image: url('/images/blank.gif'); background-repeat: repeat-x; padding: 8px 8px 0 8px; font-weight:normal; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .navi a, * html .navi a:visited { width:15px; w\idth:15px; height: 27px; }

.navi ul ul a { border: 1px solid #a1a4a5; border-top: 0;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navi ul ul { visibility:hidden; position:absolute; height:0; top:35px; left:0px; width:200px; border-top:0px solid #000; }
/* another hack for IE5.5 */
* html .navi ul ul { top:34px; t\op:35px; }
 
/* position the third level flyout menu */
.navi ul ul ul{ left:223px; top:-1px; width:200px; }
 
/* position the third level flyout menu for a left flyout */
.navi ul ul ul.left { left:-200px; }
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.navi table { position:absolute; top:0; left:0; border-collapse:collapse; }
 
/* style the second level links */
.navi ul ul a, .navi ul ul a:visited { line-height: 16px; height:auto; padding:5px 10px; width:202px; border-width:0 1px 1px 1px; }
/* yet another hack for IE5.5 */
* html .navi ul ul a, * html .navi ul ul a:visited { width:203px; w\idth:203px; position: relative; top: 0px; }
 
/* make the second level visible when hover on first level list OR link */
.navi ul li:hover ul,
.navi ul a:hover ul{ visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.navi ul :hover ul ul{ visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.navi ul :hover ul :hover ul{ visibility:visible; }

a.link {color: #f17e2c;}

a.link:hover, .navi :hover > a.link, #valhover {color: #ffffff;}
.navi ul ul a.drop, .navi ul ul a, .navi ul ul a.drop:visited, .navi ul ul a:visited, #alvalmalli1, #alvalmalli2, #alvalmalli3 {color: #ee4510;background-color: #fff;}

.navi ul ul a.drop:hover, .navi ul ul a:hover, .navi ul ul :hover > a.drop, #alvalhover {background-color: #fff;}
a.activelink {color: #ffffff;}
#lada {position: fixed;top: 0;left: 0;}
* html #lada {position: absolute;top: 0;left: 0;}
.smalltxt * {font-size: 12px;}
.hid {position: relative;filter:alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;}

#infoMessageBox {display: none;background: #00dd15;border: 5px solid #007900;padding: 20px;font-size: 25px;color: #045e04;font-weight: bold;position: absolute;top: -9999px;left: 50%;margin-left: -100px;z-index: 99999;}

.latausinput {width: calc(100% - 10px - 2px);max-width: 600px;font-size: 14px;padding: 5px;border: 1px solid #ccc;font-family: 'Arial';margin: 5px 0 5px 0;}

.kiitosviesti {border: 2px solid #1e5f20;background: #67a768;color: #fff;padding: 10px;font-size: 1em;text-align: center;display: block;max-width: 600px;width: calc(100% - 20px - 4px);margin: 5px 0 5px 0;}