/* **************************************************************** */
/* Several fixes for other browsers                                 */
/* **************************************************************** */

#wrapper
	{
	width: 960px;
	position: relative;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* We need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes */
	float/**/: none;
	}
/* easy clearing */
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
#header, #footer
	{
	width: 960px;
	}
/* Safari needs this */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}

	img {border:none;}
	html,body {margin:0;padding:0}
	body {
	  padding: 0;
	  margin: 0;
	  border: 0;
	  font-family: Arial, sans-serif;
	  font-size: 11px;  _font-size:  68.75%;
	  text-align: left;
	  background-color:#fff;
	}
	
	a:link {
		text-decoration: none;
		color: #314c61;
	}
	a:visited {
		text-decoration: none;
		color: #597e59;
	}
	a:hover {
		text-decoration: underline;
		color: #96b496;
	}
	a:active {
		text-decoration: underline;
		color: #499949;
	}
	a.menulink{
		text-decoration: none;
		color: #314c61;
		font-size:14px;
	}
	a.menulink:visited {
		text-decoration: none;
		color: #597e59;
		font-size:14px;
	}
	a.menulink:hover {
		text-decoration: underline;
		color: #96b496;
		font-size:14px;
	}
	
	a.menulink:active {
		text-decoration: underline;
		color: #499949;
		font-size:14px;
	}

	h1 {
		margin: 0;
		font-weight:bold;
		color: #6d6c72;
		font-size: 14px;
	}

	h2 {
		margin: 0;
		font-weight:bold;
		color: #6d6c72;
		font-size:13px;
	}
	
	h3 {
		margin: 0;
		font-weight:bold;
		color: #6d6c72;
		font-size:12px;
	}
	
	h4 {
		margin: 0;
		font-weight:bold;
		color: #6d6c72;
		font-size:11px;
	}
	
	.boldblack {
		font-weight:bold;
	}
	/*----------------*/
	div#container {
		width:960px;
		margin:0 auto;
	}
	
	div#header{
		width:960px;
		float:left;
	}
	#bannerwrapper {
		float: left;
		margin-top: 15px;
	}
	div#menu {
		float:left;
		width:960px;
	}
	#topmenu  {
		height: 23px;
		margin-top: 10px;
	}
	.topmenuitem  {
		float: left;
		width: 10px;
	}
	.topmenuitem2  {
		float: right;
	}
	#topmenuline  {
		margin-top: 5px;
		border-bottom-style:solid;
		border-bottom-width: 1px;
		border-bottom-color:#96b496;
	}
	div#topmenu div#box1  {
		padding: 0 35px 0 0;
	}
	div#topmenu div#box2  {
		padding: 0 16px 0 0;
	}
	div#topmenu div#box3  {
		padding: 0 16px 0 0;
	}
	div#topmenu div#box4  {
		padding: 0 16px 0 0;
	}
	div#topmenu div#box5  {
		padding: 0 20px 0 0;
	}
	div#topmenu div#box6  {
		padding: 0 0 0 520px;
	}
	/*----------------*/
	div#content {
		float:left;
		width:960px;
		min-height: 584px;
	}

	#leftcontent  {
		float: left;
		width: 150px;
	}
	.leftcontentitem  {
		width: 150px;
	}
	div#leftcontent div#box1  {
	}

	#rightcontent  {
		float: right;
		width: 150px;
	}
	.rightcontentitem  {
		width: 150px;
	}
	div#rightcontent div#box1  {
	}
	
	#centercontent  {
		width: 645px;
		float: left;
		margin-left: 10px;
		margin-right: 5px;
		/*height: 584px;*/
		min-height: 584px;
		background: url(http://www.flateyri.is/images/layout/Center_Content_Background.gif) top left no-repeat;
	}
	.centercontentitem  {
		max-width: 645px;
		padding: 10px 10px 0px 10px;
		/* topp, hægri, botn, vinstri */
	}
	div#centercontent div#box1  {
	}
	
	div#footer {
		width:960px;
		height: 23px;
		background:  url(http://www.flateyri.is/images/layout/Footer_Box.gif) top left no-repeat;
		margin-top: 10px;
	}