/* Start of CMSMS style sheet 'hysir' */
/******************************/
/* Default fyrir vef          */
/******************************/
body { /* Verður að vera svo yfirskygging virki fyrir inline-popup */
	height: 100%;
	width: 100%!important;
	margin: 0;
	padding: 0;

	background-color: #EEEEEE; /* Bakgrunnur*/
	font-family: Helvetica, sans-serif;

	/*font-size: 0.9em;*/
	font-size: 12px;

	line-height: 1.4em;
	list-style-position: outside;
	list-style-type: circle;
}

a, a:hover, a:visited { /* Default fyrir alla linka */
	text-decoration:none;
	color:#000000;
}

img {
	border: 0px; /* Default er enginn border á myndir */
}

.kassar {
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }

ul {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.9em;
	list-style-position: inside;
	padding-left: 10px;
	text-indent: 0;
}

#litid_opt {
	position: absolute; float: right;
	right: 5px; bottom: 5px;
}

/******************************/
/* Layout skeleton            */
/******************************/
#rammi {
	width: 938px;
	overflow: hidden;
	/*background-color: #EDEDED;*/
}

#border_nidri { /* Border sem kemur neðan á kassa */
	position: absolute; float: left;
	left: -1px; bottom: -6px;
	width: 100%; height: 6px;
	background: url("uploads/images/hysir/layout/border_nidri.png") bottom repeat-x;
}


#border_horn {
	position: absolute; float: right;
	right: -7px; bottom: -6px;
	width: 8px; height: 6px;
	background: url("uploads/images/hysir/layout/border_horn.png") right bottom no-repeat;
}

#border_haegri { /**/
	position: absolute; float: right;
	right: -7px; top: 0px;
	width: 8px; height: 100%;
	background: url("uploads/images/hysir/layout/border_haegri.png") right repeat-y;
	z-index: -1;
}

#vinstri_kassi {
	position: relative; float: left;
	left: 0px; top: 10px;
	width: 199px;
}

#haegri_kassi {
	position: relative; float: left;
	left: 10px; top: 10px;
	width: 728px;
}

#hannadaf {
	height:40px;
	width: 936px;
	text-align: center;
	padding-top: 20px;
	overflow: hidden;
}

#hannadaf_txt {
	position: relative; bottom: 5px;
	display: inline;
}

#hannadaf_img {
	position: relative; bottom: 0px;
	padding-left: 7px;
	display: inline;
}

#hannadaf_img img { max-width: 50px; }

/******************************/
/* Inline-popup               */
/******************************/
#skuggabg { /* Skygging yfir vefsíðu meðan inline-popup er opinn */
	background-color: #AAAAAA;
	position: fixed;
	top: 0; left: 0;
	z-index: 100;
	width: 100%; height: 100%;
	margin: 0;

	/*
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity:0.80;
	*/

	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";		/* first!  */
	filter: alpha(opacity=70);															/* second! */
}

/* Lagfæring fyrir Internet Explorer! */
select { display: none; }

#samband_kassi { /* Popup glugginn sjálfur */
	position: relative;
	width: 453px; height: 371px;
	padding: 3px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	overflow: hidden;
	z-index: 150;
	top: -5px;  /* Hvar skugginn bakvið kassann á að byrja */
	left: -7px; /* ... */
}

#samband { /* Skuggi frá popup glugganum */
	position: fixed; float: left;
	top:150px; left: 200px;
	z-index: 1000;
	width: 459px;
	background: url("uploads/images/hysir/layout/skuggi.png") repeat !important;
}

#samband_border { /* Blár rammi utan um innihald kassans */
	width: 451px; height: 369px;
	border: 1px solid #0000FF;
}

#samband_titill { /* Kassi utan um titil popup gluggans */
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 451px; height: 50px;
	background: url(uploads/images/hysir/layout/samband_bg_efra.png) top left no-repeat;
}

#samband_titill_logo { /* Logo'ið í titil */
	position: relative; float: left;
	left: 5px; top: 1px;
}

#samband_titill_mynd { /* Myndin hægra megin í titil popup gluggans */
	position: relative; float: right;
	right: 5px; top: 3px;
	width: 35px; height: 45px;
}

#samband_titill_txt { /* Texti hægra megin í titil gluggans */
	position: relative; float: right;
	right: 20px; top: 5px;
	color: #006699;
}

