/* START Stilar för pagelayout.tpl */

/* Följer stilar för kvadraten på förstasidan. */

/* Rubrik i högerspalt */
			h5.clsColumn {
						font-family: Verdana, Arial, Helvetica, sans-serif;	
						margin-top: 0.5em;
						margin-bottom:0;
						padding: 0;
						font-size: 0.85em;
						
			}

.clsLinkArrow	{	
					font-family: Arial, Helvetica, sans-serif;
					text-decoration: none;
					font-size: 1.1em;
					font-weight: bold;
					color: #006295;
					margin-top: 0;
					
				}
a.clsLinkArrow:link	{ color: 006295;}
a.clsLinkArrow:visited	{ color: 006295;}


.clsNewsIntro p	{ 
					font-size: 0.85em;
					margin-top: 0;
					margin-bottom: 0;
					
				}
.clsNewsIntro	{
					margin-top: 0.5em;
					border-bottom-style: dotted;
					border-bottom-color: #d4eafa;
					border-bottom-width: thick;
					padding-bottom: 0.5em;
				}

#idNewsHeader	{
					background-color: #d4eafa;
					font-size: 1.3em;
					font-weight: bold;
					color: #006295;
					vertical-align: middle;
					text-indent: 0.2em;
					line-height: 2.2em;
					margin-bottom: 0.6em;

				}
/* Omslutande kvadrat */
#idSquare	{	position: relative;
				width: 340px;
				height: 340px;
				overflow: hidden;
				margin-left: auto;
				margin-right: auto;
				z-index:1;
			
			}

/* Rubrik 1 */
#idSquareHeading1	{	position: absolute;
						background-color: #d4eafa;
						width: 170px;
						height: 170px;
						left: 0px;
						top: 0px;
						
					}

/* Rubrik 2 */
#idSquareHeading2	{	position: absolute;
						background-color: #d4eafa;
						width: 170px;
						height: 170px;
						left: 170px;
						top: 170px;
						
					}

/* Texterna i rubrikfälten */
#idSquareHeadingText1, #idSquareHeadingText2	
						{	position: relative;
							top: 45px;
							color: #ffffff;
							text-align: center;
							font-size: 60px;
							cursor: pointer;
						
						}

/* Förklarande text 1*/
#idSquareText1	{	
					position: absolute;
					font-size: 11px;
					color: #006295;
					visibility: hidden;
					z-index:11;
					width: 170px;
					height: 170px;
					left: 170px;
					top: 0px;
				
					
				}

/*Förklarande text 2*/
#idSquareText2	{	
					position: absolute;
					font-size: 11px; 
					color: #006295;
					visibility: hidden;
					z-index:11;
					width: 170px;
					height: 170px;
					left: 0px;
					top: 170px;
					
				
				}

/* Stycke i förklarande text */
#idSquareText1 p	{		margin-left: 10px;
							margin-right: 10px;
							margin-top: 10px;
							z-index:2;
							
					}

#idSquareText2 p	{		margin-left: 10px;
							margin-right: 10px;
							margin-top: 10px;
							z-index: 2;
							
					}

/* Bilderna i kvadraten */
#idSquareImage1	{	position: absolute;
					width: 170px;
					height: 170px;
					left: 170px;
					top: 0px;
					z-index:10;
				
					}

#idSquareImage2	{	position: absolute;
					width: 170px;
					height: 170px;
					left: 0px;
					top: 170px;
					z-index:10;
				}
					
