/* index.css	2009-08-11 changed 2009-11-30*/
body {background-image:url(../admin/images/water03.jpg);}
body {font-family: verdana, arial, sans-serif; font-size:100%; behavior:url(css/csshover3-source.htc);}
* {margin:0; padding:0;} 
hr {width:1000px;}
p {font-family:Times,Helvetica,san-serif;}
.rubrik {font-weight:bold;}

div#header {
			width:1000px;
			text-align:center; 
			font-size:medium; 
			color:#000000; 			
			}
/*div#maindiv{
			align:center;
	 		width: 1002px;
	 		}*/
table#maintable{
			width: 1000px;
			}	
			 		
div#text {text-align:center;font-size:15pt;font-style:italic}
div#content {width:1000px;margin:10px 0 0 0; padding:0 1em;}
div#column1 {width:900px;}
div#column2 {width:150px;}
div#leftimg img {float:left;border:1px solid #096;margin:5px 20px 4px 20px;}
div#rightcolumn {position:absolute; width:250px; top:240px; right:0px; margin:20px 0 0 0; padding:1em 0; border-top:2px solid #069; border-bottom:1px solid #069;}
div#content img {float:left;border:1px solid #096;margin:5px 4px 4px 3px;}
div#special img {float:right;border:1px solid #096;margin:3px 4px 4px 2px;}
div#footer {height:20px;font-family:verdana;font-size:1em;text-align:center;color:blue;}

/* den vågräta menyn börjar här */
div#listmenu {
        width:1000px;                         /* ger div-elementet full bredd */
        float:left;                         /* gör att div-elementet omsluter listan */
        border-top:1px solid #069;        /* skapar en linje i div-elementets övre kant */
        border-bottom:1px solid #069;        /* skapar en linje i div-elementets nedre kant */
        font-size:.8em;                        /* ANGE TECKENSTORLEKEN HÄR */
        background-color:#7FFFD4;                 /* ger div-elementet färg */
/*        margin-top:20px; */        /* TILLFÄLLIGT - knuffar ner div-elementet en bit i webbläsarfönstret för att göra det här exemplet tydligare */
        }
div#listmenu ul {margin:0 0 0 200px;        /* drar in ul från behållarens kant */
        }
div#listmenu li {
        float:left;                        /* för listan att justeras vågrätt i stället för lodrätt */
        position:relative;                 /* positioneringskontext för den absolut positionerade listmenyn */ 
        list-style-type:none;                /* tar bort punkterna för varje listpost */
        background-color:#FFA;                 /* anger bakgrunden för menyalternativen */
        border-right:1px solid #069;         /* skapar linjer som separerar listposterna */
        }
div#listmenu li:first-child {
        border-left:1px solid #069;         /* den första lodräta linjen på menyn */
        }
div#listmenu li:hover { 
        background-color:#FFF;                 /* anger bakgrunden för menyalternativen */
        }
div#listmenu a {
        display:block;                         /* alternativen på listmenyn ändrar färg */    
        padding:1px 6px;                         /* skapar luft på varje sida om menyalternativen */
        text-decoration:none;                 /* tar bort understrykningen av länken */
        color:#069;                        /* anger teckenfärgen */
        }
div#listmenu a:hover {
        color:#F33;
        }
       
/* den vågräta menyn slutar här */

/* listmenyn börjar här */
div#listmenu ul li ul {
        margin:0; /* förhindrar att det tillfälliga värdet från den vågräta menyn ärvs här - OK att ta bort, om du också tar bort det tillfälliga värdet ovan */ 
        position:absolute; /* positionerar ul-listmenyn i förhållande till dess relativt positionerade li-förälder */ 
        width:10em; /* anger menyns bredd - i kombination med bredden 100% för li-elementet, gör detta att menyn 
        justeras lodrätt */
		  border-right:0;        
        left:-1px;                         /* justerar listmenyn exakt under den vågräta menyn */
        }
div#listmenu ul li ul li {padding:0;
        width:100%;                         /* för listposterna att fylla ut listbehållaren (ul) */ 
        border-left:1px solid #069;         /* tre sidor på varje listpost på varje listmeny */  
        border-bottom:1px solid #069;
        border-right:1px solid #069;
        }
div#listmenu ul li ul li a{padding:1px .5em; }        
div#listmenu ul li ul li:first-child {
        border-top:1px solid #069;         /* högst upp på listmenyn */
        }
/* gör att listmenyn visas när användaren pekar på menyn */ 
div#listmenu ul li ul {display:none;}         /* döljer listmenyn när användaren inte pekar på menyn */ 
div#listmenu ul li:hover ul {display:block; } /* visar listmenyn när användaren pekar på menyn */ 

/* popoutmenyer börjar här */
body div#listmenu ul li ul li ul {
	position:absolute;
	visibility:hidden;
	top:-1px;
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* samma effekt som display:block i det här fallet */

div#listmenu ul li ul li:hover ul li ul {visibility:visible;}        
div#listmenu ul li ul li ul li:hover ul {visibility:visible;}        


/* HACK-ZON - */
/* hack för IE (alla modeller) så att menyn får en vågrät linje längst ut till vänster */
* html div#listmenu ul {
        float:left;                         /* för ul att omsluta alla li-elementen */
        border-left:1px solid #000;         /* lägger till linjen längst ut till vänster i ul-elementet */
        margin-left:15px;                 /* IE fördubblar värdet som angivits - varför? */
        }
* html a {display:block;}                 /* för IE5 & 5.5 att acceptera padding för länken */
/* lägger till en topplinje på listmenyer och popupmenyer i IE-webbläsarna - kan inte läsa :first-child */ 
* html  div#listmenu ul li ul {
        border-top:1px solid #069;
        border-left:0px;                 /* gör att listmenyn inte ärver kantlinjen för ul-elementet */ 
        }
/* slut på hack-zon */
/* SLUT PÅ LISTBASERAD MENY */