body {
	font-family: arial, helvetica;
    background-image: url("http://www.ibrandt.fi/images/site_bg.gif");
    background-repeat: repeat-x;
    background-color: #ebebeb;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
   	margin: 0px;
}
td
{
    text-align: justify;
}
table#pohja
{
    background-color: #F6F6F6;
    padding: 0px; 
	margin-top: 5px;   
}
td#container
{
	padding: 2px;	
}
div#ylapalkki
{
    position: relative;
    float:left;
	margin-top: 0px;
	border: 0px;
	width: 758px;
    background-color: #CCCCCC;
    background-image: url("http://www.ibrandt.fi/images/top_bg.gif");
	background-repeat: repeat-x;
}
div#navipalkki
{
    position: relative;
    float:left;
    height: 25px;
    width: 100%;
    margin-top: 0px;
    vertical-align: middle;
	border: 0px;
	background-color: #666533;
    background-image: url("http://www.ibrandt.fi/images/navi_off.gif");
    background-repeat: repeat-x;
    background-position: 0% 0%;
}
div#sisalto
{
	position: relative;
	float: left;
}
div.naviDiv
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 25px;
	line-height: 25px;
}
div.naviDivSelected
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url("http://www.ibrandt.fi/images/navi_on.gif");
    background-repeat: repeat-x;
    height: 25px;
    line-height: 25px;
}
div#cBg
{
	position: relative;
    float: left;
    height: 11px;
    width: 100%;
    margin: 0px;
	border: 0px;
    background-image: url("http://www.ibrandt.fi/images/center_bg.gif");
    background-repeat: repeat-x;
}
div#sloganDiv
{
	position: relative;
    float:left;
    height: 25px;
    line-height: 25px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 11px;
    color: #F6F6F6;
    text-align: left;
    background-color: #666533;	
}
div#topRightDiv
{
	position: relative;
	float: right;
	width: 117px;
	height: 51px;
	background-color: #666533;
    background-image: url("http://www.ibrandt.fi/images/top_right.gif");
    background-repeat: no-repeat;
}
div#tekstikokoDiv
{
	float: right;
	padding-right: 10px;
	padding-top: 31px;	
}
td#bottom
{
	background-color: #ebebeb;
    background-image: url("http://www.ibrandt.fi/images/site_border_bottom.gif");
    background-repeat: no-repeat;
	font-size: 11px;
	padding-top: 13px;	
}

.border_left
{
    width: 6px;
    vertical-align: top;
    background-image: url(http://www.ibrandt.fi/images/site_border_left.gif);
    background-repeat: repeat-y;
}
.border_right
{
    width: 6px;
    vertical-align: top;
    background-image: url(http://www.ibrandt.fi/images/site_border_right.gif);
    background-repeat: repeat-y;
}
td#container2
{
	padding: 20px 15px 20px 15px;
	text-align: left;
}
td#containerTopBorder
{
	width: 758px;
	height: 5px;
    background-image: url(http://www.ibrandt.fi/images/container_border_top.gif);
    background-repeat: no-repeat;	
}
td#containerBottomBorder
{
	width: 758px;
	height: 5px;
    background-image: url(http://www.ibrandt.fi/images/container_border_bottom.gif);
    background-repeat: no-repeat;	
}
td#containerLeftBorder
{
	width: 3px;
    background-image: url(http://www.ibrandt.fi/images/container_border_left.gif);
    background-repeat: repeat-y;	
}
td#containerRightBorder
{
	width: 3px;
    background-image: url(http://www.ibrandt.fi/images/container_border_right.gif);
    background-repeat: repeat-y;	
}
.reunaton
{
    float:left;
    margin: 0px;
    border:0;
    padding:0;
}
h2
{
	font-family: georgia, arial, helvetica;
	font-weight: normal;
	font-size: 18px;
	color: #5F5F5F;
	margin-top: 8px;
}
h3
{
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 12pt;
	color: #5F5F5F;
	margin-top: 0px;
	margin-bottom: 8px;
}
a.navilinkki:link
{
	font-family: arial, verdana, helvetica;
	font-weight: bold;
	color: #F6F6F6;
}
a.navilinkki:hover
{
	font-family: arial, verdana, helvetica;
	font-weight: bold;
	color: #F6F6F6;
}
a.navilinkki:active
{
	font-family: arial, verdana, helvetica;
	font-weight: bold;
	color: #F6F6F6;
}
a.navilinkki:visited
{
	font-family: arial, verdana, helvetica;
	font-weight: bold;
	color: #F6F6F6;
}
a:link
{
    text-decoration: none;
    font-weight: normal;
	color: #DC5E1F;
}
a:visited
{
    text-decoration: none;
    font-weight: normal;
	color: #DC5E1F;
}
a:hover
{	
	text-decoration: none;
    color: #E61C07;
}
a:hover
{	
	text-decoration: none;
    color: #E61C07;
}
.mImage { margin-top: 1px; }

.fontSize0 { font-size: 8px; }
.fontSize1 { font-size: 10px; }
.fontSize2 { font-size: 11px; }
.fontSize3 { font-size: 13px; }
.fontSize4 { font-size: 15px; }
.fontSize5 { font-size: 17px; }
.fontSize6 { font-size: 19px; }

.bottomContentLeft
{
	color: #585858;
	float: left; 
	text-align: left;
	padding-left: 15px;	
}
.bottomContentRight
{
	color: #585858;
	float: right;
	text-align: right;
	padding-right: 20px;
}
.contentBorder
{
	width: 30px;
    background-image: url(http://www.ibrandt.fi/images/line.gif);
    background-repeat: repeat-y;
    background-position: 50% 0%;
}
a.tLink
{
    text-decoration: none;
    color: #585858;
}
a.tLink:hover
{
	color: #E61C07;	
	text-decoration: none;
}
.refTable
{
	border: 1px solid  #BFBEB9;
	vertical-align: top;
	width: 722px;
}
.refTop
{
	background-color:  #E0E0D4;
	vertical-align: top;
}
.refOdd
{
	background-color:  #DCDCD4;
	color: #272727;
	vertical-align: top;
}
.refEven
{
	background-color:  #E9EAE4;
	color: #272727;
	vertical-align: top;
}
.refCellTop
{
	padding-left: 0px;
	border-bottom: 1px solid #CECEC4;
	padding: 1px 0px 1px 10px;
	text-align: left;
	vertical-align: top;
}
.refCell
{
	padding: 1px 0px 1px 10px;	
	text-align: left;
	vertical-align: top;
}
.refCellMiddle
{
	padding: 1px 0px 1px 10px;	
	text-align: left;
	vertical-align: middle;
}
.refRowSelected
{
	padding: 1px 0px 1px 10px;	
	text-align: left;
	background-color: #FFFFFF;
	vertical-align: top;
}
.refRowSelectedHallinta
{
	padding: 1px 0px 1px 10px;	
	text-align: left;
	background-color: green;
	vertical-align: top;
}
.refIconText
{
	padding: 0px 20px 0px 5px;
	vertical-align: middle;
}
.projektitTopHeader
{
	font-weight: bold;	
}
.projektitHeader
{
	font-weight: bold;
	padding-top: 10px;	
}
.imageBorder{
	padding: 3px;
	border: 1px solid #BFBFBF;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 100000;
}

.thumbnail div{ 
position: absolute;
background-color: #FFFFFF;
padding: 3px;
border: 1px solid #808080;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 100000;
}

.thumbnail div img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover div{
visibility: visible;
top: 0;
}
.mailikuva
{
	padding-left: 1px; 
	padding-top: 2px;
}