h1 { font-weight: bold; font-size: 140%; color: #000000; padding: 0.25em 0 0.20em 0; line-height: 16pt;}
h2 { font-weight: bold; font-size: 130%; color: #BE1818; padding: 0.25em 0 0.20em 0; }
h3 { font-weight: bold; font-size: 120%; color: #000000; padding: 0.25em 0 0.10em 0; margin: 0.25em 0 0.25em 0;}
h4 { font-weight: bold; font-size: 115%; color: #BE1818; padding: 0.25em 0 0.20em 0; }
h5 { font-weight: bold; font-size: 110%; color: #000000; padding: 0.25em 0 0.20em 0; }
h6 { font-weight: bold; font-size: 105%; color: #000000; padding: 0.25em 0 0.10em 0; margin: 0.25em 0 0.25em 0; }

body {
text-align:center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
width: 100%;
font-size: 95%;

}

a:link { color: #2B6660; text-decoration: underline; }
a:visited { color: #2B6660; }
a:hover { color: #2B6660; text-decoration: none; }
a:active { color: #2B6660; }

div#wrap { 
  text-align:left;
  margin:0 auto;
  background-color: #fff;
  border:5px solid #DADADA;
  border-bottom:3px solid #000;
  position: relative;
  width: 900px;
  min-height:650px;
  padding:5px;
}

div#header {
  width: 100%;
  height:163px;
}

div#login {   
  float:right;
  width:680px;
}

div#login_error {  
  margin: 20px 0 0 8px;
  float:left; 
 font-size:100%;
}

div#login_fields {   
  float:right;
  margin:10px 10px 0 0;
}

div#login_fields td{   
  font-weight: bold;
}



div#left {   
  float:left;
  background-color: #fff;
  padding:10px 0 10px 30px;
  width: 529px;
  height:500px;
}

div#left p{
font-size:96%;
line-height:22pt;
}

div#right{ 
  float:right;
  background-color: #fff;
  padding:10px 10px 10px 0;
  width: 320px;
  height:500px;
  
 
}

div#bottom{ 
  text-align:center;
  background-color: #000000;
  width: 100%;
  height:18px;
  margin:3px 0 0 0;
  color:#ffffff;
  font-size: 85%;
  padding:3px 0 0 0;
}
div#bottom a{ 
  color: #ffffff;
  text-decoration:none;

}

div#main{ 
  background-color: #fff;
  padding:20px;
  width: 858px;
  min-height:460px;
 
}

div#clear{
  clear:both;
}

div#navi{
  float:right;
  margin:8px 20px 0 0;
  color: #ffffff;
  height:33px;
  
}

div#navi ul { display: inline; list-style: none; }
div#navi ul li { display: inline; padding: 9px 5px 7px 5px; }
div#navi ul li:hover { display: inline; padding: 9px 5px 7px 5px; background-color: #be1818;}
div#navi ul li a { color: #ffffff; text-decoration:none; font-size: 120%; font-weight: normal; height:30px;}
div#navi ul li a:visited{ color: #ffffff; text-decoration:none; font-size: 120%; font-weight:normal;}

div#content{
 margin-top:20px;
}

th{
  font-size: 90%;
  text-align:left;
  background-color:#fff;
}

td{
  font-size: 80%;
  padding:2px;
}

td.field_caption{
  font-weight:bold;
  
}

textarea{
width:500px;
height:100px;

}

table.lehdet{
background-color:#f0f0f0;
}

.btn_green_button
{
    color: #FFFFFF;
    border:solid 1px #000000;
    font-size:100%;    
    background-color:#077C0E;
    width: 150px;
    height: 22px;
    margin:0 0 0 0;
}

.btn_red_button
{
    color: #FFFFFF;
    border:solid 1px #000000;    
    font-size:100%;  
    background-color:#BE1818;
    width: 70px;
    height: 22px;
    
    margin:0 0 0 0;
}
.webpage_form_field{
  width:200px;
}

.checkmark {
	font-family: arial, serif;
	-ms-transform: scaleX(-1) rotate(-35deg);
	-webkit-transform: scaleX(-1) rotate(-35deg);
	transform: scaleX(-1) rotate(-35deg);
	left: -6px;
	position: relative;
	background: none;
}