body {
	margin:0;
	padding:0;
	background:#eee;
	color:black; /* Ingen funktion eftersom färgerna sätts på andra ställen. Måste dock finnas med för att ej få varning vid validering. */
/*	text-align:center; */
}


/* Grå bakgrund på allt om annat inte specas. */
#contents {
	margin:0;
	padding:0;
	margin-left:auto;  /* denna centrering funkar inte i alla webbläsare */
	margin-right:auto; /* har därför "text-align: center;" i body. */
/*	text-align:left;*/   /* text-align måste återställas så inte texten blir centrerad. */
/* width:80%; */
/* width:50em; */
	background:#eee;
	color:black; /* Ingen funktion eftersom färgerna sätts på andra ställen. Måste dock finnas med för att ej få varning vid validering. */
}


a {color:blue;text-decoration:none;}
a:hover {text-decoration:underline;}



/* * * * * * * * * * Sidhuvud - ENDAST I SITE MAP * * * * * * * * * */
#header {
	clear:both;
	margin:10px;
	height:46px;
	padding:10px;
	border:1px solid #000;
	background:white;
	color:black;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}


#header h1 {
	margin:0;
	padding:0;
/*	background:inherit;
	color:black; */
	font-size:2em;
}


/* * * * * * * * * * Kolumner - ENDAST I SITE MAP * * * * * * * * * */

.col {
/*	width:33%; */
	border:1px solid #000;
	background:white;
	color:black;

	margin-top:10px;

/*	margin:10px 5% 10px 5%; */
/*	position:absolute; */
/*	width:30%; */
/*	top:70px; */

	width:220px;

	padding:0;
}


#col1 {
	float:left;
/*	left:15%; */
	margin-left: 5%;
}


#col2 {
	float:right;
/*	left:55%; */
	margin-right: 5%;
}


.col h2 {
	margin:10px 0 10px 20px;
}


.col ul {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

.col li {
	margin:10px 0 10px 20px;
	padding:0;
}


.col a:hover {
	background:yellow;
/*	color:blue; */
	text-decoration:none;
}


/* * * * * * * * * * Sidfot * * * * * * * * * */
#footer {
	clear:both;
	margin:0;
	padding:15px;
	text-align:center;
	background:inherit;
	color:#777;
	font-family:"Times New Roman",Times,serif;
	font-size:0.8em;
}


#footer p {
	margin:0; /* I Opera 9.21 funkade det inte vertikalt att sätta margin. Satte padding i div:en utanför istället. */
	padding:0;
}


#footer a {
	color:#777;
}




#google {
	float:left; 

	border:0;

/*	margin: 0; */
	padding:0;

	position:absolute; 
	left:10px;
	top:200px; 
	margin-top: 10px;
	width:180px;
/*	height:160px; */
	background: inherit;
/* margin:10px; */
}


/* * * * * * * * * * Innehållsförteckning * * * * * * * * * */
/* Innehållsförteckningen ska ligga till vänster */
#left {
/*	float:left; */

	border:1px solid #000;

/*	margin:0; */
	padding:0;
/*	padding:10px; */

	position:absolute; 
/*	position:fixed; */
	left:10px;
	top:10px; 
	width:180px;
	background:white;

/* margin:10px; */

	font-family:Verdana,Arial,Helvetica,sans-serif;
}


#left h1 {
	margin:0;
	padding:0;
/*	background:inherit;
	color:#999; */
	font-size:2em;
	text-align:center;
}


#left ul {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

#left li {
	margin:10px;
	padding:0;
}


/* Huvudrubrik, som ska ha längre avstånd till föregående rubrik. */
#menu li.lev1 {
	margin:10px 0 0 0;
	padding:0;
}


/* Underrubrik som ska ligga längre åt höger. */
#menu li.lev2 {
	margin:0 0 0 10px;
	padding:0;
}


#menu a {
	background:inherit;
	color:#999;
	font-family:"Times New Roman",Times,serif;
	font-size:0.8em;
}


#menu a:hover {
	background:inherit;
	color:black;
}


.menu_highlight {
	background:inherit;
	color:blue;
	font-weight:bold;
}


.menu {
	background:inherit;
	color:blue;
}


a:hover.menu_highlight {
	background:yellow;
/*	color: green; */
	text-decoration:none;

}

a:hover.menu {
	background:yellow;
/*	color: blue; */
	text-decoration:none;
}
/* annars kan man ha typ #left a:hover och slippa dubbla hover */



/* * * * * * * * * * Huvudinnehåll * * * * * * * * * */
/* Ligger till höger */
/* IE6 buggar med "main" när "main" är lägre än "left" */
#main {
/* float:right;
	width:30em; */
border:1px solid #000;

/*	margin:0; */
	padding:10px;
/*	padding:20px; */
	background:white;
	color:black;

/*
margin-top:20px;
margin-left:220px;
margin-right:220px;
*/
margin:10px;
margin-left:200px;
}


#main h1 {
	margin:0 0 10px 0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.6em;
	font-weight:bold;
}


#main h2 {
	margin:20px 0 10px 0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-weight:bold;
}


#main h3 {
	margin:20px 0 10px 0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.1em;
	font-weight:bold;
}



#main p {
	margin:0 0 10px 0;
	padding:0;
	font-family:"Times New Roman",Times,serif;
	font-size:1em;
}

/*
#main ul {
	margin:0 0 10px 10px;
	padding:0;
	list-style:disc inside;
}
*/


#main li {
	margin-top:10px;
/*	margin:0;
	padding:0; */
	font-size:0.9em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

/*
#main a {
	background:inherit;
	color:#333;
/*	font-style:italic; * /
}


#main a:hover {
	background:inherit;
	color:black;
}
*/

#main .url {
	background:inherit;
	color:green;
}

#main .lang {
	background:inherit;
	color:black;
}

#main .err {
	background:inherit;
	color:red;
	font-weight:bold;
}


#main .plus {
	background:inherit;
	color:#090;
}


#main .minus {
	background:inherit;
	color:#b00;
}


#main p.cap:first-letter {
	font-size:1.3em;
	font-weight:bold;
}


#main p.picinfo {
	margin:0 0 10px 0;
	padding:0;
	width:451px;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-style:italic;
}


#main acronym {
	background:inherit;
	color:green;
/*	font-style:italic; */
}



/* Links */

#links {
	float:right;
	width:10em;
	border:1px solid #000;

/*	position:fixed;*/  /* Fungerar ej i IE6, men det blir ingen försämring bortsett från att menyn scrollar bort. */
	margin:0;
	padding:10px;


	position:absolute;
	right:10px;
	top:70px;
	width:178px;
	background:white;
}



#links ul {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

#links li {
	margin:0;
	padding:0;
}
