@import "tyyli2.css";


BODY
{  
  	BACKGROUND-ATTACHMENT: fixed;
 	BACKGROUND-IMAGE: url('images/taustat/logotaku2.jpg');
 	background-color: #a1b4b8;
	margin-top: 0px;
	margin-left: 50px;	
}


div#menu a {
		
		background: url("images/graph1.png") 0 0 no-repeat;
		text-decoration: none;
		}
#menu a:hover {	
		background: url("images/graph2.png") 0 0 no-repeat;
		text-decoration: none;
		}
	#menu a:active {
		background: url("images/graph2.png") 0 0 no-repeat;
		text-decoration: none;
		}


.form
{
border:1px solid #000000;
background-color: #a4b7bb;
width: 230px; 
cols: 1px; 
rows: 10px; 
size:1px; tabindex: 10px;
}

.area
{
background-color: #6ca060; font-family:Arial; color:#FFFFFF; font-weight:bold;
}





.kirjoita
{
border:1px solid #000000;
background-color: #C0C0C0;
width: 230px;
height: 80px;

}
 

#preview{
	position:absolute;
	border:5px solid #aaaaaa;
	box-shadow: 5px 5px 15px 2px #3a3838;
	padding-top:125px;
	padding-left:10;
	display:none;
	color:#000000;
	background: #ffffff url('images/graph3.png') no-repeat;
	width: 177px;
	height: 100px;
	font-family:Garamond-Normal; font-size:11pt; font-variant:small-caps; font-weight:bold; text-align:center;
	}

#preview1{
	position:absolute;
	border:5px solid #aaaaaa;
	box-shadow: 5px 5px 15px 2px #3a3838;
	padding:0px;
	display:none;
	color:#aaaaaa;
	background: #aaaaaa url('images/illus3.png') no-repeat;
	width: 177px;
	height: 233px;
	font-family:Garamond-Normal; font-size:11pt; font-variant:small-caps; font-weight:bold;
	}


#preview2{
	position:absolute;
	border:5px solid #eeeeee;
	box-shadow: 5px 5px 15px 2px #3a3838;
	padding-top:80px;
	padding-left:10px;
	display:none;
	color:#FFFFFF;
	background: #2955ce url('images/web3.png') no-repeat;
	width: 177px;
	height: 80px;
	font-family:Garamond-Normal; font-size:11pt; font-variant:small-caps; font-weight:bold;
	}


#preview3{
	position:absolute;
	border:5px solid #eeeeee;
	box-shadow: 5px 5px 15px 2px #3a3838;
	padding-top:15px;
	padding-left:10px;
	display:none;
	color:#FFFFFF;
	background: #aaaaaa url('images/contact3.png') no-repeat;
	width: 168px;
	height: 150px;
	font-family:Garamond-Normal; font-size:11pt; font-variant:small-caps; font-weight:bold;
	}



#preview4{
	position:absolute;
	border:5px solid #eeeeee;
	box-shadow: 5px 5px 15px 2px #3a3838;
	padding-top:125px;
	padding-left:5px;
	display:none;
	color:#FFFFFF;
	background: #57667e url('images/art3.png') no-repeat;
	width: 168px;
	height: 100px;
	font-family:Garamond-Normal; font-size:11pt; font-variant:small-caps; font-weight:bold;
	}



.logo 
{ 
padding-top:30px;
padding-left:45px;

} 




pre          

{ 
font-family: Arial; 
font-size: 16px; 
font-weight:bold; 
color:#FFFFFF;
padding : 0;
text-align : left;
letter-spacing : 0;
margin-left : 0;
margin-right : 0;
border-collapse : collapse

 }



table 
{ 
width : 720px;
padding : 0;
font-family : Times New Roman;
font-size : 12pt;
text-align : left;
letter-spacing : 0;
margin-left : 0;
margin-right : 0;
border-collapse : collapse;
} 


div 
{ 
padding-left : 0;
text-align : left;
font-family : Helvetica, Arial, sans-serif;
font-size : 12pt;
} 

div#kellu1, div#kellu2, div#kellu3, div#kellu4 
{ 

position : relative;
border : 0px solid #aaaaaa;
text-align : center;
font-family : Arial;
font-variant : small-caps;
font-size : 11pt;
font-weight : bold;
width : 180px;
float : left;
} 


.kuvatausta  
{background-position: center; background-image: url('images/tausta_sarja1.jpg');
width:180px; 
height:70px; 
background-repeat:no-repeat; text-align:center;
}



div#navi 
{ 
border : 0px solid #aaaaaa;
text-align : left;
font-family : Helvetica, Arial;
font-variant : small-caps;
font-size : 10pt;
font-weight : bold
} 

img 
{ 
border : 0px none;
padding : 0;
margin : 0;
} 

.kuva   { background-image: url('images/taustat/keskitaku.jpg'); 
}

.kuvakeski  
{background-image: url('images/taustat/www_taku.jpg');
width:172px; 
height:59px; 
border:0px none;
}

.kuvakeski1 
{background-image: url('images/taustat/neliot1.gif'); 
width:355px; 
height:357px; 
border:0px none; 
letter-spacing:0; 
margin-left:0; 
margin-right:0;
font-family:Helvetica, Arial; 
font-size:11pt; 
font-variant:small-caps; 
padding-top:0; 
font-weight:bold 
}


div.navigointi 
{ 
width : 720px;
height : 30px;
text-align : left;
font-family : Arial, Helvetica;
font-variant : small-caps;
font-size : 13pt;
font-weight : bold;
} 



p
{
	position:relative;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #F1F0ED;
    FONT-FAMILY: Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;   
}


p1
{
	
	position:relative;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #F1F0ED;
    FONT-FAMILY: Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none  
}


H5
{	
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    FONT-FAMILY: Helvetica, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none; background-color:#DAD9D7;
	TEXT-DECORATION: none;	
}



H3
{
	
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    FONT-FAMILY: Helvetica, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}


H1
{
   	width:700px;
   	border:0px;
	FONT-SIZE: medium;
    TEXT-TRANSFORM: none;
    COLOR: #FFFFFF;
    FONT-STYLE: normal;
    FONT-FAMILY: Helvetica, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    
    }
H2
{
    FONT-WEIGHT: 400;
    FONT-SIZE: medium;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Helvetica, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

A:link
{
  	COLOR: #000000;
    FONT-FAMILY: Helvetica, Arial;
    TEXT-DECORATION: underline;
    
}
A:visited
{
   	COLOR: #5E5E5D;
    FONT-FAMILY: Helvetica, Arial;
   	TEXT-DECORATION: underline;
}
A:active
{
    COLOR: #000000;
    FONT-FAMILY: Helvetica, Arial;
    TEXT-DECORATION: underline;
}
A:hover
{
    

    COLOR: #057A04;
    TEXT-DECORATION: underline;
 
}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 8pt;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay1.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay1.png", sizingMethod="scale");
	}