body
{
    background-color: #E8E9DC;  
    /* om 100% > horisontell skrollning */
	width:95%;
    height:100%;
	
	PADDING-TOP: 0px;
    PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px; 

	FONT-FAMILY: verdana, arial, helvetica, san-serif; 
	FONT-SIZE: 12px; 
}

td
{
    FONT-FAMILY: verdana, arial, helvetica, san-serif; 
	FONT-SIZE: 12px;
	/*margin-left: 80px;*/
}

a 
{ 
	COLOR: #0066CC; 
	text-decoration:none;
}

A:link
{
	/*COLOR: #3366CC; TEXT-DECORATION: none;*/
	color: #9A504E; TEXT-DECORATION: none;
    /*height: 12px;*/
}

A:visited
{
	/*COLOR: #3366CC; TEXT-DECORATION: none*/
	COLOR: #9A504E; TEXT-DECORATION: none;
}

A:active 
{
	/*COLOR: #3366CC; TEXT-DECORATION: none*/
	COLOR:#9A504E; TEXT-DECORATION: none;
}

a:hover 
{ 
	/*COLOR: #FF9933; */
	COLOR:#E07B0C;
	text-decoration:none;
}

/*
	http://www.cs.hmc.edu/~mbrubeck/clear-after/
	One common solution to this problem is known as the "spacer div" hack. We can force the outer div to 
    fully contain both elements by adding an element with clear: both to the end of the div:
*/
.AVSLUT_av_DIV_med_floats
{
	clear: both;
}

/* vanlig skärmstorlek 1024x768 px */

/* hela sidan med vit bakgrund */
#div_Sida
{
	 /* exakt bredd : 980px */
	 width: 980px;
	 
	 /* height-100% och overflow-auto för att OMSLUTA ingående div  */
	/*
	 height:100%;
	 overflow:auto;
	 */
	 padding-top:10px;
	 
	 padding-left:0px;
	 padding-right:0px;
	 
	 
	 background-color: #FFFFFF;
	 
	 /* detta centrerar */
	 margin-left: auto;
     margin-right: auto;
     /* centrera innehållet */
     text-align:center;
     
     /*border: solid 4px #FFF00F;*/
     
}

#div_Logga_och_Flaggor
{
	/* exakt bredd : 920px */
	 width: 920px;
	 
	 /* height-100% + overflow-auto ... för att OMSLUTA ingående div:s  */
	 /*
	 height:100%;
	 overflow:auto;
	 */
	
	
	 /* detta centrerar */
	 margin-left: auto;
     margin-right: auto;
     
      /*clear:left;*/
     /*height:auto;*/
     
     /* border: solid 1px #0FFF0F; */

}

#div_logga_Trappstegen
{
	float:left;
	width:140px; 
}

#img_logga_Trappstegen_32x27
{
	width: 32px;
	height: 27px;
}

.vinjetttext_Trappstegen
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

#div_flaggor
{
	float:right;
	width:70px;
}


#div_Meny
{
	/* exakt bredd : 920px */
	width: 920px;
	
	/*margin: 0 auto;*/
	margin-top:5px;
	
	/* detta gör denna layer centrerad */
	 margin-left: auto;
     margin-right: auto;
	
	
	/* se till att INNEHÅLLET också blir centrerad */
	text-align: center; /*center;*/
	
	/*border: solid 1px #00FFFF;*/
	
}

#div_ProjektMeny
{
	width: 620px;
	text-align:left;
	/*border:solid 1px #EFD887;*/
}

/* avdelningen på sidan under menyn */
#div_Sidavdelning
{
    clear: both;
	/* exakt bredd : 920px */
	width:920px;
	
	margin-top:10px;
	/* detta centrerar */
	 margin-left: auto;
     margin-right: auto;
     /* centrera innehållet */
     text-align:center;
     
     /* height-100% och overflow-auto för att OMSLUTA ingående div  */
	/* 
	 height:100%;
	 overflow:auto;
	 */
	
}

/* avdelning till vänster */
#div_olika_projekt_STARTSIDAN
{
	float:left;
	/* 640px */
	width:640px;
	
	/*border:1px solid #FF0000;*/
}

#div_info_Trappstegen_STARTSIDAN
{
	text-align:left;
	
	/*  YTTRE bredd : 620px + 2*10px = 640px   */
	
	/* 620px */
	width: 600px;
	padding: 10px;
	/*border:1px solid #FF0000;*/
}

.div_info_Huvudkontor_Trappstegen_STARTSIDAN
{
	/*  YTTRE bredd : 640px   */
	/* exakt bredd : 620px */
	width: 560px;
	
	padding:10px;
	
	/* height-100% + overflow-auto ... för att OMSLUTA ingående div:s  */
	/*
	height:100%;
	overflow:auto;
	*/
	
	
	
	/* grå ram runt om */
	border:#DCDDD9 solid 5px;
}

