body {
		background: #534741; 
		margin:			0 auto;
		padding:		0;
		font-family:	helvetica, sans-serif;
		font-size:		62.5%;
		height:		100%; 
		width:		960px;		
	}
	

@font-face
{
	font-family: Alfphabet;
	src: url('../fonts/Alfphabet-IV.ttf'),
	     url('../fonts/Alfphabet-IV.eot') format("opentype"); /* IE */
}

.customFont {
	font-family: Alfphabet;
	font-weight: bold;
	font-size: 70px;
	color: #000;
}
.customFont span {
	background: url(../images/gradient.png) repeat-x;
	position: absolute;
	display: block;
	width: 960px;
	height: 100px;
	top: 0px;
}
.customLink a:link    {
  /* Applies to unvisited links in class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  color:            #000;
  } 
.customLink a:visited {
  /* Applies to visited links in class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  color:            #000;
  } 
.customLink a:hover   {
  /* Applies to links under the pointer in class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  color:            #333;
  } 
.customLink a:active  {
  /* Applies to activated links in class mainNav */
  text-decoration:  underline;
  font-weight:      bold;
  color: 			#666;
}
	
	header {
	background: 	#fafafa;
	display:		block;
/*	position:		relative;  */
	position:		absolute;
	top: 0px;
	margin:			0 auto;
	width:			960px;
	color:			#333;
	height:			100px;
	margin-bottom:	2px;
	-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
	padding-right: 0px;
	padding-left: 0px;
	}
	article_madsen {
	background: url(../images/Madsen_Graa80.jpg) no-repeat top center #fff;
	overflow: 		scroll;
	display:		block;
	position:		absolute;
	top:			100px;
	bottom:			130px;
	width:			920px;
	font-size:		140%;
	margin:			0 auto;
	margin-bottom:	1px;
	padding-top:		20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
	}
	article_f {
	background: url(../images/Finn_Graa80.jpg) no-repeat top center #fff;
	overflow: 		scroll;
	display:		block;
	position:		absolute;
	top:			100px;
	bottom:			130px;
	width:			920px;
	font-size:		140%;
	margin:			0 auto;
	margin-bottom:	1px;
	padding-top:		20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
	}

	article_l {
	background: url(../images/Louie_Graa80.jpg) no-repeat top center #fff;
	overflow: 		scroll;
	display:		block;
	position:		absolute;
	top:			100px;
	bottom:			130px;
	width:			920px;
	font-size:		140%;
	margin:			0 auto;
	margin-bottom:	1px;
	padding-top:		20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
	}
	
	article_h {
	background: url(../images/humle_Graa80.jpg) no-repeat top center #fff;
	overflow: 		scroll;
	display:		block;
	position:		absolute;
	top:			100px;
	bottom:			130px;
	width:			920px;
	font-size:		140%;
	margin:			0 auto;
	margin-bottom:	1px;
	padding-top:		20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
	}

	article_m {
	background: url(../images/Morgaine_Graa80.jpg) no-repeat top center #fff;
	overflow: 		scroll;
	display:		block;
	position:		absolute;
	top:			100px;
	bottom:			130px;
	width:			920px;
	font-size:		140%;
	margin:			0 auto;
	margin-bottom:	1px;
	padding-top:		20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
	}
	article_s {
	background:  #fff;
	overflow: 		scroll;
	display:		block;
	position:		absolute;
	top:			100px;
	bottom:			130px;
	width:			920px;
	font-size:		140%;
	margin:			0 auto;
	margin-bottom:	1px;
	padding-top:		20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
	}
	article_blank {
	background:  #fff;
	overflow: 		scroll;
	display:		block;
	position:		absolute;
	top:			100px;
	bottom:			130px;
	width:			920px;
	font-size:		140%;
	margin:			0 auto;
	margin-bottom:	1px;
	padding-top:		20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
	box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
	}
	
	footer {
		display:		block;		
		position:		absolute; 
		bottom: 		0;
		margin:			0 auto;
		width:			920px;	
		height:			100px;
		margin-bottom:	0px;
		padding:		20px;	
		background: 	#9B3913 url(footerbg.png) repeat top left;
		-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
		-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
		box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
		border-top:		2px solid #222;
		border-bottom:		2px solid #222;
	}

	footer section {
		position:		relative;
		width:			200px;
		float:			left;
		margin-right:	20px;
		height:			100px;
		background: #050002; /* Old browsers */
		background: -moz-linear-gradient(top, #050002 0%, #a90329 50%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#050002), color-stop(50%,#a90329)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #050002 0%,#a90329 50%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #050002 0%,#a90329 50%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #050002 0%,#a90329 50%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050002', endColorstr='#a90329',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #050002 0%,#a90329 50%); /* W3C */
		-moz-border-radius: 2px/20px;	
		-webkit-border-radius: 2px/20px;
		border-radius: 5px/20px;
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		transition:		all 0.5s;
	}

	footer section:hover {
		width:			210px;
		margin-left:	-5px;	
		margin-right:	15px;
	}

	footer section .handle{
		position:		absolute;
		top:			0;
		left:			0;
		width:			200px;
		height:			100px;
		z-index: 		203;
		background: 	#9B3913 url(drawerbg.png) no-repeat center center;
		-moz-box-shadow:	0px 3px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow:	0px 3px 5px rgba(0,0,0,0.3);
		box-shadow:			0px 3px 5px rgba(0,0,0,0.3);
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		transition:		all 0.5s;
	}
	
	footer section .contents {
		position:		absolute;
		top:			0;
		left:			5px;
		background:		#89e5e4;
		padding:		5px;
		z-index: 		202;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius: 5px;
		width:		180px;
		height:		85px;
		margin:		5px;
		font-size:	1.2em;
		text-align:		center;
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		transition:		all 0.5s;
	}
	
	.contents ul {
		text-align:		left;
	}
	
	footer section:hover .handle {
		top:			20px;
		left:			0px;
		width:			210px;
		height:			100px;
		margin-right:	10px;
		-moz-box-shadow:	0px 5px 8px rgba(0,0,0,0.7);
		-webkit-box-shadow:	0px 5px 8px rgba(0,0,0,0.7);
		box-shadow:			0px 5px 8px rgba(0,0,0,0.7);
	}

	footer section:hover .contents {
		top:			-80px;
		left:				0px;
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		transform: rotate(-10deg);
		-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
		-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
		box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
	}
	footer section .meta {
		background:			#89e589;
	}
	
	footer section .legal {
		background:			#e5cc89;
	}
	
	footer section .social {
		background:			#fff;
	}
	
	footer section:hover .meta {
		left:				5px !important;
		-webkit-transform: rotate(5deg) !important;
		-moz-transform: rotate(5deg) !important;
		transform: rotate(5deg) !important;
	}
	
	footer section:hover .legal {
		left:				4px !important;
		-webkit-transform: rotate(-2deg) !important;
		-moz-transform: rotate(-2deg) !important;
		transform: rotate(-2deg) !important;
	}
	
	footer section:hover .social {
		left:				5px !important;
		-webkit-transform: rotate(0deg) !important;
		-moz-transform: rotate(0deg) !important;
		transform: rotate(0deg) !important;
	}
	
	ul.social {
		margin:			0;
		padding:		0;
		margin-top:		10px;
	}
	
	ul.social li {
		margin:			0;
		padding:		0;
		list-style:		none;
		float:			left;
		margin-right:	4px;
	}

/* Knapper i websites defineres nedenfor */

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#990000));
	background: -moz-linear-gradient(top,  #888888,  #990000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#990000');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#700000));
	background: -moz-linear-gradient(top,  #757575,  #700000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#700000');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#888888));
	background: -moz-linear-gradient(top,  #990000,  #888888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#888888');
}
