html {
	font-family: arial;
	font-size: 11px;
	color: #fff;
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url('/clients/freyja/img/main_bg_grad.gif');
	background-repeat: repeat-x;		
	background-color: #32194c;
}

a:link, a:hover, a:active, a:visited {
	color: #666;
}

.news-more {
	text-align: right;
	float: none;
	clear: both;
}

body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: arial;
	color: #666;
	background-image: url('/clients/freyja/img/main_bg_ljosognammi.jpg');
	background-position: top center;
	background-repeat: no-repeat;		
}

#container {
	margin: 0 auto;
	width: 940px;
	z-index: 2;
}

#inner {
	position: relative;
	margin: 0 auto;
	width: 940px;
}

.ferdalangar {
	width: 300px;
	height: 200px;
	position: relative;
	background-image: url('/clients/freyja/img/paskar2010/ferdalangar_bg.jpg');
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

#top {
	left: 0;
	top: 0;
	width: 940px;
	height: 150px;
	background-image: url('/clients/freyja/img/bg_head.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#content {
	top: 150px;
	width: 940px;
	background-color: #fff;
	background-image: url('/clients/freyja/img/content_top.gif');
	background-repeat: no-repeat;
	background-position: top center;
	float: left;
}

#content-left {
	width: 630px;
	margin: 10px 0 0 0;
	float: left;
}

#content-right {
	position: relative;
	width: 290px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
}

#footer {
	float: none;
	clear: both;
	height: 60px;
	width: 940px;
	background: #fff;
	padding-top: 50px;
	position: relative;
}

#footer-bottom {
	float: none;
	clear: both;
	background-image: url('/clients/freyja/img/footer_bg.png');
	background-repeat: repeat-x;
	height: 30px;
	width: 940px;
}

#footer-hover {
	z-index: 99;
	background-image: url('/clients/freyja/img/hafdusamband_bg.png');
	background-repeat: no-repeat;
	position: absolute;
	width: 527px;
	height: 420px;
	top: -310px;
	left: 116px;
}

#styrkbeidni-hover {
	z-index: 99;
	background-image: url('/clients/freyja/img/sendastyrkbeidni_bg.png');
	background-repeat: no-repeat;
	position: absolute;
	width: 527px;
	height: 420px;
	top: -360px;
	left: -220px;
}

#postlisti-hover {
	z-index: 99;
	background-image: url('/clients/freyja/img/postlisti_bg.png');
	background-repeat: no-repeat;
	position: absolute;
	width: 527px;
	height: 370px;
	top: -260px;
	left: 120px;
}

.uppskrift-sendaavin-hover {
	z-index: 99;
	background-image: url('/clients/freyja/img/uppskriftir_sendaavin.png');
	background-repeat: no-repeat;
	position: absolute;
	width: 527px;
	height: 420px;
	top: -165px;
	left: 40px;
}

#bottom-spacer {
	float: none;
	clear: both;
	height: 100px;
	width: 940px;
}

#hotspot {
	width: 610px;
	margin: 0 0 20px 10px;
}

/* slideshow */

#rotator
{
	overflow: hidden;
	position: relative;
	width: 610px;
	height: 364px;
}

#rotator img
{
	border: 0;
}


/**/


#content-right-shortcuts {
	position: relative;
	height: 290px;
}

.clear {
	float: none;
	clear: both;
}

.left-column-headline {
	width: 610px;
	height: 33px;
	background-image: url('/clients/freyja/img/column_left_headline_bg.png');
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
}

.main-headline {
	width: 610px;
	height: 33px;
	background-image: url('/clients/freyja/img/left_column_headline_bg.png');
	background-repeat: no-repeat;
	margin: 0 0 11px 10px;

}

.left-column-site-title {
	width: 610px;
	height: 38px;
	background-image: url('/clients/freyja/img/left_column_site_title_bg.png');
	background-repeat: no-repeat;
	margin: 0 0 11px 10px;

}

.right-column-headline {
	width: 300px;
	height: 33px;
	background-image: url('/clients/freyja/img/column_right_headline_bg.gif');
	background-repeat: no-repeat;
}

#menu-main {
	position: absolute;
	top: 95px;
	left: 20px;
}

#menu-extra {
	position: absolute;
	top: 95px;
	right: 20px;

}

#content-left .news {
	width: 630px;
	background-image: url('/clients/freyja/img/column_left_news_bg.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 15px 0 15px 0;
}

#content-left .news div {
	margin: 0 15px 0 25px;
	padding: 0;
	float: none;
	clear: both;
	color: #666;
	font-size: 11px;
	line-height: 20px;
	font-family: Georgia;
}

#content-left .news div div {
	float: none;
	clear: both;
	text-align: right;
	margin: 10px 15px 0 0;
	text-decoration: underline;
	font-size: 11px;
}

.news div p {
	font-size: 11px !important;
}

.news-image {
	margin: 5px 17px 10px 0;
	float: left;
	width: 86px;
	height: 86px;
	overflow: hidden;
	border: #ccc solid 1px;
}

h1 {
	display: block;
	color: #cc3399;
	font-size: 18px;
	margin: 6px 0 10px 0;
	font-family: Trebuchet MS;
}

