/* CSS Document */

/*	1px = 0.075em */

/* Från w3.org och andra exempel? 
ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }*/


/* Kan vara bra för debug. */
div
{
}
/*	border: red 1px solid;*/


/* PAGE __________________________ */

html, body
{
	padding-right: 0px;
	padding-left: 0px;
	background: #808080;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	height: 100%;
}
/*	background: #b9b9b9;*/

/* Fönster utan pageWidth. */
body.popup
{
	background: white;
}

/* Sidans bredd med bakgrund. */
#pageWidth
{
	margin-left: auto;
	margin-right: auto;
	width: 75em;
	min-height:1000px;
	height:auto !important;
	height: 100%;
	background-color: white;
}
/* width = 1000px eller 75em för bildskärm 1024 */

/* __________________________ PAGE */


/* GENERAL __________________________ */

.inactive
{
	visibility: hidden;
}

.active
{
	visibility: visible;
}

.center
{
	text-align: center;
}

/* Box omkring droplist för filter. */
.lstbox
{
	margin: 0.2em 0px;
}

/* __________________________ GENERAL */


/* TABLES __________________________ */

/* Tabell */
.table
{
	border-right: #909090 1px solid;
	border-top: #909090 1px solid;
	border-left: #909090 1px solid;
	border-bottom: #909090 1px solid;
	border-collapse: collapse;
}

/* Tabellrader */
tr
{
	vertical-align: top;
}

/* Alternativa tabellrader. */
.tableRowAlt
{
	background-color: #efefef;
}

/* Kolumnrubriker */
.tableHeader
{
	background-color: gainsboro;
}

/* Tabellceller */
td
{
}
/*	border: fuchsia 1px solid;*/

/* Tabellceller med padding */
td.tdPadding
{
	padding-right: 0.2em;
	padding-left: 0.2em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}
/* Tabellceller med ram */
td.tdBorder
{
	border-right: #909090 1px solid;
	padding-right: 0.3em;
	border-top: #909090 1px solid;
	padding-left: 0.3em;
	padding-bottom: 0.3em;
	border-left: #909090 1px solid;
	padding-top: 0.3em;
	border-bottom: #909090 1px solid;
	border-collapse: collapse;
}
/* Tabellceller med ram */
td.tdBorderOnly
{
	border-right: #909090 1px solid;
	padding-right: 0em;
	border-top: #909090 1px solid;
	padding-left: 0em;
	padding-bottom: 0em;
	border-left: #909090 1px solid;
	padding-top: 0em;
	border-bottom: #909090 1px solid;
	border-collapse: collapse;
}

.DataListStyle1
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
}
.DataListStyle1 td
{
	width:50%;
}

/* __________________________ TABLES */



img.hoger
{
	width: 16.5em;
}
img.bottom
{
	width: 38.4em;
}


/* ___________________________ PAGE HEADER  */

#pageHeader
{
	padding-right: 0px;
	padding-left: 0px;
	background: #0e3192;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	color: white;
	padding-top: 0px;
	border-bottom: #778 1px solid;
	height: 80px;
}	

/* HEADER LEFT MARGIN __________________________ */

#pageHeaderLeftMargin
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	float: left;
	padding-bottom: 0px;
	width: 15.75em;
	padding-top: 0px;
	color:Blue;
}

#pageHeaderLeftMarginSITAC
{
	float: left;
	width: 25%;
	margin-right: 0px;
	height: 80px;
	background-color:White;
}

#pageHeaderLeftMarginSITACLink
{
	float: left;
	padding-top:50px;
	padding-left:5px;
}

#pageHeaderLeftMarginSITACPicture
{
	float: right;
}

#pageHeaderKoncernLeftMargin
{
	float: left;
	padding-bottom: 0px;
	width: 15.75em;
	padding-top: 0px;
}

#leftLogo
{
	margin: 0px;
}

/* __________________________ HEADER LEFT MARGIN */

/* HEADER RIGHT MARGIN _________________________ */

#pageHeaderRightMargin
{
	float: right;
	width: 175px;
	height:80px;
	margin:0;
	padding:0;
}

#pageHeaderRightMarginSITAC
{
	float:right;
	width:25%;
	background-color:White;
}

#pageHeaderRightMarginSITACPicture
{
	float:right;
	padding-top:20px;
	padding-right:20px;
	background-color:White;
}

#pageHeaderRightMarginSITACPicture2
{
	float: left;
	background-color:White;
}

/* _________________________ HEADER RIGHT MARGIN */

/* HEADER CONTENT __________________________ */

#pageHeaderContentContainer
{
	clear: right;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom:0px;
	float: left;
	margin: 0px;
	width: auto;
	height: 80px;
	display:inline;
}

#pageHeaderContentContainerSITAC
{
	clear: right;
	float: left;
	width: 50%;
	height: 80px;
	background-color:White;
}

#pageHeaderText
{
	clear: none;
	float: none;
	height: 55px;
}

/* TOP NAVIGATION ______________________ */

