body {
	background : url(../img/tausta.png);
	font-family : Tahoma, Verdana, sans-serif; 
	font-size : 10px; 
	font-weight : normal; 
	color : black; 
	text-decoration : none;
	margin-top : 10; 
	margin-left : 10; 
	margin-right : 10; 
	margin-bottom : 10;
}

a:link {
	font-family : Tahoma, Verdana, sans-serif;
	font-size : 10px;
	text-decoration: none;
	color : #003366;
}

a:visited {
	font-family : Tahoma, Verdana, sans-serif;
	font-size : 10px;
	color :  #003366;
}

a:active {
	font-family : Tahoma, Verdana, sans-serif;
	font-size : 10px;
	color : #aabbcc;
}

a:hover {
	color : #aabbcc ! important;
}

form {
	font-family :  Tahoma, Verdana, sans-serif; 
	font-size : 10px;
	background-color : transparent;
}

input {
	background-color : white;
	color : black;
	font-family : Tahoma, Verdana, sans-serif; 
	font-size : 10px;
	border-color : black;
	border-top-width : 1px; 
	border-right-width : 1px; 
	border-bottom-width : 1px; 
	border-left-width : 1px;
	text-indent : 2px;  
}

textarea {
	font-family : Tahoma, Verdana, sans-serif; 
	font-size : 10px;
	background-color : white;
	border-color : black;
	border-style : solid; 
	border-top-width : 1px; 
	border-right-width : 1px; 
	border-bottom-width : 1px; 
	border-left-width : 1px;
}

select {
	font-family : Tahoma, Verdana, sans-serif;
	font-size : 10px;
	font-weight : bold;
	background-color : white; 
}

option {
	font-family : Tahoma, Verdana, sans-serif; 
	font-size : 10px;
	font-weight : bold;
	background-color : white; 
	border-color : black;
	border-top-width : 1px; 
	border-right-width : 1px; 
	border-bottom-width : 1px; 
	border-left-width : 1px;
	text-indent : 2px;  
}

hr {
	height : 1px;
	color : #cccccc;
}

pre {
	font-family : "Courier New", Courier, monospace; 
	font-size : 11px;	
	font-weight : plain;
}

blockquote {
	font-family : Verdana, sans-serif;
	color : Black;
	font-size : 11px;
	font-style: italic;
	text-decoration : none;
}

h3 {
	font-family : Tahoma, Verdana, sans-serif;
	color : white;
	font-size : 18px; 
	font-weight : bold;
	text-decoration : none;
}

h4 {
	font-family : Tahoma, Verdana, sans-serif;
	color : black;
	font-size : 18px; 
	font-weight : bold;
	text-decoration : none;
}

.huom {
	font-family : Tahoma, Verdana, sans-serif;
	color : red ! important;
	font-size : 10px; 
	font-weight: bold;
}

.ok {
        font-family : Tahoma, Verdana, sans-serif;
        color : green ! important;
        font-size : 10px; 
        font-weight: bold;
}

.yli {
	font-family : Tahoma, Verdana, sans-serif;
	color : black;
	font-size : 10px; 
	font-weight: bold;
	text-decoration : line-through;
}

.reunus {
	border : 1px solid #a3a3a3;
}

.reunus2 {
	border-width : 2px;
        border-style : solid;
        color : #123456;
}

.pun_reunus {
        border-width : 1px;
        border-style : solid;
        border-color : red;
}

.katko_reuna {
	border-bottom-width : 1px;
	border-bottom-style : dashed;
	color : #aaaaaa;
}

.jako {
	border-left-width : 1px;
        border-left-style : solid;
        border-color : #a3a3a3;
}

.jako2 {
	border-left-width : 1px;
        border-left-style : solid;
	border-right-width : 1px;
        border-right-style : solid;
        border-color : #a3a3a3;
}

.jako3 {
	border-right-width : 1px;
        border-right-style : solid;
        border-color : #a3a3a3;
}

.info {
        background : url(../funktiot/info_kuva.php);
        background-repeat: no-repeat;
        background-position: top;
        background-color : #eeeeee;
        color : #aaaaaa;
}

input.nappi {
	background-color : #819196;
	color : white;
	font-family : Tahoma, Verdana, sans-serif; 
	font-size : 10px; 
	font-weight : bold;
	border-color : black;  
	border-top-width : 1px; 
	border-right-width : 1px; 
	border-bottom-width : 1px; 
	border-left-width : 1px;
	text-indent : 2px;  
}

input.teksti {
	background-color : white;
	color : black;
	font-family : Tahoma, Verdana, sans-serif; 
	font-size : 10px;
	border-color : black;  
	border-top-width : 1px; 
	border-right-width : 1px; 
	border-bottom-width : 1px; 
	border-left-width : 1px;
	text-indent : 2px;  
}

