.blockAnchor {
/*
	Means:
	Block anchor should be here, doesn't validate because of bug (no blocks inside anchor and no block anchor) in W3C HTML spec.
	W3C HTML spec. allows <map id='dummy'><div><a shape='default' href='blah' />block elements here</div></map>, but this only works in Opera, not FF/IE/KHTML.

	Workaround:
	Just use anchor tags.  Work everywhere, except IE7 which needs a minor twist for the whole block area to be clickable:
	onclick='this.click()' and style='cursor:pointer' on the anchor elements.
*/
}

#mainmenu,
#logind table,
#submenu,
#submenu table {
	/* fjern cell borders */
	border-spacing: 0;
	/* workaround for IE bug: border-spacing virker ikke */
	border-collapse: collapse;
}

#mainmenu,
#submenu {
	/* hvid kant under menuerne */
	margin-bottom: 1px;
}

#mainmenu td,
#logind td,
#submenu td {
	/* fjern default padding */
	padding: 0;
}

#mainmenu .knap div {
	/* z-index virker ikke uden 'relative'; ikke helt sikker på hvorfor */
	position:relative;
	/* træk knapper ind over hinanden, width+height så baggrund vises i fuld størrelse */
	margin-left: -1px;
	/* baggrundsbillede */
	width: 100px;
	height: 74px;
	/* debug: just in case at width/height er forkerte */
	background-repeat: no-repeat;
}

#mainmenu .logo div {
	/* z-index virker ikke uden 'relative'; ikke helt sikker på hvorfor */
	position:relative;
	/* baggrundsbillede */
	background-image: url(/content/images/grasat/logo_helebg.png);
	background-repeat: repeat-x;
	width: 177px;
	height: 74px;
}

#mainmenu .knap div a,
#mainmenu .logo div a {
	/* links udfylder deres table cell */
	display: block;
	height: 74px;
	/* billeder på hyperlinks centreres */
	background-repeat: no-repeat;
}

#mainmenu .knap div a {
	background-position: 50% 70%;
}

#mainmenu .logo div a {
	background-position: 50% 62.5%;
}

#mainmenu .inaktiv div {
	z-index: 0;
	background-image: url(/content/images/grasat/hovedmenu.png);
}

#mainmenu .aktiv div {
	/* hævet over ikke-valgt knap */
	z-index: 1;
	background-image: url(/content/images/grasat/hovedmenu_valgt.png);
}

#mainmenu .knap:hover div {
	z-index: 1;
	background-image: url(/content/images/grasat/hovedmenu_over.png);
}

#mainmenu .logo:hover div {
	z-index: 1;
	background-image: url(/content/images/grasat/logo_helebg_over.png);
}

#mainmenu .knap,
#mainmenu .logo {
	/* ingen padding selvom table er for stor */
	width: 90px;
}

#mainmenu {
	width: 100%;
}

.filler {
	/* fyld mainmenu ved at padde i højre side */
	width: 100%;
}

.filler div.menuBox {
	/* z-index virker ikke uden 'relative'; ikke helt sikker på hvorfor */
	/* gør desuden fyld til en containing block, så logind knap kan positioneres absolut inden i */
	position:relative;
	/* baggrundsbillede */
	background-image: url(/content/images/grasat/logo_bg.png);
	background-repeat: repeat-x;
	height: 74px;
}

#logind {
	/* placer i øverste højre hjørne af fyld */
	position:absolute;
	top:0px;
	right:0px;
	width: 100px;
	height: 23px;
	/* hæver over almindelige knapper, inklusive valgte og hovering */
	z-index: 2;
	/* debugging - størrelsen skal matche den tabel der er indeni, ellers skrider højreplaceringen */
	/* background-color: #f00; */
}

#logind a {
	display: block;
	cursor: pointer;
}

#logind .knapLeft {
	background-image: url(/content/images/grasat/logind_venstre.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 5px;
}

#logind .knapRight {
	background-image: url(/content/images/grasat/logind_bg.png);
	background-repeat: repeat-x;
	height: 23px;
	width: 95px;
}

#logind:hover .knapLeft {
	background-image: url(/content/images/grasat/logind_venstre_over.png);
}

#logind:hover .knapRight {
	background-image: url(/content/images/grasat/logind_bg_over.png);
}

#logind .knapBillede {
	margin-left: 16px;
	background-image: url(/content/images/grasat/logind_ikon.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 9px;
}

#logind .knapTekst {
	margin-right: 16px;
	margin-left: 8px;
	background-repeat: no-repeat;
	height: 14px;
	width: 45px;
}

.search div.menuBox {
	margin-right: 1px;
}

.searchLeftMargin div,
.searchRightMargin div {
	background-image: url(/content/images/grasat/soeg_bg.png);
	background-repeat: repeat-x;
	height: 20px;
	width: 12px;
}

.searchLeft div {
	background-image: url(/content/images/grasat/soeg_v.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 10px;
}

.searchRight div {
	background-image: url(/content/images/grasat/soeg_h.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 18px;
}

.searchMiddle div {
	background-image: url(/content/images/grasat/soeg_body.png);
	background-repeat: repeat-x;
	height: 20px;
	width: 124px;
}

.searchMiddle input {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
	height: 18px;
	padding-top: 2px;
	font-family: verdana;
	font-size: 7pt;
	width: 124px;
}

.menupunkter {
	/* udfyld i bredden */
	width: 100%;
}

.menupunkter div.menuBox {
	background-image: url(/content/images/grasat/undermenu_bg.png);
	background-repeat: repeat-x;
	height: 20px;
}

.menupunkter .knap a {
	text-decoration: none;
	display: block;
	padding: 0px 20px;
	height: 20px;
	background-color: transparent;
	color: #666;
	cursor: pointer;
}

.menupunkter .knap td {
	/* send teksten inde i submenupunkter ned i midten af knappen */
	height: 20px;
	/* vertical-align virker kun på eg table cells. */
	vertical-align: middle;
	/* sættes her som led i et IE7 bug workaround. */
	font-family: verdana;
	font-size: 6pt;
	font-weight: bold;
}

.menupunkter .aktiv a {
	background-color: #fff;
}

.menupunkter .knap a:hover {
	/* bug i IE7: farven #fff virker ikke, ser ud til at en transparent bit eller alfa kanal ikke bliver clearet i renderen. */
	background-color: #aaa;
}

#logoDubex {
	background-image:url("/content/images/grasat/logo_Dubex.png");
}

#logoDubex2008 {
	background-image:url("/content/images/grasat/logo_Dubex2008.png");
}

#logoDems {
	background-image:url("/content/images/grasat/logo_Dems.png");
}