/*##################################*\
      Kim Dolleris
       www.beneath.dk
*##################################*/



/* G L O B A L S / R E S E T S
------------------------------------*/

*{  margin:0;padding:0;  }

/* html5 support */
header, footer, article, section, nav, time, aside{
  display:block;
}

html{
}

body{
  overflow-x:hidden;
}



/* L A Y O U T
------------------------------------*/

body.fp{
  /*background: url('../img/nis_fpcontent_tile.png') repeat-x;*/
  background: url('nis_sp_bg.gif') #111;
}

body.sp{
  background: url('nis_sp_bg.gif') #111;
}

#subcontentcontainer{
  float:left;
  clear:both;
  width:100%;
  background:#fff;
}


/* Header */
#sitehead{
  height: 90px;
  
}

#siteheadTop{
  
  height: 29px; /* 30 -border */
  border-bottom: 1px solid #000;
  
  background-color: #1b1b1b;
  background-image: url('../img/nis_tophead_fallback.png');
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b1b1b), to(#292929));
  background-image: -webkit-linear-gradient(top, #1b1b1b, #292929);
  background-image:    -moz-linear-gradient(top, #1b1b1b, #292929);
  background-image:     -ms-linear-gradient(top, #1b1b1b, #292929);
  background-image:      -o-linear-gradient(top, #1b1b1b, #292929);
  
}

#siteheadBottom{
  height: 58px; /*60 -border */
  border-top: 1px solid #666;
  boder-bottom:1px solid #666;
  
  background-color: #444;
  background-image: url('../img/nis_bottomhead_fallback.png');
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#111));
  background-image: -webkit-linear-gradient(top, #444, #111);
  background-image:    -moz-linear-gradient(top, #444, #111);
  background-image:     -ms-linear-gradient(top, #444, #111);
  background-image:      -o-linear-gradient(top, #444, #111);
}

#logo{
  width: 320px;
  height: 30px;
  float: left;
  margin-top: 15px;
  
}
#logo a{
  background: url('../img/nis_sprite.png') -12px -190px no-repeat;
  text-decoration: none;
  text-indent: -9999px;
  display: block;
  width: 320px;
  height: 30px;
}

#siteheadBottomPos{
  background: url('../img/nis_sprite.png') 590px -360px no-repeat;
  display: block;
  margin: 0 auto;
  width: 940px;
  height: 58px; /* 60 -border -padding */
  padding: 0px 35px;
}

/* Content */


#sitecontent{
  min-height: 200px;
  margin: 0 auto;
  clear: both;
  /*
   - wont work at full width sliding
  
  background: url('../img/nis_sprite.png') 590px -420px no-repeat;
  padding:0 35px;
  width:940px  
  */
  
}

#sitecontent.fpcontent{
  
}

#sitecontent.spcontent{
  background: url('../img/nis_sprite.png') 590px -420px no-repeat;
  padding:20px 35px;
  width:940px;
  margin-bottom:20px;
}

/* Footer */
#sitefoot{

  height: 220px;
  clear: both;
  background-image: url('../img/nis_footer_fallback.png');
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#111));
  background-image: -webkit-linear-gradient(top, #444, #111);
  background-image:    -moz-linear-gradient(top, #444, #111);
  background-image:     -ms-linear-gradient(top, #444, #111);
  background-image:      -o-linear-gradient(top, #444, #111);
}

#sitefootContent{
  margin: 0 auto;
  padding-top: 30px;
  width: 940px;
}

.sitefootColumn{
  width: 220px;
  min-height: 30px;
  float: left;
  margin-left: 20px;  
}
.sitefootColumnQuote{
  width: 440px;
  min-height: 30px;
  float: left;
  margin-left: 20px;  
}


.sitefootColumn:first-child{
  margin-left: 0;
}

#sitefootCol1{

}

#sitefootCol2{
  
}

#sitefootCol3{
  
}

#sitefootCol4{
  
}

.sitefootColumn ul{
  list-style-type: none;
  font-size: 11px;
  line-height: 18px;
}

