/* all text på sidan ska vara svart och ha en serif-font av storleken medium
(det finns sådär 5 olika...)  */

*  {color: black;
	font-family: serif;
	font-size: medium;
	}

/* Rubriker är större: 

h1 {font-size: x-large;
	}

h2 {font-size: large;
	}
                                 */


/* länkar ska vara blå, utan streck. När musade blir de svarta  */


a:link {color: blue;
	text-decoration: none;
	}
a:visited {color: blue;
	text-decoration: none;
	}
a:hover {color: black;
	text-decoration: underline;
	}
a:focus {color: black;
	text-decoration: none;
	}


/* eftersom position: relative inte funkar för firefox måste sidhuvudet placeras inom en <div> */

.fix-f-firefox-sidhuvud {position: relative;
	top: 2%;
	right: 1%;
	left: 10%;
	}

/* table relative funkar inte i firefox; se ovan 
table.huvud {position: relative;
	top: 2%;
	right: 1%;
	left: 1%;
	}

                         */

.huvud {padding-left: 5%;
	padding-right: 5%;
	font-family: sans-serif;
	font-weight: bold;
	font-size: large;
	}

.huvudlogo {position: relative;
	top: 0%;
	left: 0%;
	border-style: none;
	}

/*  navigeringen ligger som nedersta raden i sidhuvudtabellen   */
 
ul#nav {list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	}
                   
ul#nav li {display: inline;
	border: 1px solid black;	
	margin: 0px;	
	padding: 5px 10px 5px 10px;	
	}
            
/*  så långt sidhuvudet     */

/* sidrubriken måste ligga i denna tabell, annars blir det problem med tabellbredden   */

.rubrik {font-size: x-large;
	font-family: serif;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	}

h2 {font-size: large;
	}
                                 


/* resten av sidan, också en tabell
              --- men hur kan man definiera kolumnbredder???       */

/* eftersom position: relative inte funkar för firefox måste sidhuvudet placeras inom en <div> */

.fix-f-firefox-kropp {position: relative;
	top: 2%;
	right: 1%;
	left: 1%;
	
	}

/*
table.kropp {position: relative;
	top: 5%;
	right: 1%;
	left: 1%;
	background-color: green;
	}                                                */


table.kropp {table-layout: fixed;
	width: 900px;


	border-collapse: collapse;
	border-spacing: 0;
                                      
	background-color: white;
	} 
                                    

/* celler med bilder - ger ram där background-color syns               */

td.bild  {border: 2px solid black;
	padding: 20px;     
	text-align: center;
	vertical-align: middle;  
	width: 280px;
	}

td.bild-dubbel {border: 2px solid black;

	padding: 20px;          
	text-align: center;
	vertical-align: middle;  
	width: 580px;
	}


td.text  {padding-right: 20px;
	padding-left: 20px;	
	background-color: white;
	width: 280px;	
	}


td.text-dubbel  {padding: 20px;
	background-color: white;
	width: 600px;
	}

td.text-trekol {padding: 20px;
	text-align: center;
	width: 940px;
	background-color: white;
	}
          

/* nytt försök - klasser utan "td" - också utan storlek */

.bild  {border: 2px solid black;
	padding: 20px;     
	text-align: center;
	vertical-align: middle;  
	}

.bild-dubbel {border: 2px solid black;

	padding: 20px;          
	text-align: center;
	vertical-align: middle;  
	}


.text  {padding-right: 20px;
	padding-left: 20px;	
	background-color: white;
	}


.text-dubbel  {padding: 20px;
	background-color: white;
	}

.text-trekol {padding: 20px;
	text-align: center;
	background-color: white;
	}