
/*forside*/
#menulink_1-son-of-suckerfish-horizontal  {
background-image: url(../../images/forside.png);
background-repeat:no-repeat;
text-indent: -1000px;
width: 117px;
}


/*om skolen*/
#menulink_2-son-of-suckerfish-horizontal  span{
background-image: url(../../images/om_skolen.png);
background-repeat:no-repeat;
text-indent: -1000px;
width: 117px;

}


/*paedagogik*/
#menulink_3-son-of-suckerfish-horizontal{
background-image: url(../../images/paedagogik.png);
text-indent: -1000px;
width: 117px;
}

/*lærestab*/
#menulink_4-son-of-suckerfish-horizontal{
background-image: url(../../images/laererstab.png);
text-indent: -1000px;
width: 117px;
}
/*skolegang*/
#menulink_5-son-of-suckerfish-horizontal{
background-image: url(../../images/skolegang.png);
text-indent: -1000px;
width: 117px;
}

/*galleri*/
#menulink_6-son-of-suckerfish-horizontal  {
background-image: url(../../images/galleri.png);
text-indent: -1000px;
width: 117px;
}
/*kontakt*/
#menulink_7-son-of-suckerfish-horizontal {
background-image: url(../../images/kontakt.png);
text-indent: -1000px;
width: 117px;
}
a.mainlevel-son-of-suckerfish-horizontal:hover, 
a.mainlevel_current-son-of-suckerfish-horizontal:hover, 
a.mainlevel_active-son-of-suckerfish-horizontal:hover, 
span.mainlevel-son-of-suckerfish-horizontal:hover, 
span.mainlevel_current-son-of-suckerfish-horizontal:hover, 
span.mainlevel_active-son-of-suckerfish-horizontal:hover,
a.mainlevel_current-son-of-suckerfish-horizontal, 
a.mainlevel_active-son-of-suckerfish-horizontal,
span.mainlevel_current-son-of-suckerfish-horizontal, 
span.mainlevel_active-son-of-suckerfish-horizontal,
span.expanded:hover, span.mainlevel_active-son-of-suckerfish-horizontal span
{
background-position: 0 -26px;

}
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited {
	/* bruges ikke da der er billeder i hovedmenuen
	background-color: red;
	color: white;*/
	
}

.hover {
/*	IE 6 fix */
	border: none;
}

a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited {
/*	SUBMENU 1 */
	background-color: #5E6141;
	color: white;
	
}

a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
/*	SUBMENU 1 hover*/
	background-color: white;
	color: black;
}

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:link,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:visited {
/*	SUBMENU 2*/
	background-color: #5E6141;
	color: white;
}

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:hover {
/*	SUBMENU 2 hover*/
	background-color: white;
	color: black;
}

ul.mainlevel-son-of-suckerfish-horizontal .expanded {
	display: block;
	/*background-image: url("../../images/arrow_down.gif");
	background-position: right center;
	background-repeat: no-repeat;*/
	padding-right: 0px;
}

ul.mainlevel-son-of-suckerfish-horizontal ul .expanded {
	/*background-image: url("../../images/arrow_right.gif");*/
}


/** customize style / layout here */

#menu-container {
position:  absolute;
top: 143px;
height: 26px;
z-index: 9999;
}
#menu-left, #menu-right  {
display: block;
height: 26px;
width: 65px;
background-image:url(../../images/menu_bg_green.png);

}
#menu-right  {width: 66px;
 float: right;
}

#menu-left {
float: left;
}

.menu-son-of-suckerfish-horizontal {
position: relative;
font-size: 12px;
float: left;
width: 819px;
margin: 0px;
padding: 0px;
}
/*MAINLEVEL layout*/
a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover{
	text-align: left;
	text-decoration: none;
	display: block;
	width: 117px;
	height: 26px;
	padding: 0px;	 /*top, right, bottom, left */

}
/*SUBLEVEL layout*/
a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
	text-align: left;
	text-decoration: none;
	display: block;
	width: 113px;
	/*border: 1px solid silver;*/
	padding: 4px 0px 4px 4px;	 /*top, right, bottom, left */
	line-height: 26px;
	/*text-transform:capitalize;
	text-transform:lowercase;*/
}

a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal {
}

a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {
	border-top: none;
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#active_menu-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,
a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
	/*font-weight: bold;*/
}

ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

ul.mainlevel-son-of-suckerfish-horizontal li {
	padding: 0;
	margin: 0;
	background: none;
	float: left;
}

ul.mainlevel-son-of-suckerfish-horizontal li li {
	position: relative;
	display: block;
	width: 117px;
}


ul.mainlevel-son-of-suckerfish-horizontal ul {
	display: block;
	position: absolute;
	left: -999em;
	margin: 0px;
	width: auto;
	height: auto;
	z-index: 101;
}

ul.mainlevel-son-of-suckerfish-horizontal li li ul {
	margin: -34px 0 0 117px;
	z-index: 102;
}


/** IE7.0 workaround */
ul.mainlevel-son-of-suckerfish-horizontal li:hover, ul.mainlevel-son-of-suckerfish-horizontal li.hover {
	position: static;
}


/** general on-mouse-over display */

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
	left: auto;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
	left: -999em;
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul {
	left: auto;
}


ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li {
	clear: left;
}

/** MAINlevel separator */
span.mainlevel-son-of-suckerfish-horizontal, span.mainlevel_active-son-of-suckerfish-horizontal, span.mainlevel_current-son-of-suckerfish-horizontal  {
	display: block;
	width: 117px;
	height: 26px;
	border-width: 0px;
	margin: 0px;
	padding: 0;
	cursor: pointer;
	line-height: 26px;
}
/** SUBlevel separator */
span.sublevel-son-of-suckerfish-horizontal {
	display: block;
	width: 113px;
	height: 26px;
	border-width: 0px;
	margin: 0px;
	padding: 4px 0px 4px 4px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
	margin:  0em;	/* top, right, bottom, left */
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
	margin: -35px 0 0 117px;	/* top, right, bottom, left */
}

/* VENSTRE UNDER MENU*/
#menulist_rootcontent_menu a.mainlevelcontent_menu {
/*text-transform:capitalize;
text-transform:lowercase;*/
}
#menulist_rootcontent_menu li {
	margin-bottom : 30px;
}
#menulist_rootcontent_menu li ul li {
	display: block;
	line-height: 19px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	width: 130px;
}
#menulist_rootcontent_menu li ul {
	background-image:url(../../images/join.gif);
	background-repeat: repeat-y;
}
ul.mainlevelcontent_menu li ul li ul li {
	width: 120px;
}

li.mainlevel_currentcontent_menu {
	position: relative;
	padding-right: 20px;
	
}
li.mainlevel_currentcontent_menu a.mainlevelcontent_menu {
	padding-right: 20px;
	background-image:url(../../images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
li.sublevel_currentcontent_menu a.sublevelcontent_menu {
	padding-right: 20px;
	background-image:url(../../images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.sublevel_currentcontent_menu li.mainlevel_currentcontent_menu  {
	background-image:none;
}
#menulist_rootcontent_menu li li a {
	text-indent: 0px;
}
#menulist_rootcontent_menu li li a:hover {
	/*background-image:url(../../images/menu_bg_white2.png);*/
	text-indent: 0px;
}
#menulist_2content_menu { display: none;}

