body{
background-image:url('./sp_img/tausta.jpg');
background-repeat:repeat-x;
background-color:#fffffff;
font-family:tahoma,arial;
font-size:12px;
color:#000000;
margin:0;
padding-top:18px;
}

#wrapper{
width:962px;
margin:auto;
}

#logo{
width:961px;
height:120px;
background-image:url('./puna_logo.jpg');
margin-bottom:4px;
float:left;
}

#linkit{
width:961px;
height:25px;
text-align:center;
background-color:#800000;
margin-bottom:4px;
padding-top:3px;
float:left;
}

#linkit a, #linkit a:visited{
padding-right:4px;
padding-left:4px;
text-decoration:none;
color:#ffcc00;
font-size:16px;
}
#linkit a:hover, #linkit a:visited:hover{
color:#ff9900;
text-decoration:underline;
}
#alemmat{
width:961px;
float:left;
}

#alemmat a, #alemamt a:visited{
color:#202020;
}

#alemmat a:hover, #alemmat a:visited:hover{
color:#ff0000;
}

h1.main_h1{
font-size:14px;
font-weight:bold;
border:0;
margin:0;
margin-bottom:4px;
padding:0;
padding-top:4px;
height:24px;
background-image:url('./sp_img/h_tausta.jpg');
}

ul.valikko{
list-style:none;
margin:0;
padding:0;
}

ul.valikko li a, ul.valikko li a:visited{
font-size:14px;
padding:1px;
margin-bottom:1px;
border:1px solid #c0c0c0;
display:block;
text-decoration:none !important;
color:#0000001 !important;
}

ul.valikko li a:hover, ul.valikko li a:visited:hover{
color:#202020 !important;
background-color:#ffbbbd;
}

#vasen h1.main_h1, #oikea h1.main_h1{
padding-left:8px;
}

#vasen{
width:170px;
margin-right:2px;
float:left;
}

#sisalto{
width:613px;
border:1px solid #c0c0c0;
padding:1px;
margin-right:2px;
float:left;
}

#sisalto h1.main_h1{
text-align:center;
}


#oikea{
width:170px;
float:left;
}

.laatikkop{
border:1px solid #c0c0c0;
padding:1px;
margin-bottom:10px;
}

h1{font-size:2em;border-bottom:2px dashed #800000;} h2{font-size:1.5em;} h3{font-size:1.25em;}

.laatikkox{
width:300px;
margin:2px;
overflow:hidden;
background-color:#dddddd;
float:left;
}

.laatikkox a, .laatikkox a:visited{
width:294px;
display:block;
border:1px solid #c0c0c0;
padding:2px;
text-decoration:none;
color:#606060;
float:left;
}

.laatikkox a:hover, .laatikkox a:visited:hover {
color:#494949 !important;
background-color:#eeeeee;
border-color:#808080;
}

.laatikkox img{
width:100px;
height:75px;
border:1px solid #000000;
padding:0;
margin:0;
float:left;
}

.laatikkox p{
margin:0;
padding:0;
}

<style type="text/css">
/* Kopioi alla olevat css-määrittelyt sivusi style-tagien väliin, aikaisempien määrittelyjen jatkoksi
tai jos sivuissasi ei ole head tagien sisässä style tageja lisää ne itse head tagien sisään. Näet aloittavan style tagimerkinnän tämän ohjeen yläpuolelta.  ja lopettavan näet "kopiointi loppuu" merkinnän jälkeen*/

/* Kopiointi alkaa tästä alaspäin */
.table {
font-family: verdana; 
color: #003366;  
font-size: 11px;
width: 280px;
height: 190px;
table-layout: auto;
}

.tab2 {
font-family: verdana; 
color: #003366;  
font-size: 11px;
width: 280px;
height: 135px;
table-layout: fixed;
}
.a1 {
background-image: url("a1.jpg");
background-repeat: no-repeat;
height: 37px;
color: white;  
font-size: 13px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
text-align: center;
font-weight: bold;
letter-spacing: 5px;
}
.a2 {
background-image: url("ven.jpg");
background-repeat: repeat-y;
vertical-align: top;
}
.a3 {
background-image: url("a3.jpg");
background-repeat: no-repeat;
height: 18px;
}
.sis {
background-image: url("sis.jpg");
background-repeat: no-repeat;
padding-left: 20px;
padding-right: 20px;
vertical-align: top;
}


/* Kopiointi loppuu */
</style>