body,
	html {
		margin:0;
		padding:0;
		background: white;
		font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #a4a4a4;
	height: 100%;
}

img
{  border-style: none;
}
	body {
		min-width:800px;
	}
	#container {
		margin:0 auto;
		width:800px;
	}

/* Header */
	
	
	#header {
		height: 121px;
}

/* Menu */


	#menu {
		float:left;
		width:226px;
	padding-top: 20px;
	height: 465px;
}
	
	#menu li {
	padding-bottom: 3px;
	
}

	#menu ul  {
	list-style-type: none;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	
}

/* Main */


	#main {
		float:right;
		width:574px;
	margin-top: 25px;
}

#content {
	padding-top: 30px;
}

h1 {
		margin: 0;
	font-weight: bold;
	font-size: 14px;
}

p {
	margin-top: 6px;
}

a, a:visited{
	color: #99cc33;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* Fotoer */
	
	
	
	#footer {						clear:both;
				
}
	#footer p {
		padding:5px;
		margin:0;
	font-size: 9px;
	text-align: center;
}

/* Contact */

img.mailicon {
	padding-bottom: 30px;
}

img.mobilicon {
	padding-bottom: 30px;
	padding-left: 50px;
}

img.facebookicon {
	padding-left: 50px;
}

img.mobilicon {
	padding-right: 50px;
	padding-bottom: 30px;
}

/* Navigations rollover */
#news
{
  display: block;
  width: 73px;
  height: 22px;
  background: url("nyhedersamlet.gif") 0 0;
}

#portfolio
{
  display: block;
  width: 73px;
  height: 22px;
  background: url("portfoliosamlet.gif") 0 0;
}

#about
{
  display: block;
  width: 73px;
  height: 22px;
  background: url("ommigsamlet.gif") no-repeat 0 0;

}

#contact
{
  display: block;
  width: 73px;
  height: 22px;
  background: url("kontaktsamlet.gif") no-repeat 0 0;

}

#work1
{
  display: block;
  width: 120px;
  height: 15px;
  background: url("work1samlet.gif") 0 0;
}

#work2
{
  display: block;
  width: 120px;
  height: 15px;
  background: url("work2samlet.gif") 0 0;
}

#work3
{
  display: block;
  width: 120px;
  height: 15px;
  background: url("work3samlet.gif") 0 0;
}

#work4
{
  display: block;
  width: 120px;
  height: 15px;
  background: url("work4samlet.gif") 0 0;
}

#work5
{
  display: block;
  width: 152px;
  height: 15px;
  background: url("work5samlet.gif") 0 0;
}

#work6
{
  display: block;
  width: 75px;
  height: 15px;
  background: url("work6samlet.gif") 0 0;
}

#newsactive
{
  display: block;
  width: 73px;
  height: 22px;
  background: url("nyhedersamlet.gif") 0 22px;
}

#portfolioactive
{
  display: block;
  width: 73px;
  height: 22px;
  background: url("portfoliosamlet.gif") 0 22px;
}

#aboutactive
{
  display: block;
  width: 73px;
  height: 22px;
  background: url("ommigsamlet.gif") 0 22px;

}

#contactactive
{
  display: block;
  width: 73px;
  height: 22px;
  background: url("kontaktsamlet.gif") 0 22px;

}

#work1active
{
  display: block;
  width:120px;
  height: 15px;
  background: url("work1samlet.gif") 0 15px;
}

#work2active
{
  display: block;
  width:120px;
  height: 15px;
  background: url("work2samlet.gif") 0 15px;
}

#work3active
{
  display: block;
  width:120px;
  height: 15px;
  background: url("work3samlet.gif") 0 15px;
}

#work4active
{
  display: block;
  width:120px;
  height: 15px;
  background: url("work4samlet.gif") 0 15px;
}

#work5active
{
  display: block;
  width:152px;
  height: 15px;
  background: url("work5samlet.gif") 0 15px;
}

#work6active
{
  display: block;
  width:75px;
  height: 15px;
  background: url("work6samlet.gif") 0 15px;
}

#newsactive:hover, #portfolioactive:hover,
#aboutactive:hover,
#contactactive:hover
{ 
  background-position: 0 -22px;
}

#work1active:hover,
#work2active:hover,
#work3active:hover,
#work4active:hover,
#work5active:hover,
#work6active:hover
{ 
  background-position: 0 -15px;
}

#newsactive span,
#portfolioactive span,
#aboutactive span,
#contactactive span,
#work1active span,
#work2active span,
#work3active span,
#work4active span,
#work4active span,
#work5active span,
#work6active span
{
  display: none;
}



#news:hover,
#portfolio:hover,
#about:hover,
#contact:hover
{ 
  background-position: 0 -22px;
}

#work1:hover,
#work2:hover,
#work3:hover,
#work4:hover,
#work5:hover,
#work6:hover
{ 
  background-position: 0 -15px;
}

#news span,
#portfolio span,
#about span,
#contact span,
#work1 span,
#work2 span,
#work3 span,
#work4 span,
#work5 span,
#work6 span
{
  display: none;
}