<!--
/*	global.css 2006-09-18 (= screen.css)
	Inkludera print.css före denna på sidorna. Exempel:
<head>
	Eventuell JavaScriptkod före <style>-tagen i <head>
<link rel="stylesheet" type="text/css" media="print" href="../styles/print.css"/>
<link rel="stylesheet" type="text/css" href="../styles/global.css"/>
</head>
*/
/*	bordercolor på formulär, tabeller, textrutor, textareor, hr mm: #3399ff
	föregående: #3333ff - lite för stark färg
*/
/*	TODO: tillhör testsidan /content/Corp_Seminar_Community_startsida.htm */
#testnav td a:link, #testnav td a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 6px solid #000;
	background-color: #9cf;
	color: #000;
	text-decoration: none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #ffffff;
	color: #000000;
/*	Lite knepigt med breda tabellistningar samt
	navigationsknapparna måste vänsterjusteras */
/*	text-align: center;	*/
}
/*	vit #ffffff; white #ccffff*/
h1, h2, h3, h4, h5, h6 { margin-bottom: 0; margin-top: 0;}
h1 { font-size: 18pt; }
h2 { font-size: 14pt; }
h3 { font-size: 11pt; }
h4 { font-size: 10pt; }
h5 { font-size: 8pt; }
h6 { font-size: 6pt; }
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #3399ff;
}
input{
/*	Blir en kant runt textrutor, knappar, kryssrutor...
	border: 1px solid black;	*/
}
input.textbox {
	border: 1px solid #3399ff;
}
#listframe {
	border: 1px solid #3399ff;
}
/*	DHTML and CSS, page 364 */
h3.graphic {
	background: gray url(http://sok.varor.lul.se/Webbreg/images/metal.gif) no-repeat;
	font: bold 16px arial, helvetica, sans-serif;
	color: black;
	width: 600px;
	padding: 10px;
}
ul { 
/*	list-style-type: none;*/
	margin-top: 0;
	margin-left: 15px;
	padding-left: 0;
	 }
ol { 
	margin-top: 0;
/*	margin-left: 35px;*/
	padding-left: 0;
}
ul li { list-style-image: url(../images/pilhoger_bla.gif); margin-left: 0px; }
/* { list-style-type: square; } */
/* ol får även denna bild! li { list-style-image: url(http://sok.varor.lul.se/Webbreg/images/listpunkt.gif); margin-left: 0px; } */
img {	border-style: none;
}
a, a:link, a:visited, a:hover {
	font-weight: bold;
	text-decoration: none;
/*	background-color: red;
	color: white; */
}
a, a:link, a:hover {
	color: #009;
}
a:visited {
	color: #606;
}
a:hover {
	text-decoration: underline;
}
/* #pagenav { margin-top: 0; margin-left: 0; } */
#pagenav li { list-style-image: url(http://sok.varor.lul.se/Webbreg/images/arrow_right_black.gif); margin-left: 0px; }
/* #pagenav li { list-style-image: url(http://sok.varor.lul.se/Webbreg/images/listpunkt.gif); margin-left: 0px; } */
/* #pagenav li { list-style-type: none; } */
/*	CSS Cookbook page 74 */
#navsite p {
	display: none;
}
#navsite {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	width: 12em;
	border-right: 1px solid #39f;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	background-color: #9cf;
	color: #333;
}
#navsite ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navsite ul li {
	margin: 0;
	border-top: 1px solid #39f;
}
/*	#navsite ul li a:link	*/
#navsite ul li a {
	display: block;
	padding: 2px 2px 2px 0.5em;
	border-left: 10px solid #369;
	border-right: 1px solid #39f;
	border-bottom: 1px solid #39f;
	background-color: #9cf;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
html>body #navsite ul li a {
	width: auto;
	}
#navsite ul li a:hover {
	border-left: 5px solid #036;
	border-right: 1px solid #39f;
	border-bottom: 1px solid #39f;
	background-color: #0cc;
	color: #ffc;
}
/*	CSS Anthology - 101 Essential page 77. */
#navigation {
	font-size: 0.8em;
/*	width: 200px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
*/
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
/*	font-size: 0.8em;	*/
}
#navigation li {
	border-bottom: 1px solid #39f;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 6px solid #39f;
	border-right: 1px solid #39f;
	background-color: #9cf;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #39f;
