/* Stylesheet for Rafvirkjar Reykjavíkur */
/*       By Thorarinn R. Einarsson       */

body {
	margin: 0px;
	padding: 0px;
	font-size: 1.0em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #680000 url(images/rarbgnd.gif) 49.99% 0;
	background-repeat: repeat-y;
}

* /* Initialilze all to zero */ {
	padding: 0;
	margin: 0;
}

div#topbar {
	background-color: #680000;
	height: 12px;
	width: 100%;
}

/* Inniheldur allt efni á síðunni */
div#content {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: left;
}

div#content a {
	display: inline;
}

/* Logo container */
div#logo {
	width: 90px;
	height: 82px;
	margin-top: 12px;
	margin-left: 10px;
	float: left;
}

div#header {
	margin-top: 12px;
   padding-top: 12px;
	padding-left: 12px;
	width: 300px;
	text-align: left;
	float: left;
}

div#header h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	padding-top: 20px;
	text-align: left;
	color: #4D4D4D;
	display: inline;
	margin-top: 20px;
	padding: 20px 0 0 0;
	vertical-align: top;
	azimuth: center-left;
}

div#header .fagmenn {
	margin-top: 4px;
	text-align: left;
	color: Black;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
}

div#contact {
	margin: 72px 12px 6px 0;
	text-align: right;
	color: Black;
	font-family: Tahoma, Times, serif;
	font-size: .8em;
	font-style: normal;
	float: right;
}

div#contact p {
	font-weight: bold;
}

div#contact a {
	font-weight: normal;
	display: inline;
}

div.clearfloats {
	clear: both;
}

/* the horizontal menu starts here */
div#listmenu {
	width: 900; 	/* makes the div full width */
	float: right; /* makes the div enclose the list */
	font-size:.8em;	/* SET FONT-SIZE HERE */
	text-align: right;
	padding: 0;
	margin: 0;
}
	
div#listmenu ul {
	text-align: right;
	margin: 0 0 0 200px; /* indents ul from edge of container */
}
	
div#listmenu ul li {
	float: left;	/* causes the list to align horizontally instead of stack */
	list-style-type: none;	/* removes the bullet off each list item */
	background-color: #808080; /*sets the background of the menu items */
	border-right: 1px solid black; /* creates dividing lines between the li elements */
	border-top: 1px solid black;	
	border-bottom: 0;
}

div#listmenu li:first-child {
	border-left: 1px solid black; /*the first vertical line on the menu */
}
	
div#listmenu a {
	padding: 0px 22px 1px 22px; /* creates space each side of menu item's text */
	text-decoration: none;	 /* removes the underlining of the link */
	color: #FFF;	/* sets the type color */
}

div#listmenu a:hover { 
	background-color: #FFF;
	color: #000;
}

/* sets the background of the menu items */
div#listmenu li:hover { 
	background-color: #FFF;
}


div#listmenu li.selected {
	background-color: #FFF;
	color: #000;
}	

div#listmenu li a.selected {
	background-color: #FFF;
	color: #000;
}	
	
/* the horizontal menu ends here */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float: left; /* makes the ul wrap the li's */
	border-left: 1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left: 15px; /* IE doubles the given value above - why? */
	visibility: collapse;
	}
	
/* makes IE5 & 5.5 accept the padding on the link */
* html a {
	display: block;

} 
/* end of hack zone */
/* END OF LIST-BASED MENU */

/*  ******************  */

/* And now the excellent "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* Simply add the clearfix class to any containter that must enclose floated elements */
/* Read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
   height: 0;                  /* ensure the period is not visible */
   clear: both;               /* make the container clear the period */
   visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

div#mainsection {
	border-top: 1px solid black;
	background-color: white;
	text-align: left;
	padding: 12px 12px 0 16px;
	clear: both;
}

div#textsection1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	border-right: 1px solid #808080;
	padding-right: 12px;
	width: 600px;
	float: left;
}

div#textsection1 p strong.rartitle {
	font-size: 1.2em;
	font-weight: bold;
}


div#textsection1 p.efnisgrein {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 8px;
}

div#textsection1 p a {
	text-decoration: none;
}

div#textsection1 p a:hover {
	text-decoration: underline;
}

div#textsection1 ul {
	margin-left: 24px;
}

div#forsidumynd1 {
	float: right;
}

div#thjonustumynd1 {
	float: right;
}

div#textsection2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-right: 12px;
/*	float: left; */
}

div#textsection2 ul {
	margin-left: 24px;
}

div#textsection2 p.efnisgrein {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 8px;
}

div#textsection2 p a {
	text-decoration: none;
}

div#textsection2 p a:hover {
	text-decoration: underline;
}

div#textsection3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-right: 12px;
/*	float: left; */
}

div#textsection3 ul, div#textsection3 ol {
	margin-top: 12px;
	margin-left: 24px;
}

div#textsection3 p.efnisgrein {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 8px;
}

div#textsection3 p a {
	text-decoration: none;
}

div#textsection3 p a:hover {
	text-decoration: underline;
}

/* Myndin á fræðslusíðunni */
img#knowledge1 {
	float: right;
}

div#textsection4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-right: 12px;
/*	float: left; */
}

div#textsection4 ul, div#textsection4 ol {
	margin-top: 12px;
	margin-left: 24px;
}

div#textsection4 p.efnisgrein {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 8px;
}

div#textsection4 p.eldvarnir {
	font-style: italic;
}

div#textsection4 p a {
	text-decoration: none;
}

div#textsection4 p a:hover {
	text-decoration: underline;
}

tr#verkefni {
	vertical-align: top;
}

tr#verkefni td img {
	padding-right: 8px;
}
p#verktexti1, p#verktexti2, p#verktexti3, p#verktexti4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	vertical-align: top;
}

.hlekkir {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;	
}

.hlekkir:hover {
	text-decoration: underline;
}

.tilbaka {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

.storverkmynd {
	border: none;
}

/* Fóturinn á öllum síðum */
div#footer {
	width: 876px;
	margin: 12px 12px 0 12px;
	background-color: #FFF;
	border-top: 1px solid #4D4D4D;
	text-align: center;
}

div#footer p {
	color: #4D4D4D;
	margin-top: 8px;
	font-size: .7em;
	font-style: italic;
	text-align: center;
}


/* *************** OLDER STUFF *************** */

/* ********* OLDER STUFF ********* */

/* ********* OLDER STUFF ********* */

/* *************** OLDER STUFF *************** */

div#contentarea {
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div#contentarea21 {
	width: auto;
	text-align: center;
}

div#contentarea22 {
   width: 908px;
	text-align: center;
}

div#leftmargin {
	width: auto;
	height: 800px;
	background-color: Gray;
	float: left;
}

div#rightmargin {
	width: auto;
	height: 800px;
	background-color: Gray;
}

div#belowfooter {
	width: 700px;
	background-color: White;
	background-image: url(images/white_line.jpg);
	background-repeat: repeat;	
	float: left;
}