/* | styles for karott.be | last update: 15/09/2009 | */
@import url(reset.css);
body {
  text-align: center;
  font-size: 12px;
  font-family: helvetica, arial, sans-serif;
  line-height: 18px;
  background-color: #ff5b11;
  /* background-image: url('../_images/karottbg.png');
  background-repeat: repeat-x; */
  color: #333; }

a {
  color: #f26522;
  text-decoration: none; }
  a:hover {
    color: #75c043;
    text-decoration: underline; }

h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
  color: #75c043;
  margin-bottom: 9px; }

h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #f26522;
  padding-bottom: 9px; }

h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 27px;
  color: #f26522;
  margin-bottom: 9px; }

.news {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 8px 0 0 0; }
  .news h3 {
    font-size: 16px;
    font-weight: bold; }

.minifoot {
  color: #656565;
  margin: 0 0 0 18px;
  padding: 0; }

img {
  vertical-align: bottom; }

#langswitch {
  width: 948px;
  margin: 0 auto;
  padding-right: 12px;
  height: 18px;
  line-height: 18px;
  font-size: 9px;
  text-align: right;
  text-transform: uppercase;
  color: #fedbc8; }
  #langswitch ul {
    float: right; }
    #langswitch ul li {
      float: left; }
      #langswitch ul li a {
        color: #fedbc8;
        padding: 0 6px; }
        #langswitch ul li a:link, #langswitch ul li a:visited {
          color: #fedbc8; }
        #langswitch ul li a:hover {
          color: #fff; }
      #langswitch ul li.current a {
        color: #fea06e; }
        #langswitch ul li.current a:hover {
          color: #fea06e;
          cursor: default;
          text-decoration: none; }

#container {
  width: 960px;
  text-align: left;
  background-color: #fff;
  margin: 0 auto 18px auto;
  overflow: auto; }

#sponsor {
    width: 960px;
    text-align: right;
    margin: 0 auto 18px auto;
    overflow: auto; }

#feature {
  float: left;
  height: 368px;
  width: 960px;
  background-image: url('../_images/karott_head_basic.png');
  background-repeat: no-repeat; }
  #feature h1 {
    display: none; }

#feature2 {
  float: left;
  height: 26px;
  width: 960px;
  background-image: url('../_images/karott_head_min.png');
  background-repeat: no-repeat; }
  #feature2 h1 {
    display: none; }


#nav {
  float: left;
  width: 936px;
  height: 42px;
  margin: 3px 12px 0 12px; }
  #nav ul {
    position: relative;
    overflow: hidden;
    background-image: url('../_images/karott_navbg.png');
    background-repeat: repeat-x;
    background-position: 0 6px; }
    #nav ul li {
      float: left;
      display: block;
      line-height: 42px;
      height: 42px; }
      #nav ul li a {
        float: left;
        display: block;
        z-index: 10;
        position: relative;
        left: 0;
        overflow: hidden;
        display: block;
        height: 42px;
        padding: 0 12px;
        margin: 0 18px;
        font-size: 15px;
        color: #fff; }
        #nav ul li a:hover {
          text-decoration: none;
          color: #eee; }
    #nav ul li.back {
      position: absolute;
      background-image: url('../_images/karott_navbg_on.png');
      background-repeat: no-repeat;
      background-position: 0 6px; }
      #nav ul li.back a {
        color: #fff; }

#subnav {
  float: left;
  line-height: 27px; }
  #subnav li {
    float: left;
    margin-right: 24px; }
    #subnav li.dummy {
      display: none; }
    #subnav li .active {
      color: #75c043;
      cursor: default; }
      #subnav li .active a {
        cursor: default; }
        #subnav li .active a:hover {
          cursor: default; }
    #subnav li a {
      color: #656565; }
      #subnav li a:hover {
        color: #75c043;
        text-decoration: none; }

.main {
  float: left;
  width: 936px;
  margin: 0 12px;
  padding: 18px 0 36px 0; }

