body {
background-color: #FFFFEE;
font-family: Verdana, arial, helvetica, sans-serif;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 120%;
}
h4 {
font-size: 100%;
}
h5 {
font-size: x-small;
}
h6 {
font-size: 60%;
}
#p1 {
font-size: 10pt;
color: Black;
}
a {
FONT-SIZE: xx-small;
COLOR: #555555;
FONT-FAMILY: Verdana, Tahoma;
TEXT-DECORATION: none;
}
a:hover {
FONT-SIZE: xx-small;
COLOR: #FF9D5B;
FONT-FAMILY: Verdana, Tahoma;
TEXT-DECORATION: none;
}
.tp {
border: 1px dotted rgb(0,0,0);
padding: 4px;
font-family: Verdana, arial, helvetica, sans-serif;
color: #34342B;
font-size: 9pt;
background-color: #D7FEFF;
}
td.tip {
font-family : Verdana, arial, helvetica, sans-serif;
font-size : 8pt;
}
#justify {
margin-top: 2%;
margin-left: 2%;
margin-right: 2%;
font-size: 12px;
text-align: justify;
}
#just2 {
background-color: #F3F3F3;
text-align: justify;
font-size: 11px;
}
ol {
background-color: #fbfbfb;
font-size: 10pt;
}
#layer4, #layer5, #layer6, #layer7, #layer9, #layer10, #layer11, #layer12, #layer13 {
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
BORDER-LEFT: 0px;
BORDER-BOTTOM: 0px;
font-family: Verdana;
font-size: 10px;
color: black;
background: repeat;
position: absolute;
visibility: visible;
}
.th1 {
background-color: #D8D8D8;
text-align: center;
font-size: xx-small;
border-top: none;
border-right-color: rgb(216,216,216);
border-bottom: 1px dotted rgb(0,0,0);
border-left: 1px dotted rgb(0,0,0);
width: 5%;
}
.th2 {
background-color: #D8D8D8;
text-align: center;
font-size: xx-small;
border-top: none;
border-right-color: rgb(216,216,216);
border-bottom: 1px dotted rgb(0,0,0);
border-left-color: rgb(216,216,216);
width: 5%;
}
.th3 {
background-color: #D8D8D8;
text-align: center;
font-size: xx-small;
border-top: none;
border-right-color: rgb(216,216,216);
border-bottom: 1px dotted rgb(0,0,0);
border-left-color: rgb(216,216,216);
width: 10%;
}
.th4 {
background-color: #D8D8D8;
text-align: center;
font-size: xx-small;
border-top: none;
border-right: 1px dotted rgb(0,0,0);
border-bottom: 1px dotted rgb(0,0,0);
border-left-color: rgb(216,216,216);
width: 73%;
}
.th5 {
background-image: url(http://www.netikka.net/cgi-bin/Count.cgi?trgb=ffffff&df=e0101296.dat&dd=E);
background-position: 66%;
background-repeat: no-repeat;
background-color: #D8D8D8;
text-align: center;
font-size: xx-small;
margin-top: -19px;
margin-bottom: -2px;
margin-left: 2px;
border-top: 1px dotted rgb(0,0,0);
border-right: 1px dotted rgb(0,0,0);
border-bottom: none;
border-left: 1px dotted rgb(0,0,0);
width: 99.4%;
height: 16px;
}
.td1 {
background-color: #fafafa;
text-align: left;
font-size: xx-small;
color: Gray;
border: none;
width: 5%;
}
.td2 {
background-color: #fafafa;
text-align: left;
font-size: xx-small;
color: Gray;
border: none;
width: 5%;
}
.td3 {
background-color: #fafafa;
text-align: left;
font-size: xx-small;
color: Gray;
border: none;
width: 10%;
}
.td4 {
background-color: #fafafa;
text-align: left;
font-size: xx-small;
border: none;
width: 73%;
}
.td5 {
background-color: #F3F3F3;
text-align: left;
font-size: 11px;
}
.td6 {
background-color: #F3F3F3;
font-size: x-small;
width: 20%;
}
.td7 {
background-color: #F8F8F8;
font-size: x-small;
width: 20%;
}
.td8 {
background-image:url(http://www.netikka.net/cgi-bin/Count.cgi?trgb=ffffff&df=e0101296.dat&dd=E);
background-position: right;
background-repeat: no-repeat;
font-size: x-small;
}
.th9 {
margin-right: 37%;
border 0 0 0 0;
width: 65%;
}
.td10 {
background-color: #F3F3F3;
text-align: center;
font-size: 11px;
}
#left {
float: left;
}
pre {
font-size: x-small;
}
.vy {
width: 47px;
height: 50px;
background-image: url("images/vy.jpg");
}
.yk {
width: 640px;
height: 50px;
background-image: url("images/yk.jpg");
}
.yo {
width: 74px;
height: 50px;
background-image: url("images/yo.jpg");
}
.ok {
width: 74px;
height: 400px;
background-image: url("images/ok.jpg");
}
.ao {
width: 74px;
height: 55px;
background-image: url("images/ao.jpg");
}
.bground {
width: 640px; /*saadettava !*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #fbfbfb;
}
.ak {
font-size: 9px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 640px;
height: 55px;
background-image: url("images/ak.jpg");
}
.va {
width: 47px;
height: 50px;
background-image: url("images/va.jpg");
}
.v {
width: 47px;
height: 400px;
background-image: url("images/v.jpg");
}
.p3 {
margin-top: -7%;
margin-left: 63%;
}
.p4 {
margin-left: 71%;
text-align: left;
}
.alanavi {
BORDER-BOTTOM: #999999 1px solid;
margin-bottom: 0px;
text-align: right
}
.border {
BORDER-RIGHT: #999999 1px solid;
BORDER-TOP: #999999 1px solid;
BORDER-LEFT: #999999 1px solid;
BORDER-BOTTOM: #999999 1px solid
}
.border2 {
BORDER-RIGHT: #999999 1px solid;
BORDER-TOP: #999999 1px solid;
BORDER-LEFT: #999999 1px;
BORDER-BOTTOM: #999999 1px solid
}
.navi {
background-color: #fafafa;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
BORDER-LEFT: 0px;
BORDER-BOTTOM: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
TEXT-DECORATION: none;
}
.taulukot {
background-color: #fafafa;
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
BORDER-LEFT: 0px;
BORDER-BOTTOM: 0px;
FONT-WEIGHT: normal;
FONT-SIZE: 9pt;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
TEXT-DECORATION: none;
}
#otsikko {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
text-align: center;
padding: 3px;
COLOR: #0000CC;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: -1%;
border: 1px dotted rgb(0,0,0);
background-color: #D7FEFF;
}
.otsikko {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
text-align: center;
COLOR: #008080;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.otsikko2 {
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
margin-left: 7px;
COLOR: #333333;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BORDER-RIGHT: #d4d4d4 1px solid;
BORDER-TOP: #d4d4d4 1px solid;
BORDER-LEFT: #d4d4d4 1px solid;
BORDER-BOTTOM: #d4d4d4 1px solid
}
.vaaots {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
text-align: center;
COLOR: #333333;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BORDER-RIGHT: #d4d4d4 1px solid;
BORDER-TOP: #d4d4d4 1px solid;
BORDER-LEFT: #d4d4d4 1px solid;
BORDER-BOTTOM: #d4d4d4 1px solid
}
.osoite {
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
MARGIN-LEFT: 4px;
COLOR: #333333;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.tekstit {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
MARGIN-LEFT: 5px;
COLOR: #666666;
MARGIN-RIGHT: 5px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.sisasivut {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
MARGIN-LEFT: 100px;
COLOR: #666666;
MARGIN-RIGHT: 20px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.linkit {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
color: White;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
}
.gif {
margin-top: 32px;
}
.vah {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
.pop {
margin-left: -10px;
margin-top: -14px;
}
.rights {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
color: #697553;
text-align: center;
}
.oik {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
color: White;
text-align: right;
margin-right: 3px;
margin-top: -29px;
}
.submit {
BORDER-RIGHT: #CECECE 1px solid;
BORDER-TOP: #CECECE 1px solid;
PADDING-LEFT: 3px;
FONT-SIZE: 10px;
font-weight: bolder;
text-align: center;
VERTICAL-ALIGN: middle;
BORDER-LEFT: #CECECE 1px solid;
color: Blue;
BORDER-BOTTOM: #CECECE 1px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
background-color: #D2ECA5;
HEIGHT: 16px;
}
.tyh {
BORDER-RIGHT: #CECECE 1px solid;
BORDER-TOP: #CECECE 1px solid;
FONT-SIZE: 10px;
font-weight: bolder;
VERTICAL-ALIGN: middle;
BORDER-LEFT: #CECECE 1px solid;
color: #3399ff;
margin-top: -22px;
BORDER-BOTTOM: #CECECE 1px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
background-color: #D2ECA5;
HEIGHT: 16px;
margin-left: 182px;
}
.brd {
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: ThreedLightShadow;
}
input {
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
BORDER-LEFT: 0px;
BORDER-BOTTOM: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
FONT-SIZE: 10px;
color: black;
cursor: pointer;
background: repeat
}
textarea {
BORDER-RIGHT: #CECECE 0px solid;
BORDER-TOP: #CECECE 2px solid;
PADDING-LEFT: 4px;
FONT-SIZE: 13px;
VERTICAL-ALIGN: middle;
BORDER-LEFT: #CECECE 2px solid;
COLOR: Blue;
PADDING-TOP: 3px;
BORDER-BOTTOM: #CECECE 0px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
background-color: #f9f4e6;
}
select {
BORDER-RIGHT: #cecece 1px solid;
BORDER-TOP: #cecece 1px solid;
PADDING-LEFT: 3px;
FONT-SIZE: 11px;
VERTICAL-ALIGN: middle;
BORDER-LEFT: #cecece 1px solid;
COLOR: #000000;
PADDING-TOP: 3px;
BORDER-BOTTOM: #cecece 1px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
background-color: #f9f4e6;
margin-left: 86px;
}
.ylo {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
font-size: xx-small;
color: Red;
}
.up {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
FONT-SIZE: 10px;
color: Aqua;
}
.paivit {
margin-left: 480px;
margin-top: -25px;
font-size: xx-small;
font-weight: lighter;
color: Silver;
text-decoration: none;
}
.cgi {
margin-left: 414px;
margin-top: -35px;
}
.pv {
margin-left: 435px;
margin-top: -35px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: lighter;
color: Silver;
}
.otsikko1 {
PADDING-TOP: 20px; FONT: bold 13px Verdana, Arial, sans-serif; COLOR: #003399;
text-align: center;
}
.top {
height: 36px;
background-image: url(images/top1.gif);
FONT: bold 13px Verdana, Arial, sans-serif; COLOR: #003399;
text-align : center;
font-size: medium;
color: Blue;
}
.bottom {
height: 20px;
background-image: url(images/bottom.gif);
text-align : center;
font-size: 9px;
}
.p0 {
FONT: 7pt Verdana, Arial, sans-serif;
COLOR: White;
}
.p1 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
}
.copy {
font-size: xx-small;
}
#copy {
font-size: xx-small;
color: Gray;
text-decoration: blink;
}
language, lastBuildDate, pubDate, docs, copyright, webMaster, category, managingEditor { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 56%; margin-top: 0em; margin-left: 0.1em; }
title { display: block; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 80%; margin-left: 1em; }
description { display: block; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70%; color: red; margin-top: 0.1em; margin-left: 3em; }
link { display: block; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70%; color: blue; margin-left: 3em; }



opassivun style.css

body {
margin-top: 20px;
font-size: 11pt;
font-family: verdana, arial, times new roman, sans-serif;
background-attachment: fixed;
}

#herate {
position: fixed;
z-index: 97;
top: 0px;
left: 0px;
width: 100%;
overflow: hidden;
font-size: x-small;
}

#palkki {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 98;
visibility: hidden;
padding-bottom: 2px;
}

.valikko {
position: fixed;
top: 0px;
z-index: 99;
visibility: hidden;
overflow: visible;
}

.juuri {
position: relative;
top: 0px;
z-index: 99;
padding-bottom: 2px;
text-align: center;
font-size: x-small;
font-weight: bold;
}

.linkki {
position: relative;
z-index: 99;
visibility: hidden;
border-top: dotted 1px silver;
padding-left: 1em;
padding-bottom: 2px;
text-align: left;
font-size: x-small;
cursor: pointer;
}

#p1 {
font-size: x-small;
}

.hr
{ margin: 40px 0px 60px 0px; /*vihreä hr*/
width: 99%;
height: 6px;
background-color: #3CB371;
-moz-border-radius: 1.6em;
border-radius: 1.6em;
}

table {font-size: 100%;
margin-left : 30px;
border-collapse:collapse;
}

th {
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA;
}

td {
border-left: 1px solid #C1DAD7;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}

.td1 {
border: 1px dotted;
font-size: 8pt;
vertical-align: top;
background-color: #eeeeee;
}

.td2 {
border: 1px dotted;
font-size: x-small;
vertical-align: middle;
background-color: ThreedLightShadow;
}

.malli2
{margin: 2% auto;
width: 600px;
height: 600px;
background-color: #ff0000;
-moz-border-radius: 3em;
border-radius: 3em;}

.img_malli, a img_malli
{ border: 1px;
border-color: #ff0000;
border-style:dotted;
-moz-border-radius: 33em;
border-radius: 33em;}

div#middle {
background-repeat: repeat-x;
height : 100%;
padding-left : 10px;
padding-right : 10px;
padding-top : 10px;
width : 58%;
color :#404040;
}

.ots {
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: Black;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-align: left;
padding: 2px 2px 2px 12px;
width : 58%;
background: #CAE8EA;
}

.mal {
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: Black;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-align: left;
padding: 2px 2px 2px 12px;
width : 55%;
background: ThreedLightShadow;
}

.center
{
text-align: center;
}

h1 {
font-size: 170%;
color: #FF3300;
}
h2 {
font-size: 120%;
color: #5A5A5A;
margin-left: 30px;
background: #E6E6E6;
}

h3 {font-size: 125%;}
h4 {font-size: 100%;}
h5 {font-size: 80%;}
h6 {font-weight: normal; font-size: 90%; color: #DC143C; margin:10px; padding:5px 20px; background: #E6E6E6;}
.h6 {font-size: 70%;}
li {
font-size: 80%;
background-color: InfoBackground;
margin-left: -20px;
padding: 2px;
list-style-image: url(../images/pearl.gif);
}

border {
border-style: outset;
}

a:link { color: Blue; text-decoration: underline; }
a:active { color: Blue; text-decoration: underline; }
a:hover { color: Red; text-decoration: none;
border-top: blue solid 0.1em;
padding-top: 2px;
border-bottom: none;}
a:visited { color: Blue; text-decoration: none; }

input {
BORDER-RIGHT: #CECECE 0px solid;
BORDER-TOP: #CECECE 2px solid;
background-color: #f9f4e6;
FONT-SIZE: 11px;
BORDER-LEFT: #CECECE 2px solid;
COLOR: #0000FF;
BORDER-BOTTOM: #CECECE 0px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

textarea{
BORDER-RIGHT: #CECECE 0px solid;
BORDER-TOP: #CECECE 2px solid;
PADDING-LEFT: 4px;
FONT-SIZE: 13px;
VERTICAL-ALIGN: middle;
BORDER-LEFT: #CECECE 2px solid;
COLOR: Blue;
PADDING-TOP: 3px;
BORDER-BOTTOM: #CECECE 0px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
background-color: #f9f4e6;
}

.submit {
BORDER-RIGHT: #CECECE 1px solid;
BORDER-TOP: #CECECE 1px solid;
PADDING-LEFT: 3px;
FONT-SIZE: 11px;
VERTICAL-ALIGN: middle;
BORDER-LEFT: 2px solid Black;
PADDING-TOP: 0px;
BORDER-BOTTOM: 2px solid Black;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: ActiveBorder;
HEIGHT: 22px;
}
#pun, #pun2, #puna, #punhu, #har, #viol, #vasi, #sin, #teal, #oran {
font-weight: bold;
}
#pun {
font-size: 0.9em;
color: #f00;
}

#pun2 {
font-size: 0.7em;
color: #f00;
}

#puna {
font-size: 1em;
color: #f00;
}

#punhu {
font-size: 170%;
color: #FF3300;
}

#rusk {
font-size: 0.9em;
color: #800000;
}

#har {
font-size: 0.7em;
color: #5a5a5a;
}

#viol {
font-size: 1em;
color: #ff00ff;
}

#vasi {
font-size: 1em;
color: #00AAAC;
}

#sin {
font-size: 1em;
color: #00f;
}

#teal {
font-size: 1.1em;
color: Teal;
}
#oran {
color: #ff6600;
}

#pun1 {
font-size: 1em;
color: #ff1493;
}

#punp {
font-size: 10px;
color: #DC143C;
}

#har1 {
color: #939393;
}

#sini {
font-size: 1em;
color: #00f;
}

#vih {
color: #008000;
}

#okra {
color: #ff6600;
}

#small {
font-size: xx-small;
}
#med {
font-size: small;
}

div#sisuswrapper ul li{
width:100%;
overflow: hidden;
}
p.huom {
clear: both;
color: #462BE7;
font-size: 0.8em;
padding-left: 3em;
}