/* Lujabetoni */
div#lb_bgimage {
width: 100%; 
height: 100%;
background-image: url(../luja-images_lujabetoni/top_bg.jpg);
background-repeat: no-repeat;
background-position: top center;
}

td#clickedtopmenu a.toplinks {
color: #ffd200;
}

table#layout {
width: 900px;
height: auto;
}

table#sivupohja-lb-kapea {
width: 500px;
margin-top: 20px;
margin-left: 27px;
}


div#viisashaku {
margin-top: 32px;
float: right;
}

div#viisashaku input.dropdown {

width: 150px;
height: 20px;
border: 1px solid black;
}

div#viisashaku img {
margin-top: 4px;
margin-left: 2px;
}

div#poistuvakuva {
position: absolute; 
bottom: 4px; 
right: 4px; 
}


table#lb-box {
width: 500px;
margin-top: 20px;
margin-left: 27px;
BORDER-TOP: 0px !important; 
BORDER-BOTTOM: 0px !important;
}


#lb_topmenu td {vertical-align: middle;}

table#lb-box td {
BORDER-RIGHT: #f0f0f0 0px solid !important;
PADDING-TOP: 0px !important;
}

table#lujabox {width: 234px; margin-top: 5px; margin-bottom: 5px; ;}
td#lujabox_title1 {}
td#lujabox_content1 {}


td#headerbar {
height: 159px;
}

td#lb_topmenu {
height: 30px;
background-image: url(../luja-images_lujabetoni/top_palkki.jpg);
}

#footertable, #fr_footertable {
height: 48px;
}

#footertable td {
background-color: #e9e9e9
}

.html-sivu img {

}

#fr_footertable td#footercell1 {
padding-left: 0px;
height: 48px;
background-color: #232323;
width: 553px;
}

#fr_footertable td#footercell2 {
width: 347px;
border: 1px solid black;
}

#fr_footertable td#footercell1 span{
color: #424242;
font-size: 9px;
}

#footertable td#footercell1 {
padding-left: 0px;
height: 48px;
width: 555px;
}

td#footercell2 {
width: 345px;
}

#fr_footertable td#footercell2 {
width: 345px;
background-color: black;
}

#footertable td#footercell1 span{
color: #7c7c7c;
font-size: 9px;
}

td#footercell1 div {padding-left: 5px;}

td#sisaltoalue {
background-color: white;
padding-bottom: 20px;
}

td#nostosolu{
background-color: #dadada;
}

#level2menucell {
background-color: #1f1f1f;
padding-left: 10px;
padding-right: 10px;
}

ul#level2menu {
display: block;
padding: 0px;
margin: 0px;
}

ul#level2menu li {
display: block;
padding: 0px;
margin: 0px;
float: left;
}

ul#level2menu li a {
display: block;
line-height: 28px;
color: white;
padding-left: 4px;
padding-right: 4px;
white-space: nowrap;
}

ul#level2menu li.selected a {color: #ff181f}

ul#level2menu li a:hover {
color: #ff181f
}

 
span#selected {color: #ff181f; font-weight: normal;  text-decoration: underline;}


div#viisashaku ul {
display: block;
padding-top: 4px;
margin: 0px;
}

div#viisashaku ul li {
display: block;
padding: 0px;
margin: 0px;

}

div#viisashaku ul li#break {}

div#viisashaku ul li a {
display: block;
line-height: 14px;
color: white;
padding-left: 1px;
padding-right: 1px;

}

div#viisashaku ul li.selected a {color: #ff181f}

div#viisashaku ul li a:hover {
color: #ff181f
}


/* level3 */

#level3menucell {
background-color: #1f1f1f;
padding-left: 10px;
padding-right: 10px;
}

ul#level3menu {
width: 240px;
display: block;
padding: 0px;
margin: 0px;
margin-left: 20px; 
margin-top: 20px;
}

ul#level3menu li {
display: block;
padding: 0px;
margin: 0px;

float: left;
}

ul#level3menu li a {
width: 240px;
display: block;
padding: 3px; 
color: black;
padding-left: 8px;
font-size: 12px;
}

ul#level3menu span#selected {color: #b80e0f; font-weight: bold;}

ul#level3menu li a:hover {
color: #b80e0f
}


