	* {
		padding: 0;
		margin: 0;
	}
	
	p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 140%;
	}
	
	<!--[if IE]>
	<style type="text/css">
	navigation {word-wrap: break-word;}
	</style>
	<![endif]-->
	
	#Tekst_left a:link {
		font-weight: bold;
		color:#FFFFFF;
	}
	
	#Tekst_left a:visited {
		font-weight: bold;
		color:#FFFFFF;
	}
	
	#Tekst_left a:hover {
		font-weight: bold;
		color:#FFFFFF;
		text-decoration: none;	
	}
	
	H1 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	}

	H2 {
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 5px;
	}
	
	H3 {
		font-weight: bold;
		font-size: 10px;
		margin-bottom: 5px;
	}
	
	H4 {
		font-weight: bold;
		font-size: 10px;
		margin-bottom: 5px;
	}

	html, body {
		margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
		color: #FFFFFF;
		height: 60px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-image: url(../images/bgtable.jpg);
		background-position: center;
		background-repeat: repeat-y;
		background-color: #dadadb;
		right: 500px;
	}
	
	#container {
		width: 999px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
		border: 0px solid #000000;
		text-align: left; /* this overrides the text-align: center on the body element. */
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
	}
	
	#header {
		padding-top: 0;
		padding-right: 0px;
		padding-bottom: 0;
		padding-left: 0px;
		text-align: center;
	}
	
	#header h1 {
		margin: 0;
		padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	}
	
	#content {
	width: 855px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 114px;
	background-image: url(../images/bgtable.jpg);
	background-repeat: repeat-y;
	}
	
	#navigation {
		height: 390px;
		width: 976px;
		padding-left: 23px;
		background-color: #FFFFFF;
		background-image: url(../images/logo.jpg);
		background-repeat: no-repeat;
	}
	
	#navigation li {
		float: left;
		display: block;
		width: 130px;
		line-height: 20px;
		background: #000000;
		text-align: center;
		border-right: 7px solid white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;	
		
	}
	
	#navigation ul {
		display: none;
		margin: 0;
		padding: 0;
	
	}
	
	#navigation li:hover ul, #navigation li.hover ul {
		display: block;	
	
	}
	
	#navigation li a {
		color: white;
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;	
	}
	
	#navigation li a:hover {
		background: #ed1c24;
		text-decoration: none;	
	}
	
	#navigation	 ul li {
		border-top: 4px solid white;
		border-right: 0px;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		background-color: #c5c7c8;
		text-indent: 5px;	
	}
	
	#Tekst_left {
		border: 1px solid #FFFFFF;
		width: 310px;
		padding: 10px;
		float: left;
	}

	#Tekst_right {
	border: 1px solid #FFFFFF;
	width: 310px;
	float: left;
	padding: 10px;
	margin-left: 105px;
	}

	#footer {
	width: 979px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #DDDDDD;
	text-align: right;	
	background-image: url(../images/bgtable.jpg);
	background-repeat: repeat-y;
	}
	
	#footer p {
		margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
		padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}
	
	#footer a {
		font-size: 9px;
		color: #FFFFFF;
		text-decoration: none;
	}