/* Id för högra  nyhetsmenyn */
#idNews	{
					
					position: relative;
					background-color: green;
					width: 150px;
				
				}
	/* Huvudblock som håller toppmenyn */
		#idTopMenu	{
				background-color: #dceefb; 
				
			}

		#idBottomLine	{	font-family: Arial, Helvetica, sans-serif;
							font-size: 4px;
							background-color: #dceefb;

						}

	/* Positionerar bilderna i toppmenyn */
		#idTopImages	{
							text-align: right;
							margin-right: 0em;
							margin-left: auto;
							height: 66px;
							overflow: hidden;
							float: right;
							display:inline;
							width:600px;
						}
			/* Positionerar loggan */
		#idLogo	{	margin-top: 0.3em;
					margin-left: 0.4em;
					text-align: left;
					float: left;
					display:inline;
					width:125px;
				}

		#idLeftMenuTable	{
							
								background-image: url(../images/graphics/vattenmeny.gif);
								background-repeat: repeat-y;
								background-position: left top;
								background-attachment: scroll; 
								padding-top: 2em;
								padding-left: 0.7em;
								


							}



		/* Formaterar texter i toppmenyn */
		.clsTopMenu {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.85em;
			font-weight: bold;
			color: #006295;
			text-decoration: none;
			vertical-align: middle;
		}

		/* Formaterar överrullningsformat på toppmenyns texter */
		a.clsTopMenu:hover {
			color: #ffcc33;
		}

		/* Formaterar vald rubrik i toppmenyn */
		.clsTopMenuSelected {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 0.85em;
							font-weight: bold;
							color: #ffcc33;
							text-decoration: underline;
							vertical-align: middle;

						}

	form		{	margin:0;
					padding: 0;
				}

	/* SLUT toppmenyns formatering */




/* Höglandslogotypens placering */
#idHoglandsLogotype	{	position: static;
						margin-left: 30px;
						margin-top: 2em;
					}






/* Block som håller toppmenyns bilder */
#idTopMenuImage	{	position:relative; 
					left:-1px; 
					top:0px; 
					width:549px; 
					height:83px; 
					z-index:2; 
					visibility: visible;
				}



/* Block som innehåller hela sidans redaktionella innehåll */
#idContent	{	position:relative; 
				left:0px; 
				top:2px; 
				width:550px; 
				visibility: visible; 
				margin-right: 0px; 
				margin-left: 0px;
			
			}

#idInnerContent	{
					position: relative;
					top: -1em;
				}


/* SLUT Stilar för pagelayout.tpl */


/* START Grundläggande formatering av html-element */

		/* Hanterar vertikal url-banner till vänster */
		body {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					margin-left: 1em;
					font-size:0.8em;
				}


		ul		{	margin-top: 0;
					margin-bottom: 0;
					list-style-type: square;
					
				}

		ol		{	margin-top: 0;
					margin-bottom: 0;
					
				}

		/* Listor har fyrkantiga bomber och är svarta som standard */
		li		{	
					color:  #000000;
				
					list-style-position: outside;
						
				}

		/* Text i stycken */
		p	{	
				line-height: 1.3em;
				
				margin-bottom:0.7em;
				padding: 0;

			}



		/* Tabellrubrikers format */
		th	{	
				line-height: 1.3em;
				font-weight: bold;	
				text-align: left;
			}

	/* Generella rubrikformat */
	h1,h2,h3,h4,h5	{	font-family: Verdana, Arial, Helvetica, sans-serif;	
						clear: both; /* Ser till att rubrik o bild ej förekommer på samma rad */
						margin-bottom: 0;
									margin-top: 0;
									padding: 0;
					}

		

/* Sökformulärs submit-knapp överrullningseffekt. OBS! Funkar ej på IE6 */
input[type="submit"]:hover	{
								background-color: #ffcc33;
							}


/* SLUT Grundläggande formatering av html-element */