.sitefootColumn li{
  padding-left: 10px;
  background: url('../img/nis_sprite.png') -492px -5px no-repeat;
}

.sitefootColumn a{
  color: #888;
  text-decoration: none;

}

.sitefootColumn a:hover, .sitefootColumn a:active{
  color: #ccc;
  text-decoration: none;
}

.twocolumn{ /* css3 version 
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;*/
  height: 140px;
  overflow: hidden;

}

.twocolumn li+li+li+li+li+li{ /* old version */
  position: relative;
  margin-left: 110px;
  top: -89px;
}

.testimonial{
  padding-left: 20px;
  font-size: 11px;
  color: #888;
  
  /*background: url('../img/nis_sprite.png') -490px -38px no-repeat;*/
}

.testimonial cite{
  color: #bebebe;
  font-size: 12px;
  line-height: 17px;
  font-style: italic;
  font-weight: bold;
  width: 400px;
  display: block;
}

.testimonial #citedName{
  margin-top: 10px;
  display: block;
}

.testimonial #citedCompany{
  display: block;
  
}

.testimonial #citedCompany a, .testimonial #citedName a{
  color: #888;
  text-decoration: none;
}

.testimonial #citedCompany a:hover, .testimonial #citedName a:hover,.testimonial #citedCompany a:active, .testimonial #citedName a:active{
  color: #fff;
}

#partnerlogos{
  display: block;
  text-align: center;
}

#partnerlogos img:first-child{
  margin-top:0;
}

#partnerlogos img{
  display: block;
  margin: 10px auto;
  border:0px;
}

#partnerlogos a, #partnerlogos a:hover{
  border:0px;
}


/* FRONTPAGE */

/* Big Carousel */

#frontpageCarousel{
  height: 340px;
  overflow: hidden;
  margin: 0px auto;
  position: relative;
}


#frontpageCarouselSlided{
  list-style-type: none;
  position: absolute;
  width: 20000px;
}


#frontpageCarouselSlided li.slided{
  height: 340px;
  float: left;
}

#frontpageCarouselControls{
  position: absolute;
  top: 390px;
  z-index: 1000;
  left:50%;
  height: 20px;
  background: rgba(0,0,0,0.7);
  background: #333\9; /* IE 8 and below hack */
  display: block;
  padding: 0 10px;
  z-index: 100;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

#frontpageCarouselControls a{
  width: 20px;
  height: 20px;
  background: url('../img/nis_sprite.png') -490px -38px no-repeat;
  background-position: -185px -6px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  float: left;
}

#frontpageCarouselControls a.selected{
  background-position: -215px -6px;
}

#frontpageCarouselPrev{
  position: absolute;
  top: 300px;
  left: 20px;
}

#frontpageCarouselNext{
  position: absolute;
  top: 300px;
  right: 20px;
}

#frontpageCarouselPrev, #frontpageCarouselNext{
  display: none !important;
}


/* Campaign */

.campaign{
  width: 940px;
  height: 340px;
  display: block;
  margin: 0 auto;
}

.campaignHeadline{
  position: absolute;
  /*margin: 80px 0 0 80px;*/
  margin: 50px 0 0 50px;
  font-size: 32px;
  color: #98c459;
}

.campaignTeaser{
  position: absolute;
  /*margin: 125px 0 0 80px;*/
  margin: 100px 0 0 50px;
  font-size: 14px;
  color: #555;
  /*width: 350px*/
  width: 340px;
}

.campaignText{
  position: absolute;
  /*margin: 180px 0 0 80px;*/
  margin: 210px 0 0 50px;
  font-size: 12px;
  color: #555;
  /*width:280px*/
  width: 320px;
}

.campaignText ul{
  list-style-type: none;
}

.campaignText li{
  /*line-height: 24px;*/
  line-height: 20px;
  padding-left: 30px;
  background: url('../img/nis_sprite.png') -483px -182px no-repeat;
}

