/*
----------------------------------------------------------------------------------
				Stormbit Ky CSS Style v 1.0
----------------------------------------------------------------------------------
CSS Style Name: 	Virtuaalimallit.fi
CSS Style Arthour: 	Stormbit Ky
CSS Style Date: 	01-09-2006
Last Update:		01-09-2006
CSS Style Version:	1.0
CSS Style Contact:	info@stormbit.fi
CSS Style Copyright: 	© 2007 Stormbit Ky
----------------------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------------------
	BODY
----------------------------------------------------------------------------------
*/
body
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#ffFFff;
	text-align:center;
}


/*
----------------------------------------------------------------------------------
	LINKKI
----------------------------------------------------------------------------------
*/

a:link 
{
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

/*
----------------------------------------------------------------------------------
	LINKKI 
----------------------------------------------------------------------------------
*/
a:visited 
{
	font-size: 10px;
	  color: #333333;
	text-decoration: none;
}


/*
----------------------------------------------------------------------------------
	LINKKI
----------------------------------------------------------------------------------
*/
a:hover 
{
	font-size: 10px;
	text-decoration: bold;
	color: #FF6600;
}

/*
----------------------------------------------------------------------------------
	ALAVALIKKO TAUSTA
----------------------------------------------------------------------------------
*/


/*- Menu Tabs F--------------------------- */

    #tabsF {
      float:left;
      left: 9px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:11px;
      font-weight: bold;
      
      }
    #tabsF ul {
        margin:0;
        padding:0px 1px 0 20px;
        list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url('../kuvat/tableftF.gif') no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url('../kuvat/tabrightF.gif') no-repeat right top;
      padding:2px 18px 2px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -32px;
      }
    #tabsF a:hover span {
      background-position:100% -32px;
      }

        #tabsF #current a {
                background-position:0% -32px;
        }
        #tabsF #current a span {
                background-position:100% -32px;
        }

/*
----------------------------------------------------------------------------------
	Katselupiste nappien taustan vaihto
----------------------------------------------------------------------------------
*/
    #nappi_kp {
      float:left;
      left: 1px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      font-weight: bold;
      
      }
    #nappi_kp ul {
        margin:0;
        padding:0px 1px 16px 2px;
        list-style:none;
      }
    #nappi_kp li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nappi_kp a {
      float:left;
      background:url('../kuvat/tableftFnro.gif') no-repeat left top;
      margin:0;
      padding:0 0 0px 1px;
      text-decoration:none;
      }
    #nappi_kp a span {
      float:left;
      display:block;
      background:url('../kuvat/tabrightFnro.gif') no-repeat right top;
      padding:0px 9px 2px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nappi_kp a span {float:none;}
    /* End IE5-Mac hack */
    #nappi_kp a:hover span {
      color:#FFF;
      }
    #nappi_kp a:hover {
      background-position:0% -32px;
      }
    #nappi_kp a:hover span {
      background-position:100% -32px;
      }

        #nappi_kp #current a {
                background-position:0% -32px;
        }
        #nappi_kp #current a span {
                background-position:100% -32px;
        }
/*
----------------------------------------------------------------------------------
	Numeroiden taustan vaihto
----------------------------------------------------------------------------------
*/
    #nappi_nro {
      float:left;
      left: 1px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      font-weight: bold;
      
      }
    #nappi_nro ul {
        margin:0;
        padding:0px 1px 10px 2px;
        list-style:none;
      }
    #nappi_nro li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nappi_nro a {
      float:left;
      background:url('../kuvat/tableftFnro.gif') no-repeat left top;
      margin:0;
      padding:0 1px 0px 1px;
      text-decoration:none;
      }
    #nappi_nro a span {
      float:left;
      display:block;
      background:url('../kuvat/tabrightFnro.gif') no-repeat right top;
      padding:0px 9px 2px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nappi_nro a span {float:none;}
    /* End IE5-Mac hack */
    #nappi_nro a:hover span {
      color:#FFF;
      }
    #nappi_nro a:hover {
      background-position:0% -32px;
      }
    #nappi_nro a:hover span {
      background-position:100% -32px;
      }

        #nappi_nro #current a {
                background-position:0% -32px;
        }
        #nappi_nro #current a span {
                background-position:100% -32px;
        }