.column {
  float: left;
  margin-right: 12px; }
  .column p {
    margin-bottom: 18px; }
    .column p strong {
      color: #75c043;
      font-weight: bold; }
    .column p em {
        color: #75c043;
          font-weight: bold; }
  .column ul {
    margin-bottom: 18px; }
    .column ul li {
      line-height: 18px;
      font-style: normal;
      padding: 0 0 0 18px;
      background-image: url('../_images/bullet2-t.png');
      background-repeat: no-repeat;
      background-position: 2px 4px; }

#intromenu {
    width:622px;
    height:464px;
    padding: 54px 52px 0 0;
    margin: 0 auto;
}

#intromenu #buffer {
    padding: 45px 0 0 138px;
}

.single {
  width: 936px;
  padding: 0 6px; }

.full {
  width: 936px;
  padding: 0}

.simple {
  width: 225px;
  padding: 9px 0; }

.simplepadded {
  width: 213px;
  padding: 9px 6px; }

.simplepaddedlarge {
    width: 220px;
    padding: 9px 6px;
    margin-right: 0 !important }

.double {
  width: 462px;
  padding: 9px 0; }

.doublepadded {
  width: 450px;
  padding: 9px 6px; }

.triple {
  width: 699px;
  padding: 9px 0; }

.triplepadded {
  width: 687px;
  padding: 9px 6px; }

.quadruple {
  width: 948px;
  padding: 9px 0; }

.quadruplepadded {
  width: 936px;
  padding: 9px 6px; }

.last {
  margin-right: 0 !important; }

.highlighted {
  background-color: #f4f1ef; }

.rounded {
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px; }

.cover {
    margin-top: 36px;
    text-align: center;}

.roundedtop {
  -moz-border-radius: 11px;
  -moz-border-radius-topleft: 11px;
  -webkit-border-top-left-radius: 11px;
  border-top-left-radius: 11px;
  -moz-border-radius-topright: 11px;
  -webkit-border-top-right-radius: 11px;
  border-top-right-radius: 11px; }

.roundedbottom {
  -moz-border-radius-bottomleft: 11px;
  -webkit-border-bottom-left-radius: 11px;
  border-bottom-left-radius: 11px;
  -moz-border-radius-bottomright: 11px;
  -webkit-border-bottom-right-radius: 11px;
  border-bottom-right-radius: 11px; }

#footer {
  float: left;
  width: 960px;
  text-align: center;
  padding: 18px 0;
  background-color: #e0e0e0;
  background-image: url('../_images/karott_footerbg.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  color: #2e2e2e; }
  #footer span {
    color: #f26522; }
  #footer a:link,#footer a:visited {
      color: #2e2e2e;
      text-decoration: none;
  }
  #footer a:hover {
        color: #f26522;
        text-decoration: underline;
    }
.items {
  border-top: 1px solid #75c043;
  margin-bottom: 17px; }
  .items li {
    font-style: normal !important;
    line-height: 17px !important;
    border-bottom: 1px solid #75c043;
    padding: 9px 0 9px 18px !important;
    background-image: url('../_images/bullet1-t.png');
    background-repeat: no-repeat;
    background-position: 2px 11px !important; }
    .items li.special {
      background-image: url('../_images/bullet2-t.png') !important; }

