
body {background-color: #FFFFFF; margin: 0px; margin-right: 0px; padding: 0px; color:#CCCCCC; }
body {font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; color: #404040; text-align:justify} *
/* body,td,th {font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; color: #404040; text-align:justify} */


img{border:0px;}

/* scrollbarit heti näkyviin*/
html { min-height: 100.05%; min-width:270px; width:100%; }


h1 {
font-family: Verdana;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #CC4040;
text-transform: uppercase;
}

h2 {
font-family: Verdana;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #CC4040;
text-transform: none;
}

h3,h4,h5,h6 {
font-family: Verdana;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #CC4040;
text-transform: none;
}


form {margin: 0; }

/* Links Content */a:link, a:visited, a:active 					{color: #003366; text-decoration: underline;}
a:hover 										{color: #336699; text-decoration: underline;}


/* banner */
.header {background-color: #ffffff; }

	/*.header 										{background-color: #e0e0e0;	background: url(banner.jpg);
												 background-repeat: no-repeat; vertical-align: middle;
												 text-align: left; color: #606060; height: 111px; font-size: 48px; font-weight: bold; padding-left: 20px;}*/		


.menu											{color:#ffffff; text-decoration:none; background-color:#839137}
.menu li										{border-top:0px solid #ffffff; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 0px solid #FFFFFF; border-left-color:#CCCCCC; border-right-color:#CCCCCC; text-decoration:none; font-family:Verdana; font-size:11px; border-left-width:0px; border-right-width:0px }
.menu ul										{list-style-type: none; margin: 0px; padding: 0px; border-left-color:#CCCCCC; border-right-color:#CCCCCC; text-decoration:none; font-family:Verdana; font-size:11px; border-left-width:0px; border-right-width:0px }
.menu ul ul 									{border-top:0px solid #FFFFFF; border-bottom:0px solid #FFFFFF; padding-left: 10px; background-color: #839137; text-decoration:none; color:#FFFFFF; font-family:Verdana; font-size:11px; border-left-width:0px; border-right-width:0px }
.menu a:link, .menu a:visited, .menu a:active 	{color: #ffffff; display: block; text-decoration: none; font-weight: normal; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px }
.menu a:hover 									{text-decoration: none; color: #ffffff; background-color:#546b18; font-family:Verdana; font-size:11px }
.menu a.menu_current 							{font-weight: bold; color: #ffffff; background-color: #776e27; text-decoration:none; font-family:Verdana; font-size:11px}


.menu2      									{font-family: Verdana; font-size: 11px; background-color: #CC0000; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9;
                								 margin: 0; padding: 0; border-left-width:0px; border-right-width:0px;  }
.menu2 ul       								{border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
.menu2 ul li    								{display: block; float: right; text-align: center; padding: 0; margin: 0;  }
.menu2 ul li a 									{display: block; margin: 0; text-align: center; color: #FFFFFF; background-color: #CC0000; 
               									 width: 125px; height: 16px; border-left: 1px solid #FFFFFF; text-decoration: none;
               									 font-weight: 100; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; padding-left:0; padding-right:0; padding-top:1px; padding-bottom:2px;  }
.menu2 ul li a:hover 							{color: #FFFFFF; background-color: #5A5A5A; }


.menu3      									{font-family: Verdana, sans-serif; font-size: 11px; background-color: #CC0000; border-bottom: 1px solid #D9D9D9;
                								 margin: 0; padding: 0; border-left-width:0px; border-right-width:0px; border-top-width:0px; }
.menu3 ul      									{border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
.menu3 ul li    								{display: block; float: right; text-align: center; padding: 0; margin: 0; }
.menu3 ul li a 									{display: block; margin: 0; text-align: center; color: #FFFFFF; background-color: #CC0000; width: 125px;
               									 height: 16px; border-left: 1px solid #FFFFFF; text-decoration: none; 
               									 font-weight: 100; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; padding-left:0; padding-right:0; padding-top:1px; padding-bottom:2px;  }
.menu3 ul li a:hover 							{color: #FFFFFF; background-color: #5A5A5A; }



.login 												{padding: 2px 10px 2px 10px; font-size: 10px;background-color: #E0E0E0; color: #606060; text-align: center;}
.login input 										{width: 95%; font-size: 10px;}
.login a:link, .login a:visited, .login a:active 	{color: #C0C0C0; text-decoration: none;}
.login a:hover 										{color: #003366; text-decoration: none;}
	


.searchfield {font-size: 12px; font-family: Verdana, sans-serif; background-color: #E4E4E4; color: #656565; border: 1px solid #D9D9D9; margin: 2px 2px 2px 5px; }

.content 											{padding: 10px; background-color: #FFFFFF; height: 350px; vertical-align: top; text-align: justify; width:100%; }
.content a 											{color: #CC0000; text-decoration: none }
.content a:hover 									{color: #CC0000; text-decoration: none }

.input 												{width: 95%; font-size: 10px;}
.content p											{margin-left: 20px; margin-right: 20px; text-align:justify;}
.content li											{margin-left: 20px; margin-right: 20px; }
.content table										{margin-left: 20px;}
/* .content img											{margin-left: 0px; margin-right: 10px;} */

.db {margin-left: 20px; margin-right: 0px; padding: 0px; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px; }

.card  {margin-left: 0px; margin-right: 0px; padding: 0px; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px; }

.label {width: 220px; text-align: right;}
.form_checkbox {text-align: left;}

.footer { font-size: 11px; height: 20px; color: #FFFFFF; text-align: center }
.footer a {color: #CC0000; text-decoration: none }
.footer a:hover {color:#CC0000 }

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#AA4040;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #CC4040;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #CC4040;
    text-align: center;	
	opacity: 0.95;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/media/tt/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/media/tt/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/media/tt/bubble.gif) no-repeat bottom;
}

.basictab{
padding: 3px 0;
margin-left: 0;
font:  12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #dddddd;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #eeeeee;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #ffffff;
color: black;
}

blockquote {
    margin: 1em 1em;
    padding: .1em 1em;
    border-left: 5px solid #fce27c;
	margin-left: 20px;
    background-color: #dddeb4; }
blockquote p {
    margin-left: 2px;
    margin: 2px; }
	

.content blockquote p {
	margin-left: 5px; 
	margin-right: 1px; 
	text-align:justify;}
.content blockquote blockquote {
	margin-left: 5px; 
	margin-right: 1px; 
	text-align:justify;}
.content blockquote table {
	margin-left: 5px; 
	margin-right: 1px; 	}	
