/*
==============================================================
 Main Menu                                                         
==============================================================
*/

/* --- styling --- */

.MainMenu
{
  border-top: 1px solid #615e2d;
  border-bottom: 1px solid #615e2d;
  margin: 4px 0px 4px 0px;
  padding-left: 10px;
  height: 21px;
  width: 926px;
  background-color: #fff;
}

.MainMenu li ul
{
  border: 1px solid #615e2d;
  border-top: none;
  background-color: #fffffa;
  margin-top: 1px;
}

.MainMenu li > ul
{
  margin-top: 0px;  /* this is an optional Firefox hack */
}

.MainMenu li ul li
{
  width: 150px;
  border-top: 1px solid #615e2d;
  padding: 0px 0px 3px 10px;
}

.MainMenu li ul li.children
{
  background-image: url(/images/leftMarker.gif);  
  background-repeat: no-repeat;  
  background-position: right center;
}

.MainMenu .iFrameHider
{
  width: 150px; /* HAS to be same width as in .MainMenu li:hover ul, .MainMenu  li.over ul*/
}


.MainMenu a
{
  color: #615e2d;
  text-decoration: none;	
  padding: 0px 7px 2px 7px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: auto;
  background-image: url(/images/patientuddannelse/pipe.png);
  background-repeat: no-repeat;
  background-position: right;
}

/* Used to display the last menu entry without the trailing pipe */
.MainMenuLast a
{
    background-image: none;
}



.MainMenu a.rootAncestor 
{
    color: #9d9863;
}

.MainMenu .level1 .active
{
    font-weight: normal;
}


.MainMenu .level2 .active
{
    font-weight: bold;
}

.MainMenu a:hover
{
  text-decoration: none;
  background-color: #e7e8d3;
}

.MainMenu li.level2 a
{
  padding: 2px 0px 0px 0px;
  margin-right: 0px;
  width: 150px;
  border-bottom: none;
  background-image: none;
  border-right: none;
}

.MainMenu li.level2 a:hover
{
  text-decoration: none;
  border-bottom: none;
  background-image: none;
}

/*for compliant browsers*/
.MainMenu li.level2:hover,
.MainMenu li.level3:hover,
.MainMenu li.level4:hover,
.MainMenu li.level5:hover,
/*for IE*/
.MainMenu li.over2,
.MainMenu li.over3,
.MainMenu li.over4,
.MainMenu li.over5,
.MainMenu li.over6
{
  background-color: #e7e8d3;
}


/* --- common use. always applies to a menu --- */

.MainMenu ul,.MainMenu li
{
  margin: 0;
	padding: 0;
	list-style: none;
}
.MainMenu ul a{
	display: block;
}

* html .MainMenu ul a
{
	display: inline-block;  /* this is an optional IE hack */
}

.MainMenu ul li
{
  position: relative;
	z-index: 300; 
}

.MainMenu li ul
{
	visibility: hidden;
  position: absolute;
}

.MainMenu li ul li
{
  display: block;
  float: left;
  clear: left;
}

/*for compliant browsers*/
.MainMenu li.level1:hover ul.level2,
.MainMenu li.level2:hover ul.level3,
.MainMenu li.level3:hover ul.level4,
.MainMenu li.level4:hover ul.level5,
.MainMenu li.level5:hover ul.level6,
/*for IE*/
.MainMenu li.over1 ul.level2,
.MainMenu li.over2 ul.level3,
.MainMenu li.over3 ul.level4,
.MainMenu li.over4 ul.level5,
.MainMenu li.over5 ul.level6,
.MainMenu li.over6 ul.level7
{
	visibility: visible;
}
.MainMenu div.floatBreak
{
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  clear: both;
}

/* --- horizontal main menu hover effect --- */

.MainMenu
{
  clear: both;
}

.MainMenu ul li.level1
{
  float: left;
}

.MainMenu li ul
{
  top: 100%;
	left: 0;
	z-index: 100;
}

.MainMenu li ul.level2
{
}

.MainMenu li ul.level3,
.MainMenu li ul.level4,
.MainMenu li ul.level5,
.MainMenu li ul.level6,
.MainMenu li ul.level7
{
  top: 0;
	left: 100%;
	z-index: 100;
}

.MainMenu .iFrameHider
{
  /* dont edit unless really needed - position of elements */
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.MainMenu .iFrameHiderDiv
{
  height:0px;
  width:1px;
  clear:both;
  font-size:0px;
  line-height:0px;
}


/*
==============================================================
 Sub Menu                                                         
==============================================================
*/

.SubMenu
{
  margin: 15px 15px 15px;
  width:198px;
  border: solid 1px #615e2d;
  background-color: #fffffa;
}

.SubMenu a
{
    font-family: Arial;
    color: #615e2d;
    text-decoration: none;
}

.SubMenu ul.level1
{
    font-weight: bold;
    font-size: 12px;
    margin: 15px 0px 15px 0px;
}

.SubMenu ul.level2
{
    margin: 0px;
    font-weight: normal;
}

.SubMenu ul.level3
{
    margin: 0px;
    font-size: 10px;
    font-weight: normal;
}

.SubMenu ul,.SubMenu li
{
	padding-left: 4px;
	list-style: none;
	
}

.SubMenu ul.level1 li.level1
{
    margin-top: 10px;
}

.SubMenu a:hover, .SubMenu .current
{
    color: #9d9863;
}



/*
==============================================================
 Breadcrumb                                                         
==============================================================
*/

.Breadcrumb
{
  /* styling*/  
  padding:10px; 
  background-color: #e7e8d3;
  color: #9d9863;
}
.Breadcrumb ul,.Breadcrumb li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.Breadcrumb li
{
  /* position */
  display: block;
  float: left;
  
  /* styling */  
  padding-left: 4px;  
}
.Breadcrumb li.first
{
  /* styling */  
  padding-left: 0px; 
  background: none; 
}
.Breadcrumb a
{
  /* styling */  
  font-family: Arial;
  color: #615e2d;
  text-decoration: none;
  font-size: 12px;
}

.Breadcrumb a.active
{
  color: #9d9863;
}

.Breadcrumb a:hover
{
  color: #9d9863;
}
.Breadcrumb div.floatBreak
{
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  clear: both;
}