/*	font-weight: bold;*/
	color: #fff;
}
form {
/*	margin: 0; */
}
hr {
	color: #3399ff;
/* föregående: #99ccff        #33ccff #00009c; */
/*
	border-type: solid; border-size: 1pt;	border-color: #00009c;	#0066cc
	Netscape 4.51 visar en liten fyrkantsruta efter linjen!
	border-style: solid; border-width: 2px; border-color: black;
*/
}
p {
/*	font-size: 10pt; */
}
table {
	font-size: 10pt;
/*	border: 2pt solid black; */
}
/*	All text i alla rubrikrader i alla tabeller */
thead {
	vertical-align: top;
	text-align: left;
}
/*	Användes till tabellistning (rubrikrad, udda/jämn) */
.darkerbg { background-color: #cccccc; color: #000000; }
.darkbg { background-color: #dddddd; color: #000000; }
.lightbg { background-color: #eeeeee; color: #000000; }
.hilite { background-color: #ff9; color: #000; }
.pagecontent {
	width: 600px;
	text-align: left;
}
.pagecontentright {
	width: 600px;
	text-align: right;
}
.emphtext {
	color: red;
	font-weight: bold;
}
/*	Användes bl a till att färglägga bakgrund till text som signalerar något nytt */
.newtext {
	background-color: #ff0; color: #000000;
	font-style: italic;
	font-weight: bold;
	font-size: 80%;
	}
.emphcolor {
	background: #99ccff;
	border: 1px solid #3399ff;
/*	padding: 5pt;*/
	color: #000000;
/*	Samma som i formulärens tabeller... */
}
.frame {
	border-style: solid;
/*	dashed */
	border-color: #3399ff;
	border-width: 1pt;
	padding: 5pt;
}
.framered {
	border-style: solid;
	border-color: #900;
	border-width: 1pt;
	background-color: #F49F9C;
	padding: 5pt;
}
/* Testa mer med denna! */
.blueBox{
	padding: 5px 10px 0 10px;
	background-color: #eaf5fb;	
	margin-bottom: 10px;
	border: 1px solid #cfe8f5	
}
.textpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
}
.textimage { font-size: 8pt; }
/*	font-family: Verdana, Arial, Helvetica, sans-serif;	*/
.imgright {
	float: right;
}
.imgleft {
	float: left;
}

/* DHTML and CSS for WWW p. 85 */
/* vertical-align Values. Finns även relative och percentage */
.superscript {vertical-align: super;}
.subscript {vertical-align: sub;}
.baseline {vertical-align: baseline;}
/* Setting an Element's Position Relative to the Parent Element*/
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.texttop {vertical-align: text-top;}
.textbottom {vertical-align: text-bottom;}

form.pagecontent { width: 600px;}
.pagename {
	width: 600px;
	color: black;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	letter-spacing: .1em;
	border-spacing: 0;
	padding: 0;
	border: 1px solid #39f;
/*
	text-transform: uppercase;
	border-top: 1px solid #39f;
	border-left: 1px solid #39f;
	border-bottom: 1px solid #39f;
	border-right: 1px solid #39f;
*/
/*
	width: 600px;
	text-align: left;
	padding: 10px;
	font-size: 10pt;
	font-weight: bold;
	background: #99ccff;
	border-spacing: 0;
	padding: 0;
	border: 1px solid #3399ff;
*/
/* dashed */
}
.sidrubrik {
/*	width: 600px;*/
	text-align: left;
	padding-left: 5px;
	font-size: 12pt;
	font-weight: bold;
	background: #99ccff;
	border-spacing: 0;
	border: 1px solid #3399ff;
}
.radhojdmindre {
	line-height: 0.3em;
}
.formmsg {
/*	Meddelande till användare när uppgift saknas eller 
	är felaktig i ett formulär. */
	font-weight: bold;
	font-style: italic;
	color: blue;
}
TABLE.tbllist, TABLE.tbllistwide {
	border: 1px dashed #cecece;
}
.tbllist {
	width: 600px;
	font-size: 9pt;
}
.tbllistwide {
	width: 800px;
	font-size: 9pt;
}
.tblform {
	width: 600px;
	font-size: 9pt;
	background: #99ccff;
	color: #000000;
	border-spacing: 0pt; padding: 0pt;
	border: 1px solid #3399ff;
/* dashed */
}
.tblframed {
	border-spacing: 0pt; padding: 0pt;
	border: 1px solid #3399ff;

}
/*	border: solid 0pt; */
/*	Verkar inte funka när det är mycket text! */
/*, thead.pagecontent */
/*
table.pagecontent {
	width: 600px;
	font-size: 9pt;
	background: #99ccff;
}
*/
/*	border-spacing: 0pt; padding: 0pt; */
/*	border: solid 0pt;
/*	Verkar inte funka när det är mycket text! */
.kundvagn { width: 600px;}
/*	===== SIDHUVUD ===== */
#siteutil {
	width: 600px;
	text-align: right;
}
#siteutil a {
	
}
table#sitepageheader {
	width: 600px;
	border-spacing: 0; padding: 0;
	border: 1pt solid #3399ff;
/* sista: #99ccff       #00009c; */
	}
/*	Sajtidentifikation, logo eller text... */
td#siteid {width: 175px; border-spacing: 0; padding: 3px;
	font-family: "Times New Roman", serif; font-size: 10pt;
	vertical-align: top;
}
/*	Sidnamn. Färgad bakgrund med vit text första blå sidhuvudsfärgen #0066cc font-weight: bold; 
	background-color: #99ccff; color: #000000;
*/
.pagename_old { 
	border-spacing: 0; padding: 0;
/* 	#003399 mörkblå 
	 #ffffff vit
*/
	}
/*	Sidnamn. Ange bredd på cellen som innehåller sidnamnet (rubriken) 
	width: 239px;	
*/
td.pagename_old {border-spacing: 0; padding: 3px;
	text-align: left;  font-size: 10pt; 
	}
	h3#pagenameheader { font-size: 10pt; }
/*	Utilities, verktyg: Sök Minneslista Hjälp */
/*	Ändrar till icke understrykna länkar...	
	a.pagename {color: #ffffff; font-weight: bold; text-decoration: none;} 
*/
td#utilities {width: 172px; border-spacing: 0; padding: 3px;
	font-size: 10pt;
	vertical-align: top;
	}
-->