#navlistContainer
{
	padding-right: 0px;
	padding-left: 0em;
	z-index: 2;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	position: absolute;
	top: 60px;
	display:inline;
}

#navlist
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px -0.25em;
	font: bold 12px Verdana, sans-serif;
	padding-top: 3px;
	position: relative;
}

#navlist li
{
	display: inline;
	margin: 0px;
	list-style-type: none;
}

#navlist li#color1 a
{
	background: white;
	color: #0e3192;
}
#navlist li#color1 a:link
{
	color: #0e3192;
}
/*#navlist li#color1 a:visited
{
	color: lightgrey;
}*/
#navlist li#color1 a:hover
{
	background: #0e3192;
	color: white;
	text-decoration: underline;
}
/*	background: #6699cc;*/

#navlist li#color2 a
{
	background: #a9d2d9;
}

#navlist li#color3 a
{
	background: #e8c7d8;
}

#navlist li#color4 a
{
	background: #c0ffc0;
}

#navlist li#color5 a
{
	background: #c0c0ff;
}

#navlist li#color6 a
{
	background: #ffc0c0;
}

#navlist li#color7 a
{
	background: #ffffc0;
}

#navlist li a
{
	border-right: #778 1px solid;
	padding-right: 0.5em;
	border-top: #778 1px solid;
	padding-left: 0.5em;
	background: #dde;
	padding-bottom: 3px;
	margin-left: 0.25em;
	border-left: #778 1px solid;
	margin-right: 0em;
	padding-top: 3px;
	border-bottom: medium none;
	text-decoration: none;
}

#navlist li a:link
{
	color: #448;
}
#navlist li a:visited
{
	color: lime;
}
/*	color: #667;*/

#navlist li a:hover
{
	border-left-color: #227;
	background: #aaaaee;
	border-bottom-color: #227;
	color: black;
	border-top-color: #227;
	border-right-color: #227;
}
/*	background: #aaaaee;*/

#navlist li a#current
{
	background: white;
/*	color: black;*/
	border-bottom: white 1px solid;
}
/*#navlist li a#current:visited
{
	color: black;
}*/
#navlist li a#current:hover
{
	background: #0e3192;
	color: white;
	border-bottom: #778 1px solid;
	text-decoration: underline;
}
/*	border-left-color: #227;
	border-bottom-color: #227;
	color: black;
	border-top-color: #227;
	border-right-color: #227;
	background: #aaaaee;*/

#homelink
{
	padding-bottom: 3px;
	margin: 0px;
	font: bold 12px Verdana, sans-serif;
	padding-top: 3px;
}

#homelink a
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 3px;
	color: white;
	padding-top: 3px;
	text-decoration: none;
}

#homelink a:hover
{
	color: #448;
	background-color: white;
	text-decoration: underline;
}

#languagepicture
{
	padding-bottom: 3px;
	margin: 0px;
	font: bold 12px Verdana, sans-serif;
	padding-top: 3px;
}

#languagepicture a
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 3px;
	color: white;
	padding-top: 3px;
	text-decoration: none;
}

#languagepicture a:hover
{
	color: #448;
	background-color: white;
	text-decoration: underline;
}



/* __________________________ TOP NAVIAGTION */

/* __________________________ HEADER CONTENT */

/* __________________________ PAGE HEADER */


/* PAGE BODY (MIDDLE) __________________________ */

#pageBody
{
	margin: 0;
	padding: 0;
	background-image: url(../images/navbg.gif);
	width: 100%;
	background-repeat: repeat-y;
	height:auto;
}

/* Start Hack för att... ? */ 
#pageBody:after
{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
	content: ".";
}
/* End Hack */  

/* LEFT NAVIGATION __________________________*/

#leftNavContainer
{
	padding-right: 0em;
	padding-left: 0.5em;
	background: #e0e0e0;
	float: left;
	padding-bottom: 15px;
	width: 16.25em;
	height: 100%;
}

/* Ram för navigeringsrubriken (H2) på en sida. */
#leftNavHeader
{
	padding-bottom: 0.7em;
	padding-top: 0.5em;
}

#leftNav
{
	margin: 0px;
}

hr.dotted
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border: #cccccc 1px dotted;
}


/* ______________________LEFT NAVIGATION END*/

/* PAGE CONTENT __________________________*/

#pageContentContainer
{
	clear: right;
	padding-left: 1em;
	float: left;
	padding-bottom: 15px;
	margin: 0px;
	width: 56.25em;
	padding-top: 0px;
	background-color: white;
}
	/*width: auto;*/
/* För att det skall funka i Mozilla så måste bredden sättas på pageContentContainer.
	width = 75em(pageWidth) - 0.5em(padding-left) - 16.25em(leftNavContainer) - 1em(padding-left) = 56.25em
	Fattas 1em?
*/

/* Ram för innehållets huvud. */
#pageContentHeader
{
	margin-bottom: 0.37em;
	clear:right;
	float:left;
	width:auto;
}
/* Ram för innehållsrubriken (H1) på en sida. */
#ContentHeader
{
	float: left;
	width: 32em;
}