.campaignCta{
  position: absolute;
  margin: 180px 0 0 380px;
  font-size: 13px;
  color: #333;
  min-width: 170px;
  padding: 15px;
  border: 2px solid #fff;
  background:url('../img/ctaarrow.png') 170px center no-repeat #fff\9; /* IE 8 and below hack */
  background:url('../img/ctaarrow.png') 170px center no-repeat rgba(255,255,255,0.8);
  text-decoration: none;
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  box-shadow:0 0 0 rgba(0,0,0,0.2);
    
  /* magic */
  -webkit-transition:all 0.5s ease-out;  
  -moz-transition:all 0.5s ease-out;  
  -o-transition:all 0.5s ease-out;  
  transition:all 0.5s ease-out; 

}

.campaignCta span{
  display: block;
  font-size: 11px;
  color: #999;
  
}

.campaignCta:hover{
  background-color: #fff;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
  
}


/* Quicklink Carousel */


#quicklinkCarousel{
  width: 950px;
  height: 100px;
  overflow: hidden;
  margin: 15px auto;
  position: relative;
  padding: 0 5px;
}

#quicklinkCarousel .caroufredsel_wrapper{
  padding: 0 5px;
}

#quicklinkCarousel ul{
  list-style-type: none;
  position: absolute;
  width: 20000px;
  height: 100px !important;
  padding: 5px 0;
}


#quicklinkCarousel li{
  width: 300px;
  height: 90px;
  background: url('../img/nis_fp_quicklinkbg.png') no-repeat;
  float: left;
  margin-right: 15px !important;
  margin-left: 5px !important;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}


#quicklinkCarouselPrev, #quicklinkCarouselNext{
  width: 30px;
  height: 30px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 480px;
  left: 50%;
  background-image: url('../img/nis_sprite.png');
}

#quicklinkCarouselPrev{
  background-position: -30px 0px;
  margin-left: -500px;
}

#quicklinkCarouselNext{
  background-position: 0px 0px;  
  margin-left: 470px;
}

.disabled{
  opacity: 0.1;
}


#quicklinkCarouselPrev:hover,#quicklinkCarouselPrev:active{
  background-position: -90px 0px;
}

#quicklinkCarouselNext:hover,#quicklinkCarouselNext:active{
  background-position: -60px 0px;  
}


#quicklinkCarouselSlided li img{
  width: 70px;
  height: 70px;
  float: left;
  margin: 10px;
  border: 0 none;
}

#quicklinkCarouselSlided li h4 a{
  float: left;
  width: 210px;
  margin: 10px 0 10px 0;
  
  font-size: 18px;
  color: #98c459;
  text-decoration: none;
}

#quicklinkCarouselSlided li p a{
  float: left;
  width: 210px;
  font-size: 11px;
  text-decoration: none;
  color: #555;
}





/* SUBPAGE - STANDARD */

#leftSide{
  width: 220px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 100px;
  background: url(../img/leftsidebottom.png) center bottom #efefef no-repeat;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}



#subContent{
  width: 460px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#rightSide{
  width: 220px;
  float: left;
  margin-bottom: 20px;
}

/*.subpageQuicklink{
  width: 180px;
  padding: 20px;
  height: 50px;
  display: block;
  background: url('../img/nis_subpage_quicklinkbg.png') no-repeat;*/
  
.subpageQuicklink{
  width: 180px; /*220*/
  padding: 20px;
  height: 70px;
  display: block;
  background: url('../img/nis_subpage_quicklinkbg.png') right bottom no-repeat #fefefe;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
  
  margin-bottom: 20px;
}

.subpageQuicklink img{
  float: left;
  /*margin: -5px 10px 0 -5px;*/
  margin: 0px 10px 0 0px;
  border: 0 none;
}

.subpageQuicklink p{
  margin-left:65px;
}

#rightSide p{
  line-height: 12px !important;
  font-size: 11px;
  color:#333;
  margin-bottom: 10px;
}

.subpageQuicklink p, a{
  color: #333;
  text-decoration: none;
}

