/* Stylesheet for Tervalammenkartano.com actual website v.1.1 (C) Severi Peura 2007*/




/* Headlines */

.h2, .hm   { padding-bottom: 30px;
        font-family: Lucidia Sans Unicode;
        font-size: 28;
        font-weight: bold;
        color: #0067AE ;
        font-variant: small-caps;
        text-decoration: none;
        
      }
      

      
.h3, .h3n, .varaus   { padding-bottom: 10px;
        
        font-family: Lucidia Sans Unicode;
        font-size: 20;
        
        font-weight: bold;
        color: #ae7f7a ;
        text-decoration: underline;
        
      }
.h3n   { text-decoration: underline ;
         
         font-weight: normal;}
      
.hm { 
      color: #993366;
      
      }
      
      
.h4 { padding-bottom: 5px;
      color: #808080;
      text-decoration: underline;
      font-family: Lucidia Sans Unicode;
      font-size: 24;
      }
      
      
      
      
      
/* Immortal Copryright -text */      
      
.copyright { position: absolute;
             
             right: 10px;
             top: 0 px;
             font-size: 12;
             color: #adadad;
             font-family: Lucidia Sans Unicode;
          }
          
          
          
          
          
/* Actual Page text style */
      
.leipa, .leipa p, .hake  { 
          
          text-align: justify;
          font-family: Lucidia Sans Unicode;
          font-size: 16;
     }
     