/* class : info ETT projekt med bildspel  */
.div_info_ett_projekt_STARTSIDAN
{
	/*  YTTRE bredd : 640px   */
	/* exakt bredd : 620px */
	width: 600px;
	
	padding:10px;
	
	/* height-100% + overflow-auto ... för att OMSLUTA ingående div:s  */
	/*
	height:100%;
	overflow:auto;
	*/
	
	
	
	/* grå ram runt om */
	border:#DCDDD9 solid 5px;
}

/* class : info ETT projekt med bildspel till VÄNSTER */
.div_info_ett_projekt_STARTSIDAN_V
{
	/* exakt bredd : 420px */
	width:400px;
	
	float:left;
	
	
	text-align:left;
	
	/*border:1px solid #0FF0FF;*/
	/*
	height:100%;
	overflow:auto;
	*/
}

.div_info_projekt_GARAGET_STARTSIDAN
{
	/* exakt bredd : 420px */
	width:600px;
	
	float:left;
	
	
	text-align:left;
	
	/*border:1px solid #0FF0FF;*/
	/*
	height:100%;
	overflow:auto;
	*/
}

/* karta - adress - telefonnummer till HÖGER */
.div_info_ett_projekt_STARTSIDAN_H
{
	 /* YTTRE bredd : 160 + 2*10 = 180px */
	/* exakt bredd : 160px */
	width:160px;
	
	float:right;
	
	padding:10px; 
	/* prickad grå kant runt om */
	border: 1px dashed #958F8C;
	/*
	height:100%;
	overflow:auto;
	*/
	
}

.div_tider_kontaktuppgifter
{
	background-color:#E6E4CC;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	text-align:left;
    width: 131px;
}

/* avdelning till höger */
#div_Info_och_Nyheter_STARTSIDAN
{
	/* exakt bredd : 240px */
	width:240px;
	
	float:right;
	
	background-color: #FDF9C6;
	padding:10px;
     
     /* centrera innehållet */
     text-align:center;
     
     /* height-100% och overflow-auto för att OMSLUTA ingående div  */
	/*
	 height:100%;
	 overflow:auto;
	 */
	 
	
	/*border:1px solid #00F00F;*/
}

/*
.div_NYHET
{
    
	width:220px;

	padding:5px;
	border:dashed 2px #F5743D;
}
*/

.div_INFO_NYHET
{
    /* exakt bredd : 220px */
	width:220px;

	padding:5px;
	border:solid 1px #E3A66F;
	/*height: 497px;*/
}

.div_InfoRuta_Kundsida
{
    /* YTTRE bredd : 442px */
    /* - 2*padding - 2*border = 238px */
    /* = INRE bredd */
	width:420px;

	padding:10px;
	border:solid 1px #E3A66F;
}

.div_MODELL_InfoRuta_KUNDSIDA
{
    /* exakt bredd : 420px */
	width: 420px;

	padding:10px;
	border:solid 1px #E3A66F;
	/*height: 497px;*/
}

.div_MODELL_InfoRuta_STARTSIDAN
{
    /* exakt bredd : 218px */
	width:218px;

	padding:10px;
	border:solid 1px #E3A66F;
	/*height: 497px;*/
}

#avdelning_SIDFOT
{
	/* exakt bredd : 920px */
	width:920px;
	
	position : relative;
	
	left: 0px;
	top:20px;
	
    height:40px;
	
	/* detta centrerar AVDELNINGEN ( layer/div ) */
	margin-left: auto;
    margin-right: auto;
	
	/* detta centrerar INNEHÅLLET i avdelningen */
	text-align:center;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	
	/* border:1px solid #FF0000; */
}




.div_kontaktuppgifter
{
	/* exakt bredd : 600px */
    width:600px;
	padding-top:30px; 
	padding-left:20px;
	padding-right:20px;
	padding-bottom:30px;
	text-align:left;
	
	
	/* prickad grå kant runt om */
	border: 1px dashed #958F8C;
	
}

#div_kontaktuppgifter_Garaget_N
{
    /* exakt bredd : 280px */
    width:280px;
	padding:10px; 
	text-align:left;
	
	/* prickad grå kant  */
	border-left: 1px dashed #958F8C;
	border-top: 1px dashed #958F8C;
	border-right: 1px dashed #958F8C;
}

#div_kontaktuppgifter_Garaget_S
{
    /* exakt bredd : 280px */
    width:280px;
	padding:10px; 
	text-align:left;
	
	/* prickad grå kant  */
	border-left: 1px dashed #958F8C;
	border-top: 1px dashed #958F8C;
	border-right: 1px dashed #958F8C;
}

#div_kontaktuppgifter_Garaget_UNDERDEL
{
    /* exakt bredd : 560px */
    width:600px;
    height: 10px;
	padding:0px; 
	text-align:left;
	
	/* prickad grå kant  */
	border-top: 1px dashed #958F8C;
	
}

.sidrubrik
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size : 16px;
}

.Rubrik_TRAPPSTEGEN_STARTSIDAN
{
    vertical-align:bottom;
 	text-align:left;

	FONT-FAMILY: verdana, sans-serif; 
	FONT-WEIGHT: bold; 

	TEXT-TRANSFORM: uppercase; 

	FONT-SIZE: 20px; 
	COLOR:#dc3a38;
    LETTER-SPACING: 0.6em;
}

