.lefthold
{
	display: inline;
	position: relative;
	left: 0px;
	right: 0px;
	padding; 0 0 0 0;
}

.box
{
	width: 558px;
	float: right;
	background-color: #ffffff;
	display: block;
}

.rtab
{
	float: left;
	width: 136px;
	height: 20px;
}
.rtab a
{
	margin-left: 3px;
}
.ltab
{
	float: left;
	width: 136px;
	height: 20px;
}
a
{
	text-decoration: underline;
}
.ltab a
{
	margin-left: 10px;
}
.activetab
{
	float: left;
	width: 150px;
	height: 20px;
	
}
.activetab a
{
	margin-left: 10px;
}
.widetab
{
	float: left;
	width: 150px;
	height: 20px;
	
}
.widetab a
{
	margin-left: 10px;
}
.lefttab
{
	float: left;
	width: 136px;
	height: 20px;
}
.lefttab a
{
	margin-left: 10px;
}

h2, h3, h4
{
	margin: 0;
	background-color: #ffffff;
}
.textdiv
{
	clear:both;
	border: 1px solid;
	border-width: 0 1px 1px 1px;
	background-color: #ffffff;
}
.textdiv a
{
	top: 0px !important;
	text-decoration: underline !important;
	color: #000099 !important;
}
.textdiv a:visited
{
	color: #660066 !important;	
}
.innerdiv
{
	border: 10px solid;
	padding: 10px;
	
}

body
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
}
.tabdiv
{
	background-color: #ffffff;
}
.tabdiv a
{
	position: relative;
	top: 2px;
	text-decoration: none; 
	font-size: 13px;
	color: black;
}
.menubar
{
	width: 210px;
	border-style: solid;
	border-width: 0 0 10px 10px;
	
}
.submenu
{
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	width: 190px;
	border-style: solid;
	border-width: 0 0 0 10px;
	
}
.submenu a
{
	display: block;
	text-decoration: none; 
	font-size: 14px;
	color: black;
	padding-bottom: 10px;
	
}
#blue
{
	border-color: #e0dfff;
}
#dblue
{
	border-color: #3333ff;
}
#green
{
	border-color: #dfffe5;
}
#dgreen
{
	border-color: #66ff66;
}

#yellow
{
	border-color: #ffffdf;
}
#dyellow
{
	border-color: #ffff33;
}
#red
{
	border-color: #ffdfdf;
}
#dred
{
	border-color: #ff3333;
}



#bgdblue
{
	background-color: #3333ff;
}
#bglightdblue
{
	background-color: #e0dfff;
	border: 1px solid;
	border-width: 0 1px 1px 0px;
	border-color: #3333ff;
	padding: 5px 0 5px 5px;
}
#bgsemilightdblue
{
	background-color: #cdcbff;
	border: 1px solid;
	border-width: 0 1px 1px 0px;
	border-color: #3333ff;
	padding: 5px 0 5px 5px;
}

#bgdgreen
{
	background-color: #66ff66;
}
#bglightdgreen
{
	background-color: #dfffe5;
	border: 1px solid;
	border-width: 0 1px 1px 0px;
	border-color: #66ff66;
	padding: 5px 0 5px 5px;
}
//*********************************//
//**IMPORTANT!!!!!!!!			 **//
//**TODO						 **//
//**Värikoodaus, tummempi		 **//
//**vihreä						 **//
//**TODO						 **//
//**IMPORTANT!!!!!!!!			 **//
//*********************************//
#bgdyellow
{
	background-color: #ffff33;
}
#bgdred
{
	background-color: #ff3333;
}
.lgrey
{
	display: block;
}
.menuhelp
{
	width: 40px;
	height: 10px;
	display: block;
}
.holder
{
	width: 242px;
	float: left;
	background-color: #ffffff;
}
img
{
	border: 0px solid;
}
body
{
	margin: 0px;
}
.topmenubar
{
	background-image: url("../images/topbar.jpg");
	width: 800px;
	height: 120px;
}
.menuitems
{
	border: solid;
	border-width: 0px 2px 0px 0px;
	border-color: #3333ff;
	position: relative;
	top: 70px;
	left: 53px;
	height: 50px;
	width: 608px;
}
.menuitems div
{
	float: left;
	border: solid;
	border-width: 2px 0px 2px 2px;
	border-color: #3333ff;
	height: 46px;
	width: 150px;
}
.menuitems a
{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #3333ff;
	position: relative;
	top: 10px;
	left: 10px;
}
.menuitems a:hover
{
	color: white;
}
#leftmargin
{
	height: 276px;
	background-image: url("../images/leftimage.png");
}
#tworows
{
	top: 0px;
}

