body {
    width: 820px;
    font-family: verdana, helvetica;
    font-size: 0.70em;
    }    

a {
    text-decoration: none;
    color: #5B10A0;
    } 
 
a:hover {
    text-decoration: underline;
    }     
    
img {
    border: 0px;
    border: 0px;
    } 
    
h1 {
	text-align: center;
	font-size: 1.70em;
    }
    
    
.col1 {
    float: left;
    width: 120px;    
    }
    
.col2 {
    border: 1px solid #4f4d4e;
    float: left;
    width: 670px;
    padding: 10px;
    }
    
.halsa {
    margin-top: 10px;
    text-align: center;
    }	
    
#header {
    margin-bottom: 30px;
    }
        
#svenska {
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    }

#english { 
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    }    
    
#index-bild {
    background-image: url(images/saria-4.jpg);
    width: 220px;
    height: 280px;
    }
    
#index-bild1 {
    background-image: url(images/saria-5.jpg);
    width: 322px;
    height: 222px;
    }
    
#valkommen {
    background-image: url(images/valkommen.jpg);
    width: 195px;
    height: 38px;
    margin-left: auto;
    margin-right: auto;
    }
    
#valkommen-eng {
    background-image: url(images/valkommen-eng.jpg);
    width: 152px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    }

#katt-bild {
    float: right;
    height: 222px;
    }

#katt-bild-2 {
    float: right;
    height: 322px;
    }

    
#kontakt {
    border: 1px dotted #4f4d4e;
    width: 150px;
    text-align: center;
    padding: 10px;
    margin-left: 250px;
    margin-bottom: 30px;
    margin-top: 20px;
    }
    
#stamtavla {
    border: 1px solid #4f4d4e;
    margin-left: 20px;
    margin-right: 20px;
    }
    
#stamtavla-titel {
    text-align: center;
    margin-bottom: 3px;
    font-size: 12px;
    }
      
#genetik {
    border-collapse: collapse;
    }

.genetik {
    width: 100px;
    height: 30px;
    text-align: center;
    border: 2px outset #4f4d4e;
    }
	
.genetik-2 {
    width: 200px;
    width: 200px;
    height: 30px;
    text-align: center;
    border: 2px outset #4f4d4e;
    }
    
.foralder- {
    float: right;
    } 

.list {
    list-style: none;
    margin-left: -20px;
    margin-right: 15px;
    }
    
.list2 {
    list-style: none;
    margin-left: 340px;
    margin-right: 15px;
    margin-top: 45px;
    border: 1px dotted #4f4d4e;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: -45px;
    }
 
.list a {
    color: black;
    }
    
.bildtext {
    text-align: center;
    font-style: italic;
    }
	
.textbild {
    float: right;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    }
    
.text-bild {
    float: left;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    }
	
.bild {
    margin-left: 155px;
    width: 383px;
    }
    
.border {
    border-bottom: 2px solid #4f4d4e;
    padding-bottom: 20px;
    }
    
.menu {
    text-transform: uppercase;
    text-align: center;
    border-bottom: 2px solid #4f4d4e;
    padding-bottom: 10px;
    }
 
.menu1 {
    text-align: center;
    border-bottom: 2px solid #4f4d4e;
    padding-bottom: 10px;
    }

.matilda {
	font-style: italic;
	}
 
.pedigree {
    border: 1px solid #4f4d4e;
    }
    
.kull { 
    border: 1px dotted #4f4d4e;
    }
    
.titel1 {
    margin-left: 285px;
    }
    
.titel2 {
    margin-left: 250px;
    }
    
.title3 {
    margin-left: 270px;
    margin-top: 10px;
    }
 
.title4 {
    margin-left: 250px;
    margin-top: 10px;
    }

.title5 {
    margin-left: 240px;
    }
    
.title6 {
    margin-left: 240px;
    }

.title7 {
    margin-left: 300px;
    }
    
.title8 {
    margin-left: 280px;
    }
    
.title9 {
    margin-left: 275px;
    }
    
.title10 {
    }
    
.title11 {
    margin-left: 270px;
    margin-top: 15px;
    }
    
.title12 {
    margin-left: 270px;
    }
    
.title13 {
    margin-left: 290px;
    }
     
.title14 {
    margin-left: 275px;
    }

.title15 {
    margin-left: 240px;
    }
    
.title16 {
    margin-left: 240px;
    }
    
.title17 {
    margin-left: 300px;
    }


.title18 {
    margin-left: 300px;
    }
 
   
#cat1 {
    float: left;
    text-align: center;
    width: 222px;
    margin-left: 75px;
    margin-top: 20px;        
    }
    
#cat2 {
    float: left;
    text-align: center;
    width: 222px;
    margin-left: 75px;
    margin-top: 20px;       
    }
    
#cat3 {
    float: left;
    text-align: center;
    width: 222px;
    margin-left: 75px;
    margin-top: 20px;       
    }
      
#cat4 {
    float: left;
    text-align: center;
    width: 222px;
    margin-top: 20px;
    margin-left: 75px;     
    }
 
.name-saria {
    background-image: url(images/saria-name.jpg);
    width: 68px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    }
    
.name-zelda {
    background-image: url(images/zelda-name.jpg);
    width: 71px;
    height: 20px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    }
    
.name-bertik {
    background-image: url(images/bertik-name.jpg);
    width: 83px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    } 
    
.name-aeval {
    background-image: url(images/aeval-name.jpg);
    width: 78px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    } 
    

    
.webmaster {
    text-align: right;
    color: gray;
    margin-right: 10px;
    }