div#menu ul, li {
   list-style-type: none;
   margin: 0;
   padding: 0;
	
}


div#menu {

   position:absolute;
   width: 151px; /*change from 160 */  
   top: 200px;/*<!-- changed from -102 px flytter venstremenuen ned  -->*/
   left:20px; /*<!-- changed from -6px -->*/
   z-index:3;
}


div#menu li {

   width: 150px;
   font-size:100%;
}


div#menu a {
   
   font-size:13px;
   margin: 0 2px;
   padding-left:5px;
   height: 20px;
   display: block;
   font-weight: 
   border: 1px solid #FFFF99; /*<!-- menu border is lightbrown -->*/
   border:1px outset #FFFF99; /*<!-- menu border is light yellow -->*/
	text-decoration: none;
   color: #000; 
	background: url(http://www.mangeintelligenser.com/grafik/menu/menubg.gif) center center repeat-x;
  /*<!-- background: #cc8800; menu border is drakbrown  -->*/
}


div#menu a:hover {
   background: url(http://www.mangeintelligenser.com/grafik/menu/menubgover.gif) center center repeat-x;
/*<!-- background: #ffcc66;  when the mouse is over the text the filed becomes light       brown -->*/
   border-width: 1px;
   border-style:solid;
   border-color: gray; /*<!-- menu border that is marked on mouseoven -->*/
}


div#menu ul ul li a:hover {
   background: url(http://www.mangeintelligenser.com/grafik/menu/menubg.gif) center center repeat-x;
/*<!-- background: #ffcc66;  background is lightbrown -->*/
   border-width: 0 1px 1px 1px;
   border-style:solid;
   border-color: gray; 	
}


#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6{ 
   display:none;
   position:relative;
   margin-left:20px;
   width: 120px;

}


ul li ul#smenu1 li a, ul#smenu2 li a, ul#smenu3 li a, ul#smenu4 li a, ul#smenu5 li a, ul#smenu6 li a{
  
   font-weight: normal;
   border-top-width: 0;
   font-size: 12px;
}


#menu{ 
   visibility: visible; 
   position: absolute; 
   z-index: 7; 
   top: 62px; 
   left: 22px; 
   width: 160px 
}

/*<!--  TOPMENU for Kasser_STARTED -->*/
/*<!--REMENBER TO change the margin-top in the  #indhold to 53px; in the head document -->*/
 
 
div#menubox{
    position:absolute;
    top:62px; /*<!-- changed from 40 -->*/
    left:190px;
}


.topmenu {
    position:absolute;
    z-index:99;
}

#topmenu1{
    left:190px;
    top:51px;      /*<!-- distance from the top -->*/
}


#topmenu2{
    left:265px; /*<!--  botton is 65 px long and have e space of 8 px  -->*/
    top:51px;
}


#topmenu3{
    left:329px;  /*<!--  botton is 65 px long and have e space of 8 px -->*/
    top:51px;
}


#topmenu4{
    left:190px;
    top:75px;
}


#topmenu5{
    left:254px;
    top:75px;
}


#topmenu6{
    left:327px;
    top:75px;
}


/* inserted for other browsers than IE*/
html>body .topmenu {position:absolute; z-index:99;}

html>body #topmenu1{left:189px; top:50px;}

html>body #topmenu2{left:257px; top:50px;}

html>body #topmenu3{left:325px; top:50px;}

html>body #topmenu4{left:189px; top:75px;}

html>body #topmenu5{left:257px;top:75px;}

html>body #topmenu6{left:325px;top:75px;}


a.knap{
    z-index:99;
     background: url(http://www.mangeintelligenser.com/grafik/menu/menubg.gif) center center repeat-x;
}
	/*<!-- background-color: #cc8800; menu background is dark brown  -->*/
    color:#ffffff; /*<!-- grey text -->*/
    display: block;
    font: normal bold 12px arial,sans-serif;
    text-align: center;
    text-decoration: none;
    margin-bottom:1px;
    border:2px outset #FFFF99; /*<!-- menu border is light yellow -->*/
    border-top-color:#FFFF99; /*<!-- menu border is light yellow -->*/
    border-left-color:#FFFF99; /*<!-- menu border is light yellow -->*/
    border-right-color:#990000;
    border-bottom-color:#990000;
    padding: 3px 12px 3px 12px;
    width:65px;     /*<!-- changed from 130 -->*/
    height:22px;}

	/*filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cc8800')*/


