/*
--------------------------------------------------
--------------------------------------------------
Följande styles gäller hela systemet, dvs de används vid systemutveckling
--------------------------------------------------
--------------------------------------------------
*/


/* --------------------------------------- */
/* generella styles */
/* --------------------------------------- */


	/* fonter */

	BODY {
		PADDING: 0px 0px 0px 0px;
		MARGIN: 0px 10px 0px 10px;
		TEXT-ALIGN: left;
		FONT: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		COLOR: #333333;
		}

	TD  {
		font-size: 70%;
		line-height: 1.5em;
		VERTICAL-ALIGN: TOP;
		}

	H1	{
		MARGIN: 15px 0px 5px 0px;
		COLOR: #333333;
		FONT-FAMILY: arial, helvetica, sans-seriff;
		FONT-SIZE: 160%;
		FONT-WEIGHT: normal;
		}

	H2	{
		MARGIN: 12px 0px 2px 0px;
		COLOR: #333333;
		FONT-FAMILY: arial, helvetica, sans-seriff;
		FONT-SIZE: 140%;
		FONT-WEIGHT: bold;
		}

	H3	{
		MARGIN: 5px 0px 2px 0px;
		COLOR: #333333;
		FONT-FAMILY: arial, helvetica, sans-seriff;
		FONT-SIZE: 100%;
		FONT-WEIGHT: bold;
		}

	/* H4 används endast som box-rubrik */
	/* H4 måste stå *innan* <div>-tagen för boxen (t ex innan <div class="box"> */
	H4 {
		MARGIN: 0px 0px 0px 0px;
		PADDING: 10px 0px 3px 0px;
		color: #333333;
		font-family: arial black, arial, verdana, sans-seriff;
		font-size: 9px;
		text-transform: uppercase;
		font-weight: normal;
		}

	p	{
		MARGIN: 0px 0px 5px 0px;
		}

	/* alla bildtexter använder <span class="imagetext" src="">*/
	.imagetext {		
		MARGIN: 3px 0px 0px 0px;
		font-family: verdana, arial, sans-seriff;
		font-size: 80%;
		font-style: italic;
		display: block;
		}

	/* visar text i den normala brödtextfärgen */
	/* länk i vanlig färg: <a class="normalcolor" href=""> */
	.normalcolor	{
		COLOR: #000000;
		}


	/* visar text i skuggad färg */
	/* länk i skuggad färg: <a class="shadow" href=""> */
	.shadow	{
		COLOR: #999999;
		}

	/* visar text i varnings-färg */
	/* länk i skuggad färg: <a class="warning" href=""> */
	.warning {
		color: #FF0000;
		font-weight: bold;
		}
	
	/* visar text i något mindre storlek än vanlig brödtext */
	.small {
		font-family: verdana, arial, sans-seriff;
		font-size: 80%;
		}


	/* Länkar */

	A	{
		COLOR: #000000;
		TEXT-DECORATION: none
		}

	A:hover {
		COLOR: #E93F01;
		TEXT-DECORATION: none
		}
	A:visited {
		COLOR: #000000;
		TEXT-DECORATION: none
		}
		
	A.AdLink 
	{
		COLOR: #000000;
		TEXT-DECORATION: none
	}
	A.AdLink:hover {
		COLOR: #e93F01;
		TEXT-DECORATION: none
		}
	A.AdLink:visited {
		COLOR: #5c9aa1;
		TEXT-DECORATION: none
		}

	/* en länk som har en bullet precis innan sig */
	/* <a class="linkbullet" href=""> */
	A.linkbullet	{
		PADDING: 0px 0px 0px 9px;
		MARGIN: 0px 0px 0px 0px;
		BACKGROUND: url(../_images/systemspecific/arrow_right.gif) no-repeat 0px 3px;
		}

	A.linkbulletback {
		PADDING: 0px 0px 0px 9px;
		MARGIN: 0px 0px 0px 0px;
		BACKGROUND: url(../_images/systemspecific/arrow_left.gif) no-repeat 0px 3px;
		}

	/* A.next och A.previous: används i listor för att bläddra mellan sidor med sökresultat */
	A.next {
		PADDING: 0px 10px 0px 0px;
		MARGIN: 0px 0px 0px 0px;
		BACKGROUND: url(../_images/systemspecific/arrow_right.gif) no-repeat right center;
		}	
	/* A.next och A.previous: används i listor för att bläddra mellan sidor med sökresultat */
	A.previous {
		PADDING: 0px 0px 0px 9px;
		MARGIN: 0px 0px 0px 0px;
		BACKGROUND: url(../_images/systemspecific/arrow_left.gif) no-repeat left center;
		}


	/* övriga html-taggar */

	TABLE {
		border: 0px 0px 0px 0px;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		VERTICAL-ALIGN: TOP;
		text-align: left;
		}

	IMG {
		border-color: #000000;
		}

	IMG.inlinephoto {
		margin: 5px 5px 5px 5px;
		float: left;
		border: 1px solid;
		}

	HR {
		CLEAR: both;
		border: 1px solid #CCCCCC;
		BACKGROUND: none transparent scroll repeat 0% 0%;
		HEIGHT: 1px;
		}

	UL {
		MARGIN: 0px 0px 0px 0px;
		PADDING: 0px 0px 0px 0px;
		LIST-STYLE-TYPE: none;
		}

	LI {
		PADDING: 0px 0px 0px 10px;	
		MARGIN: 3px 0px 0px 0px;
		COLOR: #000000;
		BACKGROUND: url(../_images/systemspecific/listbullet.gif) no-repeat 0px 4px;
		}

	/* <LI class="opengroup" visar en ikon för en öppen grupp innan list-texten */
	LI.opengroup {
		PADDING: 0px 0px 0px 11px;	
		MARGIN: 3px 0px 0px 0px;
		COLOR: #000000;
		BACKGROUND: url(../_images/icons/group_open.gif) no-repeat 0px 3px;
		}

	/* <LI class="closedgroup" visar en ikon för en öppen grupp innan list-texten */
	LI.closedgroup {
		PADDING: 0px 0px 0px 11px;	
		MARGIN: 3px 0px 0px 0px;
		COLOR: #000000;
		BACKGROUND: url(../_images/icons/group_closed.gif) no-repeat 0px 3px;
		}

	/* <LI class="inactivegroup" visar en ikon för en öppen grupp innan list-texten */
	LI.hiddengroup  {
		PADDING: 0px 0px 0px 11px;	
		MARGIN: 3px 0px 0px 0px;
		COLOR: #000000;
		BACKGROUND: url(../_images/icons/group_invisible.gif) no-repeat 0px 3px;
		}


	/* positionering */

	/* vänsterställer ett object */
	/* <span class="left">objektet</span> */
	.left {
		float: left;
		}
	
	/* högerställer ett object */
	/* <span class="right">objektet</span> */
	.right {
		float: right;
		}