h2 {
	color: #666;
	font-size: 11px;
	margin: 0 0 5px 0;
	text-transform: uppercase
	text-align: left;
}

h3 {
	display: block;
	color: #666;
	font-size: 16px;
	margin: 0 0 5px 0;
	font-family: Trebuchet MS;
}

.staff-item {
	float: left; 
	width: 150px;
	text-align: center;
	margin: 15px 0 0 0;
	height: 175px;
	position: relative;
}

.staff-line {
	background-image: url('/clients/freyja/img/staff_line_bg_02.gif');
	background-repeat: repeat-y;
	background-position: top left;
	margin: 0 0 0 0;
	float: left;
	padding: 0 0 0 15px;
	position: relative;
	width: 615px;
}


.staff-popup {
	position: absolute;
	left: -185px;
	top: -220px;
	float: left;
	text-align: left;
	width: 527px;
	height: 295px;
	background-image: url('/clients/freyja/img/starfsmenn_popup_bg.png'); 
	background-repeat: no-repeat; 
	z-index: 99999;
}

.staff-popup-image {
	position: absolute;
	float: left; 
	width: 130px; 
	height: 158px; 
	margin: 44px 0 0 84px; 
	color: #fff; 
	text-align: center;
	left: 0px;
	top: 0px;
}

.staff-popup-details {
	position: absolute;
	left: 210px;
	top: 3px;
	float: left; width: 235px; height: 158px; margin: 20px 0 0 10px;
}

.staff-popup-details-name {
	font-size: 16px; margin: 90px 0 0 0; color: #fff; font-weight: bold;
}

.staff-popup-details-extra {
	font-size: 11px; margin: 5px 0 0 50px; color: #000; line-height: 24px;
}


.poll, .poll li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
.poll li:hover {
	color: #1f1f1f;
}

.submenu {
	background-image: url('/clients/freyja/img/submenu_bg.gif');
	background-repeat: repeat-x;
	height: 30px;
	padding-left: 13px;
}

.voru-line {
	width: 620px;
	background-image: url('/clients/freyja/img/staff_line_bg.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 0 0 0;
	float: left;
	padding: 10px 0 0 10px;
	position: relative;
	text-align: center;
}

.voru-item {
	float: left;
	width: 185px;
	height: 260px;
	text-align: center;
	margin: 7px 0 0 10px;
	position: relative;
}

.voru-item-image {
	width: 185px;
	height: 170px;
	position: relative;
	background-image: url('/clients/freyja/img/vorur_bg.gif');
	background-repeat: no-repeat;
	margin: 0 0 7px 0;
	padding: 8px 0 0 0;
	text-align: center;
}

.voru-item-image img {
	margin: 0 0 0 2px;
}

.vorur-magn {
	margin: 5px 0 0 6px;  
	float: left; 
	width: 70px; 
	height: 20px; 
	background-image: url('/clients/freyja/img/vorur_magn.gif');
	background-repeat: no-repeat;
	text-align: right;
}

.vorur-magn input {
	border: transparent;
	background: transparent;
	font-family: arial;
	font-size: 10px;
	width: 25px;
	text-align: center;
	height: 16px;
}

.vorur-setjaikorfu {
	float: left;
	margin: 5px 0 0 3px;
}

.submenu {
	background-image: url('/clients/freyja/img/submenu_bg.gif');
	background-repeat: repeat-x;
	height: 30px;
	padding-left: 13px;
}

.content-section-01 {
	width: 630px;
	background-image: url('/clients/freyja/img/content_section_01.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 15px 0 15px 0;
}

.content-section-02 {
	width: 630px;
	background-image: url('/clients/freyja/img/content_section_02.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 15px 0 15px 0;
}

.content-section-01 div, .content-section-02 div {
	margin: 0 15px 0 31px;
	padding: 0;
	color: #666;
	font-size: 11px;
	line-height: 20px;
	font-family: Georgia;
}

input, textarea {
	font-size: 11px;
	font-family: arial;
	border: transparent;
	background: none;
	color: #000;
}





	/*             styles for the star rater                */	
	.star-rating {
		list-style:none;
		margin: 0 0 0 104px;
		padding:0;
		width: 50px;
		height: 9px;
		position: relative;
		overflow:hidden;
		background-image: url('/clients/freyja/img/stars.png') top left;
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		width:10px;
		height:9px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:10px;
		height: 9px;
		line-height:9px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background-image: url('/clients/freyja/img/stars.png') left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:10px;
	}
	.star-rating a.two-stars{
		left:10px;
	}
	.star-rating a.two-stars:hover{
		width: 20px;
	}
	.star-rating a.three-stars{
		left: 20px;
	}
	.star-rating a.three-stars:hover{
		width: 30px;
	}
	.star-rating a.four-stars{
		left: 30px;
	}	
	.star-rating a.four-stars:hover{
		width: 40px;
	}
	.star-rating a.five-stars{
		left: 40px;
	}
	.star-rating a.five-stars:hover{
		width: 50px;
	}
	.star-rating li.current-rating{
		background-image: url('/clients/freyja/img/stars.png') left center;
		position: absolute;
		height: 9px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}	
	


	/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(/clients/freyja/img/star-matrix.jpg) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/clients/freyja/img/star-matrix.jpg) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}