/* START subklasser till html-element */

	/* START huvudsatsytans formatering */

			/* Huvudrubrik för artiklar */
			h1.clsArticle {
									font-family: Verdana, Arial, Helvetica, sans-serif;	
									font-size: 1.7em;
									margin-bottom: 0;
									margin-top: 0;
									padding: 0;
							
							}

			
			/* Format för varannan rad i sökresultat mm. */
			td.clsBgLight	{	
								line-height: 1.3em;
								background-color: #ffffff;
								padding-left: 1em;

							}

			/* Format för varannan rad i sökresultat, forum mm. */
			td.clsBgDark	{	
								line-height: 1.3em;
								background-color: #dceefb;
								padding-left: 1em;

							}
			
			/* Rubrik i forumsvarslistor */
			h5.clsForumReply {
						font-family: Verdana, Arial, Helvetica, sans-serif;	
						margin-bottom: 0em;
			}			
			
	/* SLUT huvudsatsytans formatering */


	
	/* START högerkolumnens formatering */
			

	/* SLUT högerkolumnens formatering */


	/* START generella subklasser för satsytan */
		
				/* Rubrik som används i vänstermenyn och i listor i högerspalten */
			h5.clsMenuHeading {
						
									color: #006295;
									margin-left: 0.4em;
									margin-top: 0em;
									margin-bottom: 0;
									padding-top: 0;
									padding-bottom: 0;
								}



	/* SLUT generella subklasser för satsytan */


/* SLUT subklasser till html-element */

