* {
font: normal 12px/normal "Arial", "Verdana", sans-serif;
margin: 0;
padding: 0;
}

/* poistaa firefoxissa linkeistä pistereunat */
:focus
{
  -moz-outline-style: none;
}


body {
background: #f3aa00 url("../layout/tausta.gif") repeat -15px 50px;
text-align: center;
margin-top: 10px;
}

img {
border: none;
}

div#palsta {
background: #fff866 none;
border: 3px solid #000;
margin: 0 auto;
margin-bottom: 10px;
text-align: left;
width: 880px;
}

a#ylapalkki {
background: #fff200 url("../layout/ylapalkki_en.gif") no-repeat top left;
border-bottom: 3px solid #000;
display: block;
height: 163px;
width: 880px;
}

div#menupalkki {
background: #fff200 none;
border-bottom: 3px solid #000;
padding-top: 4px;
}

div#ylamenu {
padding-left: 10px;
}

div#ylamenu img {
border: 0;
vertical-align: middle;
}

div#ylamenu ul {
background: #fff200 none;
list-style: none;
}

div#ylamenu ul li {
float: left;
position: relative;
top: 3px;
left: 0px;
}

div#ylamenu ul li.aktiivinen {
background: #cad129 url("../layout/valikko/kulma-oikea-antialias.gif") no-repeat right top;
}

div#ylamenu ul li a {
display: block;
padding: 5px 16px;
}

div#ylamenu ul li span a {
font-size: 14px;
font-weight: bold;
padding: 4px 16px 3px 16px;
text-decoration: none;
}

div#ylamenu ul li span a:hover {
font-style: normal;
}

div#ylamenu ul li.aktiivinen a {
background: transparent url("../layout/valikko/kulma-vasen-antialias-fff200.gif") no-repeat left top;
}


div#alamenu {
background: #cad129 none;
border-top: 3px solid #000;
padding-left: 17px;
height: 1%; /* IE7: #alamenu.hasLayout -> clear */
}

div#alamenu img {
border: 0;
padding: 5px 6px 1px 6px;
vertical-align: middle;
}

div#alamenu ul {
background: #fff200 none;
list-style: none;
}

div#alamenu ul li {
float: left;
position: relative;
top: 3px;
left: 0px;
}

div#alamenu ul li.valittu {
background: #fff866 url("../layout/valikko/kulma-oikea-antialias.gif") no-repeat right top;
}

div#alamenu ul li a {
display: block;
padding: 0 4px 4px 4px;
}

div#alamenu ul li span a {
padding: 3px 12px 4px 10px;
text-decoration: none;
}

div#alamenu ul li a:hover {
font-style: normal;
}

div#alamenu ul li.valittu a {
background: transparent url("../layout/valikko/kulma-vasen-antialias-cad128.gif") no-repeat left top;
}

div#sisalto {
padding-top: 15px;
margin-bottom: 20px;
}

div#sisalto .vasen {
float: left;
text-align: center;
width: 280px;
}

div#sisalto .keski {
float: left;
width: 290px;
}

div#sisalto div.laatikko {
background: #cad129 url("../layout/valikko/kulma-oikea-antialias.gif") no-repeat top right; 
margin: 0 auto;
margin-bottom: 45px;
width: 93%;
}

div#sisalto div.laatikko.iso {
height: 250px;
width: 93%;
padding-right: 0;
}

div#sisalto div.laatikko.pieni {
height: 180px;
}

div#sisalto div.laatikko p img {
border: 1px solid #f3aa00;
float: left;
margin: 0 6px 0 0;
}

div#sisalto div.laatikko a {
background: transparent url("../layout/valikko/kulma-vasen-antialias-fff866.gif") no-repeat top left;
display: block;
padding: 2px 0px 2px 10px;
}

div#sisalto div.laatikko a img {
vertical-align: bottom;
padding: 8px 0 3px 5px;
}

div#sisalto div.laatikko p {
background: #fff200 none;
border: 3px solid #000;
padding: 6px;
height: 100%;
}

div#sisalto div.laatikko p a {
background: transparent none;
display: inline;
padding: 0;
}

div#sisalto div.laatikko div.listalaatikko {
background: #fff200 none;
border: 3px solid #000;
padding: 6px;
height: 100%;
}

div#sisalto div.laatikko div.listalaatikko ul {
list-style: square outside none;
padding-left: 20px;
}

