/*   DaSoTech 081007 SLCC		139	*/
/*		Menu Testbolaget					*/
/*		Menu DCAB 							*/

@import "listmenu.css";

body{		/* IE fix	*/
	font-family: "Times New Roman", Times, Serif;
	font-size: 100%;
	/*	behavior:url(../css/csshover2.htc);	 OK XP SP1	*/

	/*	text-align: center; */	
	/* center page  (gamla menyn blir centrerad) */
}



.tdavg{		/*	td avgränsare i vecka1 black #dedede */

	/* border-top: 3px solid green; */

	/* border-bottom: 1px solid black;	black	red */
	/* 100809 dcab  anv ej */
}

.tbmenu{			/*	tbnormal	*/
	width: 740px;
	height: auto;	 /**/
 	margin: 0px auto; 	
	padding: 0px 0px 0px 0px;			/* padding 091221 */
	background-color: #efefef ;
   border-left: 	2px solid #dedede;	/* 060302 */
	border-right: 	2px solid #dedede;
}

/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	från slcc */
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/

div#mainmenu{	/* container to ul menu	*/

	position:relative;	/*	static, relative, absolute, fixed ej IE	*/

	width: 732px;				/* 500px  100%; */
	float: right;				/*	left 			*/

				/*	border-top: 1px solid #069;
					border-bottom: 1px solid #069; */

	font-size: .8em;
	background-color: #36f;  	/*	#36f		transparent #CCF; */
	/* margin-top: 45px; */

	margin: 3px 0px 0px 0px;

		/*	*/
	z-index: 300;
}

div#mainmenu ul{

	margin: 0 0 0 60px;

	background-color: transparent;  /*transparent 36f  #CCF; */


			/*	margin: 0px 0px 0px 30px;*/
			/*	border: 1px solid #000; */
}

* html div#mainmenu ul{		/* IE fix	*/
	float: left;
	border-left: 1px solid #000;
	margin-left: 15px;
}






div#mainmenu li{
	float: left;
	position: relative; 		/* relative	  för	undermeny */
	list-style-type: none;


	background-color: #36f;			/*36f  #FFA */


					/* padding: 0 6px; */
	border-right: 1px solid #069;
}



div#mainmenu li:first-child{	/* not IE */
	
	border-left: 1px solid #069;
}

div#mainmenu li:hover{			/*	not IE 	*/

	background-color: #39f;			/* #adf   #FFF;	#9cf	*/

}
div#mainmenu a{
	display: block; 	 					/*??	*/
									/*	width: 80px; */
 									/* padding: .5em 1em;  		JÖ height */
 	padding: 5px 10px; 		/**/
	text-decoration: none;
	color: white;	/*	#069	*/


			/* 	background: #DDD; 		tillfälligt */


	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	font-size: 1.4em;
	font-family: Arial, Helvetica, Sans-Serif, "trebuchet ms";






}
/* ++++++++++++++++++++++++++	*/
div#mainmenu a:hover{
	color: #000;
		/*	background: #1D0; 	#F33	*/
		/*	background ej enl boken */
}

div#mainmenu ul li ul li a:hover{
	color: #033;

	background-color: #adf;		/*	#39f #09f	*/


		/*	color: #F33; background: #DD0; 		*/
		/*	background ej enl boken */
}
/* ++++++++++++++++++++++++++	*/
/*	################### undermeny 1 starts	###################	*/
* html div#mainmenu ul li ul{		/* IE fix	*/
	border-top: 1px solid #069;	/* 069 */
	border-left: 0px;					/* del border in IE	*/
}

div#mainmenu ul li ul{
	margin: 0;
	position:absolute;
	width: 15em;		/*	10em */
	left:-1px;
	display: none;		/* visa inte undermenyn	*/

		/*	z-index: 300;		 lägg undermenyn över bilden fung ej i IE	*/
}


/*  */