/* START egendefinierade klasser */




	
	
	/* START vänsterkolumnens formatering */

		/* Listan som utgör menyer i vänsterkolumnen. */
		.clsMenuItem	{	
							color: #006295;
							margin-left: -1.4em;
							padding-bottom: 0.3em;
						
						}

		/* Formatering av valt alternativ vänster kolumnens meny */
		.clsMenuItemSelected	{	
											font-weight: bold;
											list-style-type: disc;
											color: #006295;
											margin-left: -1.4em;
											padding-bottom: 0.3em;
									
									}

	
		/* Datum för nyhetsartiklar i vänstermenyn, inaktiva delar av länklistor */
		.clsMenuText	{
							
							
							color: #000000;
							padding-bottom: 0.3em;
					
						}
	/* SLUT vänsterkolumnens formatering */



	/* START huvudsatsytans formatering */
		/* Ingress */
		.clsIntroText p	{	font-weight: normal;
							margin-top: 0.7em;
							margin-bottom: 0;
							padding: 0;
					
					}
			
		/* Brödtext i artikel */
		.clsFullText	{	
						
					}

		/* Bildtext */
		.clsCaption p	{	font-weight: normal;
							font-style: italic;
							text-align: left;
							margin-top: 0.3em;
					}

		/* Läs mer länk */
		p.clsReadMore	{
						font-weight: normal;
						font-style: italic;
						margin-top: 0em;
						margin-bottom: 1em;
						padding: 0;
						text-align: right;
					}


		/* Formaterar listors huvud i tex. sökresultat o forum */
		.clsListHead {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
			background-color: #006295; 
			padding-left: 1em;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
		}

		/* Nedtonad text. Tex. datum i forumlistor */
		.clsLightText	{
			color: #999999;

		}

	

	/* SLUT huvudsatsytans formatering */



	/* START högerkolumnens formatering */

		/* Formatering av bild i högerkolumnen i nyheter på första sidan */
		.clsImageColumn	{	text-align: left; 
							margin-bottom: -1em;	
						}

	/* SLUT högerkolumnens formatering */


	/* START generella klasser formatering */


		/* Formatering av länklista (meny) oavsett placering */
		.clsLinkListItem {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							text-decoration: none;
							color: #006295;
							font-size: 0.8em;
						}

		/* Formatering av överrullning av länklista (meny) oavsett placering */
		a.clsLinkListItem:hover {
									color: #ffcc33;
								}

		/* Generella klasser för justering av bilder */
		.clsImageCenter		{	margin-left: auto;
								margin-right: auto;
								margin-top: 0em;
								float: none;
								margin-bottom: 1em;
								
							}
		.clsImageLeft		{	margin-left: 0px;
								margin-right: auto;
								float: left;
								padding-right: 1em;
								margin-top: 0em;
								margin-bottom: 1em;
							}
		.clsImageRight		{	margin-left: auto;
								margin-right: 0px;
								float: right;
								padding-left: 1em;
								margin-top: 0em;
								margin-bottom: 1em;
							}

		/* Sökvägens formatering */
		.clsBreadcrumb {
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 0.85em;
							font-weight: plain;
							text-decoration: none;
							vertical-align: top;
							
						}
		a.clsBreadcrumb:link	{ color: #006295;}
		a.clsBreadcrumb:visited	{ color: #006295;}

		#idFooter	{	font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 0.75em;
						text-align: center;
						margin:0;
						padding: 0;
						
					}
		
		/* Positionerar adressen i toppmenyn */
		#idFooterAddress	{	
								font-size: 0.75em;
								text-align: center;
								margin-top: 0.5em;
								margin-bottom: 0;
								padding: 0;

							}
		/* Ta bort marginaler runt p i idFooterAddress*/
		#idFooterAddress p	{	margin: 0;
								padding: 0;
								font-size: 1em;
							}
		
		/* Inre innehållsarean */
		#idInnerContentArea	{	position: static;
								margin-top: 1em; 
								margin-bottom: 2em;
							}

		/* Formulärknappar */
		.clsFormButton	{
					background-color: #ffffff;
					color: #006295;
					border-color: #006295;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 0.75em;
					border-width: 1px;
					font-weight: bold;
					border-style: outset;
					text-decoration: none;
					padding-left: 4px;
					padding-right: 4px;
					
				}

		/* Formulärinfo */
		.clsForumLabel	{	font-weight: bold;
							font-size: 0.8em;
							color: #999999;
							

						}

		/* Nödvändiga fält, används för formulär */
		.clsRequiredField	{	color: red;
							}
		/* Area som separerar formulär från övrigt innehåll. Används tex. i forum
		för knappen. Högerjusterad. */
		.clsFormAreaRight	{
							margin-bottom: 0.5em;
							text-align: right;
						}
		/* Area som separerar formulär från övrigt innehåll. Används tex. i forum
		för knappen. Högerjusterad. */
		.clsFormAreaLeft	{
							margin-bottom: 0.5em;
							text-align: left;
						}

	
		/* Sökrutans formatering */
		.clsFormBoxSmall		{
							border-style: solid;
							border-color: #006295;
							border-width: 1px;
							color: #000000;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 0.75em;
						}

			.clsFormBox		{
							border-style: solid;
							border-color: #006295;
							border-width: 1px;
							color: #000000;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							margin:0;
							padding: 0;
						
						}

		/* Varningsmeddelanden */
		.clsWarning		{ color:	red	}

	
	
	/* Bläddring i sökresultat. */
	.selectbar{
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 1em;
						font-weight: plain;
						text-decoration: none;
						vertical-align: top;
					}

	
	
	/* Format för användarformulär etc. */
	
		/* Label - etikett för inmatningsformulär */
		label	{	font-size: 0.9em;
					line-height: 1.3em;
				}
				

			

		/* Div som håller knapparna längst ner i formulär */
		.clsButtonBlock	{
							margin-bottom: 1em;
							margin-top: 1em;

						}
			/* Div som håller knapparna längst ner i formulär */
		.clsBlock	{
							background-color: #d4eafa;
							padding: 0.5em;
				}
		h1			{
								
									font-size: 1.4em;
							
					}
		h2			{
									
									font-size: 1.1em;
							
					}
			
		h3			{
									
									font-size: 1em;
							
					}
				
		h4			{
									
									font-size: 0.9em;
							
					}




	/* SLUT generella klasser formatering */

/* Online Editor klasser */

.leftAlign	{	text-align: left;	}

.rightAlign	{	text-align: right;	}

.centerAlign	{	text-align: center;	}



/* SLUT egendefinierade klasser */

/* Label - etikett för inmatningsformulär */
		.clsLabel	{	
					line-height: 1.3em;
					font-weight: bold;
					margin-top: 0em;
					margin-bottom:0em;
					padding: 0;
				    font-size: 0.75em;
				}
/*Filstorleksklassen*/
			.clsFileSize
			{
				font-size:0.8em;
			}

div.object-right
{ 
	margin-top:5px;
	margin-bottom:5px;
    margin-left: 10px;
    float: right;
}

div.object-left
{ 
	margin-top:5px;
	margin-bottom:5px;
    margin-right: 10px;
    float: left;
}

div.object-center
{ 
/*    float: center;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}