body { padding:0; margin:10px; list-style-type:none; font-family:arial; background-image:url('kuvat/harmaacrop.png'); background-repeat:repeat-x;}
p, li { font-size:12px; line-height:125%; margin:0px; }

#pohja { min-width:620px; }
#otsikkotausta { height:85px; }
#ylanavtausta { width:725px; height:85px; margin:auto; background-image:url('kuvat/harmaafadet.png'); background-repeat:repeat-x; border:1px solid #b2b2b2; }
#otsikko { float:left; width:100px; padding-top:15px; padding-left:15px; margin:auto; }
#optimixlogo { float:left; padding-left:85px; padding-top:10px; }
#mastervalikko { margin-top:57px; width:725px; border-top:1px solid #d2d2d2}
#ylanav { float:left; padding-left:40px; margin-top:0px; padding-top:0px; width:600px; }
#sisalto  { width:725px; margin:auto; padding:0px; border:1px solid #DBDBDB; background:#FFFFFF; padding-bottom:20px; }

.kielivalinta { float:right; padding-top:5px; padding-bottom:3px; padding-right:10px; height:20px; }

.valikko { float:right; position:relative; z-index:100; font-family:arial, sans-serif;}
.valikko ul {padding:0;margin:0;list-style-type:none; }
.valikko li {float:left;width:201px;position:relative;}
.valikko a, .valikko a:visited {display:block;font-size:12px;text-decoration:none; color:#000; width:196px; height:29px; padding-left:4px; line-height:27px; }
.valikko ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; }
.valikko table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.valikko ul ul a, .valikko ul ul a:visited { background:#EEEEEE; color:#000; height:auto; line-height:1em; padding-left:5px; padding-top:7px; padding-bottom:7px; width:195px; border-width:0 1px 1px 1px; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2; }
.valikko :hover > a, .valikko ul ul :hover > a {color:#000; border-bottom:1px solid #ffffff; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2; }
.valikko ul ul :hover > a { background:#d2d2d2; }
.valikko :hover > a { border-bottom:1px solid #b2b2b2; font-weight:bold; }
.valikko ul li:hover ul, .valikko ul a:hover ul{visibility:visible; }
.valikko ul ul :hover > a { font-weight:normal; border-bottom:0px; }
li.pohja { border-bottom:1px solid #b2b2b2; width:202px;}
li.pohjapieni { border-bottom:1px solid #b2b2b2; width:122px;}

li.pieni { width:121px; }
ul ul.pieni a,  ul ul.pieni a:visited  { width:115px; }
a.pieni, a.pieni:visited{ width:116px; }

#footer { width:820px; margin:auto; padding-top:0px; margin-top:0px; }
#footer p { font-size:10px; margin:5px; padding:0px; }
div.footercontact { float:left; width:200px; }
div.footercontact p { text-align:center; }

img.linkkikuva { border:0px; }

/* Sivujen optimix-logo -alkuinen otsikko */
div.logoOtsikko { float:left; width:220px; }
div.optimixOtsikko { padding-left:50px; padding-top:30px; }
div.regist { float:left; width:20px; }
div.regist p{ line-height:100%; margin-top:2px; font-size:12px; color:#E20A16; }
div.logoText { float:left; width:85px; }
div.logoText h3{ line-height:0%; margin-top:10px; font-size:18px; color:#E20A16; }

/* Normiotsikko */
div.otsikkoalue { padding-top:30px; }
div.otsikkoalue h3{ padding-left:50px; line-height:0%; font-size:18px; color:#E20A16;}

/* Iso keskitetty teksti */
div.isoteksti { padding-top:30px; }
div.isoteksti h4{ text-align:center; line-height:180%; font-size:18px; color:#E20A16; margin:10px; padding-top:20px; }
div.isoteksti h3{ text-align:center; line-height:180%; font-size:18px; color:#E20A16; margin:10px; padding-top:40px; }
div.isoteksti h2{ text-align:center; line-height:180%; font-size:18px; color:#555555; margin:10px; }

/* Kahden vierekkäisen kuvan tyyli */
div.kuvaleft { float:left; width:300px; padding-top:30px; }
div.kuvaright { float:right; width:300px; padding-top:30px; }

img.koulutus { height:200px; padding:1px; border:1px solid #021a40; }

#maplink { padding-left:200px; padding-top:20px; padding-bottom:20px; }

div.kenttarivi { width:600px; height:20px; }
div.kenttateksti { width:130px; float:left; }
div.kenttateksti p { color:#555555; margin-top:2px; }
div.kenttakuva { width:130px; float:left; }

img.kuvaborder { padding:1px; border:1px solid #021a40; }

/* Eri korkeuksisia taustoja diveille */
div.tausta { min-height:380px; }

/* Keskitetty kuva */
div.kuvacenter{ padding-left:50px; }
div.kuvacenter4{ padding-left:80px; }
div.kuvacenter2{ padding-left:250px; }
div.kuvacenter3{ padding-left:290px; } 

div.palaute { padding-left:50px; padding-right:50px; } /* Normitekstialue otsikon jälkeen */
div.palaute p { color:#555555; }
#radio { margin-bottom:15px; }
#radio  p{ margin-bottom:2px; margin-top:0px; }

input[type=radio] { width: 15px; }
input[type=text] { width: 288px; }
input[type=submit] { width:200px; }

div.teksti { padding-left:50px; padding-right:50px;} /* Normitekstialue otsikon jälkeen */
div.otsikoton { padding-left:50px; padding-right:50px; padding-top:30px; } /* Tekstialue ilman otsikkoa */

/* Listan tyyli */
ul.square { margin:0px; padding:0px; }
li.lista, li.listacheck { margin-left:55px; padding-top:3px; padding-bottom:12px; }
li.lista { list-style-image:url('kuvat/nuoli2kulta.gif');}
li.listacheck { list-style-image:url('kuvat/vakanen.gif');}

/* Kumppanit sivun tyyli */
#kumppanittausta { padding:30px; }
#kumppanitteksti1 { height:80px; padding-top:10px; }
#kumppanitteksti2 { height:280px; padding-top:15px; }
#kumppanitteksti3 { height:120px; padding-top:50px; }
div.kumppanikuvacenter{ padding-left:70px; }
div.kumppanikuvaleft1 { float:left; width:90px; }
div.kumppanikuvaleft2 { float:left; width:265px; }