div#mainmenu ul li:hover ul{

	display:block;

}

div#mainmenu ul li ul li{
	width:100%;
   border-left: 1px solid #069;
   border-bottom: 1px solid #069;
   border-right: 1px solid #069;

	background-color: #09f;		/*	#39f	*/

}

div#mainmenu ul li ul li:first-child{	/* not IE */
	
	border-top: 1px solid #069;
}




/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	från slcc */
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/





div#menu{		/* container to div#listmenu	*/

		position: relative;			/*	static, relative, absolute, fixed ej IE	*/
		float: right;					/*	float: left; both	top: 330px;	left: 330px; */
		clear: left;					/*			*/
		margin: 0px 0px 0px 0px;		
		padding: 0px 0px 0px 0px;

		background-color: transparent	; 	/*	#36f #FFF;	transparent	*/
		color: black;
 		width: 732px;				/* 1015	*/
		z-index: 200; 				/* 500	*/
							/*	font-size: 1.4em; 	300%;	*/
							/*	border: 1px solid #ededed; */
}
p#logga img{
		position:static;
		float: left;		/*	top: 60px; left: 60px; 		 */
		clear: both;

		margin: 0px 0px 0px 60px;
		padding: 0px 0px 0px 0px;

		border: medium none red;

	/*		background-color: red;			*/
}

/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	navigation meny utan undermenyer	*/
/* ta bort i undermeny	?	IE fix OK	
*/

* html a{		 
	display: block;	
}

div.pil {

	position: relative;
	float: right;

/*	clear: both;
	float: right; left*/

	margin-top: 3px;

	width: 15px;
	height: 15px;


	background-image: url(../image/menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;


	background-color: red;			/*			*/

}

ul#navigation {
  	margin-left: 0;			/*	IE Opera */

 	/*  padding-left: 0;	 Firefox, Netscape, Safari 	*/
  list-style-type: none;  	/**/

   /* background: #11FFff;		 background: yellow; fyris #66FF33 */
	/*	color: black;
	border: 1px solid #ededed;
	*/

	position: static ;	/*	relative static */
	float: right;
	clear: right; /*			*/

	background-color: transparent;			
	/* #ff00FF	Test #66FF33 transparent #ccc	*/

   width: 660px; 			/* 728px 100% */

	padding: 0px 20px 0px 0px;

}
/*
* html ul#navigation{		 IE fix	
	float: left;
	border-left: 1px solid #000;
	margin-left: 15px;
}
*/

ul#navigation li{
	/* 	position: relative; 	relative	  för	undermeny */
	/*	float: left;

	top: 0;
	right:0;

	list-style-type: none;
	background-color: #36f;		#FFA	#36f	*/

		/*	padding: 0 6px;		  */

	/*	border-right: 1px solid #39f;*/

	display: inline; 

}
ul#navigation li:first-child{	/* not IE */
	
	border-left: 1px solid #39f;

				/*	margin: 0px 0px 0px 50px; */

}


ul#navigation li:hover{			/*	not IE */

	background-color: #395;		/*	#39f	#FFF */



}

ul#navigation a{
   display: block;

			/*			width: auto;		Test 100px jö */

	height: 1.4em;
   padding: .15em 0.9em; 	/* 	Test .2em 0.4em;      height */
	text-decoration: none;
	color: white;				/* Test black */
	background-color: transparent;


   		/* background: #66FF33;	transparent	 background: yellow; fyris #66FF33 */
			/* border-right: 1px solid red; */

			/*	font: normal normal bold 1.0em Times New Roman, Times, Serif; */
			/* font: normal normal bold 1.0em Verdana Tahoma Arial Helvetica;*/

	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: 1.2em;
	font-family: Arial, Helvetica, Sans-Serif, "trebuchet ms";

}
ul#navigation a:hover{

	color: white;
background-color: olive;
		/* background: #a9f;		 #39f     #6f9 */
}