.sidrubrik_BRED
{
    vertical-align:bottom;

	FONT-FAMILY: verdana, sans-serif; 
	FONT-WEIGHT: bold; 

	TEXT-TRANSFORM: uppercase; 

	FONT-SIZE: 20px; 
	COLOR:#BBBAAE;
    LETTER-SPACING: 0.6em;
}

.sidrubrik_BRED_ORANGE 
{
	font-family: Verdana;
	font-size: 22px;
	font-style: normal;
	color: #FF9933;
	letter-spacing: 1.4em;
	font-weight: bold;
}

.DELRUBRIK_16
{
	font-family: verdana, arial;
	LETTER-SPACING: 0.9em;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	color:#e17b65;
}

.Rubrik_22px
{
	font-family: verdana, arial;
	LETTER-SPACING: 0.8em;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 22px; 
	color:#3399cc;
}

.rubrik_18px_GR
{
    font-size: 18px;
    color: #728D81;
}
        
.visdomsord
{ 
	line-height: 160%;
	FONT-FAMILY: verdana, sans-serif; 
	font-style:italic;
	COLOR: #999966; 
	LETTER-SPACING: 0.2em;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;  
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
}

.namn_visdomsord
{ 
	line-height: 160%;
	FONT-FAMILY: verdana, sans-serif; 
	font-style:italic;
	COLOR: #999966; 
	LETTER-SPACING: 0.6em;
	FONT-SIZE: 10px;
	FONT-WEIGHT: normal;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;  
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
}

.handskrift
{ 
	line-height: 160%;
	FONT-FAMILY: verdana, sans-serif; 
	font-style:italic;
	COLOR: #999966; 
	LETTER-SPACING: 0.2em;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;  
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
}



.citat
{ 
	line-height: 160%;
	FONT-FAMILY: verdana, sans-serif; 
	font-style:normal;
	COLOR:#000000;
	/*LETTER-SPACING: 0.2em;*/
	FONT-SIZE: 12px;
	FONT-WEIGHT:normal;
	
	PADDING-TOP: 35px; 
	PADDING-LEFT: 35px; 
	PADDING-RIGHT: 35px; 
	PADDING-BOTTOM: 35px; 
}

.citat_bok
{ 
	line-height: 160%;
	FONT-FAMILY: verdana, sans-serif; 
	font-style:normal;
	COLOR:#6699CC;
	/*LETTER-SPACING: 0.2em;*/
	FONT-SIZE: 12px;
	FONT-WEIGHT:normal;
	
	PADDING-TOP: 35px; 
	PADDING-LEFT: 35px; 
	PADDING-RIGHT: 35px; 
	PADDING-BOTTOM: 15px; 
}

.poesi
{ 
	line-height: 160%;
	FONT-FAMILY: verdana, sans-serif; 
	font-style:italic;
	COLOR:#7E9DC2;
	/*LETTER-SPACING: 0.2em;*/
	FONT-SIZE: 14px;
	FONT-WEIGHT:bold;
	
	PADDING-TOP: 10px; 
	PADDING-LEFT: 25px; 
	PADDING-RIGHT: 25px; 
	PADDING-BOTTOM: 10px; 
	
}

.citat_historiskt
{ 
	line-height: 160%;
	FONT-FAMILY: verdana, sans-serif; 
	font-style:italic;
	COLOR:#7E9DC2;
	LETTER-SPACING: 0.2em;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px;  
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px; 
}

.datumtext 
{
	FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; 
	COLOR: #006699; LINE-HEIGHT: 120%; 
	FONT-FAMILY: verdana, sans-serif
}

.quotetxt
{
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 150%; FONT-FAMILY: georgia, serif
}

.tillbaka 
{
	font-size: 10px;
	color:#8DA09E;
}

.sidtext_V11
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.sidtext_V11_FET
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold;
}

.sidtext_V12_LINEHEIGHT_EXTRA
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 160%;
}

.text_10px
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.text_10px_FET
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.infotext_handla_av_oss 
{
	font-size: 18px;
	color: #336666;
}

.rubrik_viktig_info 
{
	color: #FF6600;
	font-size:12px;
	font-weight: bold;
}

.projektnamn
{
    color:#FF0000;
}



/* ************************************************************ */

#div_LoggaIn
{
	float:right;
	width: 120px;
	text-align:left;
}

#div_LoggaIn a
{
    COLOR:#B18A5F; 
    font-size:9px;
    TEXT-DECORATION:none;
	text-align:right;
	padding-right:10px;
}

.rbLista
{
	font-family:Verdana;
	font-size:11px;
}

.textavdelning
{
	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #ffffff;
	padding-left:20px;
	padding-bottom:20px;
}

#iframePressKlipp
{
	border:none;
}

.iframe_Artiklar
{
    border: solid 1px #BEC6B9;
	width: 860px;
    height: 2800px;
}

#TESTTEST
{
    background-color:#FF0000;
}