/*
--------------------------------------------------
--------------------------------------------------
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;
		color: #4d4c4b;
/*		FONT: 0.7em Verdana, Helvetica, Arial, sans-serif;
		COLOR: #000000;*/
		}

	TD  {
		font-size: 70%;
		}

	H1	{
		MARGIN: 0px 0px 0px 0px;
		COLOR: #4d4c4b;
		FONT-FAMILY: arial, verdana, sans-seriff;
		FONT-SIZE: 140%;
		FONT-WEIGHT: bold;
		}

	H2	{
		MARGIN: 0px 0px 5px 0px;
		COLOR: #4d4c4b;
		FONT-FAMILY: arial, verdana, sans-seriff;
		FONT-SIZE: 140%;
		FONT-WEIGHT: bold;
		}

	H3	{
		MARGIN: 0px 0px 5px 0px;
		COLOR: #4d4c4b;
		FONT-FAMILY: verdana;
		FONT-SIZE: 11px;
		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: 0px 0px 3px 0px;
		/*BORDER-BOTTOM: 1px solid #666666;*/
		color: #4d4c4b;
		font-family: verdana, sans-seriff;
		font-size: 13px;
		font-weight: bold;
		}

	p	{
		MARGIN: 0px 0px 15px 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;
		}
		
	.forumHeader
	{
		font-size: 12px;
		font-family: Verdana;
		font-weight: bold;
	}

	/* 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: #4682B4; text-decoration: none; }
	a:hover { color: #4682B4; text-decoration: underline; }
	a:visited { color: #B045B4; 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;
		/*font-weight: bold;*/
		
		}

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

	A.startLinkbulletback {
		PADDING: 0px 0px 0px 9px;
		MARGIN: 0px 0px 0px 0px;
		BACKGROUND: url(../_images/systemspecific/start_bullet.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: Verdana, Helvetica, Arial, sans-serif;
		}

	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: #4d4c4b;
		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 10px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	border-collapse: collapse;
	VERTICAL-ALIGN: TOP;
	color: #4d4c4b;
	font-family: Verdana;
	/*font-weight: bold;*/
	
	}

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

/* högerkolumnen i sidlayouten benämns <td class="rightkolumn"> */
TABLE#contentlayout TD.rightcolumn {
	PADDING: 0px 0px 0px 10px;
	MARGIN: 0px 0px 0px 0px;
	border-collapse: collapse;
	color: #4d4c4b;
	font-family: Verdana;
	}
	
TABLE#contentlayout TD.newsColumn {
	PADDING: 0px 5px 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: 5px 0px 5px 0px;
		color: #4d4c4b;
		font-family: Verdana;
		/*font-weight: bold;*/
		}

	/* <div class="infobox"> innehåller information och tips */
	DIV.infobox {
		margin: 0px 0px 5px 0px;
		padding: 10px 10px 10px 10px;
		height: auto;
		color: #4d4c4b;
		font-family: Verdana;
		/*font-weight: bold;*/
		}
	
	/* <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: #ffffff;
		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: #ffffff;
		}

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


/* --------------------------------------- */
/* 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: #4d4c4b;
	}

/* 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"> */
.radio {
	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;
	COLOR: #4d4c4b;
	}

/* <input type="checkbox" class="checkbox"> */
.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: block;
	color: #4d4c4b;
	
	}				

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

#image
{
	padding: 10px 0px 0px 0px;
	}

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

.textbox 
{
	border: solid, 1px, #4D4C4B;
	}

.loginbutton {
	MARGIN: 0px 0px 1px 0px;
	PADDING: 1px 10px 2px 10px;
	/*BORDER: solid 1px #000000;*/
	COLOR: #000000;
	BACKGROUND-COLOR: #A4C1C8;
	FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
	HEIGHT: 22px;
	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 0px 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;
	color: #4d4c4b;
	font-family: arial, verdana, sans-seriff;
	/*font-weight: bold;*/
	font-size: 12px;
	}

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;
	color: #4d4c4b;
	font-family: arial, verdana, sans-seriff;
	/*font-weight: bold;*/
	font-size: 12px;
	}

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 0px #990000;
            display: block;
            background-color: #336633;
            }

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

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

/*############### HUC - 2007.09.14  ###############*/
/*##############################################*/

div.huc_container {
	margin: 30px 0px 0px 0px;
	padding: 10px 10px 0px 6px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #DCDBC3;
	text-align: left;
	font-family: verdana, arial, sans-seriff;
	font-weight: normal;
	font-size: 10pt;
	line-height: 14pt;
	color: DarkSlateGray;
}

.huc_cont_bulet {
	font-size: 90%;
	color: silver;
}

div.huc_info {
	margin: 15px 0px 40px 0px;
	padding: 6px 12px 6px 12px;
	border: #DCDBC3 1px solid;
	background-color: #F3F3F3;
	text-align: left;
	font-family: verdana, arial, sans-seriff;
	font-weight: normal;
	font-size: 10pt;
	line-height: 14pt;
	color: DarkSlateGray;
}

div.huc_newsarticle {
	float: left;
	clear: left;
	width: 460px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-family: verdana, arial, sans-seriff;
	font-weight: normal;
	font-size: 120%;
	line-height: 130%;
	color: DarkSlateGray;
}


div.huc_newsfact {
	border-width: 1px;
	border-style: solid;
	border-color: #DCDBC3;
	background-color: #F6F6F6;
	margin: 20px 0px 0px 472px;
	padding: 8px 8px 8px 8px;
	text-align: left;
	font-family: verdana, arial, sans-seriff;
	font-weight: normal;
	font-size: 100%;
	line-height: 130%;
	color: #4D4C4B;
}

.huc_line {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #DCDBC3;
}

.huc_newsfactline {
	margin: 6px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	border-top: 1px solid #E2E2E2;
}

.huc_container a,  huc_info a, .huc_newsarticle a, .huc_newsfact a {
	color: #4682B4;
	text-decoration: none;
}

.huc_container a:hover,  .huc_info a:hover, .huc_newsarticle a:hover, .huc_newsfact a:hover {
	color: #4682B4;
	text-decoration: underline;
}

.huc_container a:visited,  .huc_info a:visited, .huc_newsarticle a:visited, .huc_newsfact a:visited {
	color: #8C8C8C;
	text-decoration: none;
}

.huc_container a:visited:hover,  .huc_info a:visited:hover, .huc_newsarticle a:visited:hover, .huc_newsfact a:visited:hover {
	color: #4682B4;
	text-decoration: underline;
}