body					{scrollbar-face-color: #ffcc66;
							 scrollbar-highlight-color: #ffffff;
							 scrollbar-track-color: #ffffff;
							 scrollbar-arrow-color: #ffffff;
							 background-color: #abb09c;
							  font: 62.5% "Trebuchet MS", sans-serif;
		 					 }							 
							 
							
							 
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}


						 
td 						{font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px;
												 }

hr {width: 85%; }					

h2 {font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 14px;
												 }
.floatright { float: right; margin: 0 5px 0 5px ;}
												 
img.floatLeft { 
    float: left; 
    margin: 10px; 
}												 

.left-element {
   float: left;
   
   }

.right-element {
   float: right;
   
   text-align: right; /* depends on element width */
   } 
   

#erroralert {
	background: #FFA07A url(../bilder/icons/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	width: 60%;
	}
	
#infoalert {
	background: #fff6bf url(../bilder/icons/accept.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	width: 60%;
	}
	
#infofind {
	background: #fff6bf url(../bilder/icons/find.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	width: 60%;
	}	
	
												 
td.rubrik	{
     background-color: #ffcc66;
}

td.italic	{
							font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px; 
							 font-weight: normal;
							 font-style: italic;
	}

legend.enabled	{
							font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px; 
							 font-weight: bold;
							 color: #000000;
	}
	
legend.disabled	{
							font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px; 
							 font-weight: normal;
							 color: #808080;
	}

	
td.enabled	{
							font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px; 
							 font-weight: normal;
							 color: #000000;
	}
	
td.disabled	{
							font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px; 
							 font-weight: normal;
							 color: #808080;
	}

th.enabled	{
							font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px; 
							 font-weight: bold;
							 color: #000000;
							 text-align: right;
	}
	
th.disabled	{
							font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px; 
							 font-weight: bold;
							 color: #808080;
							 text-align: right;
}
		
th.required	{
							font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px; 
							 font-weight: bold;
							 text-align: right;
	}
	
th.optional	{
							font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 12px; 
							 font-weight: normal;
							 text-align: right;
	}
	

th		{font-family:  Arial, Verdana, Helvetica, sans-serif; 
		 font-size: 12px; 
		 font-weight: bold;
		 text-align: left;
	 }
	 
th.padding-right	{font-family:  Arial, Verdana, Helvetica, sans-serif; 
		 font-size: 12px; 
		 font-weight: bold;
		 text-align: left;
		 padding-right: 6px;
	 }

th.rubrik {font-family:  Arial, Verdana, Helvetica, sans-serif; 
		 font-size: 14px; 
		 font-weight: bold;
		 text-align: center;
	 }  
							 
							 
							 
.handcursor {
	cursor: pointer;
	cursor: hand;
}							 