.items2 {
  border-top: 1px solid #75c043;
  margin-bottom: 17px; }
  .items2 a {
    color: #333; }
  .items2 li {
    font-style: normal !important;
    line-height: 17px !important;
    border-bottom: 1px solid #75c043;
    padding: 9px 0 9px 18px !important;
    background-image: url('../_images/bullet2-t.png');
    background-repeat: no-repeat;
    background-position: 2px 11px !important; }
    .items2 li.special {
      background-image: url('../_images/bullet1-t.png') !important; }

.items2b {
  margin-bottom: 18px; }
  .items2b a {
    color: #333; }
  .items2b li {
    font-style: normal !important;
    line-height: 17px !important;
    border-bottom: 1px solid #75c043;
    padding: 9px 0 9px 18px !important;
    background-image: url('../_images/bullet2-t.png');
    background-repeat: no-repeat;
    background-position: 2px 11px !important; }
    .items2b li.special {
      background-image: url('../_images/bullet1-t.png') !important; }



.doubled {
    float: left;
    width: 219px;
    margin-right: 6px;}
    
.second {
    float: left;
    width: 219px;
    margin-left: 6px;}

.items3 {
    padding: 0 !important;
    margin: 0 !important;}
    .items3 li {
        font-style: normal !important;
        background: url('../_images/line1.png') bottom left repeat-x !important;
        border-bottom: none;
        line-height: 18px !important;
        padding: 0 !important;}


.multi {
    margin-top: 18px;
    -moz-column-count: 4;
    -moz-column-gap: 12px;
    -webkit-column-count: 4;
    -webkit-column-gap: 12px;
    column-count: 4;
    column-gap: 12px;}
    

.people {
  margin-bottom: 18px; }
  .people li {
    font-style: normal !important;
    line-height: 17px !important;
    padding: 3px 0 3px 18px !important;
    background-image: url('../_images/bullet2-t.png');
    background-repeat: no-repeat;
    background-position: 2px 6px !important; }
  .people li a.current {
    color: #75c043;}

.person h3 {
  font-size: 18px;
  margin: 0;
  color: #2e2e2e; }
.person h4 {
  font-size: 14px;
  margin: 0;
  color: #656565; }
.person p {
  margin: 9px 0; }

.legend {
  background-color: #f26522;
  color: #fff;
  padding: 9px 6px; }

.pullquote {
  display: block;
  float: right;
  padding: 0 6px;
  margin: 0 0 9px 6px;
  width: 222px;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  color: #2e2e2e;
  border-left: 3px solid #cccccc; }

#flash {
  width: 936px;
  height: 360px;
  float: left;
  margin: 9px 0 0 12px; }

#mininav {
  width: 100%;
  text-align: center;
  margin: 54px 0 27px 0; }
  #mininav li {
    display: inline;
    padding: 0 12px; }
  #mininav a {
    color: #656565; }
    #mininav a:hover {
      color: #75c043;
      text-decoration: none; }

#tempmenu {
    margin:36px 0 0 275px;
}

#topmenu {
  float: left;
  width: 100%;
  background-image: url('../_images/karottbg_blank_top.png');
  background-repeat: no-repeat; }

h1#logo {
  width: 120px;
  height: 126px;
  margin: 27px 0 0 420px;
  text-indent: -5000px;
  background-image: url('../_images/karott_logo.png');
  background-repeat: no-repeat; }

.langblock {
  float: left;
  width: 283px;
  margin: 45px 18px;
  text-align: center; }
  .langblock p {
    padding: 45px 12px; }

a.button {
  display: block;
  width: 195px;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 27px;
  background: url('../_images/buttonbg.png') 0 0 no-repeat;
  }
  a.button:hover {
    background: url('../_images/buttonbg.png') 0 -56px no-repeat;
    color: #ddd;
    text-decoration: none; }

/* subnav positioning */
#communication #subnav {
  margin-left: 43px; }

#editing #subnav {
  margin-left: 250px; }

#interactive #subnav {
  margin-left: 400px; }

#spirit #subnav {
  margin-left: 574px; }

#team #subnav {
  margin-left: 668px; }


/* temp content */

#temp1 {
    //background: url('/_images/temp/framebg.png') 0 0 no-repeat;
    width:462px;
    height:308px;
    float:left;
    margin:36px 0 0 0;
}

#temp1 h3 {
    margin-top: 110px;
    margin-left:207px;
    color: #759a4c;
    font-size: 18px;
    line-height: 16px;
}

#temp1 h4 {
    margin-left:207px;
    font-size: 16px;
    line-height: 10px;
    color: #666;
    font-weight: normal;
}

#temp1 h4 em {
    color: #f26522;
    font-style: normal;
}

#temp1 strong {
    color: #f26522;
}

#temp1 p {
    padding: 4px 36px 0 36px;
    line-height: 16px;
}