/* --------------------------------------- */
/* kolumner i sidans layout */
/* --------------------------------------- */

/* tabell för sidor där innehållet delas in i fler än en kolumn */
/* <table id="contentlayout"> */
TABLE#contentlayout  {
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	}

/* vänsterkolumnen i sidlayouten benämns <td class="leftcolumn"> */
TABLE#contentlayout TD.leftcolumn {
	PADDING: 0px 38px 10px 0px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	VERTICAL-ALIGN: TOP;
	}

/* mittenkolumner i sidlayouten benämns <td class="centercolumn"> */
TABLE#contentlayout TD.centercolumn {
	PADDING: 0px 5px 0px 10px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	VERTICAL-ALIGN: TOP;
	}

/* högerkolumnen i sidlayouten benämns <td class="rightkolumn"> */
TABLE#contentlayout TD.rightcolumn {
	PADDING: 0px 0px 0px 10px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	VERTICAL-ALIGN: TOP;
	}


/* --------------------------------------- */
/* Typer av boxar */
/* --------------------------------------- */

	/* <div class="box"> Den vanligaste typen av box */
	DIV.box {
		margin: 0px 0px 0px 0px;
		}

	/* <div class="infobox"> innehåller information och tips */
	DIV.infobox {
		margin: 0px 0px 5px 0px;
		padding: 10px 10px 10px 10px;
		border: dotted 1px #999999;
		height:auto;
		}
	
	/* <div class="alertbox"> innehåller felmeddelanden och uppmaningar */
	DIV.alertbox {
		margin: 0px 0px 5px 0px;
		padding: 10px 10px 10px 10px;
		border: solid 1px #FF0000;	
		background-color: #EEEEEE;
		BACKGROUND: url(../_images/systemspecific/alertbox_bg.gif) repeat-x;
		}

	/* <div class="formbox">"> innehåller ett formulär */
	DIV.formbox {
		margin: 0px 0px 15px 0px;
		padding: 10px 10px 10px 10px;
		border: 0px 0px 0px 0px;
		background-color: #EEEEEE;
		}

	/* <div class="displayinfo"> innehåller information om t ex en person */
	DIV.displayinfo {
		margin: 0px 0px 5px 0px;
		padding: 10px 10px 10px 10px;
		border: 0px 0px 0px 0px;
		background-color: #EEEEEE;
		}


/* --------------------------------------- */
/* formulär */
/* --------------------------------------- */
	
FORM {
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
	display: inline;
	clear: none;
	}


FORM TD {
	/*vertical-align: top;*/
	}

/* <h3> är en rubrik på en del inom en displayinfo-box */
DIV.formbox h3 {
	MARGIN: 10px 0px 5px 0px;
	PADDING: 0px 0px 5px 0px;
	BORDER-BOTTOM: 1px solid #999999;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	COLOR: #666666;
	FONT-WEIGHT: bold;
	}

/* <label> bör användas för fältnamn i formulär */
label {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	color: #000000;
	}

