/* ------------ Elementtien tyylimääritykset ---------------- */

body              { font-family: Arial, Helvetica, sans-serif;
                    background-image: url(images/tausta.gif);
                    background-color: #ccc;
                    color: #000;
                    margin: 0em 0em 1em 0em; }

h1                { font-size: 140%;
                    font-weight: bold; }

h2                { font-size: 110%; }


/* -------------- Luokkien tyylimääritykset ----------------- */

.kehys            { border: 1px solid #000;
                    margin: 1em 1em 1em 1em;
					/* width: 980px; */ 
                    background-color: #fff; /* sama kuin sisällön taustaväri */ }

.ylaosa           { height: 100px;
                    background-image: url(images/ylaosa.jpg);
                    background-repeat: no-repeat;
                    background-color: #999;
                    border: 0px; }

.sisalto          { background-color: #fff;
                    border: 0px;
                    border-top: 1px solid #fff;
                    padding: 0em 1em 1em 1em; }

.alaosa           { font-size: 75%;
                    text-align: right;
                    color: #fff;
                    background-color: #999; }

.banneri          { text-align: left;
                    height: 100px;
                    margin-left: 10px;
                    padding: 10px; }

/* .banneri img      { border: 1px solid #666; } */

.linkit           { font-size: 75%;
                    text-align: right;
                    margin-left: 210px;
                    margin-right: 0.5em;
                    color: #000; }

.linkit a:link    { color: #000;
                    text-decoration: none; }

.linkit a:visited { color: #000;
                    text-decoration: none; }

.linkit a:hover   { color: #bbb;
                    text-decoration: none; }

.kuva             { float: left;
                    border: 1px solid #999;
                    background-color: #eee;
                    padding: 2px;
                    margin-left: 5px;
                    margin-bottom: 5px;
                    margin-right: 5px; }

.kuvaoikea        { float: right;
                    border: 1px solid #999;
                    background-color: #eee;
                    padding: 2px;
                    margin-left: 5px;
                    margin-bottom: 5px;
                    margin-right: 0em; }

.kuvavasen        { float: left;
                    border: 1px solid #999;
                    background-color: #eee;
                    padding: 2px;
                    margin-right: 5px;
                    margin-bottom: 5px;
                    margin-left: 0em; }

.infovasen        { float: left;
                    width: 26%;
                    background-color: #ddd;
                    border: 1px solid #999;
                    font-size: 75%;
                    padding: 0.5em;
                    margin-left: 0em;
                    margin-top: 5px;
                    margin-bottom: 5px;
                    margin-right: 5px; }

.yhteystiedot     { width: 80%;
                    font-size: 90%;
                    padding: 0.5em;
                    margin-left: 5em;
                    margin-top: 5px;
                    margin-bottom: 5px;
                    margin-right: 5px; }

.infooikea        { float: right;
                    width: 26%;
                    background-color: #ddd;
                    border: 1px solid #999;
                    font-size: 75%;
                    padding: 0.5em;
                    margin-left: 5px;
                    margin-top: 5px;
                    margin-bottom: 5px;
                    margin-right: 0em; }

.oikeudet         { background-color: #eee;
                    border: 1px dashed #555;
                    margin: 0.5em;
                    padding: 0.5em;
                    text-align: center;
                    font-size: 85% }

.ryhma            { margin: 1em;
                    padding-top: 0.25em;
                    padding-bottom: 0.25em; }

.ryhmaotsikko     { font-weight: bold; }

.alaryhma         { text-indent: 1em; }

a:link            { color: #333333; }
a:visited         { color: #444444; }
a:hover           { color: #666666; }