
/* **************************************************************** */
/* Basic Settings                                                   */
/* **************************************************************** */
body {  font-size: 100%;  background: #025; color: #ff0;}
html, body, p, th, td, div, ul, li, input, select, h1, h2, h3, h4 { color: #ff0;}
a, a:link { color: #ff0; text-decoration: underline;}
a:hover, a:active { color: #08f; text-decoration: none;}
ul { list-style-image: none; }
ul li {list-style-image: none;}
input, select, textarea, .input-field {
  color: #ff0; 
  background: #025; 
  border: 2px solid #ff0; 
  padding: 2px;
  height: auto; 
  font-size: 1em;
}

/* **************************************************************** */
/* Layout                                                           */
/* **************************************************************** */
#block_1_2, #block_2, #wrapper, #wrapper-extra, #wrapper-below-head, #header, #wrapperFpBtn, #wrapperBtn  {background: #025; color: #ff0; }
#three-col-sub #block_1 { margin-top: 0; }
#three-col-sub #block_3 { margin-top: 0; padding-top: 0;}
#two-col-home #block_2 { background: none; }
#two-col-home #block_1 { padding-top: 220px; }
.blockbottom {clear: both; border-bottom: 1px #025 solid; } /* IE fix*/
.RowOdd {background: #025;}
.RowEven {background: #025;}
.ContentBox {background: #025; border: 1px solid #ff0;}

/* **************************************************************** */
/* Misc                                                             */
/* **************************************************************** */
#FirstcatMenu .ContentBox {border: 1px #ff0 solid; margin-bottom: 15px; background: none; padding: 10px; }
#header .logo { position: absolute; top: 10px; left: 18px; padding: 20px; background: #fff; }
#header {border-bottom: 3px solid #ff0; margin-bottom: 20px; }
#faq dt, #files dt { background:none; padding: 5px;}
.MainButton {background: #025; width: auto; padding: 2px; color: #ff0; text-decoration: underline; border: #ff0 2px solid;}

/* **************************************************************** */
/* Head                                                        */
/* **************************************************************** */
.qfontsizer { position: absolute; top: 15px; left: 655px;}
.qfontsizer #font1 {margin-top: 4px;}
#qnav { right: 320px;}
#qnav ul li .sep { padding: 0 2px;}
#qnav ul #qnavInnskraning {background: none;}
#qnav ul #qnavInnskraning a {padding: 0px 5px 0px 0px; color: #ff0;}

/* **************************************************************** */
/* side-box & whitebox                                              */
/* **************************************************************** */
.side-box { width: 170px; padding-bottom: 16px; margin-bottom: 12px; background: none; z-index: 10;}
.side-box .boxcontent { background: #025; padding: 0; margin: 0; border: 1px solid #ff0; background: none; }
.side-box h2 { color: #025; padding: 6px 0 3px 10px; margin: 0; background: #ff0; border-bottom: 1px solid #ff0; }
#shortcuts .boxcontent ul {margin: 0 0 0 10px; padding: 0; list-style: none;}
#shortcuts .boxcontent ul li {margin: 2px 0; padding: 2px 0; list-style: none; list-style-image: none;}

.whitebox-large, .whitebox-small {border: 1px solid #ff0;}
.whitebox-large h2, .whitebox-small h2 {color: #025; padding: 6px 0 3px 10px; margin: 0; background: #ff0;}
.whitebox-large h2 a, .whitebox-small h2 a {color: #025;}
.whitebox-large .content, .whitebox-small .content {background: #025}
.whitebox-large .content ul, .whitebox-small .content ul {margin: 0px; padding: 0px; list-style: none;}
.whitebox-large .content ul li, .whitebox-small .content ul li {margin: 2px 0; padding: 2px 0; list-style: none; list-style-image: none;}
.whitebox-large .content ul li a, .whitebox-small .content ul li a {background: #025; white-space: normal;}
.whitebox-large .bottom, .whitebox-small .bottom {clear: both; background: none; height: 2px;}

/* **************************************************************** */
/* Banner frontpage                                                 */
/* **************************************************************** */
.fpSmallAdsItem {}
.fpSmallAdsItem h3 {padding: 20px 0px 2px 10px; }
.fpSmallAdsItem p { padding: 0px 0px 0px 10px; }

/* **************************************************************** */
/* ContentItem                                                      */
/* **************************************************************** */
.ContentItem       {margin: 0 0 10px 0; clear: right;}
.ContentItemLeft   {margin: 0 0 10px 0; float: none; width: auto;}
.ContentItemRight  {margin: 0 0 10px 0; float: none; width: auto;}

/* **************************************************************** */
/* fp-Sitemap                                                       */
/* **************************************************************** */
#fp-Sitemap {border-top: 3px solid #ff0; background: #025;}
#fp-Sitemap .title {background: #025; border-bottom: 1px solid #ff0;}
#fp-Sitemap .content {  background: #025; }
#fp-Sitemap .content .boxwrapper {background: #025;}
#fp-Sitemap .title h2,
#fp-Sitemap .content .boxwrapper .box h4,
#fp-Sitemap .content .boxwrapper .box h4 a,
#fp-Sitemap .content .boxwrapper .box h4 a:hover,
#fp-Sitemap .content .boxwrapper .box ul li a:link,
#fp-Sitemap .content .boxwrapper .box ul li a:hover { color: #ff0;}


/* **************************************************************** */
/* CatOverview and Article                                          */
/* **************************************************************** */
.CatOverview h1, .Article h1 {border-bottom: 3px solid #ff0; color: #ff0; padding: 2px 0; font-weight: bold; margin-bottom: 10px;}
.ArticlePrev  {border-top: 1px #ff0 solid;}
.ArticlePrev h3 { color: #ff0; font-weight: bold; }
.Text  { border-top: 1px #ff0 solid;}
.catImg, .ArticleSmallImg {border: 1px solid #ff0;}
#ReletedArticle h2 { border-bottom: 1px #ff0 solid;}
.ArticlePrev table th, .Article table th {border-top: 1px #ff0 solid;}
.ArticlePrev table td, .Article table td {border-top: 1px #ff0 solid;}
 
/* **************************************************************** */
/* ArticleTabs                                                      */
/* **************************************************************** */
.articletabs { float: left; width: 554px; border-bottom: 1px solid #ff0; margin-bottom: 10px; }
.articletabs a { border: 1px solid #ff0; background: #ff0; color: #025;}
.articletabs .selectedTab a, 
.articletabs .selectedTab a:hover { border: 1px solid #ff0;  border-bottom: 1px solid #025; background: #025; color: #ff0; }

/* **************************************************************** */
/* Banner in header (Ţjónusta & Tjónavakt)                          */
/* **************************************************************** */
.h-banners { position: absolute; top: 65px; right: 15px;}
.h-banners ul { list-style: none; padding: 0; margin: 0; }
.h-banners ul li { float: none; list-style: none;}
.h-banners ul li.tjonustusimi { width: auto; height: auto; padding: 2px; margin-right: 0; text-indent: 0; background: none; border: none;}
.h-banners ul li.vegavernd { width: auto; height: auto; padding: 2px; text-indent: 0; background: none; }

/* **************************************************************** */
/* Quick search in header for each template                         */
/* **************************************************************** */
#qsearch .input-field { width: 130px; height: auto; font-size: 1em; 
      padding: 3px 10px 3px 5px; background: none; border: 2px solid #ff0;}
#qsearch input.button {
  width: auto;
  height: auto;
  margin-top: auto;
  border: 2px solid #ff0;
  background: none;
  letter-spacing: normal;
  padding: 0;
  font-weight: bold;
  margin-left: 5px;
  text-decoration: underline;
}
  
/* **************************************************************** */
/* contact menu in sitebar                                          */
/* **************************************************************** */
#contact-menu ul { list-style: normal; padding: 10px 0; margin: 0; }
#contact-menu li { list-style: normal; list-style-image: none; }
#contact-menu .col0,
#contact-menu .col1,
#contact-menu .col2,
#contact-menu .col3 {background: none; margin-left: 8px; padding: 3px;}
#contact-menu #callUs .col0 {background: none; margin: 0; padding: 0 0 5px 25px;}
#contact-menu #callUs .col1 {background: none; margin: 0; padding: 0 0 0 25px; color: #ff0;}
  
/* **************************************************************** */
/* Search Result                                                    */
/* **************************************************************** */
#SearchResult h1 {color: #ff0;}
.srInfoLine {color: #ff0;}
#srEmp table {border: none; width: 100%; float: left;}
#srEmp table tr th {border: none;}
#srEmp table tr th {border: none;}
#srMenu { float: left; width: 554px; border-bottom: 1px solid #ff0; margin-bottom: 10px;}
#srMenu ul li a { padding: 3px 5px; margin: 0 1px; border: 1px solid #ff0; background: #ff0; font-weight: normal; color: #025;}
#srMenu ul li.SelectedResult a {border: 1px solid #ff0; font-weight: normal; border-bottom: 1px solid #025; background: none; color: #ff0; }

/* **************************************************************** */
/* Main Navigation                                                  */
/* **************************************************************** */
.main-navigation { background: none; border: none; padding-right: 5px; }
.main-navigation ul { background: #025; margin: 0; padding: 0;}
.main-navigation li { }
.main-navigation a { background: none; color: #ff0; text-decoration: underline; }
.main-navigation a:hover { color: #08f; text-decoration: none;}

/* ---- lines @ ul bottom --- */
.main-navigation .level1 .current_parent ul,
.main-navigation .level1 .current_parent_tjon ul,
.main-navigation .level1 .current_parent .level2 ul,
.main-navigation .level1 .current_parent_tjon .level2 ul {background: none; height: auto; }

/* ---- 1st level --- */
.main-navigation .level1 a,
.main-navigation .level1 .tjon a {padding-left: 5px;}
.main-navigation .level1 a,
.main-navigation .level1 .tjon a,
.main-navigation .level1 .current_page a,
.main-navigation .level1 .current_page_tjon a,
.main-navigation .level1 .current_parent a,
.main-navigation .level1 .current_parent_tjon a,
.main-navigation .level1 li,
.main-navigation .level1 li.tjon,
.main-navigation .level1 li.current_parent,
.main-navigation .level1 li.current_parent_tjon,
.main-navigation .level1 li.current_page,
.main-navigation .level1 li.current_page_tjon { background: none; height: auto; }

/* ---- 2nd level --- */
.main-navigation .level1 .level2 a,
.main-navigation .level1 .level2 .tjon a {padding-left: 15px;}
.main-navigation .level1 .level2 a,
.main-navigation .level1 .level2 .tjon a,
.main-navigation .level1 .level2 .big a,
.main-navigation .level1 .level2 .big_tjon a,
.main-navigation .level1 .level2 .current_page a,
.main-navigation .level1 .level2 .current_page_tjon a,
.main-navigation .level1 .level2 .current_page_big a,
.main-navigation .level1 .level2 .current_page_big_tjon a,
.main-navigation .level1 .level2 .current_parent a,
.main-navigation .level1 .level2 .current_parent_tjon a,
.main-navigation .level1 .level2 .current_parent_big a,
.main-navigation .level1 .level2 .current_parent_big_tjon a,
.main-navigation .level1 .level2 li,
.main-navigation .level1 .level2 li.tjon,
.main-navigation .level1 .level2 li.big,
.main-navigation .level1 .level2 li.big_tjon,
.main-navigation .level1 .level2 li.current_page,
.main-navigation .level1 .level2 li.current_page_tjon,
.main-navigation .level1 .level2 li.current_page_big,
.main-navigation .level1 .level2 li.current_page_big_tjon,
.main-navigation .level1 .level2 li.current_parent,
.main-navigation .level1 .level2 li.current_parent_tjon,
.main-navigation .level1 .level2 li.current_parent_big,
.main-navigation .level1 .level2 li.current_parent_big_tjon { background: none; height: auto;}

/* ---- 3rd level --- */
.main-navigation .level1 .level2 .level3 a,
.main-navigation .level1 .level2 .level3 .tjon a {padding-left: 15px;}
.main-navigation .level1 .level2 .level3, 
.main-navigation .level1 .level2 .level3 a,
.main-navigation .level1 .level2 .level3 .tjon a,
.main-navigation .level1 .level2 .level3 .big a,
.main-navigation .level1 .level2 .level3 .big_tjon a,
.main-navigation .level1 .level2 .level3 .current_page a,
.main-navigation .level1 .level2 .level3 .current_page_tjon a,
.main-navigation .level1 .level2 .level3 .current_page_big a,
.main-navigation .level1 .level2 .level3 .current_page_big_tjon a,
.main-navigation .level1 .level2 .level3 li,
.main-navigation .level1 .level2 .level3 li.tjon,
.main-navigation .level1 .level2 .level3 li.big,
.main-navigation .level1 .level2 .level3 li.big_tjon,
.main-navigation .level1 .level2 .level3 li.current_page,
.main-navigation .level1 .level2 .level3 li.current_page_tjon,
.main-navigation .level1 .level2 .level3 li.current_page_big,
.main-navigation .level1 .level2 .level3 li.current_page_big_tjon { background: none; height: auto;}

/* **************************************************************** */
/* Footer                                                           */
/* **************************************************************** */
#footer {
  border-top: 3px solid #ff0;
  height: 100px;
  background: #025 none;
}
#three-col-sub #footer 
{
  background: #025 none;
}
#footer, #three-col-sub #footer {height: 100px;}
#footer .content { background: #025 none; height: 100px; width: 100%;}
#footer .content ul.b1 { width: 150px; }
#footer .content ul.b2 { width: 150px; }
#footer .content ul.b3 { width: 310px; }
#footerAd {background: #025 none; }
#footerAd .content {background: #025 none; height: 100px;}

/* **************************************************************** */
/* Calculator                                                       */
/* **************************************************************** */
#Calculator { border-top: 1px #ff0 solid;  }
#Calculator h2 {color: #ff0; }
#Calculator h3 {color: #ff0; }
#Calculator table {border: 1px solid #ff0; margin-bottom: 20px; background: none;}
#Calculator table tr {margin-left: 1px; padding: 1px; }
#Calculator table th {margin: 0; padding: 2px; }
#Calculator table td {margin: 0; padding: 2px; }

/* **************************************************************** */
/* Tryggingar og tjón í stiku                                       */
/* **************************************************************** */
#sitebar-tryggingar {height: auto; background: none; border: 1px solid #ff0;}
#sitebar-tryggingar ul {list-style: none; margin: 0; padding: 2px 5px;}
#sitebar-tryggingar ul li { margin: 0; padding: 0; margin-bottom: 7px;}
#sitebar-tryggingar ul li a { text-indent: 0; width: auto; height: auto; background: none;}
#sitebar-tryggingar h2 {background: #ff0; color: #025; display: block; padding: 3px 7px; font-size: 1em;}
#sitebar-tryggingar p {display: none;}

#sitebar-tjon {height: auto; margin-bottom: 20px; background: none; border: 1px solid #ff0;}
#sitebar-tjon #insurancetype {margin: 5px; width: 155px; background: #025 none; font-size: 0.9em;}
#sitebar-tjon h2 {background: #ff0; color: #025; display: block; padding: 3px 7px; font-size: 1em;}

#sitebar-callmeback {height: auto; margin-bottom: 20px; background: none; border: 1px solid #ff0;}
#sitebar-callmeback h2 {background: #ff0; color: #025; display: block; padding: 3px 7px; font-size: 1em;}
#sitebar-callmeback #kennitala, #sitebar-callmeback #simi, #sitebar-callmeback #submit_callmeback {position: relative; margin: 4px 13px;}
#sitebar-callmeback .content .input input {border: 1px solid #ff0; background: #025; width: 110px; font-size: 0.9em;}
#sitebar-callmeback .content .submitBtn { float: right; margin: -29px 6px 0px 0px;}
#sitebar-callmeback .content .submitBtn input {border: 1px solid #ff0; padding: 2px;  }
#sitebar-callmeback .textOk, #sitebar-callmeback .textNotOk {color: #ff0; margin-top: 3px; padding: 5px 13px;}

/* **************************************************************** */
/* InfoContent - Custom text with info-icon and background          */
/* **************************************************************** */
.infoContent { background: none; }
.infoContent h4 { padding: 3px 0; color: #ff0; }
.infoContent .infoText { padding: 10px 0;}
.infoContent ul {padding: 0; margin: 0;}
.infoContent ul li {padding: 0; margin: 0 0 15px 15px;}

/* **************************************************************** */
/* Banner top frontpage                                             */
/* **************************************************************** */
.t-banner-front { position: absolute; top: 150px; left: 199px; width: 450px; }

/* **************************************************************** */
/* Banners right frontpage ( Tryggingar og tilkynna tjón )          */
/* **************************************************************** */
.ins-fp-banner, .damage-fp-banner { 
  position: absolute; 
  top: 150px; 
  right: 19px; 
  width: 290px; 
  height: auto;
  text-indent: 0;
  background: none;
  border: 1px solid #ff0;
  padding: 0;
  height: 96px; 
}
.damage-fp-banner { top: 260px; }
.ins-fp-banner .content, .damage-fp-banner .content  { padding: 5px; margin-bottom: 5px; }
.ins-fp-banner .content h2, .damage-fp-banner .content h2 { text-indent: 0; color: #ff0; margin: 2px 0;}
.ins-fp-banner .content h4 {color: #ff0; font-size: 1em; margin: 0; padding: 0; font-weight: normal;}
.ins-fp-banner .content ul {margin: 5px 0; padding: 5px 0;}
.damage-fp-banner .content label { color: #ff0; display: inline;}
.damage-fp-banner .content select { margin-top: 3px; background: #025 none; color: #ff0; padding: 2px; border: 2px solid #ff0;}
.damage-fp-banner .content input.d-button { 
  float: left;
  width: auto;
  height: auto;
  border: 2px solid #ff0;
  margin: 2px 0 0 15px;
  padding: 0 2px;
  letter-spacing: normal;
  font-weight: bold;
  line-height: normal;
  background: none;
  text-decoration: underline;
  color: #ff0;
}

/* **************************************************************** */
/* Mailinglist                                                      */
/* **************************************************************** */
#mailinglist .boxcontent .boxtext {background: none;}
#mailinglist .boxcontent .boxtext .input-field { 
  float: left; 
  width: 120px;
  height: auto;
  font-size: 0.9em;
  padding: 2px; 
  color: #ff0;
  border: 2px solid #ff0;
  background: #025 none;
  margin: 0 3px 0 0;
}
#mailinglist .submit-field { background: none; width: auto; height: auto; margin: 0; border: none;}
/* **************************************************************** */
/* Tabsystem frontpage                                              */
/* **************************************************************** */
.tabs { border: 1px solid #ff0; background: #ff0; border-bottom: none; }
.tabs a {padding: 2px 12px; color: #025; text-decoration: underline; background: none; border-right: 1px solid #025;}
.tabs a:hover {color: #08f; text-decoration: none;}
.tabs .selectedTab { background: #025; border-bottom: 2px solid #025; border-right: 1px solid #025; border-left: 1px solid #025;}
.tabs .selectedTab a { background: none; color: #ff0; }
.tabs .selectedTab a:hover { background: none; color: #08f; text-decoration: none; cursor: text; }
.tabbox { border: 1px solid #ff0; background: #025; }

/* **************************************************************** */
/* AllClauses                                                       */
/* **************************************************************** */

#AllClausesNav { border-bottom: 1px solid #ff0; }
#AllClausesNav ul li a {  border: 1px solid #ff0; background: #ff0; color: #025;}
#AllClausesNav ul li.SelectedOrder a { border: 1px solid #ff0; border-bottom: 1px solid #025; background: #025; color: #ff0}

/* **************************************************************** */
/* Album                                                            */
/* **************************************************************** */
.albumNav {border: 1px solid #025; padding: 2px 3px; background: #ff0; color: #025; border-bottom: none;}
.albumNav a, .albumNav a:visited {color: #025;}
a.albumNav {color: #025;}
.albumNavOpen { border-top: 2px solid #ff0;
                border-right: 2px solid #ff0;
                border-left: 1px solid #ff0;
                border-bottom: 2px solid #025;
                padding: 2px 2px 0 2px;
                font-weight: bold;
                background: #025;
                font-size: 1.2em;
                }

/* **************************************************************** */
/* Kaupferli                                                        */
/* **************************************************************** */
               
.SjovaStep5 .step1, .SjovaStep5 .step2, .SjovaStep5 .step3, .SjovaStep5 .step4, .SjovaStep5 .step5 {background-image: none; border:  1px solid #ff0; }
.SjovaStep5 ul li.current {background: #ff0; color: #025; }
.SjovaStep5 ul li.finished {color: #fff; }
.SjovaStep5 ul li {font-size: 1em;}

.sjovaTable {background: #025;}
.sjovaTable tr {vertical-align: top; background: #025;}
.sjovaTable tr th {color: #ff0; background: #025; background-image: none; border-bottom: 1px solid #ff0;}
.sjovaTable tr td {background: #025; border-bottom: 1px solid #ff0; }

.sjovaTable tr td.summa {font-weight: bold; font-size: 1.2em; background: #025; color: #ff0; border: none;}
.sjovaTable tr th.title { font-weight: bold; background: #025; color: #ff0; background-image: none;}
.sjovaTable tr th.titleSumma { font-weight: bold; font-size: 1.2em; background: #025; color: #ff0; background-image: none; border: none; }
.sjovaTable tr td.gul {background: #025; color: #ff0;}