.rightsideBox{
  width: 180px; /*220*/
  padding: 20px;
  min-height: 90px;
  display: block;
  
  background: url('../img/nis_rightboxbg.png') right bottom no-repeat #efefef;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0,0,0,.2);

  margin-bottom: 20px;
}

/* T Y P O G R A P H Y
------------------------------------*/

body{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}

h1,h2,h3,h4,h5,h6{
  font-weight: normal;
}

h1{
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 20px;
  color: #98c459;
}

h2{

}

h3{
  font-size: 14px;
  margin-bottom: 20px;
  color: #d5d5d5;
}

#rightSide h4{
  font-size: 14px;
  color: #98c459;
  margin-bottom: 5px;
}

#rightSide h4 a{
  color: #98c459;
  text-decoration: none;
}

h5{
  font-size: 16px;
  color: #555;
}

#leftSide h5{
  display: block;
  padding: 20px;
  border-bottom: 2px solid #fff;
}

h6{
  font-size: 14px;
  color: #bebebe;
  margin-bottom: 15px;
}


p{
  margin-bottom: 15px;
  line-height: 17px;
  color: #333;
}

p.preamble{
  font-size: 14px;
  line-height: 20px;
  
  display: block;
  padding: 20px 0;
  margin-bottom: 20px;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  
}

/* F O R M S */

fieldset{
  padding: 20px;
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
  border: 1px solid #dedede;
  margin-bottom: 20px;
  color: #333;
}

fieldset legend{
  padding: 0 10px;
  margin-left: -10px;
  font-size: 14px;
  font-weight: normal;
  color: #555;
}

label{
  display: block;
  font-weight: bold;
  margin:10px 0 5px 0;
}


input.text{
  width: 210px;
  padding-left: 10px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #ccc;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}


input.checkbox{
  
}


input.radiobtn{
  
}

textarea{
  width: 200px;
  height: 160px;
  border: 1px solid #ccc;
  padding: 10px;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  
  resize:none;
  display: block;
}

button{
}

button.submit, input.submit{
  margin: 20px 0;
  font-size: 12px;
  text-align: center;
  padding: 4px 10px;
  color: #fff;
  text-shadow: 0 -1px 0px #64813a;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;

  box-shadow: inset 0 0 2px rgba(255,255,255,0.4);
  border: 1px solid #98c459;
  background: #87ae4f; /* fallback */
  
  background-image: url('../img/nis_btnfallback.png');
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98c459), to(#749544));
  background-image: -webkit-linear-gradient(top, #98c459, #749544);
  background-image:    -moz-linear-gradient(top, #98c459, #749544);
  background-image:     -ms-linear-gradient(top, #98c459, #749544);
  background-image:      -o-linear-gradient(top, #98c459, #749544);
  
  cursor: pointer;
}

button.submit:hover, input.submit:hover{
  box-shadow:0 0 5px #98c459;
}

button.submit:active, input.submit:active{
  background-image: url('../img/nis_btnactivefallback.png');
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#749544), to(#98c459));
  background-image: -webkit-linear-gradient(top, #749544, #98c459);
  background-image:    -moz-linear-gradient(top, #749544, #98c459);
  background-image:     -ms-linear-gradient(top, #749544, #98c459);
  background-image:      -o-linear-gradient(top, #749544, #98c459);
  padding: 5px 10px 3px 10px;
}

/* Validation -*/
.valid{
  border: 1px solid #98c459 !important;
}

.invalid{
  border: 1px solid #990000 !important;
  background: #ffdfdf !important;
}

label.valid{
  border: 0 none !important;
}

label.invalid{
  border: 0 none !important;
  background: none !important;
  color: #990000;
}

/* N A V I G A T I O N
------------------------------------*/

nav ul{
  list-style-type: none;
}

/* UserNavigation */

#userNavigation{
  background: url('../img/nis_sprite.png') 590px -330px no-repeat;
  width: 940px;
  height: 22px; /* 30 -border -padding */
  padding: 7px 35px 0px 35px;
  margin: 0 auto;
  font-size: 11px;
}

#userNavigation ul{
  text-align: right;
}

#userNavigation li {
  display: inline;
  margin-left: 10px;
}

#userNavigation li a{
  color: #888;
  text-decoration: none;
}

#userNavigation li a:hover{
  color: #fff;

}


/* MainNavigation */

#mainNavigation{
  font-size: 15px;
  width: 620px;
  float: left;
  text-align: right;
}

#mainNavigation ul{
  
}

#mainNavigation li{
  display: inline;
}

#mainNavigation li a{
  color: #ccc;
  font-weight: normal;
  text-decoration: none;
  padding: 0px 10px;
  line-height: 58px;
  
  display: inline-block;
  
  text-shadow: 0 -1px 1px #000;  
}