div#sisalto div.laatikko div.listalaatikko p {
background: transparent none;
border: none;
padding: 0;
}

div#sisalto .oikea {
float: right;
width: 290px;
}

div#sisalto .iso {
width: 590px;
padding-right: 10px;
}

div#sisalto .vasen img {
margin-bottom: 15px;
} 

h1 {
font-size: 14px;
font-weight: bold;
padding-bottom: 15px;
}

h2 {
font-size: 12px;
font-weight: bold;
padding-bottom: 15px;
}

h3 {
font-size: 12px;
text-decoration: underline;
}

h4 {
font-size: 12px;
}

p {
padding-bottom: 15px;
padding-right: 20px; 
}

ul {
list-style: square inside none;
}

.oikea ul {
 margin-left:10px;	
 margin-bottom:20px;
}

.oikea ul li {
	
}

ol {
list-style: decimal inside none;
}

ol li {
font-weight: bold;
padding-bottom: 15px;
}

ol ul {
list-style: square outside none;
margin-left: 2.8em;
}

ol ul li {
font-weight: normal;
padding-bottom: 0;
}

strong {
font-weight: bold;
}

a {
color: #000;
text-decoration: underline;
}

* a:hover * {
font-style: normal;
text-decoration: underline;
}

p#copyright {
margin-top: -10px;
}

div#sisalto .vasen a {
 t&ext-decoration: none;
}

div#sisalto .vasen a#kerrokollegalle {
background: transparent url("../layout/kerrokollegalle-kortti.gif") no-repeat 100% 15px;
display: block;
height: 100px;
margin: 0 auto;
text-align: left;
text-decoration: none;
width: 180px;
}


div#sisalto .vasen a#tilaatunnukset {
background: transparent url("../layout/pikkukuvat_ak.gif") no-repeat 0px 0px;
display: block;
height: 100px;
margin: 0 auto;
text-align: left;
text-decoration: none;
width: 180px;
}


div#sisalto .vasen a#tulostalukkari {
background: transparent url("../layout/pikkukuvat_lj.gif") no-repeat 0px 0px;
display: block;
height: 100px;
margin: 0 auto;
text-align: left;
text-decoration: none;
width: 180px;
}




div#sisalto .vasen a#kerrokollegalle img {
display: block;
margin: 0;
}

div#sisalto .vasen a#tiedotetilaus {
display: block;
margin: 0 auto;
text-align: center;
text-decoration: none;
width: 203px;
}

div#sisalto .vasen a#tiedotetilaus img {
margin: 0 auto;
margin-top: 10px;
}

div#sisalto .vasen a#kuvakaruselli {
cursor: pointer;
display: block;
text-decoration: none;
margin-bottom: 15px;
}

div#sisalto .vasen a#kuvakaruselli img {
display: block;
margin: 0 auto;
}

div#ekortti {
background: #ffca00 none;
border: 1px solid #000;
margin: 0 auto;
width: 95%;
}

div#ekortti img {
border: 3px solid #fff;
float: left;
margin: 5px 10px 5px 5px;
}

div#ekortti div#kortti {
margin: 10px;
}

div#sisalto .vasen a#demovideo {
display: block;
margin: 0 auto;
text-align: center;
text-decoration: none;
width: 203px;
}

div#sisalto .vasen a#demovideo img {
margin: 0 auto;
margin-top: 10px;
}

.sivupalstaboksi {
 background-color:#CAD129;
 margin-top:20px;
margin-right:10px;
margin-left:5px;
border:2px solid white;
}

.ikonikarsina {
 float:left;	
}

.ikoniteksti {
 float:left;
 width:150px;
 padding:5px;
}

.ikonidivider {
 clear:both;
height:10px; 
	}

.sidebardecopic {
 margin-top:10px;
 margin-bottom:0px;
}

.sidebardecopic img {
 width:220px;	
 display:block;
 margin:auto;
}

.contentareadecopic {
 display:block;
 float:left;	
 margin-right:20px;
}

.content_col {
 float:left;
 margin:15px;
 margin-top:0px; 
 margin-left:15px;
 margin-right:15px;
 margin-bottom:15px;
}

.content_col div {
 margin-bottom:15px;	
}

.content_col div div {
 margin-bottom:0px;	
 font-style:italic;
}

div#langselect {
 float:right;
 margin-right:10px;
 margin-top:5px; 
}

div#langselect a:link {
	
}

div#langselect a:hover {
 text-decoration:none;	
}