/* LUJAKOTI */
#topmenu_topborder {background-color: white;}
#layout-whiteborder {border:5px solid white;  border-top: 2px solid white;}
#layout-taulukko {background-color: white; width: 900px;}
/* TOP.AsP-tyylit */

/* LUJAKOTI SIVUPOHJAT*/
/* 1palsta */
table#lkt_sivupohja_1palsta {width: 671px; margin: 15px;}
td#lkt_sivupohja_palsta {}
/* 2 palstaa */
table#lkt_sivupohja {width: 671px;  margin: 15px;}
td#lkt_sivupohja_palsta1 {padding-right: 15px;}
td#lkt_sivupohja_palsta2 {width: 195px;}




/*  SIVUSTON RAKENNE */
#structure {padding: 6px; width: 970px;}



#footer_td {border: 0px;}
a.takaisin_etusivulle {font-weight: bold; color: white;}
a.takaisin_etusivulle:hover {font-weight: bold; color: #EFEFEF;}
/* LUJA SPECIFIC */
.menurow_plussa {border: 0px; color:  #D20000; padding-top: 3px; color: white;}
.menurow_linkki a {color: white;}
.menurow_linkki a:hover {color: #EFEFEF;}
#backlevel {}
#tablemenu2 {margin-left: 10px;  width: 174px;}
td#lujavalikko {width: 174px; padding-top: 10px;  border-right: 1px solid #CCCCCC}
#rakenne  {border-left: 3px solid white; border-bottom: 0px solid white}
#punainenalue {background-color: #CC0001; border-left: 1px solid white;}

td#sisalto {padding: 5px; padding-right: 3px; padding-top: 0px;}

.hakukentta {border: 1px solid red;}
#ylakuva {}
#top_username {}
#select_usergroup {width: 300px;  height: 25px; float: left;}
	#top_optionlist {float: left;}
	#usergroup_submit {}
#topmenu {display: block;}
.top_menuitem {float: left; padding-left: 2px; padding-right: 5px; margin-top: 8px; line-height: 22px;}

#lujabox {border: 4px solid #EFEFEF}
#lujabox td,p {font-family: verdana; font-size: 11px;}
#lujabox a {color: BE0000; text-decoration: none; font-weight: normal;}
#lujabox a strong{font-weight: normal;}
#margin {margin:4px; height: 100%}
.lujabox_title1 {background-color: #EFEFEF; height:100%; width: 100%; font-weight: bold; padding-left: 5px; border-bottom: 1px solid #CC0001; height:26px;}
.lujabox_title2 {background-color: #EFEFEF;  height:100%; width: 100%; font-weight: bold; margin-right: 4px; border-bottom: 1px solid #CC0001}
.lujabox_content1 {padding-left: 5px; padding-top: 5px;  padding-bottom: 5px;}
.lujabox_content2 {background-image: url(../images/lujabox_bg.gif);}

#content tbody td {letter-spacing: -1px;}

#menuitem {letter-spacing: -1px;}
.top_menuitem a {font-weight: bold; font-size: 11px; color :#666666}
.top_menuitem a:hover {font-weight: bold; font-size: 11px; color :#C80000}

.username {font-size: 11px; color: black; font-weight: bold}
.time { font-size: 12px; color: white; font-weight: normal}

.detail {font-size: 11px; color: black;}

.clickedlink {background-color: yellow;}

#kuvatable img {margin-left: 11px;}
#editor p {letter-spacing: -1px;}
#editor div {letter-spacing: -1px; font-weight: normal;}





#lb_topmenu td {
height: 22px;
text-align: center;
}

#lb_topmenu  a.toplinks {color: white; font-weight: bold; font-size: 13px;  letter-spacing: -1px; }
#lb_topmenu  a.toplinks:hover {color: white; font-weight: font-size: 13px; letter-spacing: -1px; text-decoration: none;}
/* TOP.AsP-tyylit */


div#nostodiv {

position: relative;
}

div#nosto_inner {

}

body, td, p, th,  h1,h2,h3,h4,h5,h6, li, ul, ol, div, span, font
{
	font-family: Verdana, Arial, helvetica; 
}

#pagetitle {width: 100%; font-weight: normal; margin-top: 10px; padding-left: 2px; margin-bottom: 10px; font-size: 16px; Font-family: Verdana; font-weight: normal;}

.minileipis, .minicursive, .button, .submitbutton, .resetbutton
{
	font-family: Verdana, Arial, helvetica; 
}
	
.bigtitle, h2, h1
{
	font-size: 18px;
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.mediumtitle, H3
{
	font-size:15px;
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.minititle
{
	font-size: 13px;  
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.cursive, h4
{
	font-size: 11px;  
	text-decoration: none;
	color: black;
	font-weight: bold;
}



.minititle a {color: black;}

P, .bigcursive, .editor p,li
{
	font-size: 11px;
	text-decoration: none;
	color: Black;
    letter-spacing: -1px;
}

.leipis, td
{
	font-size: 11px;
	text-decoration: none;
	color: Black;
}

P, .editor p, h4 

{line-height: 16px;}



.minileipis, h5, .minicursive
{
	font-size: 11px;
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.minicursive, .minileipis
{
    letter-spacing: -1px;
	color: #616161
}

.minicursive
{
	font-weight: bold;
}




a
{
	text-decoration: none;
	color :#666666;
}

a:hover
{
	color:#C80000;
	text-decoration: underline;
}


/* #palsta1 */

#fr_maintable .bigtitle, #fr_maintable  h2, #fr_maintable  h1
{
	font-size: 18px;
	text-decoration: none;
	color: #a8a8a8;
	font-weight: normal;
}

#fr_maintable .mediumtitle, #fr_maintable H3
{
	font-size:11px;
	text-decoration: none;
	color: #a8a8a8;
	font-weight: bold;
}

#fr_maintable .minititle
{
	font-size: 13px;  
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#fr_maintable .cursive, #fr_maintable h4
{
	font-size: 12px;  
	text-decoration: none;
	color: white;
	font-weight: bold;
}



#fr_maintable .minititle a {color: white;}

#fr_maintable P, #fr_maintable .bigcursive, #fr_maintable .editor p, #fr_maintable li
{
	font-size: 11px;
	text-decoration: none;
	color: white;
    letter-spacing: 0px;
}

#fr_maintable .leipis, #fr_maintable td
{
	font-size: 11px;
	text-decoration: none;
	color: white;
}

#fr_maintable div.type1 {
margin-left: 30px;
margin-right: 30px;
}


P, .editor p, h4 

{line-height: 16px;}



#fr_maintable .minileipis, #fr_maintable h5, #fr_maintable .minicursive
{
	font-size: 11px;
	text-decoration: none;
	color: white;
	font-weight: normal;
}

#fr_maintable .minicursive, #fr_maintable .minileipis
{
    letter-spacing: -1px;
	color: white
}

.minicursive
{
	font-weight: bold;
}




#fr_maintable a
{
	text-decoration: none;
	color :#c0040a;
}

a:hover
{
	text-decoration: underline;
}


/* #palsta1 */

.menu a:hover
{
	color:#C80000;
	text-decoration: underline;
}

.menu a
	{
    letter-spacing: -1px;
	}


.menu a:active
	{
	font-weight: bold;
	} 


	
.mainmenu /* menu.aspin valikot */
	{
	font-family: Verdana,arial,helvetica;
	font-weight: bold;
	font-size: 11px;
	color :#666666
	text-decoration: none
	}

 
.submenu
{ 
	font-size:11px;
	font-family: Verdana,arial,helvetica;
	text-decoration: none;
	color :#666666
}


	
.button
{
    display: inline;
	white-space: nowrap;
    padding: 2px;
	font-family: tahoma, arial; 
	font-size: 11px;
	color: black;
}
.button:hover
{
}

.button:active
{
}
	
	
	
.mainmenu /* menu.aspin valikot */
	{
	font-weight: normal;
	font-size:11px;
	color: white;
	text-decoration: none;
	letter-spacing: -1px;
	}

 
.submenu
{ 
	font-size:10px;
	text-decoration: none;
	color: white;
}

.imagecaption {color: darkgrey; text-decoration: italic;}
.redtext {color: red;}
.highlight {background-color: #FFF4C1}
.BoldGreen {color: green; font-weight: bold;}