/* kurser.css 2009-08-24 changed 2011-12-29*/
   body {background-image:url(../admin/bakgrund1.jpg);}
   body {font-family: verdana, arial, sans-serif; font-size:90%; behavior:url(css/csshover.htc);}
   * {margin:0; padding:0;}
   p {font-family:Times,Helvetica,sans-serif;}
   p.rubrik {text-align:center;color:black;font-weight:bold;font-size:150%}
   p.header {text-align:center; font-size:1.2em;}
	.fet {font-weight:bold;}
	.fet2 {font-weight:bold;color:blue;}
	.spec {color:red;}
	hr {width:1000px;text-align:center}
	.kort {width:300px;margin:0px 0px 0px 375px;text-align:center}
	#contact-form {
  		margin:0.5em 0;
  		padding:0;
  		border-bottom:1px solid #009;
	}

	#contact-form fieldset {
  		position:relative;
  		margin:0;
  		padding:1em 0.5em 0.5em;
  		border:none;
  		border-top:1px solid #009;
  		background-color:#cdf;
	}

	#contact input {
  		width:80%;
  		margin-top:1px;
  		border:1px solid #009;
	}

	#request input {
  		width:80%;
  		margin-top:1px;
  		border:1px solid #009;
	}

	#contact #contact-phone {
  		max-width:12em;
	}

	#msg textarea {
  		width:80%;
  		margin-bottom:1.5em;
  		border:1px solid #009;
	}

   div#header {width:1000px; text-align:center; font-size:1.1em; color:#0047ff; } 
	div.rubrik {width:1000px;text-align:center;color:#ff6600;font-weight:bold;font-size:200%}
   div#contentarea {color:black;font-size:1.1em;}
   div#contentarea img {float:left;margin-left:10px;margin-right:20px;}
	div#tablecontainer {width:900px;margin-left:75px;margin-top:5px;color:black}
 
	div#kurser {text-align:left;
                font-size:medium;
                margin-left:25px;                
        }
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:#CCF;                 /* 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 50px;        /* 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 */