body { 
background-color: #fff;
background-image: url("ankamellan.jpg");
background-repeat: repeat-x;
font-family: Gill, Helvetica, sans-serif;
color: #c00;
font-size: 1.5em; 
}

#sida { 
background-color: #fff ;
color: #c00;
width: 100%;
height: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 100px;
}


                                 
#sidhuvud { 
text-align: center;
background-color: #fff ;
color: #c00;
margin: 0px;
padding: 0px;
}

#tradgard { 
text-align: center;
background-color: #ffc0cb ;
color: #c00;
margin: 0px;
padding: 6px 0px 0px 0px;
}
                    
#lankbox { 
background-color: #808080;
color: #fff;
width: 20%;
float: right;
font-size: smaller;
}

#lankbox a { 
background-color: #808080;
color: #fff;
} 

#lankbox a:hover {
background-color: #ccc;
color: #fff; 
}

#lankboxtradgard {
background-color: #ffc0cb;
color: #fff;
width: 100px;
margin: 0px;
padding: 15px;
float: right;
font-size: smaller;
}

#lankboxtradgard a {
background-color: #ffc0cb;
color: #fff; 
} 

#lankboxtradgard a:hover {
background-color: #ffc0cb;
color: #00f;
}

#bildbox {   /*i mitten, centrerad text */ 
font-family: "Monotype Corsiva", cursive, serif;
background-color: #ffc0cb;
color: #00f;
width: 625px;
margin-right: auto;
margin-left: auto;
padding: 40px 0px;
text-align: center;
border: 5px dotted #00f;
}  

#bildbox a {
background-color: #ffc0cb;
color: #fff;
} 
#bildbox a:hover {
background-color: #ffc0cb;
color: #00f;
}

ul { 
background-color: #c00;
color: #fff;
margin: 10%0%0%0%;
padding: 1%;
text-align: center;
font-size: smaller;
text-transform: uppercase;
}

ul a {
color: #fff;
background-color: #c00;
font-size: smaller;
text-transform: uppercase;
padding: 0% 1%;
}

li {
display: inline;
}

a:hover {
background-color: #ccc;
color: #fff;
}