@charset "utf-8";

@media screen {
/* Hoffren */
.tx-felogin-pi1 div {font-size: 12px;}
#content-right-inner .text-button {display: none;}
.card {margin-bottom: 15px; border: 1px solid #ccc;}
.tx-felogin-pi1 h3 {font-size: 13px;}
.tx-felogin-pi1 legend {display: none;}
.tx-felogin-pi1 fieldset {border: 0; margin: 0; padding: 0;}
.tx-felogin-pi1 label {font-size: 12px;}
.tx-felogin-pi1 div {margin-bottom: 15px;}
.text-button {
width: 108px !important;
margin-left: 495px;
opacity: 1 !important;
border:0;
font-size: 12px; 
letter-spacing: 0.8px;
padding:0 0 0 0px; 
font-family:"Myriad Pro",Arial;
color: inherit; 
cursor: pointer;
background:#3a76a8 !important;
}
.text-button:hover {
color: #fff;
}

/*html { height: 100%; overflow:hidden;}*/

body {
margin: 0px; 
padding: 0px; 
/*height: 100%; */
border-top: 1px transparent solid; 
margin-top: -1px; 
z-index:0; 
position:relative;
font-family: verdana, Arial, Helvetica, sans-serif;
background: transparent url(images/bg_kolmivari2.jpg) no-repeat 900px 196px;
}

.left-col {
width: 200px;
}

img {
border:none;
}


a { color: #16699b;}

.alanavi {font-size: 12px;}
.ala-select {color: #000000;}
p {
font-size:12px;
font-family: arial;
}

#content-right ul {
font-size:12px;
font-family: arial;
}

table {
font-size:12px;
font-family: arial;
margin: 0;
}

h1 {
color: #16699b;
font-size: 14px !important;
font-weight: bold !important;
font-family: arial !imporant;
text-transform: uppercase;
padding: 0 !important;
}

h2 {
color: #16699b;
font-size:12px;
font-weight:bold;
}

.pualikas {
width:50%;
height:100px;
float:left;
}

.clear {
clear:both;
overflow:hidden;
}

#main-bg-wrapper {
/*width:100%;*/

}

#main-etusivu {
width:680px;
background: transparent url(images/bg_etusivu.jpg) no-repeat;
height:520px;
padding:100px 0 0 300px;
}

.headerwrap {
width:1025px;
}

.mainwrap {
width:980px;
/*margin:0 auto;
background:#ccc;*/
background: transparent url(images/bg_keyb2.jpg) no-repeat;
min-height:620px;
height:auto !important;
height:620px;
}

#header {
background-color:#fff;
height:196px;
/*overflow:hidden;*/
/*width:1025px;*/
}

#header-left {
width:273px;
height:196px;
float:left;
display:inline;
}

#header-right {
width:627px;
height:196px;
float:left;
display:inline;
background-image:url(images/bg_color4.jpg);
background-repeat:repeat-x;
background-position:left;
font-family:"Myriad Pro", Arial;
color:#a9e992;
}

#header-right-intro {
width:627px;
height:196px;
float:left;
display:inline;
background-image:url(images/bg_color3.jpg);
background-repeat:repeat-x;
background-position:left;
font-family:"Myriad Pro", Arial;
color:#a9e992;
}

#header-right ul, #header-right ul li {
display:inline;
padding:0;
margin:0;
color:#a9e992;
}

#header-right-introlang ul, #header-right-introlang ul li {
display:inline;
padding:0;
margin:0;
color:#1d4e89;
}

#header-right-introlang {
display:inline;
float:left;
font-family:"Myriad Pro",Arial;
font-size:14px;
left:15px;
position:relative;
top:110px;
width:100px;
}

.select {
color:#fff !important;
}

#header-right ul li a {
text-decoration:none;
color:#a9e992;
}

#header-right-introlang ul li a {
color:#1d4e89;
text-decoration:none;
}

#header-right ul li a:hover {
color:#fff !important;
}

#header-right-introlang ul li a:hover {
text-decoration:underline;
}

#hr1 {
margin-top:83px;
height:37px;
text-align:right;
padding-right:40px;
letter-spacing:1px;
font-size:12px;
}

#hr1 input {
width:119px;
height:18px;
border:none;
background-color:#ffffff;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
#hr2 {
height:37px;
font-size:13px;
letter-spacing:1px;
}
#hr2-left {
width:465px;
height:37px;
float:left;
display:inline;
line-height:37px;
padding-left:25px;
}
#hr2-right {
width:137px;
height:37px;
float:left;
display:inline;
line-height:37px;
}
#hr3 {
height:37px;
line-height:37px;
font-size:15px;
padding-left:25px;
}

#content-wrap {
width:900px;
}

#content-left {
width:273px;
float:left;
display:inline;
padding-top:85px;
}

#content-left-image {
text-align:center;
font-size:10px;
}

#content-right {
width:627px;
float:left;
display:inline;
min-height:430px;
height:auto !important;
height:430px;
background-color:#FFFFFF;
}

#content-right-nobg {
width:650px;
/*margin-left:243px;*/
margin-left:202px;
min-height:430px;
height:auto !important;
height:430px;
background-color:none;
color:white;
}

#content-right-inner {
margin:85px 30px 30px 25px;
}

#content-right-inner-tree {
margin:85px 30px 30px 25px;
}

#content-right-inner-jasen {
margin:85px 30px 30px 25px;
}

#content-right-inner-search {
margin:85px 30px 30px 25px;
}

#content-right-inner-luettelo {
margin:85px 30px 30px 25px;
}
#content-right-inner-toimialue {
margin:85px 30px 30px 25px;
}

#footer {
width:628px;
padding-top:10px;
padding-left: 272px;
font-size:10px;
color:#FFFFFF;
}

#footer {
width:628px;
padding-top:10px;
padding-left: 272px;
font-size:10px;
color:#FFFFFF;
}

#footer-front {
width:628px;
padding-top:10px;
padding-left: 272px;
font-size:10px;
color:#cdcdcd;
}

pre {
font-size: 10px;
font-family:verdana,Arial,Helvetica,sans-serif;
}


#selainteksti {
width:628px;
padding-top:10px;
padding-left: 272px;
font-size:10px;
color:#cdcdcd;
}

#created {
width:628px;
padding-top:1px;
padding-left: 272px;
font-size:10px;
color:#cdcdcd;
}

#created a {
color: #c0c0c0;
text-decoration: none;
}

}

@media print {
img, #hr1, #content-left {
display:none;
}

ul, li {
display:inline;
}

label{
	float:left;
	margin:0;
	padding:2px;
	text-align:left;
	width:150px;
	font-family: arial;
}

.txt {
	border:1px solid #DDDDDD;
	font-size:14px;
	margin:2px;
	padding:0;
	width:200px;
}

textarea {
	border:1px solid #DDDDDD;
	font-size:14px;
	margin:2px;
	padding:0;
	width:200px;
}

form {
	font-family: arial;
	font-size: 12px;
}	

.button {width: 25px;}

}

#sbutton {color: #A9E992 !important; width: 25px !important; background: #3a76a8 !important; opacity: 100 !important; font-size: 10px !important; padding: 0 !imporant; font-family: arial !important;}