button.nappi {
	background-color : #819196;
	color : white;
	font-family : Tahoma, Verdana, sans-serif; 
	font-size : 10px; 
	font-weight : bold;
	border-color : black;  
	border-top-width : 1px; 
	border-right-width : 1px; 
	border-bottom-width : 1px; 
	border-left-width : 1px;
	text-indent : 2px;  
}

div.boxi {
	color : black;
	background-color : white;
	border : solid;
	border-width : 1px;
	padding : 0.5em;
	border-color : black;
}

div.otsikko {
        color : black;
        //background-color : #eeeeee;
	background : url(../img/tausta_r.png);
        border : solid;
        border-width : 1px;
        padding : 0.5em;
	margin : 0.5em;
        border-color : grey;
}

.r1 {
	background: #eeeeee;
	color: black;
}

.r2 {
	background: #dedfdf;
	color: black;
}

.r3 {
	background: white;
	color: black;
}

.r4 {
	background: #cbd9fd;
	color: black;
}

.lista {
	display : block;
	font-family : Verdana, sans-serif;
	font-size : 11px;
	margin-left : 20px;
	padding : 0px 0px 0px 0px;
	color : #666666;
}

.tekstiA {
	font-family : Verdana, sans-serif;
	color : #666666;
	font-size : 11px;
	text-decoration : none;
}

.tekstiE {
	font-family : Verdana, sans-serif;
	color : #666666;
	font-size : 12px;
	text-decoration : none;
}

.teksti1 {
	font-family : Verdana, sans-serif;
	color : #666666;
	font-size : 11px;
	text-decoration : none;
}

.teksti2 {
	font-family : Tahoma, Verdana, sans-serif;
	color : $vari1$;
	font-size : 14px ! important; 
	font-weight : bold;
	text-decoration : none;
}

.teksti3 {
	font-family : Tahoma, Verdana, sans-serif;
	color : black;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}

.teksti4 {
	font-family : Tahoma, Verdana, sans-serif;
	color : $vari1$;
	font-size : 11px;
	font-weight : bold;
	font-style : oblique;
	text-decoration : none;
}

.teksti5 {
	font-family : Tahoma, Verdana, sans-serif;
	color : grey;
	font-size : 11px;
	font-style : oblique;
	text-decoration : none;
}

.teksti6 {
	font-family : Tahoma, Verdana, sans-serif;
	color : red;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
}

.teksti7 {
	font-family : Tahoma, Verdana, sans-serif;
	color : $vari1$;
	font-size : 12px;
	text-decoration : none;
}

.teksti8 {
	font-family : Tahoma, Verdana, sans-serif;
	color : $vari2$;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}



.menu {
	background-color : $vari1$;
}

.menuY {
	background : url(../img/menuYla.png);
	background-color : $vari2$;
}

.menuA {
	background : url(../img/menuAla.png);
	background-color : $vari3$;
}

.menuV {
	background-color : $vari2$;
}

.menuO {
	background-color : $vari3$;
}

.otsake1 {
	font-family : Tahoma, Verdana, sans-serif;
	color : white;
	font-size : 10px; 
	font-weight : bold;
	text-decoration : none;
	background : $vari1$;
}

.otsake2 {
	font-family : Tahoma, Verdana, sans-serif;
	color : white;
	font-size : 10px; 
	font-weight : bold;
	text-decoration : none;
	background : #819196;
}

.otsake3 {
	font-family : Tahoma, Verdana, sans-serif;
	color : $vari3$;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	background : white;
	border-bottom-width : 2px;
	border-bottom-style : solid;
}

.otsake4 {
	font-family : Tahoma, Verdana, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	background : #fbe3a3;
	border-bottom-width : 2px;
	border-bottom-style : solid;
}

.m0l0iout {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	color: #FFFFFF;
}
.m0l0iover {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px;
	color: #FFFFFF;
}

.m0l0oout {
	text-decoration : none;
	background: $vari1$;
}
.m0l0oover {
	text-decoration : none;
	background: $vari2$;
}

.m0l1iout {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px;
	color: #FFFFFF;
}
.m0l1iover {
	font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 0px;
	color: #FFFFFF;
}

.m0l1oout {
	text-decoration : none;
	border : 1px solid $vari2$;
	background: $vari1$;
	filter: alpha(opacity=85);
}
.m0l1oover {
	text-decoration : none;
	border : 1px solid $vari2$;
	background: $vari2$;
}

.m0l2iover {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 4px;
	color: #FFFFFF;
}

.m0l2oout {
	text-decoration : none;
	background: $vari1$;
}
.m0l2oover {
	text-decoration : none;
	background: $vari2$;
}