/* Date color */     
.date { color: #bdbdbd }    
     
     

/* Brown-like highlight in text */     
     
.hilit { color: #b31c0d ;
         border-bottom: none;
          }
          

  
/* Some sort of brainerror, but it may be relevant */    
     
.johdanto  { 
          
          
          font-family: Times New Roman;
          font-size: 20;
          margin-bottom: 30px;
          }
          
          
          
          
          
/* Actual Picture of the manor location (Yeah, it's not very good right?) */

.kuva { float: left ;
        text-align: center;
        position: absolute;
        left:20px;
        top:20px;
        

        height: 115px;
        width: 176px 
      }
      
      
      
      
      
/* Tervalampi Manor Rehabilitation Centre -logo */
      
.logo { 
        margin-left: 250px;
        padding-top: 50px;
        
        

      }
      
      
/* Menu and "Submenu" */
      
.menu, .submenu { float: left ;
        position: absolute;
        top: 140px;
        display: block;
        margin-top: 20px;
        padding-left: 10px;
        width: 176px;
        height: 280px;
                       
        }
        
      .submenu {
                height: 100%;
        
      }
      
      
      
      
      
/* Air that menu! */

.palikka img  { padding-bottom: 5px;
          }          



      
/* Actual Page Location */
      
.sivu { position:absolute;
        left: 250px;
        
        width: 70% ;
        padding-bottom: 10px;
        padding-top: 20px; 
        padding-left: 2px;
        
       }
       
       
       
       
       
/* Place Reservation Number Location */      
.varaus { 
                margin-top:40px;
                text-align: center;
                
                }
                
                
                
               
       
/* Dropmenu and '8 Steps to Change' list-styles */       
       
.list { 
      margin-left: 10px;
      
     list-style-type: none;
    line-height: 1; 
    
    }

.lista p, a.lista:link, a.lista:visited, a.lista:active, a.alku
              
              {
              display: list-item;
              list-style-image: url(list.png);
              border-bottom: 1px dotted blacK;
              margin-left: 15px;
              padding-bottom: 5px;
              padding-top: 5px;
              font-family: Georgia;
              text-decoration: none;
              color: black}
                            
a.lista:active { font-weight: bold }
 
.lista p     { border-bottom: none;
               padding-bottom:5px;
               padding-top:5px;}
              
              




/* Organisation Map (Code looks like a storm, but works with any resolution!) */

.org, .pieni      { width: 100%;
            z-index:2;
            text-align: center;
            color: #993366 ;
            font-size: 26;
            font-weight: normal;
            font-family: Lucida Sans Unicode;
            

          }

.suuri    { 
            position:absolute;
            margin-top: 60px;
            left: 230px;
            z-index: 1;
            width: 680px;
            height: 400px;
            background-image: url(../fin/org/suuri.png) ;
 
          }
          
          .keski, .keski2     {color: #000080 ;
           font-weight: bold;
           font-family: Times New Roman;
           font-size: 16;
           text-align: center;
           line-height: 1; }


          .keski      { position: relative;
            background-image: url(../fin/org/kuski.png);
            left:10px;
            top:10px;
            width: 660px;
            height: 340px;
            z-index:2;

           


          }

          .keski_h  { position:absolute;
           z-index: 3;
           
           top:10px ;
           left: 20px;

           width: 180px;

           
           }
          .keski p  {  z-index:3;
            color: #000000 ;
            border-color: black ;
            border-style: solid;
            border-width: thin;
            padding: 2px;
            background-color: white;
           font-weight: normal;
           font-size: 14;            
           }

.vacans   { position: realtive;
            margin-top: 20px;
            z-index:3;
            color: #808080;
            font-family: Georgia;
            font-size: 12;
            font-weight: normal;
            
          }
.vacans b { font-weight: bold; }
            


          .keski_h2  { position:absolute;
           z-index: 3;
           
           top:10px ;
           left: 240px;
           
           width: 180px;

           }   


          .keski_h3  { position:absolute;
           z-index: 3;
           
           top:10px ;
           left: 460px;
           right: 35px;
           width: 180px;

           }
           
.suuri2    { position:absolute;
            margin-top: 480px;
            left: 230px;
            z-index: 1;
            width: 680px;
            height: 280px;
            background-image: url(../fin/org/suuri2.png) ;
          }
          
          .keski2   { 
            position: relative;

            background-repeat: y-repeat;
            background-image: url(../fin/org/keski.png);
            left:15px;
            top:10px;
            width: 650px;
            height: 200px;
            z-index:2;
            
           }
           
          .keski2_h  { position:absolute;
           z-index: 3;
           
           top:15px ;
           left: 5px;

           width: 120px;
           }
           
           .keski2_h2, .keski2_h3, .keski2_h4, .keski2_h5  { position:absolute;
           z-index: 3;
           
           top:15px ;
           
            width: 120px;       

           }  
            
           .keski2_h2 { left: 135px; } 
           .keski2_h3 { left: 265px; }
           .keski2_h4 { left: 395px; }
           .keski2_h5 { left: 525px; }
           
                    
          
.pieni    { position:absolute;
            width: 680px;
            height: 50px;
            color: #000080;
            top:300px;
            padding-top: 10px;
            text-align:center;
            background-image: url(../fin/org/pieni.png);
            background-repeat: no-repeat ;
            background-position: center;
          
          z-index:2;
          }
          
          


/*Puutarha Custom (for making tariff) */

.hinnasto { 
            
            font-family: Georgia;
            font-size: 16;
            
            }
 

.hin, .ni { position:absolute;
          text-align: left;
          width: 160px;
          

        }
        
.hin { left: 0px}
.ni { width: 300px; left: 160px }



/* Application Page*/

.hake { margin-left: 50px }





/* Contact Numbers */

.nimi, .nro {position:absolute;border-bottom: 1px solid }
.nimi {  width: 400px}
.nro { width:140px; margin-left:400px
        }
       
       
       

/* Map Border*/
       
.kartta { text-align: center;
          border: 2px solid black}
          
          
          
/*AlkuBegin Styles*/
          
a.alku {      width: 176px;
              margin-left: 0px;
              margin-top: 20px;
              font-size: 14;
              list-style-type: none;
              list-style-image: none;
              border-bottom: none;
              text-align: center;
              color: #808080;
              }

/* Gallery */
.g  { 
      margin:10px;
      }

.g img { margin:10px; } 
.c   { 
       margin-left:10px;
        }
.l a {               
              color: #bdbdbd }
            
              
              
              
/* ------- END OF STYLESHEET -------- */