.calendarHeader {  font-weight: bold; color: #003366; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif}
#.__calendarHeader {  font-weight: bold; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif}
.calendarSaturdayHeader {  font-weight: bold; color: #006699; font-size: 11px}
.calendarSundayHeader {  font-weight: bold; color: #CC6600; font-size: 11px}
.calendarToday {  background-color: #FFFFFF; font-size: 11px; color:#333333; font-weight: normal;}
.calendar {  background-color: #D9DEE7; font-size: 11px;}
.calendarSunday { color: #CC6600; font-size: 11px ; font-weight: normal;}
.calendarSaturday { color:  #006699; font-size: 11px; font-weight: normal;}
.calendarSaturdayToday { color:  #006699; background-color: #FFFFFF; font-size: 11px; font-weight: normal;}
.calendarSundayToday { color: #CC6600; background-color: #FFFFFF; font-size: 11px; font-weight: normal;}
.calendarWeekNumber { color:  #666666; font-style: italic; font-size: 11px}
.calendarNotThisMonthDay { color: #999999; background-color: #D9DEE7;font-size: 11px}

.showOffOption {color: #CC0000; font-weight: normal;}

.miniinfo		{display: inline;
				font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 10px; 
							 font-weight: bold;
							 }
.miniinfo2		{font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 10px; 
							 font-weight: normal;
							 }
							 
.midiinfo		{font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 11px; 
							 font-weight: bold;
							 }
.maxiinfo		{font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 14px; 
							 font-weight: bold;
							 display: inline;
							 }
.maxiinfo2		{font-family:   Arial, Verdana, Helvetica, sans-serif; 
							 font-size: 14px; 
							 font-weight: normal;
							 background-color: #ffffc0;
            				padding: 5px;
            				border: 1px solid #666666;
            				margin: 3px;
            				position: relative;
							 }
							 
.fraga  			 {font-family: Arial, Verdana;
							 color: #000000;
							 font-size: 12px;
							 }
.svar   			{padding: 12px;
							 font-family: Arial, Verdana;
							 color: #ff0000;
							 font-size: 12px;
							 }
.vanlig  			{font-family: Arial,Verdana;
							 color: #000000;
							 font-size: 12px;
							 }
.fet    			{font-family: Arial, Verdana;
							 color: #000000;
							 font-size: 12px;
							 font-weight: bold;
							 }
.vindrag 			{margin-left: 27px;
							 }

.textb{font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size: 10px; background-color: #ffcc66; 
      color: black;
      border-bottom: 0px solid #666666;
      border-top: 0px solid #000000;
      border-left: 0px solid #000000;
      border-right: 0px solid #000000;
      }							 
      

.td1					{font-family:  Arial, Verdana;
							 color: #000000;
							 font-size: 12px;
							 }
.td2					{font-family:  Arial,  Verdana;
							 color: #000066;
							 font-size: 12px;
							 }
.td3					{font-family:  Arial,  Verdana;
							 color: #000066;
							 font-size: 12px;
							 }
							 

/* Disabled link*/							 

.disabled_link{				font-family: Arial, Verdana; 
							color: grey;
							 font-size: 12px; 
							 font-weight: bold;
							 text-decoration: underline;
							 }						 
/* Länkar */
a.white:link, a.white:visited {color:#fff;}
a.nav:link, a.nav:visited {font-size:12px;}
a:link				{		font-family:  Arial, Verdana;
							 font-size: 12px;
							 color:#000;
							 font-weight: bold;
							 text-decoration: underline;
							 }
							 
a:visited			{		font-family:  Arial, Verdana;
							 color:#000;
							 font-size: 12px;
							 font-weight: bold;
							 text-decoration: underline;
							 }

INPUT, TEXTAREA, SELECT, OPTION 
			 				{font-family:  Arial, Verdana, Helvetica, sans-serif;
							 font-size: 12px}
							 
.NummerRubrik {color: #00A617; font-weight: bold; font-family:  Arial, Verdana, Helvetica; font-size: 20px; font-style: italic;}
.NummerRubrikLiten {color: #00A617; font-weight: bold; font-family:  Arial, Verdana, Helvetica; font-size: 14px; font-style: italic;}

							 
/* Bakgrunder, tabeller, bilder */ 
							 
.tabell1      {background: #e1ffff;
							 border-width: thin;
							 border-right-width: medium;
							 border-bottom-width: medium;
							 border-style: solid;
							 border-top-color: #c0c0c0;
							 border-left-color: #c0c0c0;
							 border-right-color: #000066;
							 border-bottom-color: #000000;
							 }
.bild1        {border-width: thin;
							 border-color: #000000;
							 }
IMG					  {border: none;
							 }

#spacer	{
	padding: 8px;
}
							 
 #vitfyrkant {
            background-color: #ffffff;
            padding: 7px;
            border: 1px solid #000000;
            margin: 5px;
            position: relative;
            font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
            font-size: 100%;
        }
							 
 #orangefyrkant {
            background-color: #ffcc66;
            padding: 7px;
            border: 1px solid #000000;
            margin: 5px;
            position: relative;
            font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
            font-size: 100%;
        }

 #greyfyrkant {
            background-color: #e4e7e4;
            padding: 7px;
            border: 1px solid #000000;
            margin: 5px;
            position: relative;
            font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
            font-size: 100%;
            line-height: 18px;
        }
 #gulfyrkant {
            background-color: #ffffc0;
            padding: 7px;
            border: 1px solid #000000;
            margin: 5px;
            position: relative;
            font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
            font-size: 100%;
        }

        
        /* ljusblå bakgrund och svart kantlinje */ 
#container1 	{background: #ffcc66;}
.roundtop1 		{background: #ffcc66;}
.roundbottom1 {background: #ffcc66;}
.r11					{margin: 0 5px;
							 height: 1px; 
							 overflow: hidden; 
							 background: #000000; 
							 border-left: 1px solid #000000; 
							 border-right: 1px solid #000000;}
.r12					{margin: 0 3px; height: 1px; 
							 overflow: hidden; 
							 background: #ffcc66; 
							 border-left: 1px solid #000000; 
							 border-right: 1px solid #000000; 
							 border-width:0 2px;}
.r13					{margin: 0 2px; height: 1px; 
							 overflow: hidden; 
							 background: #ffcc66; 
							 border-left: 1px solid #000000; 
							 border-right: 1px solid #000000;}
.r14					{margin: 0 1px; 
							 height: 2px; 
							 overflow: hidden; 
							 background: #ffcc66; 
							 border-left: 1px solid #000000; 
							 border-right: 1px solid #000000;}
.content1 		{padding: 2px; 
							 border-left: 1px solid #000000; 
							 border-right: 1px solid #000000;}
							 
							 /* ljusgrön bakgrund och svart kantlinje */ 
#container2 {background: #ffcc66;}
              .roundtop2 {background: #ffffff;}
              .roundbottom2 {background: #ffffff;}
              .r21{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .r22{margin: 0 3px; height: 1px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
              .r23{margin: 0 2px; height: 1px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .r24{margin: 0 1px; height: 2px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .content2 {padding: 5px; border-left: 1px solid #000000; border-right: 1px solid #000000;}

							 /* ljusgrön bakgrund */ 
#container3 {background: #ffcc66;}
              .roundtop3 {background: #ffffff;}
              .roundbottom3 {background: #ffffff;}
              .r31{margin: 0 5px; height: 1px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #ffcc66; border-right: 1px solid #ffcc66;}
              .r32{margin: 0 3px; height: 1px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #ffcc66; border-right: 1px solid #ffcc66; border-width:0 2px;}
              .r33{margin: 0 2px; height: 1px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #ffcc66; border-right: 1px solid #ffcc66;}
              .r34{margin: 0 1px; height: 2px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #ffcc66; border-right: 1px solid #ffcc66;}
              .content3 {padding: 5px; border-left: 1px solid #ffcc66; border-right: 1px solid #ffcc66;}

							 /* grå bakgrund och svart kantlinje */ 
#container4 {background: #e4e7e4;}
              .roundtop4 {background: #ffffff; padding: 0px; spacing: 0px;}
              .roundbottom4 {background: #ffffff; padding: 0px; spacing: 0px;}
              .r41{margin: 0px 5px; height: 1px; overflow: hidden; background: #000000; 
              border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 0px; spacing: 0px;}
              .r42{margin: 0 3px; height: 1px; overflow: hidden; background: #e4e7e4; 
              border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0px 2px; padding: 0px; spacing: 0px;}
              .r43{margin: 0 2px; height: 1px; overflow: hidden; background: #e4e7e4; 
              border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 0px; spacing: 0px;}
              .r44{margin: 0 1px; height: 2px; overflow: hidden; background: #e4e7e4; 
              border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 0px; spacing: 0px;}
              .content4 {padding: 5px; border-left: 1px solid #000000; border-right: 1px solid #000000; spacing: 0px;}

							 /* grå bakgrund */ 
#container5 {background: #e4e7e4;}
              .roundtop5 {background: #ffffff;}
              .roundbottom5 {background: #ffffff;}
              .r51{margin: 0 5px; height: 1px; overflow: hidden; background: #e4e7e4; 
              border-left: 1px solid #e4e7e4; border-right: 1px solid #e4e7e4;}
              .r52{margin: 0 3px; height: 1px; overflow: hidden; background: #e4e7e4; 
              border-left: 1px solid #e4e7e4; border-right: 1px solid #e4e7e4; border-width:0 2px;}
              .r53{margin: 0 2px; height: 1px; overflow: hidden; background: #e4e7e4; 
              border-left: 1px solid #e4e7e4; border-right: 1px solid #e4e7e4;}
              .r54{margin: 0 1px; height: 2px; overflow: hidden; background: #e4e7e4; 
              border-left: 1px solid #e4e7e4; border-right: 1px solid #e4e7e4;}
              .content5 {padding: 5px; border-left: 1px solid #e4e7e4; border-right: 1px solid #e4e7e4;}

							 /* ljusblå bakgrund */ 
#container6 {background: #E9FCFB;}
              .roundtop6 {background: #ffffff;}
              .roundbottom6 {background: #ffffff;}
              .r61{margin: 0 5px; height: 1px; overflow: hidden; background: #e9fcfb; 
              border-left: 1px solid #e9fcfb; border-right: 1px solid #e9fcfb;}
              .r62{margin: 0 3px; height: 1px; overflow: hidden; background: #e9fcfb; 
              border-left: 1px solid #e9fcfb; border-right: 1px solid #e9fcfb; border-width:0 2px;}
              .r63{margin: 0 2px; height: 1px; overflow: hidden; background: #e9fcfb; 
              border-left: 1px solid #e9fcfb; border-right: 1px solid #e9fcfb;}
              .r64{margin: 0 1px; height: 2px; overflow: hidden; background: #e9fcfb; 
              border-left: 1px solid #e9fcfb; border-right: 1px solid #e9fcfb;}
              .content6 {padding: 5px; border-left: 1px solid #e9fcfb; border-right: 1px solid #e9fcfb;}

							 /* aprikos bakgrund och svart kantlinje */ 
#container7 {background: #ffcc66;}
              .roundtop7 {background: #ffffff;}
              .roundbottom7 {background: #ffffff;}
              .r71{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .r72{margin: 0 3px; height: 1px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
              .r73{margin: 0 2px; height: 1px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .r74{margin: 0 1px; height: 2px; overflow: hidden; background: #ffcc66; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .content7 {padding: 5px; border-left: 1px solid #000000; border-right: 1px solid #000000;}

							 /* transparent bakgrund och svart kantlinje */ 
#container8 {background: transparent;}
              .roundtop8 {background: transparent;}
              .roundbottom8 {background: transparent;}
              .r81{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .r82{margin: 0 3px; height: 1px; overflow: hidden; background: transparent; 
              border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
              .r83{margin: 0 2px; height: 1px; overflow: hidden; background: transparent; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .r84{margin: 0 1px; height: 2px; overflow: hidden; background: transparent; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .content8 {padding: 5px; border-left: 1px solid #000000; border-right: 1px solid #000000;}

							 /* ljusljusgul bakgrund och svart kantlinje */ 
#container9 {background: #fffdf3;}
              .roundtop9 {background: #fffdf3;}
              .roundbottom9 {background: #fffdf3;}
              .r91{margin: 0 5px; height: 1px; overflow: hidden; background: #000000; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .r92{margin: 0 3px; height: 1px; overflow: hidden; background: #fffdf3; 
              border-left: 1px solid #000000; border-right: 1px solid #000000; border-width:0 2px;}
              .r93{margin: 0 2px; height: 1px; overflow: hidden; background: #fffdf3; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .r94{margin: 0 1px; height: 2px; overflow: hidden; background: #fffdf3; 
              border-left: 1px solid #000000; border-right: 1px solid #000000;}
              .content9 {padding: 5px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #fffdf3;}

							


/*  Menyerna börjar */
							
							
#main {
/*	border: 1px solid #666; */
	clear: both;
	background: #ffffff; /*FFF3B3*/
	padding-top: 1.5em;
	border: none;
}

#contents {
/*	padding: 1.5em; */
	background: #FFFDF3; /*FFFDF3*/
	border: none;
	padding-top: 1.5em;
}

#header {
	position: relative;
	width: 100%;
	height: 3em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; 
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
	width: 8em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 12px; /*85%*/
	text-decoration: none;
	color: #000; /* #333 */
	font-weight: bold;
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: 1px solid #666; /* '/. */
	border-bottom: none;
	background: #ffffff; /*FFF3B3*/
	padding-bottom: 6px;
	margin-top: 0;
}

#header ul#primary a {
	background: #ffcc66; /*FFFAE1*/
	border: 1px solid #AAA; /* '/. */
	border-bottom: none;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #e8ffe6; /*f4fff1*/
	padding-bottom: 5px;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#secondary li a,#header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#header ul#secondary li a {
	color: #000066;
	text-decoration: underline;
	font-size: 12px; /*85%*/
}
 
#header ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#header ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#header ul#secondary li:last-child a { border: none; }

#secondary ul { 
  float: center; 
	position: center;
}
/* Menyerna slut */