/* Visuella ändringar på formulärfält fungerar dåligt på t.ex. Mac, gör ändringar i div-taggen istället */
form input, form select, form option {
	MARGIN: 0px 0px 0px 0px;
	text-align: left;
	vertical-align:middle;
	clear: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 110%;
	}

/* <input type="radio" class="radio"> */
/* <input type="checkbox" class="checkbox"> */
.radio, .checkbox {
	MARGIN: 2px 2px 2px 2px;
	PADDING: 0px 0px 0px 0px;
	BORDER: 0px 0px 0px 0px;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	VERTICAL-ALIGN: middle;
	DISPLAY: inline;
	}		

/* <textarea class="textarea"> */
textarea {
	MARGIN: 2px 0px 2px 0px;
	PADDING: 2px 2px 2px 2px;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	font-size: 110%;
	}

/* <input type="submit" class="button"> */
.button {
	MARGIN: 0px 0px 1px 0px;
	PADDING: 1px 10px 2px 10px;
	BORDER: solid 1px #000000;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	HEIGHT: 20px;
	TEXT-ALIGN: center;
	}


/* --------------------------------------- */
/* displayinfo */
/* --------------------------------------- */

/* <h3> är en rubrik på en del inom en displayinfo-box */
DIV.displayinfo H3, DIV.formbox H3 {
	MARGIN: 10px 0px 5px 0px;
	PADDING: 0px 0px 5px 0px;
	BORDER-BOTTOM: 1px solid #999999;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	COLOR: #666666;
	FONT-WEIGHT: bold;
	}

/* --------------------------------------- */
/* infobox och alertbox */
/* --------------------------------------- */

/* sätter marginal på <h3> som ligger inom en infobox eller alertbox, inget att bry sig om */
DIV.infobox H3, DIV.alertbox H3 {
	margin: 0px 0px 3px 0px;
	}

/* Fältnamn i <div class="displayinfo"> bör ha class="fieldname" */
.fieldname {
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	color: #666666;
	display: block;
	vertical-align: top;
	}

/* --------------------------------------- */
/* listor */
/* --------------------------------------- */

/* De tables som visar listor bör ha class="list" */
TABLE.list {
	width:95%;
	margin-left: auto;
	margin-right: auto;
	}

/* <H3> används för att sätta rubriker på olika delar av en lista */
TABLE.list H3 {
	MARGIN: 15px 0px 10px 0px;
	PADDING: 0px 0px 5px 0px;
	BORDER-BOTTOM: 1px solid #999999;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	COLOR: #999999;
	FONT-WEIGHT: bold;
	}

/* sätter marginalen för bilder som visas i tabeller */
TABLE.list IMG {
	margin: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;
	}

/* sätter marginalen för bilder som visas i listor */
/* <img class="personphoto" src=""> */
TABLE.list IMG.personphoto {
	float: left;
	clear: none;
	}

/* Kolumner i en lista använder taggen <th> */
TABLE.list th {
	padding: 0px 0px 5px 0px;
	BORDER-BOTTOM: 1px solid #CCCCCC;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	COLOR: #999999;
	FONT-SIZE: 70%;
	FONT-WEIGHT: bold;
	}

TABLE.list TD {
	vertical-align: middle;
	}

/* --------------------------------------- */
/* forum */
/* --------------------------------------- */

/* tabell som innegåller lista med meddelanden */
/* <table class="forum"> */

table.forum {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	width: 100%;
	}

table.forum td.sender {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	width: 190px;
	vertical-align: top;
	}

table.forum td.message {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	background-color:#ffffff;
	vertical-align: top;
	}

table.forum td.abuse {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	width: 15px;
	}

table.forum td.sender img {
	margin: 0px 5px 0px 0px;
	}

table.forum h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	color: #999999;
	}



/* --------------------------------------- */

/* grupper */

/* --------------------------------------- */

 

/* div för grupp-menyn */
/* <div id="groupmenu"> */

div#groupmenu {
            margin: 8px 0px 8px 0px;
            padding: 10px 10px 10px 10px;
            border: solid 1px #678A91;
            display: block;
            background-color: #ffffff;
            }

div#groupmenu A {
            margin: 0px 3px 0px 3px;
            padding: 0px 0px 0px 8px;
            BACKGROUND: url(../_images/systemspecific/pagecontents_groupmenubullet.gif) no-repeat 0px 3px;
            font-weight: normal;
			color: #2E3A3F;
            }
 

            /* bread crumbs */
            div#breadcrumbs {
                        font-family: verdana, arial, sans-seriff;
                        font-size: 80%;
                        color: #426394;
                        }

 

            div#breadcrumbs .breadcrumb {
                        margin: 0px 0px 0px 2px;
                        padding: 0px 0px 0px 9px;
                        BACKGROUND: url(../_images/systemspecific/breadcrumb_bullet.gif) no-repeat 0px 4px;    
                        }

/* nyheter på startsidan*/
	
	DIV.newsitem {
		border: 1px solid #FF0000
		display: block;
		}