/* inserted for other browsers than IE*/
html>body a.knap{  /* statment that can be read by other Borwsers but not IE */
	
	width:40px;
	height:15px;
}


.knap:hover{
    background: url(http://www.mangeintelligenser.com/grafik/menu/menubgover.gif) center center repeat-x;
	 /*<!-- background: #ffdd77; When the mouse is over the text the field becomes light brown -->*/
    color: #000; /*<!--  When the mouse is over the field the text becomes black  -->*/
    text-decoration: none;
    border-style: inset;
    border-top-color:#990000;
    border-left-color:#990000;
    border-right-color:#FFFF99; /*<!-- menu border is ligth yelllow -->*/
    border-bottom-color:#FFFF99; /*<!-- menu border is ligth yelllow -->*/
}
/*<!--  TOPMENU for Kasser_END -->*/

/*<!--  TOPMENU for Indskoling_STARTED -->*/
/*<!--REMENBER TO change the margin-top in the  #indhold to 53px; in the head document -->*/
 
 
div#menubox{
    position:absolute;
    top:62px; /*<!-- changed from 40 -->*/
    left:190px;
}


.topmenu {
    position:absolute;
    z-index:99;
}

#topmenu_a1{left:190px;top:50px;}
#topmenu_a2{left:255px;top:50px;}
#topmenu_a3{left:332px;  top:50px;}
#topmenu_a4{left:190px;top:75px;}
#topmenu_a5{left:277px;top:75px;}
#topmenu_a6{left:344px;top:75px;}


/* inserted for other browsers than IE*/
html>body .topmenu {position:absolute; z-index:99;}

html>body #topmenu_a1{left:190px;top:50px;}

html>body #topmenu_a2{left:287px;top:50px;}

html>body #topmenu_a3{left:384px;  top:50px;}

html>#topmenu_a4{left:190px;top:75px;}

html>body #topmenu_a5{left:287px;top:75px;}

html>body #topmenu_a6{left:384px;top:75px;}

a.knap_a{
    z-index:99;
    background: url(http://www.mangeintelligenser.com/grafik/menu/menubg.gif) center center repeat-x;
	 /*<!--background-color: #cc8800; menu background is dark brown  -->*/
    color:#ffffff; /*<!-- grey text -->*/
    display: block;
    font: normal bold 12px arial,sans-serif;
    text-align: center;
    text-decoration: none;
    margin-bottom:1px;
    border:2px outset #FFFF99; /*<!-- menu border is light yellow -->*/
    border-top-color:#FFFF99; /*<!-- menu border is light yellow -->*/
    border-left-color:#FFFF99; /*<!-- menu border is light yellow -->*/
    border-right-color:#990000;
    border-bottom-color:#990000;
    padding: 3px 12px 3px 12px;
    width:65px;     /*<!-- changed from 130 -->*/
    height:22px;}

	/*filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cc8800')*/


/* inserted for other browsers than IE*/
html>body a.knap_a{  /* statment that can be read by other Borwsers but not IE */

	
	width:69px;
	height:15px;
}


.knap_a:hover{
   background: url(http://www.mangeintelligenser.com/grafik/menu/menubgover.gif) center center repeat-x;
	/*<!-- background: #ffdd77;  When the mouse is over the text the field becomes light brown -->*/
    color: #000; /*<!--  When the mouse is over the field the text becomes black  -->*/
    text-decoration: none;
    border-style: inset;
    border-top-color:#990000;
    border-left-color:#990000;
    border-right-color:#FFFF99; /*<!-- menu border is ligth yelllow -->*/
    border-bottom-color:#FFFF99; /*<!-- menu border is ligth yelllow -->*/
}


/*<!--  TOPMENU for Indskoling_END -->*/

/*<!--  TOPMENU for l_stile_STARTED -->*/
/*<!--REMENBER TO change the margin-top in the  #indhold to 53px; in the head document -->*/
 
 
div#menubox{
    position:absolute;
    top:62px; /*<!-- changed from 40 -->*/
    left:190px;
}


.topmenu_ {
    position:absolute;
    z-index:99;
}

#topmenu_b1{
    left:190px;
    top:50px;      /*<!-- distance from the top -->*/
}


