body {
	text-align: center;
	margin: 0;
	background: #0937cc url(../grafik/bck.jpg) repeat-x;
	font: small/1.1em "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	color: #000;
	}


#container {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;

	width: 798px;

	margin: 0 auto; /*ff center*/
	padding: 7px 0 8px 0;

	background: transparent url(../grafik/bckpattern.gif) repeat;
	}


#banner {
	margin: 0;

	height: 113px;
	width: 100%;

	/* undgår IE ødelægger banneren når font forstørres */
	font: 8px "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;

	background: #46a84f url(../grafik/logopattern.gif) no-repeat;
	color: #000;

	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	}

	#bannerpic1 {
		width: 240px;
		height: 75px;

		position: relative;
		top: -23px;
		left: 0;
	}

	#bannerpic2 {
		width: 240px;
		height: 95px;

		margin: 0 0 -4px 0;

		position: relative;
		top: -7px;
		right: -19px;
	}


/* Logo position */
h1 {
	margin: 0;
	padding: 0;

	float: left;

	position: relative;
	top: 30px;
	left: 25px;

	width: 226px;
	height: 38px;
}


/* Top menu */
#hMenu {
	width: 500px;

	padding: 0;
	margin: 0;

	float: left;

	position: relative;
	top: 88px;
	left: -202px;
	}


	#hMenu ul {
		list-style: none;
		text-align: center;
		margin: 0;
		padding: 0;
		float: left;
		}
		
	#hMenu ul li {
		display: inline;
		padding: 4px 10px 0 15px;

		 background: url(../grafik/divider.gif) no-repeat !important;
		background: url(../grafik/divider.gif) 0 7px no-repeat;
		position: relative;
		}

	#hMenu ul li#first {
		padding: 0 8px 0 0;
		background: none !important;
		}

	#hMenu ul li a {
		color: #000;
		font: bold 16px/16px "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
		text-decoration: none;
		}

	#hMenu ul li a:hover, #hMenu .selected {
		text-decoration: none;
		padding: 0;
		border-bottom: 2px solid #403dd7;
		}


/* Dots */
#topl, #topr, #butl, #butr {
		height: 22px;
		}


h2 {
	color: #000;
	font: bold 17px/17px "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	padding: 2px 0 3px 4px;

	background: #46a84f;
	}

h3 {
	color: #000;
	font: bold 17px/17px "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	}


p {
	padding: 0 4px 0 4px;
	margin: 0 0 1em 0;
	color: #000;
	}


p a:link, p a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #0937cc;
	}

	p a:hover {
		border-bottom-style: solid;
		}

p a.lnkpic {
	font-style: italic;
	font-weight: bold;
}

	p a.lnkpic img {
		border: none;
		position: absolute;
	}


#topl {
	background: url(../grafik/dotstopl.gif) repeat-x;
	}

#topr {
	background: url(../grafik/dotstopr.gif) repeat-x;
	}

#butl {
	background: url(../grafik/dotsbutl.gif) repeat-x;
	border-bottom: 1px solid #000;
	}

#butr {
	background: url(../grafik/dotsbutr.gif) repeat-x;
	border-bottom: 1px solid #000;
	}


#credits {
	margin: 2px 28px 0 0;
	padding: 0;
	text-align: right;
	}

	#credits a {
		color: #ccc;
		font: bold 10px Verdana, Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: none;
		padding: 0;
		border-bottom: 1px dashed #46a84f;
		}

	#credits a:hover {
		border-bottom: 1px solid #46a84f;
	}

	#credits .madeBy {
		color: #a6a6a6;
		font: bold 10px Verdana, Tahoma, Arial, Helvetica, sans-serif;
		}