﻿
@import url(navigation.css);
body {
	margin:0px 0px 1px 0px;
 	text-align:center;
 	padding:0px;
	color:#616161;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff none;
}

/*************** blocks  ********************/
.displaynone{display:none; height:auto;}
#constrain{margin:auto;width:980px;height:auto; text-align:left;display:block;}
.cntcontainer{width:983px; height:400px; min-height:400px;display:block;position:relative;  }

html>body .cntcontainer{height:auto;}

#hdr{width:980px; height:150px; display:block;position:relative;   }
.logo{position:relative;width:99px; height:60px;padding:0;margin:0; top:30px; left:0px; }
#hdr .logo h3{margin:0;padding:0;}
#hdr .logo h3 a { display:block; width:99px; height:60px; background:url('/img/Logo.gif') no-repeat ; overflow:hidden; text-indent:-3000px;  margin:0px 0 0 0;} 





#hdrmenu{width:970px;height:27px;display:block; position:absolute; left:0px; top:-27px; background: transparent url(/img/nav/menu_bakgr.gif) repeat-x; padding-left:10px; }

#searchBox{width:185px;height:23px; display:block; position:absolute; right:3px; top:-135px;   }
#links{width:260px;height:23px;display:block; position:absolute;  right:220px;  top:-135px; text-align:right; color:#a3a3a3;  }
#links a{color:#a3a3a3;}
#banner{width:600px;height:81px;display:block; position:absolute; text-align:right;  right:3px;top:-108px;    }

.page_bottom{display:block;height:5px;  width:980px;background:transparent url(/img/page_bottom.gif) no-repeat; margin:0;font-size:0;}






#front .panel1{float:left; width:770px;  min-height:350px; margin-left:210px; margin-top:0px; padding:20px 0 10px 0; }
#front .panel2{float:left;width:190px; min-height:350px; margin-left:-980px; margin-top:20px;  }
* html #front .panel1{display:inline; height:150px;}

#front .submenuBottom{width:190px; height:11px; background:transparent url(/img/submenu_bottom.gif) no-repeat; padding:0;margin-bottom:15px;}




#subpage .panel1{float:left; width:560px;  min-height:350px; margin-left:210px; margin-top:20px; padding:0px 0 10px 0; }
#subpage .panel2{float:left;width:190px; min-height:350px; margin-left:-980px; margin-top:20px; }
#subpage .panel3{float:left;width:190px; min-height:350px; margin-left:20px; margin-top:20px; }
* html #subpage .panel1{display:inline; height:350px;}

#submenu{width:190px;  background:transparent url(/img/submenu_top.gif) no-repeat top; padding:0px 0 0 0px;  }
#subpage #submenu h3{display:block; height:20px; width:185px; color:#fff; font-size:15px; padding:5px 0 0 5px; margin:0;}
#subpage .submenuBottom{width:190px; height:19px; background:transparent url(/img/submenu_bottom.gif) no-repeat; padding:0;margin-bottom:15px;}


#subpage .bread{width:560px;height:15px;display:block; position:absolute;  left:0px;top:2px; color:#7b7b7b;  }
#subpage .bread a{color:#7b7b7b; font-size:11px;}
#subpage .tools{width:200px;height:15px;display:block; position:absolute;  right:0px;top:0px; }




html>body .container{height:auto;}	

/**** quick links ***/
.quiclinks{float:left; width:190px; background: #FFF url(/img/qjick_bak.gif) repeat-y; margin-bottom:10px;}
.quiclinks h3{display:block; height:20px; width:175px; color:#fff; font-size:14px; padding:5px 0 0 15px;margin:0;}
.quiclinks .quickBottom{display:block; height:20px; width:190px; }
.panel2 .quiclinks h3{background: transparent url(/img/quick_left.gif) no-repeat; }
.panel3 .quiclinks h3{background: transparent url(/img/quick_right.gif) no-repeat; }
.panel2 .quiclinks .quickBottom{background: transparent url(/img/quick_bottom_left.gif) no-repeat; }
.panel3 .quiclinks .quickBottom{background: transparent url(/img/quick_bottom_right.gif) no-repeat; }
.quiclinks ul{list-style:none;margin:0; padding:0;}
.quiclinks li{display:block; border-bottom:1px #c0c0c0 dotted; width:188px; height:24px; min-height:24px; padding:0 1px 0 1px; margin:0;}
#constrain .quiclinks a{display:block; color:#8b8ba7;width:166px; height:21px;  min-height:20px; padding:3px 0 0 22px;background:url(/img/quick_link.gif) no-repeat 7px 8px;}
html>body #constrain .quiclinks a,#constrain .quiclinks li{height:auto;}
#constrain .quiclinks a:hover{ color:#ff3300; background:#f0f0f5 url(/img/quick_link_over.gif) no-repeat 7px 8px;}
.panel2 h3 {background: transparent url(/img/quick_left.gif) no-repeat; color: #FFFFFF; display: block; font-size: 14px; height: 20px; margin: 0; padding: 5px 0 0 15px; width: 175px;}
.panel2 h3 a:visited {color: #ffffff;}
.panel2 .breadcrumbs h3{
	background:url(/img/submenu_top.gif) no-repeat;
	width:181px;
	padding-left:9px;
}

div.breadcrumbs a {
	display:none; 
	height:40px; 
	width:175px; 
	color:#fff; 
	font-size:14px; 
	margin:0;
}
div.breadcrumbs a:first-child {
	display: block;
}

/**mailform**/
.mailform{float:left; width:400px; padding:10px; border:1px #CCCCCC solid;}
.mailform .form_field{float:left;width:400px; height:20px; padding:3px 0 3px 0 ;}
.mailform .form_field label{float:left; width:95px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_field input{width:200px; height:18px; border:1px silver solid;}

.mailform .form_txtArea{float:left;width:400px;min-height:50px; padding:3px 0 3px 0 ;}
.mailform .form_txtArea label{float:left; text-align:right; width:95px; height:40px; display:block;padding:0 5px 5px 0;}
.mailform .form_txtArea textarea{width:290px; height:80px;border:1px silver solid;}

.mailform .form_label{ 
	border-bottom: 1px solid #999999;
    clear: both;
    font-size: 18px;
    margin: 5px 5% 0;
    width: 90%;
}

.mailform .form_zip{float:left;width:400px; height:20px; padding:3px 0 3px 0 ;}
.mailform .form_zip label{float:left; width:95px;  height:20px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_zip select{width:200px; height:20px; border:1px silver solid;}

.mailform .form_calendar{float:left;width:400px;  padding:3px 0 3px 0 ;}
.mailform .form_calendar label{float:left; width:95px;  height:12px; line-height:12px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_calendar input{float:left; width:200px; height:18px; border:1px silver solid;margin:0;}
.mailform  .form_calendar button{float:left;display:block; height:13px; width:13px; overflow:hidden; background: transparent url(/Modules/MailForm/Fields/CalendarFiles/calendar.gif) no-repeat right; border:0; text-indent:-3000px; cursor:pointer; margin-left:2px;}


.mailform .form_drop{float:left;width:400px; height:23px; padding:3px 0 3px 0 ;}
.mailform .form_drop label{float:left; width:95px;  height:12px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .form_drop select{float:left;width:200px; height:21px; border:1px silver solid;margin:0;padding:0;}

.mailform .formRadio{float:left;width:400px; height:23px; min-height:23px; padding:3px 0 3px 0 ;}
.mailform .formRadio label{float:left; width:95px;  height:12px; line-height:20px; text-align:right; padding:0 5px 5px 0; display:block;}
.mailform .radios{float:left;width:200px;}
.mailform .formRadio span{display:block; height:18px; width:200px;float:right;}
html>body .mailform .formRadio{height:auto;}

.mailform .form_check{float:left;width:400px; height:20px; min-height:20px; padding:3px 0 3px 0 ;}
html>body .mailform .form_check{height:auto;}
.mailform .form_check label{float:left; width:370px;  line-height:20px; text-align:left; padding:0 5px 0px 0; display:block;}
.mailform .form_check input{float:left;width:15px; height:18px; border:0px silver solid;}
.mailform .form_check span{color:#555555; font-size:10px;}

.mailform .form_btn_div{clear:both; width:400px;}
.mailform  .formBtn, #mailReg  .searchBtn{float:right;display:block; height:22px; width:82px; overflow:hidden;  color:#555555; background: #eaeaea ; border:1px #a4a4a4 solid; text-indent:0px; cursor:pointer;}
#mailReg  .searchBtn{float:left ;display:block; height:22px; width:82px; overflow:hidden;  color:#555555; background: #eaeaea ; border:1px #a4a4a4 solid; text-indent:0px; cursor:pointer;}
#subpage .panel1 #mailReg{width:300px;}
#mailReg .form_field{ float:left; width:160px;}

.warningTxt{clear:both; color:Red; }
.mailform  .invalid input,.mailform .invalid textarea{border:1px Red solid;}
.mailform .radPanel{float:left;}
.loading{padding:5px;}



.mail_container.form.txt,
.mail_container.form.drp {
	float: left;
    height: 20px;
    width: 400px;
}
.mail_container input {
	border: 1px solid silver;
    height: 18px;
    width: 200px;
}
.mail_container label {
    display: block;
    float: left;
    text-align: right;
    width: 95px;
    margin: 0;
}
.mail_container .form.drp label {
	margin-top: 5px;
}
.mail_container .form.txt, .form.drp {
	margin-top: 5px;
}
.mail_container .form.chk input[type=checkbox] {
	width: 25px;
	float: left;
	clear: none;
}
.mail_container .form.chk label {
	width: 275px;
	margin-top: 3px;
	float: right;
	clear: none;
}
.mail_container .form.chk {
	margin-left: 30px;
}
.mail_container .form.btn input[type=submit] {
	margin-top: 10px;
	margin-bottom: 0;
}


.mail_container .form.txt{
	position:relative;
	width:500px;
	}

.mail_container .form.chk{
	position:relative;
}
	
.form.chk span,
.form.txt span{
	position:absolute;
	top:0;
	left:307px;
	text-align:left;
}


/**search**/
.searchdiv{float:left; height:20px; line-height:20px; width:200px;  margin:0; padding:0px 0px 0 0px; }
.search_txt_box{float:left;width:120px; height:15px; background:#FFF none; border:1px #dadada solid;  color:#001e44; margin:0 0 0 0; padding:0px 0 0 3px;}
.search_btn{float:right; height:16px; width:48px;display:block; background: transparent url(/img/search_btn.gif) no-repeat ;border:0; text-indent:0; margin:0px 0 0 0;padding:0px 0 0 0;cursor:pointer; color:#a3a3a3;}
.panel1 .searchdiv{display:block;width:200px; height:20px; padding-bottom:5px;margin-bottom:10px; }
.panel1 .search_btn{float:left;}


.leftContent{padding:0px 3px 0 15px;}

div.breadcrumb {
	width: 400px;
}

div.item.LabelField {
	width: 95%;
	margin: 5px auto 0 auto;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #999;
	clear: both;
}
div.form.txt {
	width: 400px;
	height:20px;
	vertical-align: middle;
}
	div.form.txt /*input[type=text],*/ textarea {
		width: 200px;
		border: 1px solid silver;
		height: 18px;
		display: inline-block;
		margin: 5px 0 0 0;

		float: right;
		clear: right;
	}
	div.form.txt textarea {
		width: 275px;
		height: 80px;
		float: left;
	}

	textarea {
		height: 50px;
	}
	td div.form.btn input[type=submit] {
    background: url("/img/afram.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #A3A3A3;
    cursor: pointer;
    display: block;
    float: right;
    height: 16px;
    margin: 8px 10px 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -3000px;
    width: 47px;
	}
		div.form.btn input[type=submit]:hover {
		text-indent: 2px;
    	}
	label {
		display: block;
		float: left;
		clear: left;
		height: 20px;
		line-height: 20px;
		padding: 0 5px 0 0;
		text-align: right;
		width: 150px;
		margin: 5px 0;
	}
div.form.drp {
	width: 400px;
}
	div.form.drp select {
		width: 200px;
		border: 1px solid silver;
		height: 20px;
		display: inline-block;
		margin: 5px 0;
	}
div.form.chk {
	width: 325px;
	height: auto;
	clear: both;
	margin-left: 50px;
	
	/*overflow: hidden;*/
}
	div.form.chk label {
		width: 300px;
		height: auto;
		text-align: left;
		margin-top: 0;
	}
	div.form.chk input[type=checkbox] {
		border: 1px solid silver;
		height: 18px;
		display: inline-block;
		margin: 5px 0;
		float: right;
		clear: right;
	}
div.form.container {
	overflow:hidden;
	border: 1px solid #999;
	width: 500px;
	padding: 20px 20px 10px 20px;
}
.panel1 table#ctl03_loginWU tbody tr td {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
    float: left;
    min-height: 22px;
    padding: 5px;
    width: 300px;
}
.panel1 table#ctl03_loginWU tbody tr td label {
	width: 90px;
}
.login-form input[type=text], input[type=password] {
    border: 1px solid #CCCCCC;
    float: left;
    height: 20px;
    padding: 0 0 0 0;
    width: 180px;
}
/**varcalc**/
.varCalc{float:left; width:537px; padding:10px; border:1px #CCCCCC solid; margin:15px 0;}
.varCalc label{display:inline-block;width:60px; padding:0;height:20px;line-height:20px; text-align:left;}
.varCalc .small{display:inline-block;width:30px; padding:0;}
.varCalc input{display:inline-block; padding:0; margin:0;}
.varCalc .reikna {display:inline-block; background: transparent url(/img/reikna.gif) no-repeat 0 0; padding:0 0 0 25px;  line-height:20px; width:45px;}
.varCalc .hreinsa{display:inline-block; background: transparent url(/img/hreinsa.gif) no-repeat 0 0px; padding:0 0 0 0px; text-indent:-3000px; margin:0; line-height:20px;  width:20px; height:20px; overflow:hidden;}
.varCalc form{display:block;float:left;width:537px; margin:0; padding:0; height:30px; line-height:30px;}

#constrain .links a{float:right; line-height:19px;color:#636363;}



.tools ul{list-style:none;margin:0; padding:0;}
.tools li{float:right;}
.tools span{float:right; padding-right:10px;}
.tools li a {width:20px; height:13px; display:block; overflow:hidden; margin-right:2px; text-indent:-3000px;}
.tools li a{ background: transparent url(/img/minka.gif) no-repeat 0 0;}
.tools li.big  a{background: transparent url(/img/staekka.gif) no-repeat 0 0;}
.tools li.invert a{background: transparent url(/img/invert.gif) no-repeat 0 0;}
.norm a:hover ,.big a:hover ,.invert a:hover{background-position: 0 -13px;}
.tools span li{  padding:0 5px 0 5px;background: url(/img/top_link.gif) no-repeat right 7px;}
.tools span li a{width:auto; height:auto;  overflow:visible; margin-right:0; text-indent:0;background:none;color:#464646;}


 .footer{width:980px; height:auto; display:block;  padding:20px 0 0 0px;text-align:center; background: url(/img/footer.gif) no-repeat right top;}
 .footer a{color:#939393;}
/**** mail register******/



#mailReg .form_field input{margin-top:5px;width:176px;}
#mailReg input{width:176px; margin-top:5px; border:1px #a5acb2 solid;}
#mailReg  .invalid {border:1px Red solid;}
.confirm{border-top: 1px #a5acb2 solid; padding:5px 0 0 0; margin-top:5px;}
/**** User Login ******/

.userLogin{float:left;width:300px; height:22px; min-height:22px; border:1px #cccccc solid; padding:5px;background:#f6f6f6;}
html>body .userLogin{height:auto;}
#subpage .loginfield{float:left;display:block; height:20px;width:300px; margin:3px 0 0 0; }
#subpage .loginfield label{ float:left;display:block; height:16px; width: 100px; text-align:right; padding:2px 10px 0 0;}
#subpage .loginfield input{ float:left;height:20px; border:1px #cccccc solid;width: 180px;  padding:0 0px 0 0;}
#subpage .login_btn{float:right; height:16px; width:47px; display:block; background: transparent url(/img/afram.gif) no-repeat ;border:0; text-indent:-3000px; overflow:hidden;margin:8px 10px 0 0;padding: 0 ;cursor:pointer; color:#a3a3a3;}
*html #subpage  .login_btn{display:inline;}

.loginError{float:left;color:Red;width:720px; text-align:center; padding-top:5px;}

/**** FAQ ******/
.faq{}
.open{height:auto; padding:5px 0 5px 0;}
.closed{display:none;}
.faqsep{border-bottom: 1px #dcdcdc solid; margin:5px 0 5px 0; }


/****** News **********/

#sec3 .panel1 span{color:#6f6f6f; width:308px;display:block; padding-top:5px;}
#sec3 .panel1 a{color:#222222; }
.artdate{color:#6f6f6f; display:block; font-size:10px;	}
 .artheader{padding: 0 0 0 0px;	margin:0 0 5px 0;	line-height:13px; color:#616161; font-size:15px; font-weight:bold;display:block;}
#constrain .artheader a{	padding: 0 0 0 0px;	margin:0 0 5px 0;	line-height:13px; color:#3b4f87; font-size:15px; font-weight:bold;display:block;}
.separator{		margin:5px 0 5px 0; clear:both; background: url(/img/artsep.gif) repeat-x; height:5px;}
.entryimg{float:left; padding:0 5px 5px 0;}
.read{background: url(/img/more_link.gif) no-repeat left; padding-left:15px;}

div.article-index .item {
	border-bottom: 1px dotted #999;
	margin: 5px 0;
	padding-bottom:10px;
	overflow:hidden;
}
div.item h1 a {
	color: #3B4F87;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 13px;
    margin: 0 0 5px;
    padding: 0 0 0 0;
}

div.article-index .item h1{
	margin-bottom:10px;
	}

div.article-index .image{
	float:left;
	padding:0 10px 10px 0;
}

div.article-index .text{
	line-height:18px;
}

div.article-index .back-btn{
	clear:both;
	float:right;
}

/*full article*/


.article-item{
	/*background:#f90;*/
}

.article-item h1{
	font-size:14px;
}



.article-item img[style~='left;']{
	float:left;
	padding:0 10px 10px 0;
	}
	
.article-item img[style~='right;']{
	float:left;
	padding:0 0 10px 10px;
	}
	


	

/****** misc **********/
.clear{display:block; height:auto;}
.fix{display:inline;}
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }

.clearboth{clear:both; height:0; line-height:0; font-size:0;}

a:link  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #F57F21; text-decoration: none}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #F57F21;  text-decoration: none }
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #F57F21; }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color : #F57F21;  text-decoration: underline}
a:focus{outline:none;}

h1,h2,h3,h4 {font-family: Arial, Helvetica, sans-serif;color: #535353;font-weight: bold; line-height:1.1em; margin:10px 0 0.3em 0;}

h5 {
	margin: 0;
	padding: 0;
}

h1 {font-size:20px; color:#3b4f87;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:12px; line-height: 12px; margin: 0; padding: 0;}
	
hr {background : #e0e0e0;	color: #e0e0e0 ;	height: 1px;}
form, blockquote,img {	margin:0; padding:0; }
p	{	margin-top: 0em;	padding: 0px 0px 0px 0px;	margin-bottom: 0em; }
/*td {
	padding: 5px;
}*/
strong {
	font-weight: bold;
	font-size: 2;
	color: #174c7f;
}
.form.btn input[type=submit] {
	background: none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #A4A4A4;
    color: #555555;
    cursor: pointer;
    display: block;
    float: right;
    height: 22px;
    overflow: hidden;
    text-indent: 0;
    width: 82px;
}
blockquote {
	margin-top: 20px;
	margin-bottom: 10px;
}
blockquote dd {
	padding-left: 30px;

}
.login-form {
	padding: 5px 10px;
	width: 275px;
	background: #F6F6F6;
	border: 1px solid #CCC;
	float: left;
	margin-left: 40px;
}
.login-form label {
	width: 80px;
}
.login-form input[type=text], input[type=password] {
	margin: 0;
}
table.afbrigdi {
	border-spacing: 2px 2px;
	border-collapse: separate;	
}
table.afbrigdi td {
	padding: 5px;
}
table.ean {
	border-spacing: 2px 2px;
	border-collapse: separate;
}

.btn a{
	display:inline-block;
	padding:5px 7px;
	background:#F26334;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-border-radius:5px;
}

/*fyrirtækjalisti*/
#fyrirtaekjalisti{
	margin-top:20px;
	font-size:12px;
}

#fyrirtaekjalisti .fyrirtaeki{
	margin-bottom:15px;
	border-bottom:1px solid #eee;
	padding-bottom:15px;
	overflow:hidden;
	
}

#fyrirtaekjalisti .fyrirtaeki dl{
	overflow:hidden;
	line-height:18px;
}

#fyrirtaekjalisti .fyrirtaeki dt{
	clear:both;
	display:block;
	float:left;
	width:20%;
	font-weight:bold;
	height:18px;
	padding:3px 2px;
	background:#eee;
}

#fyrirtaekjalisti .fyrirtaeki dd.odd,
#fyrirtaekjalisti .fyrirtaeki dt.odd{
	background:#fff;
}

#fyrirtaekjalisti .fyrirtaeki dd{
	display:block;
	float:left;
	width:50%;
	height:18px;
	padding:3px 2px;
	background:#eee;
}

#fyrirtaekjalisti input[type=submit]{
	background:#f90;
	display:inline-block; 
	height:22px; 
	padding:2px 5px;
	overflow:hidden;  
	color:#555555; 
	background: #eaeaea ; 
	border:1px #a4a4a4 solid; 
	text-indent:0px; 
}

#fyrirtaekjalisti #leit{
	margin-bottom:15px;
}

#fyrirtaekjalisti .listi{
	margin-top:20px;
}

#fyrirtaekjalisti .btn{
	display:inline-block;
	margin-right:10px;
}