#samband_form { /* Rammi utan um formið (innihald popup gluggans */
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 361px; height: 264px;
	padding-top: 20px;
	/*overflow: hidden;*/
}

#samband_form .error_message {
	display:none;
}

#samband_form_lina { /* Hver lína með texta og reit */
	position: relative; float: left;
	margin-bottom: 10px;
	/*display: block;*/
	width: 380px;
}

#samband_form_txt { /* Texti fyrir framan reit */
	position: relative; float: left;
	width: 60px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding-left: 50px;
}
#samband_form_reitur {
	position: relative; float: right;
	width: 249px;
	padding-right: 10px;
}
#samband_form_reitur input { /* Reitirnir sjálfir. Ljósgráir með dökkgráan borða */
	width: 249px; height: 14px;
	border: 1px solid #999999;
	background-color: #EEEEEE;
	font-family: Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
}

#samband_form_reitur textarea { /* Texta reiturinn */
	width: 249px; height: 170px;
	border: 1px solid #999999;
	background-color: #EEEEEE;
	font-family: Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
}

#samband_form_ctxt {
	position: relative; float: left;
	width: 120px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding-left: 40px;
}

#samband_form_creitur {
	position: relative; float: right;
	width: 199px;
	padding-right: 10px;
}

#samband_form_creitur input {
	width: 189px; height: 15px;
	border: 1px solid #999999;
	background-color: #EEEEEE;
	font-family: Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
}

#samband_form_senda { /* Línan sem inniheldur 'Senda' takkann */
	position: relative; float: left;
	display: block;
	text-align: center;
	width: 380px;
}

#samband_form_senda input { /* Senda takkinn */
	width: 70px; height: 20px;
	border: 1px solid #999999;
	background-color: #EEEEEE;
	font-family: Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
}

#samband_botn { /* Kassi sem inniheldur neðsta hluta popup gluggans */
	position: relative; float: left;
	left: 0px; bottom: 0px;
	width: 451px; height: 35px;
}

#samband_botn_loka { /* Smá kassi vinstra megin sem inniheldur Link til að loka popup glugganum */
	position: relative; float: left;
	left: 0px; bottom: 0px;
	width: 120px; height: 35px;
	vertical-align: middle;
}

#samband_botn_loka_mynd { /* Mynd í linknum */
	position: relative; float: left;
	padding-left: 2px;
	padding-top: 2px;
}

#samband_botn_loka_txt { /* Texti í linknum */
	position: relative; float: left;
	padding-left: 5px;
	padding-top: 10px;
	color: #006699;
	font-weight: bold;
}

#samband_botn_haegri_mynd { /* Mynd hægra megin */
	position: relative; float: right;
	padding-right: 5px;
	padding-top: 5px;
}

#samband_botn_haegri_txt { /* Texti hægra megin (símanr.) */
	position: relative; float: right;
	padding-right: 5px;
	padding-top: 10px;
	color: #006699;
	font-weight: bold;
}


/******************************/
/* Toppurinn á vefnum         */
/******************************/
#haus {
	background: url("uploads/images/hysir/layout/banner.png") no-repeat;
	width: 938px; height: 90px;
}

#logo {
	position: relative; float: left;
	left: 10px; top:5px;
}

#inf_lang { /* Hvíti kassinn sem er efst í bannernum */
	position: relative; float: right;
	right: 0px; top: 0px;
	padding: 5px 10px 0px 10px;
	background-color: #FFFFFF;
}

#info_mynd {
	position: relative; float: left;
}

#info_txt {
	position: relative; float: left;
	padding-top: 9px;
	padding-left: 5px;
}

#lang { /* Tungumála hnapparnir */
	position: relative;
	margin-top: -5px;
	margin-left: 8px;
	display: inline;
}

/******************************/
/* Menu'inn sem kemur í banner*/
/******************************/
#top_menu {
	position: relative; float: right;
	right: 30px; bottom: -25px;
	width: 824px; height: 30px;
z-index: 1;
}

#leit {
	position: relative; float: right;
	right: 5px; bottom: 5px;
	width: 135px; height: 19px;
	background: url("uploads/images/hysir/layout/leit.png") left top no-repeat;
}

#leit input {
	position: relative; float: right;
	right: 7px; top: 2px;
	width: 90px; height: 12px;
	background-color: #E8E8E8;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.9em;
	border: 0px;
}

/******************************/
/* Menu'inn í vinstri kassa   */
/******************************/
#vinstri_menu {
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 199px;
	text-align: left;
	font-size: 16px;
}

#vinstri_menu_hnappur {
	width: 182px; height: 29px;
	display: block;
	margin-left: 2px;
	padding-left: 15px;
	background: url("uploads/images/hysir/layout/vinstri_menu_hnappur.png") top left no-repeat;
	overflow: hidden;
}

#vinstri_menu_hnappur_or {
	position: relative; float: left;
	padding-right: 5px;
	padding-top: 4px;
}
#vinstri_menu_hnappur_txt {
	position: relative; float: left;
	padding-top: 4px;
}

#vinstri_menu a { color: #000000; }
#vinstri_menu a:hover { color: #000000; }
#vinstri_menu a:visited { color: #000000; }
#vinstri_menu img { color: #FFFFFF; border: 0px; } 

/******************************/
/* Kassarnir vinstra megin    */
/******************************/
#hlidarbox {
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 196px;
	padding: 1px; margin: 0;
	margin-top: 10px;
	margin-left: 1px;
}

#hlidarbox_haus {
	width: 184px; height: 26px;
	background: url("uploads/images/hysir/layout/left_headfoot.png") top left no-repeat;
	padding-left: 10px; padding-top: 4px;
	text-align: left;

	color: #FFFFFF; font-size: 14px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}

#hlidarbox_ums_botn {
	width: 184px; height: 47px; margin: 1px;
	background: url("uploads/images/hysir/layout/left_headfoot.png") bottom left no-repeat;
	padding-left: 10px; overflow: hidden;
	text-align: left;
	vertical-align: text-bottom;

	color: #FFFFFF; font-size: 14px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}

#hlidarbox_vef_botn {
	width: 184px; height: 26px; margin: 1px;
	background: url("uploads/images/hysir/layout/left_headfoot.png") top left no-repeat;
	padding-left: 10px; padding-top: 4px;
	text-align: left; vertical-align: middle;

	color: #FFFFFF; font-size: 14px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}

#umsagnir {
	width: 184px;
	padding: 5px;
}

#umsagnir_adili {
	text-align: center;
	border-bottom: 1px solid;
}

#umsagnir_adili img {
	max-width: 180px;
	max-height: 100px;
}

#umsagnir_txt {
	text-align: left;
}


#hlidarbox_ums_botn_fl {
	position: relative; float: left;
	padding-top: 24px; display: inline;
}

#hlidarbox_ums_botn_img {
	position: relative; float: right;
	padding-right: 5px; display: inline;
}

#nyjir_vefir {
	margin-top: 5px;
	margin-bottom: 5px;
}

#nyrvefur {
	position: absolute; float: left;
	left: 47px; top: 38px;
}

/******************************/
/* Efni vefsins sjálfs        */
/******************************/
#vefur {
	position: relative; float: left;
	left: 0px; top:0px;
	padding: 5px; margin: 0;
	margin-left: 1px;
	width: 712px;
	text-align: left;
	background-color: #FFFFFF;
/*z-index: 0;*/
}

#vefur a { color: #006699; }
#vefur a:hover { color: #006699; }
#vefur a:active { color: #006699; }

#umsogn {
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 655px; height: 100px;
	margin: 3px;
}

#umsogn_mynd {
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 81px; height: 98px;
	background: url("uploads/images/betraform/layout/umsagnir_bgmynd.png") top left no-repeat;
	padding: 1px;
	max-width: 81px;
	max-height: 98px;
}
#umsogn_mynd img {
	max-width: 180px;
	max-height: 98px;
}

#umsogn_txt {
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 550px;
	margin-left: 10px; margin-right: 10px;
	text-align: left;
	font-size: 11px;
}

#banner img {
	display: none;
}
#banner img.active {
	display: block;
}
/******************************/
/* Kassarnir neðst á síðunni  */
/******************************/
#botn_kassar {
	position: relative; float: left;
	left: 0px; top: 0px;
	margin-top: 10px;
	width: 726px;
}

#botn_kassar_bil {
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 9px; height: 10px;
}

