/**
<!--
Front link-menu Analysis: 
Problemet er at få teksten trukket tilstrækkelligt sammen. 

Når vi kører ud position-relative top justering på <a> er status for hoverlinks: 
Win IE 6.0: ok. use: h1: height 58px, top 0px på <a>".
Win FF: ok. (use: h1: height 58px, top 0px på <a>". Juster evt. for manglende plads mellem logo og linkmenu)
Mac FF: Teksten ligger for lavt i sin boks. Afskæring..(use: h1: height 58px, top -6px på <a>")
Mac Safari: Næsten ok. Brug top -2px på <a> (use: h1: height 58px, top -2px på <a>")

Forslag: 
enten javascript og browserdetection..
eller css-filters..
-->

**/
/**layout tag defaults**/
div, p, body, h1, h2, h3, h4, h5, h6, a, ul, li {
	margin: 0; 
	padding: 0;		
}

body, p, div, h1, h2, h3, h4, h5, h6, span {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

body {
		background-color: #000; 
}


h2, h1, h4 {
	text-transform: uppercase; 
	font-weight: bold; 
}

h2 {
	font-size: 42px; /*must match 34px*/
	line-height: 0.9; 	
	letter-spacing: -0.03em; /*win:FF -0.1 is too much*/
	/*win: letterspacing affects more strongly in FF when using ems*/
	/*border: 1px solid blue; */
	overflow: hidden; 
	/*display: inline; width: 100%; */
	height: 38px;  /*this is  needed for IE 6 to cut of the links. Overflow doesn't work here*/
	padding-right: 10px; 
	
}

h1 {	
	font-size: 74px;
	/*must match 56px*/
	line-height: 0.8;	
	/*win: FF og IE. 0.7 is too much*/
	letter-spacing: -0.05em; 
	overflow: hidden; 
	/*this is  needed for IE 6 to cut of the links overflow won't work*/
	height: 58px; 	/*58px is perfect for Win IE 6.0) */
	}


h1 a, a, a:link {
		text-decoration: none; 
		color: rgb(140,140,140);		
	/*	color: #9A9F9F;*/

		/*color: green;		*/
		/*this relative pos..should only be applied to mac firefox*/		
		position: relative; 
		top: -3px; 	
		margin: 0; 
		padding: 0 6px 0 0;	
		/*win: FF og IE. 0.7 is too much*/
		}
	
a:hover {
		color: rgb(2,180,253); 
		background-color: rgb(155,226,253); 
	}	
h4 {
	font-size: 14px; 	/*must match 14px*/
	line-height: 0.8em; 
	line-height: 0.9; 	
}	
	
	
.headerblack a {
/*	color: black; */
	color: white; 
	background-color: transparent; 
	cursor: default; 
}

.headerblack a:hover, .headerblack a:active {
	/*color: black; */
		color: white; 
	background-color: transparent; 
}

a:hover {
	color: rgb(2,180,253); 
	background-color: rgb(155,226,253); 
}

#logoImg {
	border: none; 
	margin-bottom: 4px; 
	position: relative; 
	left: 3px; 
	left: 6px;
}

/*menu (og h1) */
/*vi style the font directly on the a-tag: */
#menu li  {
	font-size: 74px;/*must match 56px*/		
	padding: 0; 
	margin: 0; 
	letter-spacing: -0.02em; 	
	text-transform: uppercase; 
	font-weight: bold; 
	line-height: 0.8; 	
/*	border: 1px solid red; */
	/*color: rgb(219,219,219); */
	/*color: #8C8C8C;*/
	vertical-align: middle; 
	}

#menu li a {
	/*line-height: 0.6em;  */
	/*font-size: 74px; */
	margin: 0 !important; 
	padding: 0 !important; 
	position: relative;
}

.frame {
	margin: 0; 
	padding: 0; 
	border: 1px solid yellow; 
	position: absolute;
	height: 56px; 
}

#menu li a:hover  {	
	color: rgb(2,180,253); 
	background-color: rgb(155,226,253);  
}

.selected a, .selected {
	/*color: black !important; */
	color: white !important; 
	/*background-color: white !important;  */
		background-color: black !important;  
}

.selected a:hover {
	/*color: black !important; */
		color: white !important; 
/*	background-color: white !important;  */
	background-color: black !important;  
}


#menu{
	list-style: none; 	
}


.blue {
	color: rgb(55,168,224)
}	


/**structure**/
#frontcontainer {
	margin: 34px 10px 10px 31px; 
	padding: 0; 
}

#menucontainer {
	position: relative; 
	left: -6px; 
}

/*for bottom margin*/
#logo {

}
/*for bottom top*/
#contact {
	color: #fff;
	margin-top: 4px; 
	margin-left: 4px; 
}

body {
	margin: 0; 
	padding: 0; 	
}

.dot {
	position: relative; 
	top: -4px;
}


.streg {
	position: relative; 
	top: -2px;
}


/*for image preloads*/
.hiddenPic {
display:none;
}

#contact a, .maillink a {
	/*color: black; */
		color: white; 
}
#contact a:hover, #contact a:active, .maillink a:hover, .maillink a:active {
	/*color: black; */
		color: white; 
	background-color: transparent; 
}

.maillink a {
	top: 0; 
}


/*ingen fx. på homeknap*/
#home a {
	background-color: none !important;
	color: red !important;
	
}