body {
margin: 0 auto;
padding: 0 0 0 0;
font-family: "trebuchet ms", arial, helvetica, sans-serif;
letter-spacing: 1px;
font-size: 12px;
line-height:1.6em;
color: #333;
background: #fff url(layout/bg1.gif) repeat-x;
}

#wrapper {
width: 800px;
margin: 0 auto;
}


#header {
width: 100%;
height: 200px;
margin-bottom: 0px;
text-align: center;
background: #333 url(layout/header1.jpg) repeat-x;
}


#meny {
width: 800px;
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
font-size: 9px;
}


#container {
margin-top: 20px;
width: 800px;
}

#main {
float: left;
width: 500px;
margin-bottom: 30px;
}

.maintext {
margin-left: 0px;
}



#sidebar {
float: right;
width: 250px;
margin-bottom: 30px;
}

.sidebartext  {
margin-left: 20px;
}

.sidebartext p, .maintext p {
color: #333;
margin-left: 10px;
}

.sidebartext p a, .maintext p a{
color: #47170F;
font-weight: bold;
text-decoration: none;
}

.sidebartext p a:hover, .maintext p a:hover {
color: #d3d3d3;
}


#meny a{
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
color: #47170F;
font-weight: bold;
line-height: 1.6em;
font-size: 12px;
}

#meny a:hover{
text-decoration: none;
color: #d3d3d3;
font-weight: bold;
}

#meny a:active{
text-decoration: none;
color: #d3d3d3;
font-weight: bold;
}


.maintext h1{
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
line-height: 27px;
font-size: 25px;
font-weight: bold;
color: #47170F;
}

#sidebar h2, .maintext h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
color: #333;
margin-left: 10px;
}

#footer {
clear: both;
height: 100px;
width: 100%;
text-align: center;
background: #333;
padding-top: 20px;
border-top: 3px solid #000;
}


a img {
border: none;
}

img {
border: none;
}


.huvud {
display:block; 
width:100%;  
color:#333; 
text-align: left;   
border-bottom : 2px dashed #e7e7e7;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
line-height:1.9em;
padding: 1px 4px 3px 30px;
margin: 0 0 0 0;
background: url(layout/lov.gif) no-repeat; 
}

.clear {
clear: both;
}

.mer {
}

.mer ul {
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
width: 180px;
}
 
.mer li {
margin: 0;
}

.mer li a {
display: block;
width: 180px;
padding: 2px 0;
text-decoration: none;
color: #532821;
font-weight: bold;
border-bottom: 1px dashed #e7e7e7;
}

.mer li a:hover {
color: #d3d3d3;
}

.date {
font-style: italic;
color: #CC7D05;
}


#footer p {
text-decoration: none;
color: #d3d3d3;
font-weight: normal;
font-size: 0.9em;
}

#footer p a {
text-decoration: none;
color: #d3d3d3;
font-weight: normal;
font-size: 0.9em;
}

#footer p a:hover {
color: #eee;
}


.links-list { 
list-style : none;
margin : 3px 3px 0 0px;
padding : 3px 3px 3px 3px;
line-height : 100%;
font-size : 90%;
}

.links-list li { 
width : 170px;
height : 22px;
background : url(layout/linkbg1.gif) no-repeat left center;
margin-bottom : 2px;
padding : 4px 10px 0 3px;
} 

.links-list li a{ 
width : 170px;
height : 22px;
display : block;
color : #532821;
text-decoration : none;
padding : 3px 8px 0 13px;
} 

.links-list li a:hover { 
color : #808080;
text-decoration : none;
background : url(layout/linkbg.gif) no-repeat;
}

.framsida, .sidebar, .bild1 {
padding: 3px;
border: 1px solid #333;
}


.bild1_1 { 
padding: 3px;
border: 1px solid #333; 
float: left; 
margin-right: 10px; 
margin-bottom: 5px;
}
.bild1_2 { 
float: left; 
margin-right: 10px; 
margin-bottom: 2px;
}
.bild2 { 
float: right;
}
.bild2_2 { 
float: right; 
margin-left: 10px; 
padding: 3px; 
border: 1px solid #333;
}

.note {
font-size: 10px;
color: #333;
}

.stamtavla {
width: 100%;
}

.pedigree {
font-family : "trebuchet ms", arial, helvetica, sans-serif;
font-size: 11px;
border: 1px dashed #e7e7e7; 
padding: 3px; 
}

.unnamed1 {
font-family : "trebuchet ms", arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

table {
margin-top: 10px;
margin-left: 10px;
}

td {
font-family : "trebuchet ms", arial, helvetica, sans-serif;
font-size: 11px;
}

td  a {
color : #47170F; 
text-decoration : none;
font-weight: bold;
}

td  a:hover {
color: #d3d3d3;
text-decoration: none;
}

 .scrollbox {
padding: 5px;
height: 200px;
width: 200px;
border: 1px dashed #e7e7e7;
overflow: auto;
color: #333;
background: #fff;
margin: 10px 10px 10px 0; 
}