#topmenu_b2{
    left:390px; /*<!--  botton is 65 px long and have e space of 8 px  -->*/
    top:50px;
}


#topmenu_b3{
    left:190px;  /*<!--  botton is 65 px long and have e space of 8 px -->*/
    top:75px;
}


#topmenu_b4{
    left:790px;
    top:62px;
}


#topmenu_b5{
    left:990px;
    top:62px;
}





/* inserted for other browsers than IE*/
html>body .topmenu_ {position:absolute; z-index:99;}

html>body #topmenu_b1{left:190px; top:50px;}

html>body #topmenu_b2{left:418px; top:50px;}

html>body #topmenu_b3{left:190px; top:75px;}

html>body #topmenu_b4{left:799px; top:62px;}

html>body #topmenu_b5{left:999px;top:62px;}



a.knap_b{
    z-index:99;
    background: url(http://www.mangeintelligenser.com/grafik/menu/menubg.gif) center center repeat-x;
	 /*<!-- background-color: #cc8800; menu background is dark brown  -->*/
    color:#ffffff; /*<!-- grey text -->*/
    display: block;
    font: normal bold 12px arial,sans-serif;
    text-align: center;
    text-decoration: none;
    margin-bottom:1px;
    border:2px outset #FFFF99; /*<!-- menu border is light yellow -->*/
    border-top-color:#FFFF99; /*<!-- menu border is light yellow -->*/
    border-left-color:#FFFF99; /*<!-- menu border is light yellow -->*/
    border-right-color:#990000;
    border-bottom-color:#990000;
    padding: 3px 12px 3px 12px;
    width:200px;     /*<!-- changed from 130 -->*/
    height:17px;}

	/*filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cc8800')*/


/* inserted for other browsers than IE*/
html>body a.knap_b{  /* statment that can be read by other Borwsers but not IE */

	
	width:200px;
	height:15px;
}


.knap_b:hover{
   background: url(http://www.mangeintelligenser.com/grafik/menu/menubgover.gif) center center repeat-x;
	 /*<!--  background: #ffdd77; When the mouse is over the text the field becomes light brown -->*/
    color: #000; /*<!--  When the mouse is over the field the text becomes black  -->*/
    text-decoration: none;
    border-style: inset;
    border-top-color:#990000;
    border-left-color:#990000;
    border-right-color:#FFFF99; /*<!-- menu border is ligth yelllow -->*/
    border-bottom-color:#FFFF99; /*<!-- menu border is ligth yelllow -->*/
}


/*<!--  TOPMENU for l_stile_END -->*/


/*    Horisontalmenu_START     */

div#3dmenu{
    position:absolute;
    top:62px; /*<!-- changed from 40 -->*/
    left:190px;
}

.horizontalcssmenu{
   position:relative;
   top: 0px;
	left:2px;
}


.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left; 
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{

display: block;
width: 97px; /*Width of top level menu link items  changed from 93 */
padding: 2px 8px;
border: 1px solid #cc8800; 
border-left-width: 0px;
border:1px outset #FFFF99; /*<!-- menu border is light yellow -->*/
text-decoration: none;
background: url(http://www.mangeintelligenser.com/grafik/menu/menubg.gif) center center repeat-x;
color: black;
font:13px arial,sans-serif;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #cc8800;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 100px; /*width of sub menu levels changed from 160 */
font-weight: normal;
padding: 2px 5px;
background: #ffdd77;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(http://www.mangeintelligenser.com/grafik/menu/menubgover.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #ffcc66;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(http://www.mangeintelligenser.com/grafik/menu/menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }


/* End */


/*  Horisontalmenu_SLUT*/