@import url('reset.css');

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

html {
  height: 100%;
}

body {
  background: #7ba708 url('../img/back.jpg') top center no-repeat;
  height: 100%;
  text-align: center;
  overflow-x:hidden;
  overflow: scroll; 
  overflow: -moz-scrollbars-vertical; 
}

#container {
  background-color: #ffffff;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  min-height: 100%;
  position: relative;
  text-align: left;
  width: 960px;
}

#popup {
  background-color: #ffffff;
  margin: 0 auto;
  position: relative;
}

#popup-top {
    width: 740px;
    height: 5px;
    background-image: url('../img/layer_top.gif');
    background-repeat: no-repeat;
}

#popup-content {
  text-align: left;
  width: 680px;
  height: 390px;
  padding: 30px;
  overflow: hidden;
}

#popup-bottom {
    width: 740px;
    height: 5px;
    background-image: url('../img/layer_bottom.gif');
    background-repeat: no-repeat;
}

/**
 * Header
 */
    #header {
      height: 167px;
      position: relative;
    }

    #header {
      background: url('../img/badge-top-green.gif') bottom left no-repeat;
    }

    #header #meta-top {
      float: right;
      list-style: none;
      margin-top: 10px;
    }

    #header #meta-top li {
      float: left;
      margin-right: 10px;
    }

    #header #meta-top li a {
      color: #cfcfcf;
      font-size: 11px;
      text-decoration: none;
    }

    #header #meta-top li a:hover {
      color: #888888;
    }

    #header #logo {
      left: 80px;
      position: absolute;
      top: 25px;
    }

    #header #menu {
      bottom: 0;
      height: 65px;
      left: 67px;
      list-style: none;
      position: absolute;
    }
    
    * html #header #menu {
        bottom: -1px;
    }

    #header #menu li {
      background: url('../img/menu-separator.gif') top right no-repeat;
      float: left;
      height: 65px;
    }

    #header #menu li a {
      color: #c1d82f;
      font-family: Georgia;
      font-size: 15px;
      line-height: 53px;
      text-decoration: none;
      margin: 0 11px;
    }
    
    #header #menu li a:hover,
    #header #menu li.active-die-initiative a,
    #header #menu li.active-die-idee-der-verantwortung a,
    #header #menu li.active-wir-tragen-verantwortung a,
    #header #menu li.active-veroeffentlichungen a
    {
      color: #9EA374;
    }
    
    #header #menu li a.blue {
      color: #a7bfd3;
    }
    
    #header #menu li a.blue:hover,
    #header #menu li.active-mitmachen a {
      color: #738391;
    }
    
    #header #menu li.active-die-initiative {
      background: url('../img/menu-active-die-initiative.jpg') right top no-repeat;
    }
    
    #header #menu li.active-die-idee-der-verantwortung {
      background: url('../img/menu-active-die-idee-der-verantwortung.jpg') right top no-repeat;
    }
    
    #header #menu li.active-wir-tragen-verantwortung {
      background: url('../img/menu-active-wir-tragen-verantwortung.jpg') right top no-repeat;
    }
    
    #header #menu li.active-mitmachen {
      background: url('../img/menu-active-mitmachen.jpg') right top no-repeat;
    }
    
    #header #menu li.active-veroeffentlichungen {
      background: url('../img/menu-active-veroeffentlichungen.jpg') right top no-repeat;
    }

/**
 * Badge
 */
    #badge {
      padding: 0 0 11px 0;
      position: relative;
    }
	
	.home-badge  {
	  background: url('../img/badge-bg.jpg') left top no-repeat;
	}

    #badge #edge-bottom {
      bottom: 0;
      height: 11px;
      left: 0;
      position: absolute;
      width: 11px;
    }

    #badge #edge-bottom {
      background: url('../img/badge-bottom-green.gif') top left no-repeat;
    }

    #badge img {
      display: block;
    }

/**
 * Miscellaneous
 */
    #content {
      padding: 17px 80px 30px 80px;
      position: relative;
    }

    #arcandorlogo {
      bottom: 70px;
      position: absolute;
      right: 73px;
    }

    p {
      color: #888888;
      line-height: 17px;
      margin-bottom: 21px;
    }
    
    p.second {
      font-family: Georgia;
      font-style: italic;
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 28px;
    }

    h1, h2 {
      color: #9ea374;
      font-family: Georgia;
      font-weight: normal;
      margin-bottom: 8px;
    }

    h1 {
      font-size: 25px;
    }

    h2 {
      font-size: 18px;
    }

    a {
      color: #c1d82f;
      text-decoration: none;
    }
    
    a:hover {
      color: #9ea374;
    }
    
    a.arrow {
      background: url('../img/arrow.gif') left center no-repeat;
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      line-height: 18px;
      padding: 0 0 0 13px;
    }
    
    a.arrow-selected {
      background: url('../img/arrow-selected.gif') left center no-repeat;
      color: #9ea374;
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      line-height: 18px;
      padding: 0 0 0 13px;
    }
    
    .line {
      border-top: 1px dotted #c3c3c3;
      height: 22px;
    }
    
    .line-special {
      border-top: 1px dotted #c3c3c3;
      margin-bottom: 30px;
    }
    
    input {
      background: url('../img/input-blue-bg.gif');
      border: 0;
      color: #a7bfd3;
      font-family: Arial;
      font-size: 12px;
      height: 22px;
      margin: 0 10px 10px 0;
      padding: 7px 10px 0 10px;
      width: 231px;
    }
    
    input.error {
      background: url('../img/input-error-bg.gif') !important;
      color: #ff0000 !important;
    }
    
    input.last {
      margin-right: 0;
    }
    
    textarea {
      background: url('../img/textarea-blue-bg.gif');
      border: 0;
      color: #a7bfd3;
      font-family: Arial;
      font-size: 12px;
      height: 93px;
      margin: 0 0 16px 0;
      padding: 7px 10px 0 10px;
      width: 492px;
    }
    
    input.checkbox {
      background: none;
      float: left;
      margin: 0 6px;
      width: auto;
    }
    
    label {
      color: #666666;
      display: block;
      float: left;
      padding: 3px 0 15px 0;
      width: 480px;
      #width: 450px;
    }
    
    .selectfile {
      height: 39px;
      position: relative;
    }
    
    .error-box {
      background: url('../img/error-bg-center.gif') top left repeat-y;
      color: #ff0000;
      margin: 0 0 14px 0;
      padding: 8px;
      position: relative;
      width: 496px;
    }

    .error-box .etop {
      background: url('../img/error-bg-top.gif') top left no-repeat;
      height: 5px;
      left: 0;
      position: absolute;
      top: 0;
      width: 512px;
    }

    .error-box .ebottom {
      bottom: 0;
      background: url('../img/error-bg-bottom.gif') top left no-repeat;
      height: 5px;
      left: 0;
      position: absolute;
      width: 512px;
    }

/**
 * Neuigkeiten
 */
    .neuigkeiten a {
      font-weight: bold;
    }

    .neuigkeiten span {
      color: #c1c5a5;
      padding-left: 8px;
    }
    
    .neuigkeiten p {
      margin-bottom: 8px;
    }
    
    .neuigkeiten p img {
      float: left;
      margin: 10px 10px 10px 0;
    }
    
    .neuigkeiten .line {
      background: url('../img/line-neuigkeiten.gif') top left repeat-x;
      border: 0;
      height: 1px;
      margin-bottom: 8px;
    }

/**
 * Pagefunctions
 */
    .fnc {
      background: #f2f7dd url('../img/fnc-top.gif') top left no-repeat;
      height: 29px;
      margin: 0 0 32px 0;
      padding: 16px 20px;
      position: relative;
    }

    .fnc-bottom {
      background: #f2f7dd url('../img/fnc-bottom.gif') bottom left no-repeat;
      bottom: 0;
      left: 0;
      height: 16px;
      position: absolute;
      width: 800px;
    }

    .fnc select {
      float: left;
      margin: 6px 24px 0 0;
      width: 184px;
    }

    .fnc .paging {
      color: #888888;
      float: right;
      height: 20px;
      position: relative;
      padding: 9px 50px 0 50px;
      text-align: center;
      width: 230px;
    }

    .fnc .paging a {
      color: #c1d82f;
      text-decoration: none;
      padding: 0 5px;
    }

    .fnc .paging a.current {
      color: #9ea374;
    }

    .fnc .paging .first {
      background: url('../img/first.gif') top left no-repeat;
      height: 24px;
      top: 5px;
      left: 0;
      padding: 0;
      position: absolute;
      width: 24px;
    }

    .fnc .paging .previous {
      background: url('../img/previous.gif') top left no-repeat;
      height: 24px;
      top: 5px;
      left: 24px;
      padding: 0;
      position: absolute;
      width: 24px;
    }

    .fnc .paging .next {
      background: url('../img/next.gif') top left no-repeat;
      height: 24px;
      top: 5px;
      right: 24px;
      padding: 0;
      position: absolute;
      width: 24px;
    }

    .fnc .paging .last {
      background: url('../img/last.gif') top left no-repeat;
      height: 24px;
      top: 5px;
      right: 0;
      padding: 0;
      position: absolute;
      width: 24px;
    }

/**
 * Zitate
 */
    .zitate-listenansicht .zitat img {
      margin: 5px 25px 0 0;
      float: left;
    }

    .zitate-listenansicht .zitat .text {
      float: left;
      width: 615px;
    }

    .zitate-listenansicht .zitat h1 {
      font-style: italic;
      margin-bottom: 6px;
      padding-left: 2px;
    }

    .zitate-listenansicht .zitat span {
      color: #888888;
      display: block;
      font-family: Georgia;
      font-style: italic;
      margin-bottom: 7px;
    }

    .zitate-listenansicht .zitat p {
      background: url('../img/quote.gif') 0 0 no-repeat;
      font-family: Georgia;
      font-size: 15px;
      font-style: italic;
      margin-bottom: 0;
      text-indent: 28px;
      padding-top: 5px;
    }

    .zitate-listenansicht .toplink {
      border-bottom: 1px dotted #c3c3c3;
      height: 24px;
      margin-bottom: 27px;
      padding-top: 8px;
      text-align: right;
    }
    
    .zitate-galeryansicht ul {
      border-bottom: 1px dotted #c3c3c3;
      list-style: none;
      margin: 0 0 26px;
      padding: 0 0 26px 0;
      width: 100%;
    }
    
    .zitate-galeryansicht ul li {
      border-right: 1px dotted #c3c3c3;
      float: left;
      margin: 0 26px 0 0;
      padding: 0 26px 0 0;
      position: relative;
    }
    
    .zitate-galeryansicht ul li.last-in-a-row {
      border: 0;
      margin: 0;
      padding: 0;
    }
    
    .zitate-galeryansicht ul li img {
      display: block;
      cursor: pointer;
    }
    
    .zitate-galeryansicht ul li img.arrow {
      bottom: 5px;
      position: absolute;
      right: 30px;
      z-index: 10;
    }
    
    .zitate-galeryansicht ul li.last-in-a-row img.arrow {
      right: 5px;
    }
    
    .layer {
      width: 531px;
      text-align: left;
      z-index: 20;
    }
    
    .layer .top {
      background: url('../img/layer-top.png') top left no-repeat;
      height: 12px;
    }
    
    .layer .center {
      background: #ffffff;
      padding: 20px 30px; 
    }
    
    .layer .center h1 {
      font-style: italic;
    }
    
    .layer .center span {
      color: #888888;
      display: block;
      font-family: Georgia;
      font-style: italic;
      margin-bottom: 7px;
    }
    
    .layer .center p {
      background: url(../img/quote.gif) no-repeat;
      font-family: Georgia;
      font-size: 15px;
      font-style: italic;
      margin-bottom: 0;
      padding-top: 5px;
      text-indent: 28px;
    }
    
    .layer .bottom {
      background: url('../img/layer-bottom.png') top left no-repeat;
      height: 12px;
    }
    
    .zitate-galeryansicht-small {
      list-style: none;
      margin: 0 0 7px 0;
      width: 100%;
    }
    
    .zitate-galeryansicht-small li {
      border-right: 1px dotted #c3c3c3;
      float: left;
      margin: 0 17px 0 0;
      padding: 0 17px 0 0;
      position: relative;
    }
    
    .zitate-galeryansicht-small li.last-in-a-row {
      border: 0;
      margin: 0;
      padding: 0;
    }
    
    .zitate-galeryansicht-small li img {
      display: block;
      cursor: pointer;
    }
    
    .zitate-galeryansicht-small li img.arrow {
      bottom: 5px;
      position: absolute;
      right: 22px;
    }
    
    .zitate-galeryansicht-small li.last-in-a-row img.arrow {
      right: 5px;
    }

/**
 * Split mit Teaserspalte
 */

  .split-teaser {
    background: url('../img/line-y.gif') 591px 0 repeat-y;
  }
  
  .split-teaser .st-left {
    float: left;
    width: 560px;
  }
  
  .split-teaser .st-right {
    float: right;
    width: 180px;
  }
  
  .split-teaser .st-right img {
    margin-bottom: 10px;
  }
  
  .split-teaser .st-right a {
    font-weight: normal;
  }

/**
 * Split zwei Spalten
 */

  .split-twocols .stc-left {
    float: left;
    width: 47%;
  }
  
  .split-twocols .stc-right {
    float: right;
    width: 47%;
  }

/**
 * Archiv
 */

  .archiv a {
    font-weight: bold !important;
  }
  
  .archiv .line {
    background: url('../img/line-neuigkeiten.gif') top left repeat-x;
    border: 0;
    height: 1px;
    margin: 10px 0 9px 0;
  }

/**
 * Box blau in twocols auf weiß
 */
 
  .box-bluesmall {
    background: url('../img/box-bluesmall-center.gif') top left repeat-y;
    margin: 0 0 14px 0;
    padding: 14px 0 10px 0;
    position: relative;
    text-align: center;
  }

  .box-bluesmall .top {
    background: url('../img/box-bluesmall-top.gif') top left no-repeat;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 512px;
  }

  .box-bluesmall .bottom {
    bottom: 0;
    background: url('../img/box-bluesmall-bottom.gif') top left no-repeat;
    height: 10px;
    left: 0;
    position: absolute;
    width: 512px;
  }

  .box-bluesmall .button {
    background: url('../img/button2-left.gif') left no-repeat;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-left: 74px;
    text-decoration: none;
    float: left;
  }

  .box-bluesmall .button span {
    background: url('../img/button2-right.gif') right no-repeat;
    color: #a7bfd3;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    margin-left: 51px;
    padding: 0 30px 4px 8px;
  }

/**
 *
 */

  .box-green {
    background: url('../img/box-green-center.gif') top left repeat-y;
    padding: 24px;
    position: relative;
  }

  .box-green .top {
    background: url('../img/box-green-top.gif') top left no-repeat;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 560px;
  }

  .box-green .bottom {
    bottom: 0;
    background: url('../img/box-green-bottom.gif') top left no-repeat;
    height: 10px;
    left: 0;
    position: absolute;
    width: 560px;
  }
  
  .box-green input {
    background-image: url('../img/input-green-bg.gif');
    color: #c1d82f;
  }
  
  .box-green textarea {
    background-image: url('../img/textarea-green-bg.gif');
    color: #c1d82f;
  }
  
  .box-green .line {
    border-top: 1px dotted #dbe3ad;
    height: 13px;
  }

  .box-green span {
    color: #9ea374;
    display: block;
    font-weight: bold;
    margin-bottom: 7px;
  }

  .box-green a {    
    text-decoration: underline;
  }
  
  .box-greeningreen {
    background: url('../img/box-greeningreen-center.gif') top left repeat-y;
    padding: 12px 0 11px 0;
    position: relative;
    text-align: center;
  }

  .box-greeningreen .top {
    background: url('../img/box-greeningreen-top.gif') top left no-repeat;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 512px;
  }

  .box-greeningreen .bottom {
    bottom: 0;
    background: url('../img/box-greeningreen-bottom.gif') top left no-repeat;
    height: 10px;
    left: 0;
    position: absolute;
    width: 512px;
  }

  .box-greeningreen .button {
    background: url('../img/button-green-left.gif') left no-repeat;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-left: 145px;
    text-decoration: none;
    float: left;
  }

  .box-greeningreen .button span {
    background: url('../img/button-green-right.gif') right no-repeat;
    cursor: pointer;
    color: #c1d82f;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    margin-left: 51px;
    padding: 0 30px 4px 8px;
  }

/**
 * Footer
 */
    #footer {
      border-top: 1px solid #ccdd86;
      height: 39px;
      padding: 12px 0 0 0;
      /*position: relative;*/     
      width: 960px;
      background-color: #ffffff;
    }

    #footer span {
      color: #cfcfcf;
      float: left;
      font-size: 11px;
      line-height: 27px;
      margin-left: 12px;
    }

    #footer ul {
      list-style: none;
      float: right;
    }

    #footer ul li {
      float: left;
      margin-left: 10px;
    }
      
    #footer ul li.bookmarking {
      background: url('../img/bookmarking.gif') top left no-repeat;
      height: 24px;
      padding: 3px 0 0 115px;
      width: 136px;
    }
    
    #footer ul li a {
      color: #cfcfcf;
      font-size: 11px;
      line-height: 27px;
      text-decoration: none;
    }
    
    #footer ul li a:hover {
      color: #888888;
    }


/* DIV um schliesst im geschlossen Zustand gewähltes Element plus Liste */
.select-frame {
    width: 186px;
    background-image: url('../img/ms_bg_selectframe_close.gif');
    background-repeat: no-repeat;
}

/* DIV um schliesst im offenen Zustand gewähltes Element plus Liste */
#rootLayer .select-frame {
    width: 186px;
    background-image: url('../img/ms_bg_selectframe_open.gif');
    background-repeat: no-repeat;
}

/* erstes Element der Selectbox */
.selected-elem {
    border: 0px solid;
    width: 166px;
    height: 19px;
    padding: 6px 10px 4px 10px;
    color: #c1d82f;
    cursor: pointer;
    background-color: transparent;
    background-image: url('../img/ms_btn_drop.gif');
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

/* Liste */
.select-frame UL {
    cursor: pointer;
    list-style-type: none;
    background-image: url('../img/ms_bg_list_open.gif');
    background-position: 0% 100%;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    margin: 0px;
}

/* Listenelement */
.select-frame UL LI {    
    padding: 5px 0px 5px 0px;
    color: #c1d82f;
    background-image: url('../img/ms_bg_listelem_open.gif');
    background-repeat: repeat-x;
    text-align: left;
}

/* gehovertes Listenelement */
.select-frame UL LI.hover {
    color: #9ea374;
    background-image: url('../img/ms_bg_listelem_hover_open.gif');
    background-repeat: repeat-x;
}

/* DIV Container umschliesst im Close Zustand alles*/
.block {
    float: left;
    width: 186px;
    height: 29px;
    margin-right: 22px;
    display: block;
}

/* SLIDERBOX begin */
.contentlist {
    margin-bottom: 8px;
}

.contentlist .slider-header {
    background: url('../img/line-neuigkeiten.gif') bottom left repeat-x;
    padding-top: 4px;
    padding-bottom: 8px;
}

.contentlist .slider-header SPAN.arrow {
    background: url('../img/arrow.gif') left center no-repeat;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding-left: 13px;
    cursor: pointer;
    color: #c1d82f;
    font-weight: bold;
}

.contentlist .slider-header P {
    margin-bottom: 0px;
}

.contentlist .slider-header SPAN.date {
    color: #c1c5a5;
    padding-left: 8px;
}

.contentlist .slider-header SPAN.arrow:hover, .contentlist .slider-header SPAN.active {
    color: #9ea374;
}

.contentlist .slider {
    background: url('../img/line-neuigkeiten.gif') bottom left repeat-x;
    padding-top: 8px;
    padding-bottom: 1px;
}

.contentlist .slider P {
    margin-bottom: 8px;
}

.contentlist .slider IMG {
    float: left;
    margin: 4px 10px 10px 0px;
}
/* SLIDERBOX end */

/* NEWS begin */
.newslist {
    margin-bottom: 21px;
}
.news-list .contentlist {
    margin-bottom: 10px;
}

UL.news-catmenu {
    list-style-type: none;
    margin-bottom: 21px;
}

UL.news-catmenu LI A {
    background: url('../img/arrow.gif') left center no-repeat;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold !important;
    line-height: 18px;
    padding: 0 0 0 13px;
}

UL.news-catmenu LI.active A {
    background: url('../img/arrow-selected.gif') left center no-repeat;
    color: #9ea374;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold !important;
    line-height: 18px;
    padding: 0 0 0 13px;
}

.news-latest .contentlist .slider-header {
    background: none;
    padding-bottom: 0px;
}
/* NEWS end */

/* TIP A FRIEND begin */
#tipafriend {
    padding-top: 12px;
    padding-bottom: 12px;
    height: 40px;
    width: 960px;
    width: 100%;
    background-color: #e6efbf;
}

#tipafriend .button {
    background: url('../img/button-green-left.gif') left no-repeat;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-left: 365px;
    text-decoration: none;
    float: left;
}

#tipafriend .button span {
    background: url('../img/button-green-right.gif') right no-repeat;
    cursor: pointer;
    color: #c1d82f;
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    margin-left: 51px;
    padding: 0 30px 4px 8px;
}
/* TIP A FRIEND end */

/* SHADOWBOX begin */
#shadowbox_body {
    background-color: #ffffff;
    border:0px solid  #ffffff;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
/* SHADOWBOX end */

/* empfehlen Box */
#tx-tipafriend {
  text-align: left;
  width: 676px;
}

#tx-tipafriend .center p {
  color: #888888;
  line-height: 17px;
  margin-bottom: 20px;
}

#tx-tipafriend .center .row {
  padding-top: 6px;
}

#tx-tipafriend .center .row-last {
  padding-top: 6px;
  margin-bottom: 21px;
}

#tx-tipafriend .center label {
  color: #888888;
  float: left;
  height: 25px;
  padding: 9px 0 0 0;
  width: 115px;
  #width: 114px;
}

#tx-tipafriend .tipError label {
  color: #FF0000;
}

#tx-tipafriend .center .inputsleft {
  float: left;
  width: 304px;
}

#tx-tipafriend .center .inputsright {
  margin-left: 22px;
  float: left;
  width: 298px;
}

#tx-tipafriend .center .inputsright label {
  width: 65px;
}

#tx-tipafriend .center input {
  background: url('../img/empfehleninput-bg.gif') top left no-repeat;
  border: 0;
  color: #888888;
  height: 14px;
  margin: 0;
  padding: 9px 4px;
  width: 179px;
}

#tx-tipafriend .tipError input {
  background: url('../img/empfehleninput-err-bg.gif') top left no-repeat;
  color: #FF0000;
}

#tx-tipafriend .center textarea {
  background: url('../img/empfehlentextarea-bg.gif') top left no-repeat;
  border: 0;
  color: #ff7a22;
  height: 134px;
  margin: 0;
  padding: 9px 4px;
  width: 225px;
}

#tx-tipafriend .tipError textarea {
  background: url('../img/empfehlentextarea-err-bg.gif') top left no-repeat;
  color: #FF0000;
}


#tx-tipafriend .empfehlenform-top {
  background: url('../img/empfehlenform-top.gif') top left no-repeat;
  font-size: 0;
  height: 10px;
}

#tx-tipafriend .empfehlenform-center {
  background: url('../img/empfehlenform-center.gif') top left repeat-y;
  padding: 7px 25px 7px 23px;
}

#tx-tipafriend .empfehlenform-bottom {
  background: url('../img/empfehlenform-bottom.gif') top left no-repeat;
  font-size: 0;
  height: 10px;
  margin-bottom: 17px;
}

#tx-tipafriend .button {
  background: url('../img/empfehlenbox-button-left.gif') left no-repeat;
  display: block;
  height: 37px;
  float: right;
  line-height: 37px;
  margin-left: 7px;
  text-decoration: none;
}

#tx-tipafriend .button span {
  background: url('../img/empfehlenbox-button-right.gif') right no-repeat;
  cursor: pointer;
  color: #c1d82f;
  float: left;
  font-size: 12px;
  font-weight: normal;
  line-height: 33px;
  margin-left: 10px;
  padding: 0 20px 4px 10px;
}

#empfehlen {
  background: #e6efbf;
  height: 51px;
  margin: 0 -80px -18px -80px;
  padding: 12px 0 0 363px;
}

#empfehlen .button {
background: url('../img/button-green-left.gif') left no-repeat;
display: block;
height: 40px;
line-height: 40px;
text-decoration: none;
float: left;
}

#empfehlen .button span {
background: url('../img/button-green-right.gif') right no-repeat;
cursor: pointer;
color: #c1d82f;
float: left;
font-size: 16px;
font-weight: normal;
line-height: 36px;
margin-left: 51px;
padding: 0 30px 4px 8px;
}

.tx-partner-pi1 {
	background-color:#E6EFBF;
	padding-bottom:0px;
	padding-top:0px;
	width:100%;	
}

.tx-partner-pi1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 120px;
    padding-top: 1px;
}
    
.tx-partner-pi1 ul li {
    border: 0;
    float: left;
    margin: 0 0 0 1px;
    padding: 0;
    width: 159px;
    height: 120px;
    background-color: #F9FBEF;
}
    
.tx-partner-pi1 ul li.first-col {
    margin: 0;
}
    
.tx-partner-pi1 ul li img {
    display: block;
    cursor: pointer;
}

.split-twocols {
    margin-bottom: 25px;
}