ul#navigation .M331 {
	color: blue;
	background-color: #efefef;
}
ul#navigation a:active {
	color: black;
	background-color: #69f;/* #efefef; */

}
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/* Start av navigation undermenyer */

/* ++++++++++++++++++++++++++	*/
/*	################### undermeny 1 starts	###################	*/
* html ul#navigation li ul{		/* IE fix	*/

	border-top: 1px solid #069;	/* 069 */
	border-left: 0px;					/* del border in IE	*/
}
ul#navigation li ul{

	margin: 0;
	padding: 0;						/*	Firefox	*/
	position: absolute;			/*  xxx	absolute; relative */

	width: 135px; 				/* auto 145px */
	left:-1px;
	display: none;	 		/*	visa inte undermenyn	*/

		/*	z-index: 300;		 lägg undermenyn över bilden fung ej i IE	*/
}

/* 
ul#navigation li:hover > ul {
  
	visa alla undermenyer med child selector > ul)	
	visibility: visible; 

	display: block;
}
*/


		/*			*/

		ul#navigation li:hover ul {

			display: block;
		}

ul#navigation li ul li{
	width:100%; 				/*		*/
   border-left: 1px solid #069;
   border-bottom: 1px solid #069;
   border-right: 1px solid #069;
}
ul#navigation li ul li:first-child{		/* not IE? IE7 Ok*/
	
	border-top: 1px solid #069;
}
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/* Start av navigation undermeny/undermeny */
/* ++++++++++++++++++++++++++	*/
/*	################### undermeny 1 starts	###################	*/
/* IE fix	*/


* html ul#navigation li ul li ul{		



background-color: red;

	border-top: 10px solid green;			/* #069 */
	border-left: 0px;							/* del border in IE	*/
}
ul#navigation li ul li ul{

		/*		margin-top: -1.9em;					*/
										/* margin: 0;	*/
	padding: 0;						/*	Firefox		*/

	position: relative ;		/*		relative absolute	*/
float: left;


	width: 130px; 					/* 10.5em;		*/
	left:135px;						/* left:-1px; */
	display: none;	 				/*	visa inte undermenyn	*/

		/*	z-index: 300;		 lägg undermenyn över bilden fung ej i IE	*/
}

/*
ul#navigation li:hover li:hover ul{

	display: block;
}
*/

ul#navigation li ul li ul li{
	width:100%;		/*	 */
   border-left: 1px solid #069;
   border-bottom: 1px solid #069;
   border-right: 1px solid #069;

background-color: silver;

}
ul#navigation li ul li ul li:first-child{		/* not IE? IE7 Ok*/
	
	border-top: 1px solid #069;
}
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/










/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
div#beehidden{

	position:absolute;
	top: 50000px;
	left: 300000px;
	display: none;

	/*	dölj */
}
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
#bordertop{				/*		Table överkant		*/
	width: 740px;
	height: auto;

			/*	margin: 0px auto;	*/

	margin: 5px auto 0px auto;

	/* padding: 0 auto; fel i validering */

	color: black;
	background-color: #efefef;
   border-left: 	2px solid #dedede;
	border-right: 	2px solid #dedede;
	border-top: 	2px solid #dedede;
}
#borderbottom{			/*		Table nederkant	*/
	width: 740px;
	height: auto;
  	margin: 0px auto;

	color: black;
	background-color: #efefef;
   border-left: 	2px solid #dedede;
	border-right: 	2px solid #dedede;
	border-bottom: 2px solid #dedede;
}
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&	*/
/*	&&&&&&&&&&&&&&&&&&&	DaSoTech länk	&&&&&&&&&&&&&&&&&&&&	*/
div#DaSoTech {
		position: fixed;
		bottom : 0px;
		right: 0px;
		color: black;

		background-color: white;
}
/*	&&&&&&&&&&&&&&&&&&&	End DaSoTech länk		&&&&&&&&&&&&&&& */