/* 
----------------------------------------------------------------------------------
---------------------------------------------------------------------------------- 
*/
.newlinebr 
{
	clear: both;

}

/* 
----------------------------------------------------------------------------------
---------------------------------------------------------------------------------- 
*/
.sisalto_tt
{
	position: relative;
	width: 960px;
	border: none;
	background-color: #ffffff;
	background-image: url('../kuvat/keskiosa.gif');

}

.sisalto_etusivu
{
	position: relative;
	width: 960px;
	border: none;
	background-color: #ffffff;
	background-image: url('../kuvat/etusivu.jpg');
	flow: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;	
	
}
/* 
----------------------------------------------------------------------------------
	Kuvien tyylit
---------------------------------------------------------------------------------- 
*/

img.LiikkuminenNapit
{ 
    float: left; 
    margin: 0 0 12px 3px;
}

img.KattoTyypitNapit
{ 
    width:48px;
    height:24px;
    float: left; 
    margin: 0px 4px 0px 0px;
    padding:0px 0px 0px 0px;
}

img.VideoNapit
{ 
    float: left; 
    margin: 0 0 0 3px; 
}

img.materiaalit
{ 
    width:18px;
    height:18px;
    margin: 2px 2px 2px 2px;
    padding:0px 0px 0px 0px;
    border: 1px transparent;
}

img.selitekattomateriaali
{ 
    width:40px;
    height:40px;
    margin: 0 0 0 0px;
    padding:0 0 0 0px;
    border: 1px transparent;
}
img.materiaalivalittu
{ 
    width:18px;
    height:18px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border: 2px solid #3399CC;
}

img.tt_sblogo
{ 
    float: right; 
    margin: 0 6px 0 3px; 
}

.alalaita 
{
	flow: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;	

}

/* 
----------------------------------------------------------------------------------
	Turntool
---------------------------------------------------------------------------------- 
*/


.turntool
{
	position: relative;
}

.turntool_etusivu
{
	position: relative;
	
}

.tt_taul 
{
	flow: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;	

}
.table.tt_materiaalit 
{
	flow: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	border-width: 0px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: transparent;
}
}

table.tt_materiaalit td 
{
	border-width: 0px;
	padding:1px 2px 1px 2px;
	border-bottom-style: solid;
	border-color: #999999;
	background-color: transparent;
}

.tt_kattomateriaalit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;	

}


.selitekattomateriaali
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #666666;	

}

table.tt_kattomateriaalit 
{
	flow: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	border-width:0px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: transparent;
}


table.tt_kattomateriaalit td
{
	border-width: 0px;
	padding:0px 0px 0px 0px;
	border-color: #999999;
	border-style: outset;
	background-color: transparent;
	}
	
.tt_taulotsikko
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	

}

.tt_otsikko 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #666666;	
}

.LiikkuminenNapit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-weight: bold;
}

.KattoTyypitNapit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-weight: bold;
}
.tt_liikkuminenkuvaus 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.0;
	
	color: #666666;	
}
.tt_rymittelynimi
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: none;

	color: #666666;	

	
}
.tt_taiteilijan 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;	
	margin-right:12px;
	font-weight: normal;
}
.tt_videonapit 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;	
	margin-right:12px;
	font-weight: bold;
}
.tt_sblogo
{
	flow: right;
	margin: 0 6px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;	
}
/* 
----------------------------------------------------------------------------------
	Opaste teksti
---------------------------------------------------------------------------------- 
*/
.tt_opastus 
{
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	color: #333333;	
}

/* 
----------------------------------------------------------------------------------
	Ylakuva
---------------------------------------------------------------------------------- 
*/
#TopCell 
{ 
	position: relative;
	width:960px;
	height:68px;
	background-color:#ffffff;
}
/*
----------------------------------------------------------------------------------
	Alakuva
---------------------------------------------------------------------------------- 
*/
.alaosa
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	background-color:#ffffff;
	background-image:url('../kuvat/alakuva.gif');
	background-repeat: no-repeat; 
}

/*
----------------------------------------------------------------------------------
	Ylä valikko
---------------------------------------------------------------------------------- 
*/
#ValikkoCell 
{
	position: relative;
	width:960px;
	height:16px;
	border: none;
	background-color:#ffffff;
	background-image:url('../kuvat/ylavalikko.gif');
}



