#container {margin:0px auto; width: 80%; border: 1px solid #fff; padding: 10px; background: #fff; max-width:1200px;}
#header {background: url(../images/header_bg.gif) repeat; height: 55px; width: 100%; clear: right; margin-bottom: 5px; clear:both;}
#footer {background: url(../images/header_bg.gif) repeat; height: 55px; width: 100%; clear: right; margin-bottom: 5px; clear:both;}
#content{clear:both; width: 100%}
p{font-size: 11px;}
#navbar{clear:both;  width: 100% margin-right:20px; margin-bottom: 10px;}
#navbar ul {margin: 0; padding: 0; list-style: none;}
#navbar a {font-family: "tahoma"; text-decoration: none;display: block; width: 9em; background: url(../images/navi_bg.png) repeat; padding: 4px;  	font-size: 10pt; border: 1px solid #c0c0c0;}
#navbar .noaction {text-decoration: none;display: block; width: 9em;  padding: 5px; background: url(../images/navi_hover_bg.png) repeat; font-size: 10pt; border: 0px #fff; color: #fff;}
#navbar a:hover {display: block; width: 9em; background: url(../images/navi_hover_bg.png) repeat; color:#000;}
#navbar li {float: left; width: 13.2em;}
#navbar li ul{display:none;}
#navbar li:hover ul {display:block; width:9em; position:absolute; }
#navbar li ul ul{display:none; margin-left: 9em;}
#navbar li:hover ul ul {display:block; margin-top:-26px; margin-left: 12.3em; width:9em; position:absolute; }
img {border: 0px;}
.print {background: #fff;}
small{    color: #fff8080;    font-family: "arial";	font-size: 8pt;}
h2, h3{    font-weight: bold;    color: #feb400;    font-family: "arial narrow";	font-size: 11pt;	text-transform: uppercase;}
.ilmoitus{clear:left;	font-size: 11pt;    color: #ff3600;	text-decoration: underline; font-weight: bold;}
.ilmoitus2{clear:left;	font-size: 11pt;    color: #ff3600;	text-decoration: none; font-weight: bold;}
td.pikkuotsikko{    font-weight: bold;    color: #fff;    font-family: "arial narrow";	font-size: 9pt;	text-transform: uppercase;}
td.hinta{    font-weight: bold;    color: #dd0808;    font-family: arial,"arial narrow";	font-size: 14px;}

.left{float: left;}
body{	margin-top: 10px;	background: #1d1d1d;	font-family: tahoma, arial,Verdana, Tahoma;	font-size: 11px;}

h1, h2, h3{ clear:left;	font-family: arial,Verdana, Tahoma;	font-size: 14pt;	font-weight: bold;}
h4{clear:left;	font-family: arial,Verdana, Tahoma;	font-size: 10pt;	font-weight: bold; line-height:10px; margin: 3px 0px;}
h5{clear:left;	font-family: arial,Verdana, Tahoma;	font-size: 10pt;	font-weight: bold; line-height:15px; margin: 5px 0px;}

ul, ol{	font-family: arial,Verdana, Tahoma;	font-size: 8pt;	margin-left: 15px;	margin-right: 15px;	padding-top: 5px;	margin-bottom: 5px;}

p{	font-family: arial,Verdana, Tahoma;	font-size: 9pt;	margin-left: 20px;	margin-right: 15px;	padding-top: 5px;	margin-bottom: 5px;}
td.pikkuotsikko{    font-weight: bold;    color: #000;    font-family: "arial narrow";	font-size: 9pt;	text-transform: uppercase;}
td.hinta{    font-weight: bold;    color: #dd0808;    font-family: arial,"arial narrow";	font-size: 14px;}
td{vertical-align: top;    font-weight: normal;    color: #1a1a1a;    font-family: arial,"arial narrow";	font-size: 11px;}
#footer p{color: #fff;	font-family: arial,Verdana, Tahoma;	font-size: 8pt;	margin-top: 0px;	padding: 5px 5px;}
h1.otsikko{margin: 0px;padding: 22px 15px;font-size: 14pt;color: #fff;font-family: "arial narrow";}
h1{margin-left: 20px;font-size: 14pt;color: #000;font-family: "arial narrow";
}
.virhe
{
margin: -20px -20px 20px -20px;
font-size: 14pt;
font-weight: bold;
color: #feb400;
font-family: "arial narrow";
}

hr
{
border: 1px solid #e9e9e9;
margin-top: 10px;
}

img {border: 0px;}





/* --------------------Lomakekentät ja painikkeet--------------------- */

input.searchbox
{
	border: 1px #CCCCCC solid;
	padding: 2px;
	padding-left: 1px;
	background: #ffffff url(../images/hakuikoni.jpg) center left no-repeat;
	width: 34px;
	height: 16px;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
}

input.kentta_text

{
	border: 1px #CCCCCC solid;
	padding: 2px;
	width: 250px;
	height: 20px;
	font-family: Tahoma;
	font-size: 10pt;
}

input.kentta_login

{
	border: 1px #CCCCCC solid;
	padding: 2px;
	width: 200px;
	height: 20px;
	font-family: Tahoma;
	font-size: 10pt;
}

input.searchbox:hover, 
input.kentta_text:hover, 
input.kentta_login:hover, 
input.searchbox:focus, 
input.kentta_text:focus, 
input.kentta_login:focus

{
	border: 1px #000000 solid;
}

input.btn_login
{
	margin-left: 166px;
	margin-right: 10px;
}




/*--------------------Taulukot/Listat--------------------*/

table.lista, table.lomake, table.asetukset
{
	margin: 5px;
	width: 99%;
	font-size: 8pt;
}

table.asetukset
{
	border: 1px #CCCCCC solid;
}

table.loginkentat
{
	margin: 10px;
	margin-top: 20px;
}


td.otsikkosolu
{
	background-color: #d7f0ff;
	border-bottom: 2px #96d8ff solid;
	padding: 5px;	
	font-weight: bold;
	font-size: 9pt;
	
}

td.listasolu
{
	background-color: #f4f4f4;
	border-bottom: 2px #ffffff solid;
	padding: 5px;
	
}

td.lomakesolu
{
	background-color: #f4f4f4;
	border-right: 2px #ffffff solid;
	border-bottom: 2px #ffffff solid;
	padding: 5px;
	text-align: left;
	vertical-align: top;	
}

td.asetussolukuva
{
	width: 90px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

td.asetussoluteksti
{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

td.loginsolukuva
{
	width: 150px;
}

td.loginsolukentta
{
	font-size: 8pt;
}







/*--------------------Fontit---------------------------*/

div.search a, div.loginbox a
{
	color: #009fff;
	text-decoration: none;
}

div.search a:hover, div.loginbox a:hover
{
	text-decoration: underline;
}

a.submenuitem
{
	display: block;
	margin: 0 10px 0 10px;
	padding: 5px 1px 5px 1px;
	border: 0;
	border-bottom: 1px #CCCCCC solid;
	text-decoration: none;
	color: #000000;
	font-size: 9pt;
}

a.submenuitem:hover
{
	background-color: #eef7ff;
}

td.listasolu a
{
	color: #009fff;
	text-decoration: underline;
}

td.listasolu a:hover
{
	color: #000000;
}

a.asetusotsikko
{
	color: #009fff;
	font-size: 13pt;
	text-decoration: none;
}

td.asetussoluteksti
{
	
}






/*----------------------Muuta--------------------*/

img.ico
{
	margin: 0;
	border: 0;
	padding: 0;
	padding-right: 5px;
}