/* grunden snodd från kajvägen, en del fix tillagt   */



/* 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;
		}




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


a:link {color: blue;
	text-decoration: none;
	}
a:visited {color: blue;
	text-decoration: none;
	}
a:hover {color: blue;
	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%;
	}


.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;
	}


            
/*  så långt sidhuvudet     */


                                 


/* 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 {table-layout: fixed;
	width: 900px;


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

          

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


/* bilder finns med och utan padding, center, left, right, top, bottom   */
.bild  {
	padding: 10px;     
	text-align: center;
	vertical-align: middle;  
	}
.bild-r  {
	padding: 10px;     
	text-align: right;
	vertical-align: middle;  
	}
.bild-l  {
	padding: 10px;     
	text-align: left;
	vertical-align: middle;  
	}
.bild-upad  {
	text-align: center;
	vertical-align: middle;  
	}
.bild-l-upad {
	text-align: left;
	vertical-align: middle;  
	}
.bild-r-upad {
	text-align: right;
	vertical-align: middle;  
	}
.bild-top  {
	padding: 10px;     
	text-align: center;
	vertical-align: top;  
	}
.bild-top-r  {
	padding: 10px;     
	text-align: right;
	vertical-align: top;  
	}
.bild-top-l  {
	padding: 10px;     
	text-align: left;
	vertical-align: top;  
	}
.bild-top-upad  {
	text-align: center;
	vertical-align: top;  
	}
.bild-top-r-upad {
	text-align: right;
	vertical-align: top;  
	}
.bild-top-l-upad {
	text-align: left;
	vertical-align: top;  
	}
.bild-bot  {
	padding: 10px;     
	text-align: center;
	vertical-align: bottom;  
	}
.bild-bot-r  {
	padding: 10px;     
	text-align: right;
	vertical-align: bottom;  
	}
.bild-bot-l  {
	padding: 10px;     
	text-align: left;
	vertical-align: bottom;  
	}
.bild-bot-upad  {
	text-align: center;
	vertical-align: bottom;  
	}
.bild-bot-r-upad {
	text-align: right;
	vertical-align: bottom;  
	}
.bild-bot-l-upad {
	text-align: left;
	vertical-align: bottom;  
	}


.text  {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	vertical-align: top;	
	background-color: white;
	}

.text-centered  {padding-right: 30px;
	padding-left: 30px;
	text-align: center;
	vertical-align: middle;	
	background-color: white;
	}

.text-pad-up  {
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	vertical-align: top;	
	background-color: white;
	}