#mainNavigation li a:hover, #mainNavigation li a:active{

  color: #fff;
  background-image: url('../img/nis_mainnavhover_fallback.png');
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
  background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
  background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
  background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
}

#mainNavigation li a.selected, #mainNavigation li a:active{
  color:#98c459 !important;
}


/* Megadrop */

.megadropout a{
  color: #fff;
  background-image: url('../img/nis_mainnavhover_fallback.png');
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
  background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
  background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
  background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
}

.megadrop{
  position: absolute;
  background: #000;
  
  left: 50%;
  z-index: 1000;
  top: 89px;
  color: #ccc;
  font-size: 12px;
  text-align: left;
}

.megadropContent{
  margin: 0 auto;
  width: 940px;
  padding: 20px 0px\9;
}

.megadropcol{
  width: 220px;
  float: left;
  margin: 20px 0px 20px 20px;
}

.megadropcol:first-child{
  margin-left: 0;
}

.megadropdoublecol{
  width: 460px;
  float: left;
  margin: 20px 0px 20px 20px;
}

.megadrop li{
  display:block !important;
}

.megadrop li:first-child a{
  border-top: 0 none;
}

.megadrop li a{
  border-top: 1px solid #232323;
  display:block !important;
  line-height: 14px !important;
  padding: 5px 0 5px 20px !important;
  background: url('../img/nis_sprite.png') -244px -122px no-repeat;
}

.megadrop li a:hover{
  background: url('../img/nis_sprite.png') -244px -152px no-repeat !important;
}

.megadrop img{
  float: left;
  margin: 0 0 20px 0;
  border: 0 none;
}

/* SubNavigation */


#subNavigation{
  /*padding: 20px;*/
  padding: 5px;
}
#subNavigation ul.level2 li:last-child{
  line-height: 14px;
  padding-bottom: 0px;
}


/* level1 */

#subNavigation ul.level1{

}

#subNavigation ul.level2{
  margin:15px 0 0 15px;
  display: none;
}


#subNavigation ul.level1 li, #subNavigation ul.level2 li{
  line-height: 14px;
  padding-bottom: 15px;
}

#subNavigation ul.level1 li a, #subNavigation ul.level2 li a{
  color: #555;
  text-decoration: none;
  padding: 4px;
}

.folding{
  background: url('../img/nis_sprite.png') -248px -8px no-repeat;
  display: block;
  height: 6px;
  width: 6px;
  text-indent: -9999px;
  float: left;
  
}


.nofolding{
  display: block;
  height: 6px;
  width: 6px;
  text-indent: -9999px;
  float: left;
}

.out{
  background: url('../img/nis_sprite.png') -248px -38px no-repeat;
}

.subselected{
  font-weight: bold;
}

/* hovers and selected */


#subNavigation ul.level1 li a:hover, #subNavigation ul.level2 li a:hover{
  background-color: #98c459;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
}

a.folding:hover{
  background: url('../img/nis_sprite.png') -248px -69px no-repeat;
}

a.folding.out:hover{
  background: url('../img/nis_sprite.png') -248px -99px no-repeat;
}

a.nofolding:hover{
  background: none !important;
  background-color: none !important;
  cursor: default;
}













































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */