/* | styles for karott.be | last update: 21/06/2009 | */
@import url(reset.css);
body {
  text-align: center;
  font-size: 12px;
  font-family: helvetica, arial, sans-serif;
  line-height: 18px;
  background-color: #ff5b11;
  color: #333333; }

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: 18px;
  font-weight: bold;
  line-height: 27px;
  color: #f26522;
  margin-bottom: 9px; }

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

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: white; }
      #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: white;
  margin: 0 auto 18px auto;
  overflow: auto; }

#feature {
  float: left;
  height: 368px;
  width: 960px;
  background-image: url("../_images/karott-test-bg.png");
  background-repeat: no-repeat; }
  #feature 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: white; }
        #nav ul li a:hover {
          text-decoration: none;
          color: #eeeeee; }
    #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: white; }

.dummy {
  display: none; }

#subnav {
  float: left;
  line-height: 27px; }
  #subnav li {
    float: left;
    margin-right: 24px; }
    #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; }

.full {
  margin-bottom: 18px; }

.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 {
      font-weight: bold; }

.listed ul {
  margin-bottom: 18px; }
  .listed ul li {
    line-height: 26px;
    padding: 0 0 0 18px;
    background-image: url("../_images/bullet1-t.png");
    background-repeat: no-repeat;
    background-position: 0 7px; }

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

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

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

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

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

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

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

.highlighted {
  background-color: #f4f1ef; }

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

.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; }

.items {
  border-top: 1px solid #75c043;
  margin-bottom: 17px; }
  .items li {
    line-height: 26px;
    border-bottom: 1px solid #75c043;
    padding: 0 0 0 18px;
    background-image: url("../_images/bullet1-t.png");
    background-repeat: no-repeat;
    background-position: 2px 7px; }
    .items li.special {
      background-image: url("../_images/bullet2-t.png") !important; }

.items2 {
  border-top: 1px solid #75c043;
  margin-bottom: 17px; }
  .items2 li {
    line-height: 26px;
    border-bottom: 1px solid #75c043;
    padding: 0 0 0 18px;
    background-image: url("../_images/bullet2-t.png");
    background-repeat: no-repeat;
    background-position: 2px 7px; }
    .items2 li.special {
      background-image: url("../_images/bullet1-t.png") !important; }

.legend {
  background-color: #f26522;
  color: white;
  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; }

#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: white;
  font-size: 14px;
  font-weight: bold;
  line-height: 27px;
  background-color: #75c043; }
  a.button:hover {
    background-color: #f26522;
    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; }

.cover {
  padding-bottom: 36px;
  width: 100%;
  float: left; }
  .cover p.cta {
    float: left;
    color: #a72d7c;
    width: 200px;
    font-weight: bold;
    font-size: 16px;
    padding-top: 54px; }
  .cover img {
    float: left;
    margin-right: 36px; }

.fb {
  margin-top: 36px; }

#intromenu {
	width: 550px;
	height: 550px;
	margin: 36px auto 0 auto;
}

#buffer {
	float: left;
	margin: 36px 0 0 100px;
}

a.twitter {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  text-indent: -5000px;
  margin-right: 9px;
  margin-bottom: 9px;
  background: transparent url("../_images/twitter.png") 0 0 no-repeat; }

a.linkedin {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  text-indent: -5000px;
  margin-right: 9px;
  margin-bottom: 9px;
  background: transparent url("../_images/linkedin.png") 0 0 no-repeat; }

p.twitterlink a {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  text-indent: -5000px;
  background: transparent url("../_images/bigtwitter.png") 0 0 no-repeat; }