#botn_kassi_efri {
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 174px; height: 48px;
	background: url("uploads/images/hysir/layout/botn_kassi_efri.png") bottom left no-repeat;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}

#botn_kassi_haus_txt {
	position: relative; float: left;
	left: 10px; top: 23px;
}

#botn_kassi_haus_img {
	position: relative; float: right;
	right: 5px; bottom: 0px;
}

#botn_kassi {
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 172px;
}

#botn_kassi_nedri {
	position: relative; float: left;
	left: 0px; top: 0px;
	width: 172px; height: 185px;
	background: url("uploads/images/hysir/layout/botn_kassi_nedri.png") top left no-repeat;
	padding-top: 5px;
	text-align: left;
	overflow: hidden;
	z-index:1;
}

#botn_kassi_nedri h3 { padding-left: 10px; display: inline; }

#botn_kassi_nedri_frett {
	position: relative; float: left;
	left: 0px; top: 0px;
	margin: 0; padding: 0;
	/*font-size: 0.9em;
	line-height: 1.5em;*/
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#botn_kassi_nedri_frett a {
	color: #006699;
}

#haegri_uppi {
	position: absolute; float: right;
	right: 10px; top: 12px;
}

#haegri_uppi img {
	margin-bottom: -3px;
}

#botn_kassi_nedri_hjalp {
	position: relative; float: left;
	left: 0px; top: 0px;
	font-size: 1.1em;
	line-height: 2.2em;
	padding-top: 10px;
	padding-left: 10px;
}

#haegri_nidri {
	position: absolute; float: right;
	right: 10px; bottom: 12px;
}

#vinstri_nidri {
	position: absolute; float: left;
	left: 10px; bottom: 12px;
}

#vinstri_nidri img {
	margin-bottom: -3px;
}

#botn_kassi_nedri_uppl1 {
	position: relative; float: left;
	left: 0px; top: 13px;
	width: 126px; height: 31px;
	display: inline;
	font-size: 1.1em;
	line-height: 1.3em;
	padding-top: 7px;
	padding-left: 10px;
}

#botn_kassi_nedri_uppl2 {
	position: relative; float: right;
	right: 5px; top: 7px;
	width: 36px; height: 31px;
	display: inline;
	padding-top: 7px;
}

#botn_kassi_nedri_markads {
	font-size: 1.1em;
	line-height: 2.3em;
	padding-top: 10px;
	padding-left: 10px;
}

/******************************/
/* Aðstoð                     */
/******************************/
#adstod {
	position: relative; float: left;
	width: 170px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#adstod_bil {
	position: relative; float: left;
	width: 10px; height: 10px;
}

#adstod_hlidarboxrammi {
	position: relative; float: right;
	top: 0px; right: 10px;
	width: 150px;
}

#adstod_hlidarbox {
	padding: 3px;
	text-align: center;
}

/****************************** Horizontal Menu ******************************/
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
	margin-left: 1px;
	margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }

#menuwrapper {
   /* Fix for Opera 8 */
   /*   overflow: hidden;  */
	position: relative; float: right;
	right: 120px; bottom: 5px;
	height: 25px;

	border-bottom: 1px solid #C0C0C0;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
}

#menuwrapper a {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
	width: 133px; /*height: 30px;*/
	z-index:  10; /*top: 0px;*/
}


/* Unless you know what you do, do not touch this */
#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
}

#primary-nav ul ul {
	margin-top: 1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
}

#primary-nav li {
	margin-left: -1px;
	float: left;
}

#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	text-decoration: none;
	color: #006699;
}

#primary-nav a:hover {
	color: #FFFFFF;
}

#primary-nav li a { 
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	background: url("uploads/images/hysir/layout/top_menu_dropdown.png") top left repeat-x;
}

#primary-nav li li a {
	border: 1px solid #C0C0C0;
}

#primary-nav li, #primary-nav li.menuparent { 
	z-index:  10;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive { 
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent,
#primary-nav ul li.menuparent:hover,
#primary-nav ul li.menuparenth {
/* arrow for menuparents */
	/*background-position: center right;
	background-repeat: no-repeat;*/
}


/* Styling the apperance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
	color: #FFFFFF;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/*
just add
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul ul ul,
for fourth level
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}

/* add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}


/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/* End of 'hysir' */