/* Ram för Sökruta och sökknapp.*/
.Search
{
	border-right: #778 1px solid;
	/*padding-right: 0.2em;*/
	border-top: #778 1px solid;
	margin-top: 0.2em;
	/*padding-left: 0.2em;*/
	float: right;
	padding-bottom: 0.2em;
	border-left: #778 1px solid;
	width: 20em;
	padding-top: 0em;
	border-bottom: #778 1px solid;
	background-color: palegoldenrod;
	text-align: right;
	clear:right;
}

/* Ram för Sök och Skriv ut. */
#SearchPrint
{
	margin-top: 0.7em;
	padding-left: 0.5em;
	float: right;
	width: 20em;
	text-align: right;
	clear:right;
}

/* Ram för brödsmulor. */
#breadCrumb
{
	margin-top: 0.84em;
	font-size: 0.84em;
	float: left;
	width: 40em;
	clear:right;
}

/* Normalt avsnitt */
.sectionContainer
{
	padding: 0;
	margin: 0.4em 0px;
	width:auto;
	float:left;
}
	/*width: 100%; Varför inte?*/

/* Fast bredd? */
.pnlContainer
{
	width:30em;
}

/* Avsnitt med inforuta (ram och bakgrund). */
.sectionInfoContainer
{
	border-right: #909090 1px solid;
	padding-right: 0.5em;
	border-top: #909090 1px solid;
	padding-left: 0.5em;
	background: #efefef;
	padding-bottom: 1em;
	margin: 0.4em 0px;
	border-left: #909090 1px solid;
	width: auto;
	padding-top: 0em;
	border-bottom: #909090 1px solid;
}

/* Avsnitt med inforuta och tabell (ram och bakgrund). */
.sectionTableContainer
{
	border-right: #909090 1px solid;
	padding-right: 0px;
	border-top: #909090 1px solid;
	padding-left: 0px;
	background: #efefef;
	padding-bottom: 0px;
	margin: 0.4em 0px 0.4em;
	border-left: #909090 1px solid;
	width: auto;
	padding-top: 0px;
	border-bottom: #909090 1px solid;
	float:left;
}

/* Avsnitt med inforuta och tabell (ram och vit bakgrund). */
.sectionTableContainerWhite
{
	border-right: #909090 1px solid;
	padding-right: 0.4em;
	border-top: #909090 1px solid;
	padding-left: 0.4em;
	background: #ffffff;
	float: left;
	padding-bottom: 0px;
	margin: 0.4em 0.7em 0.4em 0px;
	border-left: #909090 1px solid;
	width: auto;
	padding-top: 0px;
	border-bottom: #909090 1px solid;
}

#bottomPicture
{
	margin: 1em 0px 0em;
}

/* ___________________________PAGE CONTENT*/


/* RIGHT MARGIN __________________________ */

#rightMarginContainer
{
	padding-right: 0px;
	padding-left: 0px;
	float: right;
	padding-bottom: 15px;
	margin: 0px 0em 0px 0em;
	width: 15.5em;
}
/* width = 220px ger 206px i sectionInfoContainer i KursView? */

#rightMarginHeader
{
	padding-bottom: 0px;
	width: 100%;
	padding-top: 0px;
}

#rightPicture
{
	margin: 0.5em 0px 1em;
}

/* __________________________ RIGHT MARGIN */


/* Startsida _____________________________ */

.splash1
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0.5em 0px 0em;
	padding-top: 0px;
}
.splash2
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0.5em;
	padding-top: 0px;
}
.splash3
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0em 0px 0.5em;
	padding-top: 0px;
}

.col1
{
	margin-right: 0.5em;
}

.col2
{
	margin-left: 0.5em;
}

/* __________________________ Startsida */

/* __________________________ PAGE BODY (MIDDLE) */

/* PAGE FOOTER __________________________ */

#pageFooter
{
	float:left;
	padding-right: 0px;
	border-top: #778 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	height:auto;
}	

#pageFooterLeftContainer
{
	padding-right: 0em;
	padding-left: 0.5em;
	float: left;
	width: 16.25em;
}

#pageFooterContentContainer
{
	clear: right;
	padding-right: 0px;
	padding-left: 1em;
	float: left;
	padding-bottom: 0.5em;
	margin: 0px;
	width: 41em;
	padding-top: 0px;
	background-color: white;
}

#pageFooterRightContainer
{
	padding-right: 0px;
	padding-left: 0px;
	float: right;
	margin: 0px 0em 0px 0em;
	width: 15.5em;
}

#pageFooterLeftSITAC
{
	float:left;
	/*clear:right;*/
	width:25%;
}

#pageFooterRightSITAC
{
	float:right;
	width:75%;
}

/* __________________________ PAGE FOOTER */

#popupContentContainer
{
	padding-top:1em;
	padding-left: 1em;
	padding-right:1em;
	float:left;
	clear:right;
}