/* 
----------------------------------------------------------------------------------
	Liikkuminen
---------------------------------------------------------------------------------- 
*/
#LiikkuminenCell 
{
	position: relative;
	padding: 6px 0 4px 0;
	left: 16px;
	text-align:left; 
	width:245px;
	height:36px;
	margin: 0 0 0 0px;

	/*border: 1px solid black;*/
}


#LiikkuminenKuvausCell
{
	position: relative;
	left: 12px;
	text-align:left; 
	width:256px;
	height:36px;
	margin: 0px;

	/*border: 1px solid black;*/
}

#MateriaalitCell 
{
	position: relative;
	top: 0px;
	left: 0px;
	text-align:left;
	width:350px;
	height:156px;

	background-image:url('../kuvat/tausta_350x156.gif');
	/* border: 1px solid black;*/
}

#ValikkoLiikkuminenCell
{
	position: relative;
	text-align:left;
	width:268px;
	height:16px;
	/* border: 1px solid black;*/
	font-size:10px;
	font-family:Verdana,sans-serif;
	font-weight:bold;
   	color:#ffffff;
}
#ValikkoMuutToiminnotCell
{
	position: relative;
	text-align:left;
	width:550px;
	height:16px;
	/* border: 1px solid black;*/
	font-size:10px;
	font-family:Verdana,sans-serif;
	font-weight:bold;
   	color:#ffffff;
}

#MuutToiminnotCell 
{
	position: relative;
	padding: 4px 0 0 12px;
	text-align:left;
	width:550px;
	height:113px;
	/*border: 1px solid black;*/
}


#SBCell 
{
	float: right;
	top: 0px;
	margin: 0 8px 6px 0;
	width:120px;
	text-align:right;
	
	/*border: 1px solid black;*/
}

#KontrollitCell 
{
	position: relative;
	left: 16px;
	text-align:left; 
	width:246px;
	height:66px;
	/*border: 1px solid black;*/
}
/* 
----------------------------------------------------------------------------------
	Opaste
---------------------------------------------------------------------------------- 
*/
#OpastusCell 
{
	position: relative;
	top: 0px;
	left: 0px;
	width:670px;
	height:36px;
	margin: 7px 0 0 10px;
	/*border: 1px solid black;*/
	
}
/* 
----------------------------------------------------------------------------------
	Nappien hallinta
---------------------------------------------------------------------------------- 
*/
input.groovybutton_48off
{
   cursor:hand;
   font-size:9px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#ffffff;
   width:48px;
   height:24px;
   background-color: transparent;
   background-image:url("../kuvat/48x24_off.gif");
   border-style:none;
}

input.groovybutton_48on
{
   font-size:9px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#ffffff;
   width:48px;
   height:24px;
   background-color: transparent;
   background-image:url("../kuvat/48x24_on.gif");
   border-style:none;
}


input.groovybutton_32off
{
   cursor:hand;
   font-size:9px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#ffffff;
   width:28px;
   height:20px;
   background-color: transparent;
   background-image:url("../kuvat/28x20_off.gif");
   border-style:none;
   margin: 0 0 0 4px;
   padding: 0 0 0 0px;
   display: inline-table;
}

input.groovybutton_32on
{
   font-size:9px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#ffffff;
   width:28px;
   height:20px;
   background-color: transparent;
   background-image:url("../kuvat/28x20_on.gif");
   border-style:none;
   margin: 0 0 0 4px;
   padding: 0 0 0 0px;
   display: inline-table;
}


input.groovybutton_24off
{
   cursor:hand;
   font-size:9px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#ffffff;
   width:20px;
   height:20px;
   background-color: transparent;
   background-image:url("../kuvat/20x20_off.gif");
   float: left; 
   margin: 4 0 0 4px;
   padding: 0 0 0 0px;
   border-style:none;
}

input.groovybutton_24on
{
   font-size:9px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#ffffff;
   width:20px;
   height:20px;
   background-color: transparent;
   background-image:url("../kuvat/20x20_on.gif");
   float: left; 
   margin: 4 0 0 4px;
   padding: 0 0 0 0px;
   border-style:none;
}