/*
theme: AdNovum 2012 based on MME Pop - Black Pink Green by Timo Wirth & Rebecca Heinen, Aperto AG
authors: Marco Malacarne elixir gmbh
*/


/* font face import | assuming that the webfont is in the directory called "webfonts"

/* Copperplate font has been removed */

/* frutiger font*/

@font-face{
font-family:'Frutiger LT W01_45 Ligh1475730';
src:url('../webfonts/frutiger/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix');
src:url('../webfonts/frutiger/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix') format('eot'),url('../webfonts/frutiger/087d8a95-3f25-4bae-a1d1-db9ddffd72f5.woff2') format('woff2'),url('../webfonts/frutiger/ab1bcdf7-9570-4cba-a8e3-3e39ddd861db.woff') format('woff'),url('../webfonts/frutiger/83c94878-06c8-442c-a7df-d520b0ced00b.ttf') format('truetype'),url('../webfonts/frutiger/29f3ff8a-1719-4e25-a757-53ee1a1114a5.svg#29f3ff8a-1719-4e25-a757-53ee1a1114a5') format('svg');
}
@font-face{
font-family:'Frutiger LT W01_46 Ligh1475734';
src: url('../webfonts/frutiger/381ea1e1-9a08-4929-a402-63be7fd76549.eot?#iefix');
src: url('../webfonts/frutiger/381ea1e1-9a08-4929-a402-63be7fd76549.eot?#iefix') format('eot'),
url('../webfonts/frutiger/db6ed4c5-5248-41f3-a6b5-4e8ff1d5ab06.woff2') format('woff2'),
url('../webfonts/frutiger/38f88aba-a7d0-4a78-9323-ac58226d277e.woff') format('woff'),
url('../webfonts/frutiger/1149176e-a9be-41bf-822e-275d9da199e5.ttf') format('truetype'),
url('../webfonts/frutiger/cd75c3e3-c5b7-4a25-9498-cabe4e8a9076.svg#cd75c3e3-c5b7-4a25-9498-cabe4e8a9076') format('svg');
}
@font-face{
font-family:'Frutiger LT W01_55 Roma1475738';
src: url('../webfonts/frutiger/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix');
src: url('../webfonts/frutiger/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix') format('eot'),
url('../webfonts/frutiger/0811514e-6660-4043-92c1-23d0b8caaa2f.woff2') format('woff2'),
url('../webfonts/frutiger/aeae8cac-ba4d-40d2-bbcf-936f2c7dcfe6.woff') format('woff'),
url('../webfonts/frutiger/caedf2e6-fbef-4928-b08e-1f975981ae8d.ttf') format('truetype'),
url('../webfonts/frutiger/7def0e34-f28d-434f-b2ec-472bde847115.svg#7def0e34-f28d-434f-b2ec-472bde847115') format('svg');
}
@font-face{
font-family:'Frutiger LT W01_56 Italic';
src: url('../webfonts/frutiger/f8bbb037-530d-4e04-a651-4134f7031164.eot?#iefix');
src: url('../webfonts/frutiger/f8bbb037-530d-4e04-a651-4134f7031164.eot?#iefix') format('eot'),
url('../webfonts/frutiger/f5a95cb0-6d5b-4eb4-b6a3-a529d5ccde25.woff2') format('woff2'),
url('../webfonts/frutiger/01f463dc-dba9-419f-9c9f-80ac2ee9f427.woff') format('woff'),
url('../webfonts/frutiger/ba125970-2d75-413e-a466-324153755f20.ttf') format('truetype'),
url('../webfonts/frutiger/141c0322-57c4-48ca-abb4-31688d659f7d.svg#141c0322-57c4-48ca-abb4-31688d659f7d') format('svg');
}
@font-face{
font-family:'Frutiger LT W01_65 Bold1475746';
src: url('../webfonts/frutiger/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7.eot?#iefix');
src: url('../webfonts/frutiger/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7.eot?#iefix') format('eot'),
url('../webfonts/frutiger/8c92eb68-ce37-4962-a9f4-5b47d336bd1c.woff2') format('woff2'),
url('../webfonts/frutiger/9bdfdcac-bbd4-46a9-9280-056c9a4438a2.woff') format('woff'),
url('../webfonts/frutiger/5dae3a6e-9b07-4c2f-aed2-1f5b8951261b.ttf') format('truetype'),
url('../webfonts/frutiger/eae74276-dd78-47e4-9b27-dac81c3411ca.svg#eae74276-dd78-47e4-9b27-dac81c3411ca') format('svg');
}
@font-face{
font-family:'Frutiger LT W01_66 Bold Italic';
src: url('../webfonts/frutiger/36c26121-ef21-4e44-9f00-0388185c96aa.eot?#iefix');
src: url('../webfonts/frutiger/36c26121-ef21-4e44-9f00-0388185c96aa.eot?#iefix') format('eot'),
  url('../webfonts/frutiger/9e60a7b4-389b-4630-9fa6-1abd9be2035f.woff2') format('woff2'),
  url('../webfonts/frutiger/3048913e-d0c8-4b82-978a-aa862248bea4.woff') format('woff'),
  url('../webfonts/frutiger/db4ea3f5-223b-4821-957f-6eb868db73b1.ttf') format('truetype'),
  url('../webfonts/frutiger/8ad009ab-a7e5-4acb-8ca5-326d2a759924.svg#8ad009ab-a7e5-4acb-8ca5-326d2a759924') format('svg');
}


* {
    margin: 0;
    padding: 0;
}
body { /* font: default 16px to 10px */
  font: 62.5% 'Frutiger LT W01_45 Ligh1475730', verdana, arial, helvetica, sans-serif;
  background: #fff;
  color: #4b4b4b;
}

/* LINKS
--------------- */
a {
  color: #4b4b4b;
  text-decoration: none;
  outline: medium none;
}
a:hover,
a:active,
a:focus {
  color: #00A77F;
  text-decoration: none;
}
a img {
/*   border: 1px solid #ccc; */
}
a:visited {
  color: #4b4b4b;
}
a:hover img,
a:active img
a:focus img {
  border: 1px solid #00A77F;
}

em.more a, #main .text-box-tabs em.more a {
  color: #4b4b4b;
  font-style: normal;
  white-space: nowrap;
}
em.more a::before, #main .text-box-tabs em.more a::before {
    content: "\203A";
    font-family: 'Frutiger LT W01_45 Ligh1475730';
    font-size: 1.2em;
    font-weight: normal;
    height: 1.2em;
    line-height: 1.2em;
    padding-right: 6px;
    vertical-align: bottom;
}
em.more a:hover, em.more a:hover::before,
#main .text-box-tabs em.more a:hover::before,
#main .text-box-tabs em.more a:hover {
    color: #00A77F;
}

em.more-comments a {
  font-style: normal;
  padding: 7px;  
}
em.more-comments:before {
  content: "|";
}
p.back a {
  clear: both;
  display: block;
  background: url(../img/icons/sprites.png) 0 -195px no-repeat;
  margin: 25px 0;
  border-top: 1px solid #B3B3B3;
  border-bottom: none !important;
  padding: 5px 0 0 17px;
  font-style: normal;
  font-weight: bold;
}
p.back a:hover,
p.back a:focus,
p.back a:active {
  text-decoration: underline !important;
}
.all a {
  clear: both;
  display: block;
  margin: 10px 0 0 0;
  border-top: 1px solid #b3b3b3;
  padding: 5px 0 0 17px;
  background: transparent url(../img/icons/sprites.png) no-repeat scroll 0 -94px;
}
    
/* hidden & skip link  */
.aural,
.skip a,
#search-box label,
#search-results .new-search label,
#search-box h6,
#nav-global span em,
#nav li strong em,
#nav-global li.on em,
#nav-box li.on em,
#nav-global h6,
#nav-box li h3 em,
#nav h6,
#extras h6,
em.more span,
#promos .more,
.pager li em,
.pager h3,
#search-results .form-wrapper label span,
#main .vcard div h3,
#extras .vcard div h3,
#glossary-index h3,
.day span,
form div label em,
#nav-content strong em,
p#copyright-magnolia span,
#event-pager h5,
div.superpromos .superpromo-section p.more a span {      
  display: block;  
    position: absolute;
    overflow: hidden;
  left: -9999px;
    width: 1px;
    height: 1px;
}
.skip a:active,
.skip a:focus {
    position: absolute;
  background: #fff;
  outline: none;
    z-index: 1000;     
  left: 200px;  
    overflow: visible;
    width: auto;
    height: auto;
    padding: 5px 15px 10px 15px;
    font-size: 130%;
    font-weight: bold;
}


/* GRID / LAYOUT
--------------------- */
#home #wrapper {
  /*background: url(../img/bgs/branding.png) 0 0 repeat-x; */
}
#wrapper {
  /* background: url(../img/bgs/branding-short.png) 0 0 repeat-x; */
  position: relative;

  
}
#branding {  
  position: relative;
  margin: 0 auto 0px auto;
  width: 940px;
  height: 85px;
}
#nav-global {     
  overflow: hidden;     
  margin: 0px auto 0 auto;
  width: 940px;
}  
#section-header {
  margin: 0px auto 20px auto;
  width: 940px;
}
#stage {
  position: relative;
  overflow: hidden;  
  margin: 0 auto 20px auto;  
  /*height: 32em;*/
  width: 100%;
}
#home #wrapper-2 {
  width: 100%;
  margin-top: 29px;
}
#wrapper-2 {
  background: #fff;    
  overflow: hidden;
    margin: 0px auto;
  width: 940px;   
}
#nav {      
  float: left;
  display: inline; /* IE 6 */
  margin: 0 20px 0 0;          
  width: 220px;
}
#home #wrapper-3 {
  width: 100%;
}
#wrapper-3 {
  float: left;
  display: inline; /* IE 6 */
  margin: 0 -20px 0 0; /* IE 6 */
  width: 700px;
}
#map {
  margin: 0 0 20px 0;
  overflow: hidden;
  width: 700px;
}
#home #main {
  float: none;
}
#main {
  float: left;
  overflow: hidden;  /* IE 6 */
  display: inline; /* IE 6 */
  margin: 0 20px 24px 0;
  width: 460px;
}
#wrapper-3 > #main {
  overflow: visible;
  clear:both;
}
#extras {
  float: left;
  display: inline; /* IE 6 */
  width: 220px;
}
#promos {
  /*display: none;*/
  overflow: hidden;
  float: none; /* ie 6 */
  width: 100%; /* ie 6 */
  clear: both;
  padding: 20px 0 20px 0;
}
#site-info {
  clear: both;  
  overflow: hidden;
  height: 1%; /* IE 6 */
}

/* 2 column layout: no nav vertical | main column | sidebar */
.col-subcol #wrapper-3 {
  width: 100%;
}
.col-subcol #main {
  width: 700px;
}
.col-subcol #main, .col-subcol.old #main {
  width: 590px;
}
.col-subcol #extras {
  width:30.4%;
  margin-left: 41px;
}

/* 2 column layout: nav vertical | main column | no sidebar */
.nav-col #main {
  width: 100%;
}
#map {
  margin-top: 37px;
}

/* 2 column layout: two equal columns: main column | sidebar */
.col-subcol-equal #wrapper-3 {
  width: 100%;
}
.col-subcol-equal #main,
.col-subcol-equal #extras {
  width: 460px;
}

/* 2 column layout: nav vertical and big main column with 2 floating teasers: nav | main */
.nav-col-float2 #wrapper-3,
.nav-col-float2 #main {
  width: 700px;
}

/* 3 column layout: no nav vertical | main | sidebar | sidebar */
.col-subcol-subcol #wrapper-3 {
  width: 100%;
}
.col-subcol-subcol #main,
.col-subcol-subcol #extras {
  width: 460px;
}
.col-subcol-subcol #extras-1,
.col-subcol-subcol #extras-2 {
  width: 220px;
  float: left;
}
.col-subcol-subcol #extras-2 {
  float: right;
}

/* 3 column layout: 1 big column with 3 floating teasers | main */
/* 2 column layout: 1 big column with 2 floating teasers | main */
.col-float2 #wrapper-3,
.col-float2 #main {
  width: 100%;
}
.col-float3 #wrapper-3,
.col-float3 #main {
  width: 100%;
}

/* 3 column layout: no nav vertical, 1 big column with 2 floating teasers and a sidebar:  main column | sidebar  */
.col-float2-subcol #wrapper-3,
.col-float2-subcol #main {
  width: 700px;
}
.col-float2-subcol #wrapper-3 {
  float: none;
}


/* FONTS */

p,
li,
dd,
dt {
  font-size: 120%;
  line-height: 1.4em;
}

div.teaser ul li p {
display: table-row-group;
}

#stage p {      
  font-size: 140%;
}
p.intro {      
    font-size: 120%;
    font-weight: bold;
}

#stage h1 {
  font-size: 240%;
}

#main h1 {
  font-size: 400%;
  letter-spacing: 0px;
}
#main .opener h1 {
  font-size: 240%;
}
#main .opener h1 em,
#main h1 em { /* kicker */
  display: block;
  font-size: 62.5%;
  font-style: normal;
  
}
#main h2 {
  font-size: 160%;
  color: #27AC80;
  font-weight: 400;
  clear: both;
  border-top: 0px solid #27AC80;
  margin-bottom: 7px;
  padding-top: 10px;
}

div#main div.text h2 {
border-top: 0px;
}

div#main div.text h2 + p > strong {
  line-height: 2em;
}

#search-results div#main div.form-wrapper form fieldset h2 {
    border: 0px;
}

#search-results div#main div.text h1 span.search-term {
  font-size: 22px;
  font-family: 'Frutiger LT W01_65 Bold1475746', Verdana,Arial,Helvetica,sans-serif;
  color: #27ac80;
}
#search-results
div#main div.text h1 span.search-term span {
  color: #4b4b4b;
  font-family: 'Frutiger LT W01_45 Ligh1475730', Verdana,Arial,Helvetica,sans-serif;
  font-size: 22px;
}

#main .teaser h2 {
  font-size: 120%;
}
#main .teaser h2 em { /* kicker */
  display: block;
  font-size: 66.66%; /* 12px */
  font-style: normal;
}
#main h3 {
  font-size: 120%;
  color: #4b4b4b;
}
#main .latest h3 em { /* kicker */
  display: block;
  font-style: normal;
  font-size: 68.75%; /* 11px */
  margin: 0;
}
#main .links h2,
#main .links h3 { /* linklist in teaser */
  font-size: 130%;
  font-weight: bold;
}  
#main .latest h3 {
  font-size: 160%;
}

div#main table h3 {
    color: #4b4b4b;
    font-size: 100%;
}
h4 {
  font-size: 130%;
}
.teaser-group h5 {
  font-size: 160%;
}
#main .teaserlist li {
  font-size: 160%;
  font-weight: bold;
}
#main .links li {
  font-size: 120%;
  font-weight: normal;
}
#main .links em {
  font-size: 85%; /* 11px */
  font-style: normal;
}
table {
  font-size: 130%;
}

/* sidebar */
#extras h2,  
#extras h3 {  
  font-size: 120%;
  font-weight: bold;
}
#extras .latest h3 {
  font-size: 120%;
}
#extras .latest h3 em,
#extras .box h2 em { /* kicker */
  display: block;
  font-size: 68.75%; /* 11px */
  font-style: normal;
}

/* promo */
.promo h3 {
  font-size: 140%;
}


/* BRANDING / HEAD
------------------ */
#branding {  
  color: #fff;
}
#logo {
  background-color: #ffffff;
  height: 85px;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
#logo img {
  display: none;
}
#branding #logo span {
  background-image: url("../img/bgs/adnovum_logo_30.svg");
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
  z-index: 10;
  display: block;
  left: 0;
  height: 51px;
  width: 202px;
  margin-left: 15px;
  top: -2px;
}

/* used for CSS rollover effect, currently disabled to avoid confusion
#logo > a:hover span,
#logo > a:active span,
#logo > a:focus span {
  background-position: 0 -199px;
  width: 308px;
}


#logo strong,
#logo em {
  display: none;
  overflow: hidden;
  position: relative;
  color: #000;
  font-size: 300%;
}
#logo a img {
  display: none;
}
*/

#logo em {

  position: absolute;
  z-index: 11;
  left: 80px;
  bottom: 0;
  width: 100%;
  height: 30px;
  color: #3E877D;
  font-size: 130%;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2em;
  white-space: nowrap;
}
#logo a {
  position: absolute;
  display: block;
  top: 28px;
  left: 19px;
  width: 28em;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  color: #FFFFFF;
}
#logo a:hover {
  text-decoration: none;
}

#search-box, #search-box-footer {
    background-color: rgba(240, 240, 240, 0.97);
    border: 0 none;
    color: #444444;
    float: left;
    height: 75px;
    position: relative;
    text-align: center;
    top: -27px;
    transition: top 0.2s ease-in-out 0s;
    width: 100%;
    z-index: 5;
}
#search-box {
    z-index: 8;
    position:absolute;
}

#search-box-footer {
  float: none;
  height: 225px;
  top: 0px;
  transition: none;
  z-index: auto;
}

#search-box input.button, #search-box-footer input.button {
  display: none;
}

.search-form-top > div {
    display: inline-table;
    height: 75px;
    position: relative;
    vertical-align: top;
    width: 940px;
}

#search-box input, #search-box-footer input {
  background-color: transparent;
  color: #4b4b4b;
  border: 0 none;
  display: inline-block;
  font-family: "Frutiger LT W01_45 Ligh1475730",Verdana,Arial,Helvetica,sans-serif;
  font-size: 36px;
  margin: 6px auto 0 auto;
  padding: 10px 10px 10px 0px;
  width: 820px;
  position: absolute;
  right: 50px;
}

#search-box-footer input {
    background-color: #ffffff;
    left: 20px;
    position: relative;
    width: 541px;
}

#search-box-footer form > div {
    background-color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    height: 75px;
    margin-top: 71px;
    width: 615px;
}
/*
#search-box-footer .close, */
#search-box .button, 
#search-box-footer .button {
    display: none;
}

#search-box-footer .fa.fa-search {
    float: left;
}

input#search-bar-footer {
    box-shadow: none;
}

#search-box input:focus,
#search-box input.a11y-focus {
  -moz-box-shadow: none; 
  -webkit-box-shadow: none  ; 
  box-shadow: none;
  outline-width: 0;
}

/* ADNWWW-311 new search box */

div#nav-meta ul li.search-button div.search-icon.fa-icon::after {
    /*this is searchbutton arrow */
    background-color: #ffffff;
    content: "";
    display: block;
    height: 19px;
    position: absolute;
    right: 44px;
    top: 32px;
    transform: rotate(45deg);
    width: 19px;
    opacity: 0;
}


div#nav-meta ul li.search-button div.search-icon.fa-icon::after {
    transition: all 0.2s ease-in-out 0s;
}

div#nav-meta ul li.search-button div.search-icon.fa-icon:hover::after,
div#nav-meta ul li.search-button div.search-icon.fa-icon.highlighted::after {
    opacity: 1;
}

.custzone-button {
    float: right;
    height: 17px;
    position: absolute;
    right: 67px;
    width: 17px;
    z-index: 6;
    top: 27px;
}

/* temporarely - remove textual list-entries for prod 
#nav-meta li:nth-child(1), 
#nav-meta li:nth-child(2), 
#nav-meta li:nth-child(3) {
    display: none;
}
*/

.customer-icon.fa-icon:hover,
.customer-icon.highlighted {
    background-image: url("../img/icons/ico_custzone_hover.svg") !important;
    cursor: pointer;
}

.search-icon.fa-icon:hover,
.search-icon.highlighted {
    background-image: url("../img/icons/ico_search_hover.svg") !important;
    cursor: pointer;
}

.logout-icon.fa-icon:hover,
.logout-icon.highlighted {
    background-image: url("../img/icons/logout_hover.svg") !important;
    cursor: pointer;
}

#search-box div span.fa.fa-search::before, 
#search-box-footer div span.fa.fa-search::before {
    border: 1px solid #4b4b4b;
    border-radius: 2px;
    content: "";
    display: block;
    height: 11px;
    position: relative;
    right: -21px;
    top: 17px;
    transform: rotate(-45deg);
    width: 0;
}
#search-box div span.fa.fa-search,
#search-box-footer div span.fa.fa-search {
    border: 2px solid #4b4b4b;
    border-radius: 13px;
    color: #4b4b4b;
    display: inline-block;
    float: left;
    font-size: 29px;
    font-weight: 100;
    height: 20px;
    left: 0;
    position: relative;
    top: 23px;
    width: 20px;
}

#search-box-footer div span.fa.fa-search {
    left: 20px;
}

#search-box input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #c4c4c4;
}
#search-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #c4c4c4;
}
#search-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #c4c4c4;
}
#search-box input#searchbar:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #c4c4c4;
}  
div#search-box-footer input#search-bar-footer::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #c4c4c4;
}
div#search-box-footer input#search-bar-footer:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #c4c4c4;
}
div#search-box-footer input#search-bar-footer::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #c4c4c4;
}
div#search-box-footer input#search-bar-footer:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #c4c4c4;
}  

#search-box input.user-error.form-ui-invalid {
    box-shadow: none;
}


.close.hairline::before, .close.hairline::after {
    height: 2px;
}
.close::before {
    transform: rotate(45deg);
}
.close::before, .close::after {
    background: #4b4b4b none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.close::after {
    transform: rotate(-45deg);
}
.close {
    display: inline-block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px;
    float: right;
    top: 18px;

}
.close:hover::before, .close:hover::after {
    background-color: #00a77f;
    cursor: pointer;
}
span.close.hairline:hover {
  cursor: pointer;
}
#nav-meta {
  position: absolute;
  top: 13px;
  right: 120px;
  z-index: 9;
}    
#nav-meta ul li {
  float: left;
  margin: 0 11px 0 0;
  list-style: none;
  font-size: 110%;
}  
#nav-meta ul li a {
  color: #4b4b4b;
  padding: 0 11px;
}  
#nav-meta ul li a:hover,
#nav-meta ul li a:active,
#nav-meta ul li a:focus {
  color: #00A77F;
  text-decoration: none;
}  

/* GLOBAL HORIZONATAL NAVIGATION
-------------------------------- */
#nav-global {           
  /*border-top: 1px solid #4a4a4a; */
  background: #B6B6B6; /* lxr */
  /*min-height: 69px; */
  position: relative;
  border-bottom: 1px solid #FFFFFF;
    background: #e4e4e4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmI2YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e4e4e4 0%, #b6b6b6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#b6b6b6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4e4e4 0%,#b6b6b6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4e4e4 0%,#b6b6b6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4e4e4 0%,#b6b6b6 100%); /* IE10+ */
    background: linear-gradient(top,  #e4e4e4 0%,#b6b6b6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-8 */
    zoom: 1;
}

#nav-global.plus-navsub {
  /*min-height: 6.8em;
  height: 6.8em;*/ /* IE 6 */
  border-bottom: 1px solid #FFFFFF;
}
#wrapper > #nav-global.plus-navsub {
  height: auto;
}
#nav-global ul {
  clear: left;
  float: left;
  left: 50%;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  /*background: #1c1c1c url(../img/bgs/nav-global-line.png) 0 95% repeat-x; */
}
#nav-global.plus-navsub ul {
  border-bottom: none;
}
#nav-global li {
  display: block;
  float: left;  
  margin: 0;
  font-size: 120%;
  position: relative;
  right: 50%;
}
#nav-global li a,
#nav-global li a:visited,
#nav-global li strong {
  height: 31px;
  padding-top: 4px;
  font-weight: bold;
  display: block;
  float: left;
  color: #4b4b4b;
  text-shadow: 0 1px 0 #EEEEEE;
  text-decoration: none;
  /*border-right: 1px solid #FFFFFF;*/
}
#nav-global li:first-child strong {
  border-left: 1px solid #FFFFFF;
}

#nav-global li a {
  cursor: pointer; /* IE */
}
/* on + open */
#nav-global li.on,
#nav-global li.open {
  /*background: url(../img/bgs/nav-global.png) 50% 100% no-repeat; */
}
#nav-global li strong,
#nav-global li.open a,
#nav-global li.on a {
  background: #FFFFFF;
  color: #00A77F;
  background-image: -moz-linear-gradient(top,
                rgba(230,230,230,1),
                rgba(250,250,250,1));
  background-image: -webkit-gradient(linear,left top,left bottom,
      color-stop(0,     rgba(230,230,230,1)),
      color-stop(1,     rgba(250,250,250,1)));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6E6E6', EndColorStr='#FAFAFA)')";

}
#nav-global li strong span,
#nav-global li.open a span {
  padding-right: 10px;
  font-weight: bold;
  text-shadow: 0 1px 0 #EEEEEE;
}
#nav-global li span,
#nav-global li.open a span {
  float: left;
  margin-left: 5px;
  padding: .4em 10px .355em 5px;
}    
/* hover */
#nav-global li a:hover,
#nav-global li a:active,
#nav-global li a:focus {
  background: #B6B6B6;
}
/* 2nd level horizontal subnav */
#nav-global ul ul {
  position: absolute;
  left: 0;
  top: 2.4em;
  width: 940px;
}
#nav-global li li,
#nav-global li li.on {
  background: none;
  font-size: 100%;
}
#nav-global li.open li span,
#nav-global li.open li a,
#nav-global li.open li strong{
  background: none;
  font-weight: normal;
}
#nav-global li.open a {
  text-decoration: none;
}
#nav-global li.open li.on a span,
#nav-global li.open li strong span {
  font-weight: bold;
  color: #ff3062;
}
#nav-global li li a:hover,
#nav-global li li a:active,
#nav-global li li a:focus,
#nav-global li li a:hover span,
#nav-global li li a:active span,
#nav-global li li a:focus span {
  background: none;
  color: #ff3062;
}

/* SECTION-HEADER
----------------- */
#section-header {
  background: #27AC80;
  border-radius: 5px; /* CSS3 - IE roundies.js */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
  color: #fff;
}  
#section-header h6 {
  float: right;
  width: 30%;
  padding: 10px;
  font-size: 180%;
  text-align: right;
}
#section-header p {
  float: left;
  width: 65%;
  padding: 13px 10px 13px 10px;
  font-size: 130%;
}

/* STAGE
-------------------------- */
#stage {       
  background: #FFF;

}
#stage h1 {
  margin: 0 0 10px 0;
}
#stage img {
  display: block;
  line-height: 1;
}
#stage a img {
  border: none;
  width: 940px;
}  
#stage-box {    
  top: 252px;
  left: 0px;
  position: absolute;
  width: 500px;
  height: 71px;
  padding: 10px;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  color: #181716;
  text-align: left;
  letter-spacing: 0.07em;
  margin: 0;
  z-index: 10;
}                     
#stage h1 {
  /*font-family: CopperplateRegular,Verdana,Geneva,sans-serif; */
  font-family: 'Frutiger LT W01_55 Roma1475738',Verdana,Arial,Helvetica,sans-serif;
  margin: 4px 0 0;
  padding: 0 0 0 10px;
  font-weight: bold;
  color: #27AC80;
  letter-spacing: 0.07em;
}
#stage h1 a {
    color: #27AC80;
    text-decoration: none;
    /*font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;*/
    font-family: 'Frutiger LT W01_55 Roma1475738',Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    left: 20px;
    letter-spacing: 0.07em;
    margin: 0;
    position: absolute;
    top: 6px;
    width: 486px;
    z-index: 10;
}

#stage p {      
  clear: left;
  float: left;
  padding: 20px 20px 13px 10px;
  width: 500px;
  line-height: 1.3em;
  color: #181716;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 12px;
}

     
/* MAIN
------------ */

/* Breadcrumb */
#main #breadcrumb {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 0 20px 0;
  float: left;
  width: 100%;
}

#main #breadcrumb h2, h5 {
  display: none;
}

#main #breadcrumb ol {
  list-style: none;
  margin: 0;
}
#main #breadcrumb li {
  float: left;
  background: url(../img/icons/sprites.png) 0 -95px no-repeat;
  border: none;
  margin: 0 12px 0 0;
  padding: 0 0 0 15px;
  font-size: 120%;
  font-weight: normal;
  line-height: 1.3em;
}
div#main div#breadcrumb ol li a:hover {
  color: #00a77f;
}

#main #breadcrumb li strong {
  color: #00A77F;
  font-weight: 400;
}

/* Breadcrumb moved outside main: special for this design theme */
#main form[name$="categoryFilter"] {
  margin-top:36px;}

#wrapper-2 {
  position: relative;
  z-index: 1;
}
.col-subcol-equal #main {
  position: relative;
  overflow: visible;
}

.col-subcol-equal #main #breadcrumb {
  top: -30px;
}
#nav,
#platform {
  margin-top: 36px;
}
#home #nav,
#home #main {
  margin-top: 0;
}
#home #extras {
  margin-top: 10px;
}

html.js-on body#article.col-subcol div#main, html.js-on body#article.col-subcol div#extras, html.js-on body.col-subcol div#main, html.js-on body.col-subcol div#extras {
    margin-top: 36px;
}
html.js-on body#section.col-subcol div#main {
    margin-top: 0px;
}

/* Page Intro */
#main #page-intro:after {
  content: " ";
    display: block;
    clear: both;
}
body#adnLandingPage #main > div#page-intro,
body#adnNewsOverviewNew #main > div#page-intro {
    /* margin-top: 30px; */
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#main #page-intro h1 {
  margin: 0 0 5px 0;
}
#main #page-intro p {
  margin: 0 0 25px 0;
  font-weight: bold;
}
#main #page-intro .photo {
  float: left;
  width: 186px;
  height: auto;
  margin: 0 10px 25px 0;
}
#main #page-intro .mod {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
#main #page-intro .mod-2 {
  float: none;
  width: 460px;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

body#adnLandingPage div#main {
    margin-bottom: 0;
}

/* OPENER & TEASERS
-------------------- */
.opener,
.teaser {
  overflow: hidden;
  border-bottom: 1px solid #b3b3b3;
  margin: 0 0 20px 0;
  padding: 0 0 6px 0;
}   

/* Opener */
.opener {
  border-bottom: none;
  position: relative;
}
#main .opener h1 {
  margin: 0 0 5px 0;
}
#main .opener h1 em { /* kicker */
  margin: 2px 0 -3px 0; /* 15px */
  padding: 0;
}
#main .opener h1 a em {
  color: #4b4b4b;
}
.opener img {
  float: none;
  display: block;
  width: 458px;
  height: 213px;
  margin: 0 0 10px 0;
}
/* Opener in other layouts */
.col-float2-subcol .opener {
  float: left;
  clear: none;
  width: 340px;
  margin: 0 20px 10px 0;
}
/* img opener in other layouts */
.col-float2-subcol .opener img {
  width: 338px;
}
.col-subcol .opener img {
  width: 588px;
  height: 250px;
}
.col-subcol .opener img {
  width: 588px;
  height: 250px;
}
/* Opener in .nav-col */
.nav-col .opener img {
  float: left;
  width: 340px;
  margin: 0 10px 0 0;
}

/* teaser */
.teaser {
  float: left; /* ie 6 */
  width: 100%; /* ie 6 */
  padding: 0 0 20px 0;
}
#main .teaser h2 {
  width: 310px;
  float: right;
  margin: 1px 0;
}
#main .teaser h2 em { /* kicker */
  display: block;
  margin: 0 0 -2px 0;
}
#main .teaser h2 a em { /* kicker */
  color: #4b4b4b;
}
/* old design template */
.col-subcol.old #main div.teaser[id^="teaser-"] h2 {
    display: none;
}

/* old design template - won't work anymore - html change
apply .class instead of inline-styles please.

.col-subcol.old .teaser > div:nth-child(2) {
    display: inline;
    float: left;
    width: 187px;
} */
.col-subcol.old .teaser > div[style^="margin-bottom"] {
    display: inline;
    float: left;
    width: 187px;
    margin-right: 10px;
}

/* old design template */
#section.col-subcol.old div.teaser[id^="teaser-"] div:nth-child(2) {
    display: inline-table;
    float: left;
    margin-left: 0px;
    width: 197px;
}

body#article.col-subcol.old div#main div.text div.teaser[id^="teaser-"] h2 {
    display: none;
}

#main .mod .links { /* teaser with link list */
  margin-top: 10px;
}  
.teaser img, .teaser img:hover {
  float: left;  
  width: 186px;
  height: 71px;
  margin: 5px 8px 5px 0;
  border:0px;
}

#section.col-subcol div.teaser a img {
  width: 186px;
  height: 71px;
  border:0px;
  margin: 3px 8px 5px 0;
  float: none;
}

#section.col-subcol.old div#main div[id^="teaser-"].teaser.latest ul li a {
  float: left;
}


body#section.col-subcol div#main div.text.references div.teaser a img {
  float: left;
}

#section.col-subcol div.teaser a:hover img {
 border:0px;
 opacity: 0.8;
}

/* something special */
#main .highlight {
  width: 446px;
  background: #EFFDF7;
  border-top: 4px solid #46956C;
  margin-bottom: 20px;
  padding: 6px 7px 10px 7px;
}
#main .highlight h2 {
  width: 296px;
}

/* general */
#home.col-subcol div#main .teaser ul li p, 
#section.col-subcol div#main div.teaser[id^="teaser-"].teaser ul li p {
    display: inline;
    float: right;
    width: 381px;
}

/* teaser h2 in other layouts */
.col-subcol-subcol #main .teaser h2,
#main .teaser-group .teaser h2 {
  width: 230px;
}
.col-subcol-subcol #main .highlight h2,
#main .teaser-group .highlight h2 {
  width: 392px;
}
.col-subcol #main .teaser h2 {
  width: 392px;
  color: #4b4b4b;
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  border-top: 0px solid;
  padding-top:0px;
  clear:none;
}
#home.col-subcol div#main div#teaser-4.teaser h2 {
    width:590px;
}
/* old design template */
.col-subcol.old #main div.teaser[id^="teaser-"] h2 {
    display: none;
}
body#section.col-subcol.old div#main div.text.references div.teaser[id^="teaser-"] h2 {
    display: block;
}
#section.col-subcol div.teaser h2 a {
    color: #4b4b4b;
    /*font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;*/
    font-family: 'Frutiger LT W01_55 Roma1475738',Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 7px;
}

.col-float2-subcol #main .teaser h2,
.nav-col-float2 #main .teaser h2 {
  width: 190px;
}
#main .mod h2,
.col-float3 #main .teaser h2,
#main .teaser-group .mod h2 {
  width: auto;
  float: none;
  margin-top: 0;
}
/* img teasers in other layouts */
.col-float2-subcol .teaser img,
.nav-col-float2 .teaser img {
  width: 138px;  
}

/* openers & teasers in other layouts */
/* 3 columns: 1 big main column with 3 floating teasers | main */
.col-float3 .opener,
.col-float3 .teaser {
  clear: none;
  float: left;
  width: 300px;
  margin: 0 20px 20px 0;
}
.col-float3 #main .highlight {
  width: 286px;
}
.col-float3 #teaser-3,
.col-float3 #teaser-6 {
  margin-right: 0;
}
.col-float3 #teaser-4,
.col-float3 #teaser-7 {
  clear: left;
}
.col-float3 .opener img,
.col-float3 .teaser img {
  display: block;
  float: none;
  width: 298px;
}
.col-float3 .highlight img {
  width: 284px;
}
.col-float3 .opener {
  background: #C8FFEB;  
}
.col-float3 #main .opener h1 {
  border: none;
}
.col-float3 .opener img {
  height: 150px;
}
.col-float3 .teaser {
  border: none;
}
.col-float3 #main .opener h1,
.col-float3 #main .opener p {
  margin-left: 10px;
  margin-right: 10px;
}

/* 2 colums: 1 big main column with 2 floating teasers | main
   3 columns: nav vertical and 1 big main column with 2 floating teasers | nav | main */
.col-float2 .opener,
.col-float2 .teaser {
  float: left;
  width: 460px;
  margin-right: 20px;
}
.col-float2-subcol .opener,
.col-float2-subcol .teaser,
.nav-col-float2 .teaser,
.nav-col-float2 .opener {
  float: left;
  width: 340px;
  margin-right: 20px;
  overflow: hidden;
}
.col-float2-subcol #main .highlight,
.nav-col-float2 #main .highlight {
  width: 326px;
}
.col-float2-subcol #main .highlight h2,
.nav-col-float2 #main .highlight h2 {
  width: 176px;
}
.col-float2 #teaser-2,
.col-float2 #teaser-4,
.col-float2 #teaser-6,
.col-float2 #teaser-8,
.nav-col-float2 #teaser-2,
.nav-col-float2 #teaser-4,
.nav-col-float2 #teaser-6,
.col-float2-subcol #teaser-2,
.col-float2-subcol #teaser-4,
.col-float2-subcol #teaser-6,
.col-float2-subcol #teaser-8 {
  margin-right: 0;
}
.col-float2 #teaser-3,
.col-float2 #teaser-5,
.nav-col-float2 #teaser-3,
.nav-col-float2 #teaser-5 {
  clear: left;
}
/* the last teaser */
.col-float2 #teaser-8,
.col-float2-subcol #teaser-8,
.nav-col-float2 #teaser-6,
.col-float2-subcol #teaser-6 {
  margin-right: -3px; /* IE 6 */
}

/* 2 columns: nav | 1 big main column */
.nav-col #main .teaser h2 {
  width: 550px;
}
.nav-col #main .teaser-group .teaser h2 {
  width: 470px;
}

/* Teaser Group */
.teaser-group {
  clear: both;
  border-top: 4px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  margin: 0 0 20px 0;
}
.teaser-group h5 {
  margin: 5px 0;
  color: #333;
}
.teaser-group .teaser {
  background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
  float: none;
  border: none;
  margin: 0 0 5px 0;
  padding: 10px 0;
}
.teaser-group .teaser img {
  width: 186px;  
}

/* teaser with newslists */
.latest {
  border-top: 0px solid #b3b3b3;
  border-bottom: none;
}
#main .latest h2 {
  float: none;
  margin: 5px 0 5px 0;
}
#main .latest h3 {
  float: right;
  width: 310px;
  margin: 5px 0 5px 0;
}
#main .mod h3, div#main div.text-box-tabs ul li.no-img h3 {
  width: 100% !important;
}
#main .latest h3 a em {  
  color: #4b4b4b;
    margin: -4px 0 0;
    padding: 0;
}
#main .latest ul {
  position: relative;
  overflow: hidden;
  height: 1%;
}
#main .latest li {
  list-style: none;
  clear: left;
  float: left;
  margin: 0px;
  padding: 10px 0 10px 0;
  /*background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;*/
  border-bottom: 1px solid #27AC80;
  overflow: hidden;
  width: 100%;
  font-size: 100%;
}
.latest li p em {
  color: #4b4b4b;
  font-style: italic;
  font-size: 100%;
  font-weight: normal;
  display: block;
}
/* other layouts */
.col-subcol-subcol #main .latest h3 {
  width: 310px;
}
.nav-col-float2 #main .latest h3 {
  width: 190px;
}
.nav-col #main .latest h3 {
  width: 550px;
}
.col-subcol #main .latest h3 {
  width: 392px;
}
.col-subcol #main .latest h3 a {
  color: #27AC80;
  font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 7px;
  line-height: 1.2em;
}

/* only for teasers on adn new overview template */
.col-subcol.new-overview #main .latest a {
    float: left;
}

.col-float2 #main .latest h3 {
  width: 188px;
}
#home.col-float2 #main .latest h3 {
  width: 310px;
}

/* teaser with just a link list */
#main .teaserlist li {
  font-weight: bold;
}
#main .teaserlist li em {
  font-weight: normal;
}


/* LINK LISTS
-------------------- */
/* anywhere in main texts, teasers etc. */

.listing {
  border-top: 1px solid #27AC80;
  margin: 20px 0 30px 0;
}
.listing h3 {
  margin: 5px 0 1px 0;
  padding: 0 0 5px 0;
  color: #333;
}
.listing ul {
  list-style: none;
  border-top: 1px solid #dedede;
}
.listing li {
  border-bottom: 1px solid #dedede;
}
.listing li a {
  display: block;
  padding: 5px 0 7px 0;
}
#index .listing li a {
  display: inline-block;
}  
.listing li em {
  font-style: normal;
  color: #4b4b4b;
  font-size: 90%;
}

#main .teaser .links ul {
  clear: both;
  margin: 3px 0 -10px 0;
}
#main .links ul,
#main .text .links ul {
  list-style: none;
  margin: 0;
}
#main .links {
  margin: 20px 0 20px 0;
}
#main .text .links h2,
#main .text .links h3 {
  margin: 5px 0 1px 0;
  padding: 3px 0 5px 0;
  color: #4b4b4b;
}  
#main .teaser .links h3 { /* linklist in teaser */
  clear: both;
  margin: 10px 0 5px 0;
}
#main .links li {
  /*background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;*/
  padding: 5px;
  font-weight: normal;
}

div#main div.text .box div.links ul li {
    background: none;
    padding-left: 0px;
}

#main .links li a::before {
    content: "\203A";
    padding-right: 5px;
    font-family: 'frutiger lt w01_45 ligh1475730';
    font-size: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    vertical-align: bottom;
}

#main div.links div.links {
    margin: 0;
}

#main div.text .box div.links {
    margin: 0px;
}

#main div.text .box div.links ul li.external {
    background: none;
    padding: 5px 0;
}

#main .links .download a::before,
#main .links .download li a::before {
  content: "\203A";
  display: inline-block;
  color: #4b4b4b;
  font-size: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  vertical-align: text-bottom;
}
#main .links .download a[href*=".pdf"]::before,
#main .links .download a[href*=".zip"]::before,
#extras .download li a[href*=".pdf"]::before, 
#extras li.download a[href*=".pdf"]::before {
    font-family: 'FontAwesome';
    font-size: inherit;
    height: 1.2em;
    line-height: 0.9em;
}

#main .links .download a:hover::before,
#main .links .download li a:hover::before {
  color: #00a77f;
}

#main .links .download a[href*=".pdf"]::before,
#extras .download li a[href*=".pdf"]::before, 
#extras li.download a[href*=".pdf"]::before {
    content: "\F1C1"; /*pdf icon*/
}
#main .links .download a[href*=".zip"]::before {
    content: "\F1C6"; /*zip-icon*/
}

#main .links .external a,
#main .links .external li a {
  /* background: url(../img/icons/sprites.png) 0 1px no-repeat;  arrow white right */
  background: none;
}
div#main div.text div.box.links[id^="box-"] ul li {
  background: none repeat scroll 0 0 transparent;
  padding-left: 0;
}
#main .links em {
  color: #4b4b4b;
  font-style: normal;
}
#main .links li.external, #main .links li.internal {
    padding: 5px 0 0;
}


/*media download*/
html.js-on div#main div.text table tbody tr td div.links ul.download li, div#main .text .links ul li.download {
    background: none;
}
html.js-on div#main div.text table tbody tr td div.links ul.download, div#main .text .links ul li.download {
    padding-left: 0px;
}
html.js-on div#main div.text table tbody tr td div.links {
    margin: 0px;
}

/* old design - medienspiegel */
body#article.col-subcol div#main div.text div[id^="teaser-"].teaser div.links ul li.download {
    padding-left: 1.3em;
    text-indent: -0.6em;
    padding-bottom: 4px;
}

/* top 10 one-two-three */
#main .one-two-three {
  float: left;
  width: 460px;
}
#main .one-two-three li {
  float: left;
  position: relative;
  width: 420px;
  height: 3em;
  margin: 0;
  padding: 5px 0 5px 35px;
  list-style: none;
}
#main .one-two-three li a {
  display: block;
}
#main .one-two-three li a:hover em {
  text-decoration: none;
}
#main > .one-two-three li {
  height: auto;
  min-height: 3em;
}
#main .one-two-three .text-box-section ul { /* in tab-box*/
  border-top: 1px solid #ccc;
  margin: 10px 0;
}
#main .text-box .text-box-section li { /* in tab-box*/
  width: 405px;
  border-bottom: 1px solid #ccc;
}
#main .one-two-three li em { /* the number */
  position: absolute;
  background: url(../img/bgs/one-two-three.png) 0 0 no-repeat;
  top: 5px;
  left: 0;
  padding: 6px 10px 8px 9px;
  font-size: 140%;
  font-style: normal;
  color: #fff;
}
#main .one-two-three li.no-10 em {
  padding-left: 2px
}
#main .one-two-three li img {
  float: right;
  width: 88px;
  margin: 2px 0 0 5px;
}


/* EVENTS
-------------------------- */
#main .event-list {
  overflow: hidden; /* ie 6 */
  position: relative;
  margin: 0 0 20px 0;
  border-top: 4px solid #b3b3b3;
  border-bottom: none;
}
#main .event-list ul {
  margin: 0 0 10px 0;
}
#main .event-list li {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 10px 0 10px 0;
  background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
  list-style: none;
  width: 100%;
}
#main .event-list h2 {  /* event-list headline */
  float: none;
  margin: 5px 0;
  padding: 0;
  color: #333;
}
#main .event-list li h3 { /* event headline */
  margin: 0 0 0 3.6em;
  font-size: 123%; /* 16px li=13px */
}
#main ul.event-data {
  margin: 5px 0 0 4.5em;
  clear: both;
  border: none;
}
#main .event-data li {
  display: block;
  background: none;
  border: none;
  margin: 0 10px 0 0;
  padding: 0;
  color: #4b4b4b;
  font-weight: normal;
  font-size: 100%;
}
#main .event-data li.organizer {
  clear: both;
}
.event-list li a {
  padding: 0;
}

/* date sheet */
div.date {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 5px 0 0;
  background: #27AC80;
  width: 4em;
}
.date .month {
  display: block;
  padding: 2px 0 0 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 160%;
}
.date abbr {
  border: none;
  cursor: help;
}
.date .day {
  display: block;
  padding: 0 0 5px 0;
  color: #fff;
  font-size: 240%;
  font-weight: bold;
  text-align: center;
  line-height: 1em;
}
.date .till {
  display: block;
  height: 13px;
  text-indent: -9999px;
  background: url(../img/bgs/till.gif) 50% 0 no-repeat;
}
.date .d-end {
  background: #d9d940;
  padding-top: 0;
}
/* date sheet in event-list */

.event-list div.date {
  width: 3.6em;
  top: 10px;
}
.event-list .date .month {
  padding-bottom: 5px;
  font-weight: normal;
  font-size: 123%; /* 16px */
}
.event-list .date .day {
  font-size: 184.62%; /* 24px */
}








/* Event Detail */
.vevent {
  position: relative;
  clear: both;
  margin: 0 0 10px 0;
  border-top: 1px solid #fff;
  padding: 5px 5px 15px 5em;
  background: #f0f0f0 url(../img/bgs/microformat.png) no-repeat scroll 99% 5px;
  z-index: 1;
}
#wrapper-2 .vevent h2 {
  padding: 0 2em 5px 0;
  font-size: 180%;
}
.vevent div.date {
  left: -50px;
}
.vevent > div.date {
  left: 0;
}
.vevent li {
  list-style: none;
}
#main .vevent p {
  display: block;
  margin: 0 0 10px 0;
  font-size: 120%;
}
#wrapper-2 .vevent dl {
  background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
  height: 1%; /* IE 6 */
  line-height: 1.5em;
}
#wrapper-2 .vevent dt {
  float: left;
  width: 80px;
  font-weight: bold;
}
#wrapper-2 .vevent dd a.url {
  background: url(../img/icons/sprites.png) 0 -291px no-repeat; /* arrow white right */
  padding-left: 17px;
}
.vevent span {
  display: none;
}

/* calender */
#extras .calendar {
  position: relative;
  border-top: 4px solid #b3b3b3;
  margin: 0 0 20px 0;
}
#extras .calendar h2 {
  float: left;
  margin: 3px 0 6px 0;
}
#extras .calendar table {
  width: 100%;
  line-height: 1.2em;
}
#extras .calendar div.pager {
  clear: none;
  float: right;
  width: 30px;
  margin: 7px 0 0 0;
}
#extras .calendar div.next {
  float: right;
}
#extras .calendar div.pager a img {
  border: 1px solid #fff;
  width: 13px;
  margin: 0;
}
#extras .calendar div.pager a:hover img,
#extras .calendar div.pager a:focus img,
#extras .calendar div.pager a:active img {
  border: 1px solid #ec1549;
}
#extras .calendar table {
  clear: both;
  border-top: 1px solid #ccc;
  border-spacing: 0;
  empty-cells: show;
}
#extras .calendar thead th {
  padding: 4px 0;  
}
#extras .calendar thead th abbr {
  border: none;
}
#extras .calendar tbody tr {
  background: url(../img/bgs/dotted-line.png) 100% 0 repeat-x;
}
#extras .calendar tbody td {
  width: 25px;
  padding: 4px 0;
  text-align: center;
}
#extras .calendar tbody td.on  {
  margin: 2px 0;
  font-weight: bold;
}
#extras .calendar tbody td a {
  display: block;
}
#extras .calendar tbody td.on a {
  color: #00A77F;
}

/* Event-Pager */
.event-list #event-pager {
  position: absolute;
  top: 0;
  right: 0;
}
.event-list #event-pager li {
  float: left;
  width: auto;
  background: none;
  margin: 0 0 0 10px;
}
.event-list #event-pager li a {
  font-size: 120%;
}
.event-list #event-pager li.prev a {
  background: url(../img/icons/sprites.png) 0 -195px no-repeat; /* arrow left */
  padding-left: 16px;
}
.event-list #event-pager li.next a {
  background: url(../img/icons/sprites.png) 0 5px no-repeat; /* arrow right */
  padding-right: 18px;
}




/* SIDEBAR left / NAVIGATION sub
-------------------------------- */
#nav {
  /*background: #e5e57f url(../img/bgs/nav.png) 0 0 no-repeat; */
  background: #DFDFDF;
  margin-bottom: 20px;
  padding-top: 10px;
}
#nav-box {
  /*background: url(../img/bgs/nav.png) 100% 100% no-repeat; */
  padding-bottom: 10px;
}
#nav-box ul {
  margin: 0 0 0 2px;
}
#nav-box li {
  height: 1%; /* IE 6 */
  padding: 0;
  list-style: none;
}
#nav-box li a {
  display: block;
  height: 1%;
  padding: 3px 0 5px 10px;
  color: #000;
  font-weight: bold;
}
#nav-box li.open a {
  font-weight: bold;
}

/* hover and marked */
#nav-box li.on strong,
#nav-box a:hover,
#nav-box a:active,
#nav-box a:focus,
#nav-box li.on a:hover,
#nav-box li.on a:active,
#nav-box li.on a:focus,
#nav-box li strong,
#nav-box li.on a {
  border-radius-topleft: 5px;
  border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  background: #00A77F;
  color: #fff;
  text-decoration: none;
}
#nav-box li strong {
  display: block;
  padding: 3px 0 5px 10px;
  font-weight: bold;
}

/* 2nd level */
#nav-box ul ul {
  margin: 5px 0 5px 10px;
  border: 1px solid #fff;
  border-radius-topleft: 5px;
  border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  padding: 0;
  background: #EFEFEF;
}
#nav-box li li {
  font-size: 100%;
}
#nav-box li.on li,
#nav-box li.open li a {
  font-weight: normal;
}
#nav-box li.on li a {
  background: transparent;
  color: #000;
}
#nav-box li li.on a {
  color: #fff;
  font-weight: bold;
}


/* 3rd level */
#nav-box ul ul ul {
  background: #FFFFFF;
  border-left: 10px solid #eeeeac;
  margin: 5px 0 5px 10px;
  border: 1px solid #fff;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
#nav-box li li.open li a {
  font-weight: normal;
}
#nav-box li li li.on a {
  font-weight: bold;
}


/* Speaking Navigation */
#nav-box.nav-speaking li {
  padding: 0;
}
#nav-box.nav-speaking li a {
  padding: 3px 0 0 10px;
}
#nav-box.nav-speaking li p a {
  padding-bottom: 5px;
}
#nav-box.nav-speaking li h3 {
  padding: 0;
  font-size: 100%;
  font-weight: normal;
}
#nav-box.nav-speaking li p {
  padding: 0;
  font-size: 100%;
  font-style: italic;
}
#nav-box.nav-speaking li:hover,
#nav-box.nav-speaking li:focus,
#nav-box.nav-speaking li:active {
  cursor: pointer;
}
#nav-box.nav-speaking li:hover h3 a,
#nav-box.nav-speaking li:focus h3 a,
#nav-box.nav-speaking li:active h3 a {
  color: #ec1549;
  background: none;
  text-decoration: none;
}
#nav-box.nav-speaking li:hover p a,
#nav-box.nav-speaking li:focus p a,
#nav-box.nav-speaking li:active p a {
  text-decoration: none;
  background: #ec1549;
  color: #fff;
}

/* SIDEBAR right: #EXTRAS
------------------------- */
.box {
  clear: both;
  width: 100%;
  border-top: 1px solid #00A77F;
  margin: 0 -3px 30px 0; /* IE 6: duplicate characters */
}
#extras .box {
  border-top: 1px solid #FFFFFF;
  padding: 0 0 0 0;
  width: 100%;
}
div#main div.text div.text-box-tabs div.text-box-section div.box:first-child {
  border-top: none;
}
#extras h2,  
#extras h3 {  
  margin: 5px 0 5px 0;
  color: #4b4b4b;
  display: inline-table;
  width: 100%;
}
#extras p {
  line-height: 1.3em;
  display: inline-block;
}
#extras img {
  float: left;
  width: 186px;
  height: auto;
  margin: 0 10px 3px 0;
  border:1px solid #e4e4e4;
}
#extras a:hover img {
  opacity: 0.8;
}
div#extras a.teaserImage {
    display: table;
}
div#extras a.teaserImage + p {
    margin-top:2px;
}
#extras ul {
  clear: both;
  margin: 5px 0 0 0;
  padding: 2px 0 0 0;
  list-style: none;
}
#extras li {
  /* background: url(../img/bgs/dotted-line.png) 0 0 repeat-x; */
  height: 1%; /* ie 6 */
  margin: 1px 0;
}
#extras div.textimage ul li {
    background: url("../img/icons/bullet_001.gif") no-repeat scroll 0 11px transparent;
    line-height: 1.3em;
    padding: 5px 0 0 14px;
    display:table;
}
#extras li a, #extras .download li a,
#extras li.download a {
  display: block;
  color: #4b4b4b;
}

#extras li a:before, #extras .download li a:before,
#extras li.download a:before { 
    color: #4b4b4b;
    content: "\203A";
    display: inline-block;
    font-family: "Frutiger LT W01_45 Ligh1475730",Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    height: 1em;
    line-height: 1em;
    padding-right: 6px;
    vertical-align: text-bottom;
}


#extras li a:hover, #extras li a:hover::before,
#extras .download li a:hover, #extras .download li a:hover::before,
#extras li.download a:hover, #extras li.download a:hover::before
 {
  color: #00A77F;
}

#extras li a::before, #extras .download li a::before, #extras li.download a::before {
    content: "\203A";
    display: inline-block;
    font-family: Frutiger LT W01_45 Ligh1475730;
    font-size: 1.2em;
    font-weight: 500;
    height: 1.2em;
    line-height: 1.2em;
    padding-right: 6px;
    vertical-align: bottom;
}

#extras .external li a,
#extras li.external a, 
div#main div.text .teaser ul li.external a {
    color: #4b4b4b;
}
div#main div.text div.teaser ul li.external {
    line-height: 1.4em;
    margin: 1px 0;
    padding: 0;
    text-indent: -18px;
}
div#main div.text .teaser ul li.external a, 
div#main div.text .teaser ul li.external a:link, 
div#main div.text .teaser ul li.external a:visited {
    padding: 5px 0 0 17px;
    color: #4b4b4b;
}
/* old design: medienspiegel download lists */
body#article.col-subcol div#main div.text[role^="article"] div.teaser[id^="teaser-"] div.links ul li.external {
    line-height: 1.4em;
    padding-left: 0.7em;
    text-indent: -2em;   
}
body#article.col-subcol div#main div.text[role^="article"] div.teaser[id^="teaser-"] div.links {
    margin: 1em 0;  
}

div#main div.text .teaser ul li.external a:hover, div#main div.text .teaser ul li.external a:active {
    color: #00A77F;
}
div#main div.text .teaser ul li.external:nth-child(1) {
    padding-top: 2px;
    margin-top: 5px;
}
#extras li a em {
  color: #4b4b4b;
  font-size: 90%;
  font-style: normal;
}
/* latest */
#extras .latest ul,
#extras .latest ul li,
#extras .rssFeedContainer ul li.rssItem {
  margin: 0;
  border: none;
  padding: 0;
}
#extras .latest ul li {
  margin: 5px 0;
  padding: 5px 0;
  font-size: 100%;
}
#extras h3 a em {
  color: #4b4b4b;
}
#extras .latest h3 {
  margin: 0 0 5px 0;
}
#extras .latest h3 a {
  background: none;
  font-weight: bold;
  padding: 0;
}
#extras .latest h3 em,
#extras .box h2 em { /* kicker */
  position: relative;
  margin: 0 0 3px 0;
}
#extras h3 a em,
#extras .box h2 a em {
  color: #4b4b4b;
}
#extras li .more a {
  display: inline;
}
/* box-groups */
#extras .box-group h5 {
  margin: 0 -3px 5px 0;
  border-top: 4px solid #B3B3B3;
  padding: 5px 0;
  font-size: 160%;
  color: #333;
}
#extras .box-group .box {
  border-top: 1px solid #B3B3B3;
}

/* something special */
#extras .highlight {
  background: #f7f8d9;
  width: 206px;
  border-top: 4px solid #cdcc00;
  margin-bottom: 20px;
  padding: 0 7px 10px 7px;
}
 

/* 1. 2. 3. list */
#extras .one-two-three {
  float: left;
}
#extras .one-two-three li {
  position: relative;
  float: left;
  list-style: none;
  margin: 0;
  height: 30px; /* IE 6 */
  min-height: 30px;
  padding: 5px 0 5px 35px;
}
#extras .one-two-three ul > li {
  height: auto;
}
#extras .one-two-three .toc-box-toc li { /* dom tabs */
  width: auto;
  height: auto;
  min-height: 0;
  padding: 0;
}
#extras .one-two-three ul li { /* one-two-three in dom tabs */
  width: 170px;
}
#extras .one-two-three li em {
  position: absolute;
  background: url(../img/bgs/one-two-three.png) 0 0 no-repeat;
  top: 5px;
  left: 0;
  padding: 5px 10px 9px 9px;
  font-size: 140%;
  font-style: normal;
  text-align: center;
  color: #fff;
}
#extras .one-two-three li.no-10 em {
  padding-left: 2px
}
#extras .one-two-three li img {
  float: right;
  margin: 2px 0 0 5px;
}
#extras .one-two-three ul li a {
  padding-left: 0;
  background: transparent;
}

/* events */
#extras .event-list {
  overflow: hidden;
  margin: 0 0 20px 0;
}
#extras .event-list h2 {
  position: static;
  width: auto;
  height: auto;
  border-bottom: none;
  margin: 5px 0 0 0;
  padding: 0;
  color: #333;
}
#extras .event-list ul {
  position: static;
  overflow: hidden;
  margin: -5px 0 10px 0;
  border: none;
  padding: 0;
}
#extras .event-list li {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 10px 0 0 0;
  border: none;
  padding: 10px 0 0 0;
  background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
  width: 100%;
  font-size: 100%;
}
#extras div.date {
  position: absolute;
  background: #27AC80;
  top: 10px;
  left: 0;
  width: 3.4em;
  margin-right: 10px;
}
#extras .date .month {
  display: block;
  padding: 4px 0 1px 0;
  color: #fff;
  text-align: center;
  font-weight: normal;
  font-size: 140%;
}
#extras .date abbr {
  border: none;
  cursor: help;
}
#extras .date .day {
  display: block;
  padding: 4px 0 5px 0;
  color: #fff;
  font-size: 160%;
  font-weight: bold;
  text-align: center;
}
#extras .event-list li h3 {
  float: none;
  margin: 0 0 5px 0;
  padding: 0 0 0 3em;
  font-size: 140%;
  width: 177px; /* IE 6 */
}
#extras .event-list .event-data {
  border: none;
  margin: 0;
  padding: 0 0 0 4.3em;
}
#extras .event-list .event-data li {
  display: block;
  background: none;
  margin: 0 10px 0 0;
  border: none;
  padding: 0;
  float: none;
  clear: both;
  height: auto;
  width: auto;
  color: #4b4b4b;
  font-weight: normal;
  font-size: 130%;
}
#extras .event-list li a {
  background: none;
  padding: 0;
}

/* contact */
#extras .vcard {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 30px 0;
  border-top: 0px solid #b3b3b3;
  padding: 5px 0 5px 0;
  background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
}
#extras .vcard h3 {
  background: url(../img/bgs/microformat.png) 100% 0 no-repeat;
  padding-right: 30px;
}
#extras .vcard div {
  overflow: hidden;
  margin: 3px 0;
}
#extras .vcard p {
  display: block;
  font-weight: normal;
  font-size: 115%;
}
#extras .vcard .organization-name {
  margin-bottom: 5px;
  padding: 2px 0 3px 0;
  font-weight: bold;
}
#extras .vcard div.adr p.locality,
#extras .vcard div.adr p.postal-code {
  float: left;
}
#extras .vcard div.adr p.locality {
  margin-left: .3em;
}
#extras .vcard .given-name,
#extras .vcard .family-name {
  margin-right: 5px;
  float:left;
}
.col-subcol div#extras div p.fn span.contactTitle,
body#article.col-subcol div#extras div p.fn span.contactTitle,
.col-subcol div#extras div.box div p.fn span.officePhone {
    clear: left;
    display: table;
}


#extras .vcard div dl {
  margin: 5px 0 0 0;
  font-size: 95% !important;

}
#extras .vcard div dt {
  float: left;
  clear: both;
  width: 5em;
  font-weight: bold
}
#extras .vcard div dl.email dt {
    font-weight: normal;
    display: none;
}
#extras .vcard div dd  {
  float: left;
  font-size: 110% !important;
}
#extras .vcard .photo {
  background: none;
  width: 90px;
}
#extras .vcard .photo img {
  width: 88px;
}
#extras .vcard .photo dd {
  display: block;
  font-size: 110%;
}
#extras .vcard .photo dt img {
  float: none;
  margin: 0;
  height:117px;
  width: 88px;
}


/* dom tabs */
#extras .toc-box {
  background: #f2f2f2 url(../img/bgs/text-box-220.png) -270px 100% no-repeat;
  overflow: hidden;
  width: 220px;
  border: none;
  float: left;
  clear: both; /* IE 6 */
  margin: 0 0 20px 0;
  padding: 0 0 6px 0;
}
#extras .toc-box h2 {
  background: #000 url(../img/bgs/text-box-220.png) 0 0 no-repeat;
  margin: 0;
  padding: 5px 5px 0 5px;
  color: #fff;
}
#extras ol.toc-box-toc {
  background: #000 url(../img/bgs/text-box-220.png) 0 -30px no-repeat;
  width: 186px;
  overflow: hidden;
  padding: 10px 0 0 2px;
  list-style: none;
}
#extras .toc-box-toc li {
  float: left;
  border: none;
  margin: 0 2px 0 0;
}
#extras .toc-box-toc li a {
  background: url(../img/bgs/text-box.png) -10px -40px no-repeat;
  float: left;
  display: block;
  padding: 0;
  color: #d0d0d0;
  text-decoration: underline;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
#extras .toc-box-toc li a.ui-disabled {
  cursor: default;
}
#extras .toc-box-toc li a.js-selected, /*js-selected was on*/
#extras .toc-box-toc li a.a11y-focus,
#extras .toc-box-toc li a:hover,
#extras .toc-box-toc li a:active,
#extras .toc-box-toc li a:focus {
  background: #f2f2f2 url(../img/bgs/text-box-toc.png) 100% 0 no-repeat;
  color: #000;
  text-decoration: none;
}
#extras .toc-box-toc li span {
  display: block;
  margin-right: 4px;
  padding: 5px 6px 5px 10px;
}
#extras .toc-box-toc li.js-selected span, /*js-selected was on*/
#extras .toc-box-toc li a:hover span,
#extras .toc-box-toc li a.a11y-focus span,
#extras .toc-box-toc li a:active span,
#extras .toc-box-toc li a:focus span {
  background: #f2f2f2 url(../img/bgs/text-box-toc.png) 0 0 no-repeat;
}
#extras .toc-box .toc-box-section {
  background: #f2f2f2 url(../img/bgs/text-box-220.png) -540px 100% repeat-y;
  float: left;
  width: 204px;
  margin: 0;
  padding: 10px 8px;
}
#extras .toc-box .toc-box-section h3 {
  background: none;
  padding: 0 0 5px 0;
  color: #000;
}

/* 2 Sidebars: tabs module extended extras-1 and #extras-2 */
#module {
  width: 100%;
  float: right;
  margin: 0 0 20px 0;
}
#module p {
  line-height: 1.3em;
}
#module img {
  float: left;
  margin: 0 10px 5px 0;
}
#extras #module .toc-box {
  background: #f2f2f2 url(../img/bgs/text-box.png) -540px 100% no-repeat;
  width: 460px;
  margin: 0;
}
#extras #module .toc-box h2 {
  background: #000 url(../img/bgs/text-box.png) 0 0 no-repeat;
  margin: 0;
  padding: 5px 5px 0 5px;
  color: #fff;
  font-size: 200%;
}
#extras #module ol.toc-box-toc {
  background: #000 url(../img/bgs/text-box.png) 0 -27px no-repeat;
  width: 460px;
}
#module ol.toc-box-toc li {
  display: inline;
}
#extras #module .toc-box .toc-box-section {
  background: #f2f2f2 url(../img/bgs/text-box.png) -1040px 100% repeat-y;
  width: 446px;
}
#extras #module .toc-box .toc-box-section h3 {
  background: none;
  padding: 0 0 5px 0;
  color: #000;
  font-size: 160%;
}

  
/* PROMOS
------------ */
.promo {       
  position: relative;
  overflow: hidden;
  float: left;
  display: inline; /* IE 6 */  
  margin: 0 20px 0 0;
  width: 220px;
  background: #000;  
}
#promo-4 {
  margin-right: 0;
}
.promo-text {
  position: absolute;
  bottom: 1px;
  left: 1px;
  padding: 5px 5px 10px 5px;
  background: transparent url(../img/bgs/transparent.png) 0 0 repeat;
  width: 208px;
  color: #fff;
}
.promo h3 {
  margin: 0 0 5px 0;
}
.promo h3 a {
  color: #27AC80;
}
#wrapper-2 .promo p {
  color: #fff;
}
.promo img {
  display: block;
  width: 186px;
}
.promo a img {
  border: 1px solid #fff;
}       
.promo a:hover img,
.promo a:active img,
.promo a:focus img {
  border: 1px solid #27AC80;
}
.promo a:visited {
  color: #27AC80;
}
  

/* FOOTER
----------------- */
#site-info {   
  position: relative;
  border-top: 1px solid #27AC80;
  background: #FFF ;
  padding: 20px;
  color: #3F3F3F;
}
#site-info > div {
  width: 940px;
  margin: 0 auto;
}
p#copyright {
  clear: both;
  text-align: center;
  color: #3F3F3F;
  border-top: 0px solid #C7F3DF;
  display: none;
}
p#copyright-magnolia {
  text-align: center;
  color: #ebebeb;
  padding: 2px;
}
div > p#copyright-magnolia a {
  padding: 0 0 0 18px;
  background: url(../img/icons/sprites.png) 0 -939px no-repeat;
}
p#copyright-magnolia span {
  display: none;
}
#site-info div div.links {
  float: left;
  display: inline; /* IE 6 */  
  width: 300px;
  margin: 0px 20px 0 0;
}  
#site-info ul {
  margin: 5px 0 0 0;
  list-style: none;
}
#site-info li {
  margin: 0 0 5px 0;
}
#site-info li a {
  color: #ffffff;
  display:block;
/*  border-bottom: 1px dotted #555; */
  transition: color 0.1s ease-in-out 0s;
  text-align: left;
}
#site-info li a:hover,
#site-info li a:active,
#site-info li a:focus, #site-info .links h2 a:hover {
  background-color:#E5E5E5;
  color: #00795b;
}
#site-info li.external a {
  background: url(../img/icons/sprites.png) 0 7px no-repeat;
  padding-left: 18px;
}
#site-info li img {
  margin: 0px;
}
#site-info li a img {
  border: 0;
}
#site-info div #about {
  width: 300px;
  margin: 0;
}
#site-info div #about .photo {
  width: 65px;
  height: auto;
  margin: 3px 10px 0 0;
}
#site-info div #about .mod {
  margin: 3px 0 0 10px;
}
#site-info div #about .mod-2 {
  width: 300px;
  height: auto;
  margin: 0 0 5px 0;
}

/* magnolia edit mode for footer - color changes to make editable content visible */
div#site-info-bottom div.footer_meta ul.edit-mode li.adnFooterLink a.disabled,
div#site-info-bottom div.footer_meta ul.edit-mode li.adnFooterLink a {
    color: black;
}
/* TEXT
----------------- */
#main .text {
  clear: both;
  overflow: hidden;
}
body#article.col-subcol div#main > div[role^="article"].text {
  overflow: visible;
}

#main h1 { 
  font-family: 'Frutiger LT W01_45 Ligh1475730',Verdana,Arial,Helvetica,sans-serif;
  clear: both;
  margin: 0 0 30px 0;
  /*border-top: 1px solid #099;*/
  padding-top: 0px;
  color: #27AC80;
  font-weight: 400;
}
#main .text h1 em, div#main h1.adnTitle em { /* kicker on article pages */
  margin: 2px 0 0 0;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .7px;
  color: #4b4b4b;
}
#main .text p.intro {
}
.js-on #article #main .text p.intro,
#article.col-subcol #main .text p.intro {
  float: left;
  width: 96%;
  min-height: 1px;
}
#article #main .text p.intro {
  width: 300px;
  min-height: 200px;
  height: auto;
}

.js-on #article #main .text img.photo + p.intro {
  float: left;
  width: 66% !important;
}
.js-on #article #main .text img.photo + p.intro + div#teaser-1 {
  margin-top: 25px; /*lead-text followed by teaser-list */
}

#main .text p {
  margin: 0 0 2px 0;
}

#main div.adnIntroContainer + p {
  padding-top: 10px;
}

#main .text p a {
  border: 0px;
  font-style: normal;
}

div#main div.text.references div.teaser p em.more a::before {
    color: #4b4b4b;
    content: "\203A";
    display: inline-block;
    font-family: "Frutiger LT W01_45 Ligh1475730",Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    height: 1.2em;
    line-height: 1.2em;
    padding-right: 6px;
    vertical-align: text-bottom;
}

#main .text p a:hover::before, div#main div.text.references div.teaser p em.more a:hover::before,
#main .text p a:hover,
#main .text p a:active,
#main .text p a:focus {
  text-decoration: none;
  border: 0px;
  color:#00a77f;
}
#main .text h2.subline {
  font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
  font-weight: 400;
  clear: both;
  border-top: 1px solid #00A77F;
  margin: 20px 0 12px 0;
  padding: 2px 0 0 0;
}
#main .text ul,
#main .text ol {
  margin: 0 0 20px;
  list-style: none outside none;
}
#main .text ol {
  margin-left: 25px;
}
#main .text ul ul,
#main .text ol ol {
  margin: 2px 0px;
}
#main .text li {
    background: url("../img/icons/bullet_001.gif") no-repeat scroll 0 11px transparent;
    line-height: 1.3em;
    padding: 5px 0 0 14px;
    display: table;
}

/* SEARCH Results 
body#search-results div#breadcrumb {
  display: none;
}
*/
#search-results div#main .highlight {
  background-color: transparent;
  color: #00A77F;
  font-size: 15px;
  font-family: 'Frutiger LT W01_55 Roma1475738',Verdana,Arial,Helvetica,sans-serif;
}

body#search-results #wrapper-3 > div {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: left;
    margin-bottom: 72px;
}

#search-results div#main div.text ol li {
    list-style: none;
    padding-top: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
    margin-bottom: 20px;
    width:98%;
    background: none;
}

#search-results div#main div.text ol li:last-child {
    margin-bottom: 15px;
}

#search-results div#main div.text ol li ul.text-data li.date, 
#search-results div#main div.text ol li ul.text-data li.author, 
#search-results div#main div.text ol li ul.text-data li.cat {
    width: auto;
    color: #4b4b4b;
    padding-bottom:15px;
    margin-bottom:0;
    font-family: "frutiger lt w01_55 roma1475738",verdana;
    line-height: 20px;
    font-size: 13px;
}

#search-results div#main div.text ol li h2 {
    padding-top: 0px;
}

div#main div.text div.text-meta ul#text-features li.print, div#main div.text div.text-meta #text-features li.social-b, div#main li.author, div#main li.date {
    background: none;
}
#main .text li li {
  font-size: 100%;
}
#main .text .highlight {
  background: #27AC80;
  color: #FFFFFF;
  margin: 0;
  border: 0;
  padding: 0px 2px 0px 2px;
  width: auto;
  font-style: normal;
}

/* table of contents */
#main #toc {
  clear: both;
}
#main #toc h2 {
  font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
  margin: 5px 0 1px 0;
  border-top: 1px solid #27AC80;
  padding: 3px 0 5px 0;
  color: #27AC80;
  font-weight: 400;
}
#main #toc ul {
  margin: 0 0 15px 0;
  list-style: none;
}
#main #toc li {
  background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
  height: 1%; /* ie 6 */
}
#main #toc a {
  display: block;
  background: url(../img/icons/sprites.png) 0 -294px no-repeat;
  padding: 5px 0 5px 18px
}

/* table */
#main table {
  margin: 10px 0 20px 0;
  border-top: 0px solid #C7F3DF;
  padding: 0 0 5px 0;
  empty-cells: show;
  border-collapse: collapse;
}
#main th,
#main td {
  background: #fff;
  padding: 5px;
  vertical-align: top;
  text-align: left;
}
#main th {
  background: #FFFFFF;
  border-bottom: 0px solid #C7F3DF;
  padding-right: 20px;
}
#main .odd td {
  background: #fff;
}
#main tbody td {
  background: #FFF;
  border-bottom: 0px solid #C7F3DF;
}
#main .text tr:nth-child(odd) td {
  background: none;
}
#main .text td ul,
#main .text td ol,
#main .text td p {
  margin-bottom: 0;
}
#main .text td li,
#main .text td p {
  font-size: 100%;
}

/* blockquote */
.text blockquote, .rowContent blockquote {
  position: relative;
  background: #fff url(../img/bgs/quote.png) 0px 7px no-repeat;
  padding: 15px 50px 5px 50px;
  font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
  font-size: 160%;
}

#main .text blockquote cite {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 65%;
    font-style: normal;
    line-height: 1em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}

#main .text blockquote cite:before {
    content: "\2013\00A0";
    padding: 0;
}

/* text-meta: author, date, tags */
#main .text .text-meta {
  border: 0 none;
  clear: both;
  float: left;
  margin: 0 0 6px;
  width: 100%;
}
#main .text .text-data {
  overflow: hidden;
  float: left;
  width: 70%;
  margin: 0;
}
#main .text .text-data li {
  float: left;
  margin: 0 15px 0 0;
  padding: 3px 0;
  list-style: none;
  font-size: 120%;
  color: #333;
}
/* Tags in at the beginning of the text */
.text-meta dl {
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #dedede;
  font-size: 92%;
}
#wrapper-2 .text-meta dt {
  float: left;
  padding: 0 5px 0 0;
}
#wrapper-2 .text-meta dd {
  float: left;
  padding: 0 10px 0 0;
}
/* text-features */
#main .text #text-features {
  position: relative;
  float: right;
  margin: 0;
  display: none;
}
#text-features li {
  float: left;
  margin: 0 5px 0 0;
  padding: 2px 0;
  list-style: none;
  font-size: 120%;
  text-align: right;
  list-style: none;
}
#text-features li a {
  color: #4b4b4b;
}
#text-features li.print a {
  background: url(../img/icons/sprites.png) 0 -898px no-repeat;
  padding-left: 16px;
}

/* social media links + bookmarks */
/*hide in old design*/
div#socialshareprivacy,
#article div#socialshareprivacy {
  display: none;
}

#text-features li.social-b a {
  background: transparent url(../img/icons/bookmarks.png) 0 -458px no-repeat;
  padding-left: 18px;
}

div#main .social_share_privacy_area {
    text-align: right;
}
#main .social_share_privacy_area li.gplus.help_info .info {
    left: -289px;
    text-align: left;

}
#main .social_share_privacy_area li.help_info .info, #main .social_share_privacy_area li .help_info.icon .info {
    left: -221px;
    text-align: left;
}

#main .social_share_privacy_area li .switch, 
#main div#socialshareprivacy ul.social_share_privacy_area li.settings_info {
    display: none;
}
#main .social_share_privacy_area li.help_info {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
}

#page-intro > div#socialshareprivacy {
    position: absolute;
    top: 360px;
    width: 44px;
    z-index: 1;
    margin-left: 36px;
}

#adnArticle #page-intro > div#socialshareprivacy {
    display: block;
}

div#main .social_share_privacy_area {
    display: inline;
    float: right;
    margin: 0 0 20px !important;
    text-align: right;
    width: auto;
}

#main .social_share_privacy_area li .dummy_btn, #main .social_share_privacy_area li div.tweet, #main .social_share_privacy_area li div.gplusone {
       width: auto;
}

html body.h-cp-Lh-iHa div#root div#plusone.Sh span#widget_bounds table tbody tr td div.vI table tbody tr td div#aggregateBubble.s1 {
    width: 49px !important;
}

#text-features li a:hover,
#text-features li a:focus,
#text-features li a:active {
  color: #00a77f;
  text-decoration: none;
}
/* Social Bookmarks */
#text-features #bookmarks {
  background: #fff;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 22px;
  width: 140px;
  border: 1px solid #dedede;
  font-size: 0.8em;
}
#text-features #bookmarks ul {
  display: block;
  border: none;
  margin: 5px 5px 0 5px;
}
#text-features #bookmarks ul li {
  float: none;
  margin: 0 0 4px 0;
  padding: 5px 0px 5px 0px;
  text-align: right;
  background: none;
}
#text-features #bookmarks li a {
  background: transparent url(../img/icons/bookmarks.png) 100% -577px no-repeat;
  padding: 1px 21px 1px 0;
  display: block;
  height: 14px;
}
#text-features #bookmarks li.delicious a {
  background-position: right 0;
}
#text-features #bookmarks li.google a {
  background-position: 100% -51px;
}
#text-features #bookmarks li.twitter a {
  background-position: 100% -101px;
}
#text-features #bookmarks li.linkedin a {
  background-position: 100% -151px;
}
#text-features #bookmarks li.facebook a {
  background-position: 100% -201px;
}
#text-features #bookmarks li.stumbleUpon a {
  background-position: 100% -254px;
}
#text-features #bookmarks li.wong a {
  background-position: 100% -319px;
}
#text-features #bookmarks li.digg a {
  background-position: 100% -387px;
}

/* Flash Content */
.flash {
  margin: 20px 0;
}



/* article navigation */
#nav-content {
  clear: both;
  background: #f7f8d9;
  margin: 0 0 20px 0;
  border: 1px solid #d3c595;
  padding: 5px;
}
#nav-content em {
  font-style: normal;
}
#main #nav-content h3 {
  margin: 5px 0;
  font-size: 180%;
}
#main #nav-content ul {
  margin: 0;
}
#main #nav-content li {
  margin: 2px 0;
  list-style: none;
}
#main #nav-content li a {
  background: transparent url(../img/icons/sprites.png) 0 -94px no-repeat;
  padding-left: 20px;
}
#main #nav-content strong {
  padding: 0 0 0 20px;
}

/* Comments */
#comments {
  margin: 20px 0 30px 0;
}
#comments h2 {
  margin: 0 0 10px 0;
  border-top: 4px solid #B3B3B3;
  padding-top: 3px;
  font-size: 240%;
}
#comments h2 em {
  font-style: normal;
}
#comments ul {
}
#comments li {
  font-size: 100%;
  position: relative;
  list-style: none;
  margin: 0 0 20px 0;
}
.comment-count {
  position: absolute;
  font-size: 500%;
  left: -70px;
  top: -5px;
  font-weight: bold;
  color: #C2C2C2;
  text-align: right;
  width: 60px;
  height: 50px;
  line-height: 1;
}
#comments blockquote {
  /*background: #fff url(../img/bgs/comment.png) 90% 85% no-repeat;*/
}
#comments blockquote p {
  font-size: 120%;

}  
#main #comments h3 {
  color: #4b4b4b;
  font-size: 120%;
  margin-bottom: 3px;
}
#comments p.comment-meta {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 100%;
}
#comments cite {
  display: block;
  margin: 10px 0 0 0;
  font-size: 120%;
  font-style: normal;
}
#comments cite span {
  margin: 0 3px 0 0;  
}
#comments cite span:after {
  content: ",";  
}
#comments cite span:last-child:after {
  content: "";
}


/* PAGES
==================== */

/* PROFILE  
------------------- */
/* vCard  addresses / microformats  */
.vcard {
  float: left; /* ie 6 */
  clear: both;
  background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
  width: 100%;
  margin: 0 0 30px 0;
  border-top: 4px solid #b3b3b3;
  padding: 5px 0 5px 0;
}
.vcard div {
  overflow: hidden;
  margin: 3px 0;
}
#main .vcard .organization-name {
  background: url(../img/bgs/microformat.png) 0 3px no-repeat;
  margin-bottom: 5px;
  padding: 1px 0 1px 35px;
  font-weight: bold;
  font-size: 160%;
}
#main .vcard p {
  display: block;
}
.vcard div.adr p.locality,
.vcard div.adr p.postal-code {
  float: left;
}
.vcard div.adr p.locality {
  margin-left: .3em;
}
.vcard div dl {
  margin: 5px 0 0 0;
}
.vcard div dt {
  float: left;
  clear: both;
  width: 6em;
  font-weight: bold
}
.vcard div dd  {
  float: left;
}
.vcard .photo {
  background: url(../img/bgs/photo-corners-profile.png) 0 100% no-repeat;
  width: 140px;
}
.vcard .photo img {
  width: 138px;
}
.vcard .photo dd {
  display: block;
}
.vcard .photo img.photo { /* microformat class for export */
  margin: 0;
  padding: 0;
}
.vcard div dl.tel span.type {
  display: none;
}


/* SEARCH RESULTS
------------------------------- */
#search-results #main h1 {
  padding-top: 10px;
  font-size: 22px;
  color: #4b4b4b;
  font-family: 'Frutiger LT W01_45 Ligh1475730', Verdana,Arial,Helvetica,sans-serif;
}
#search-results #main h1 em {
  display: inline;
  padding: 0 0 0 0;
  font-size: 22px;
  color: #4b4b4b;
  font-family: 'Frutiger LT W01_45 Ligh1475730', Verdana,Arial,Helvetica,sans-serif;
}
#search-results #main ol {
  margin: 20px 0 0 0;
}
#search-results #main .text h1 em {
  display: inline;
  font-size: 100%;
  color: #4b4b4b;
}
#search-results ol li {
  /*background: transparent url(../img/bgs/dotted-line.png) repeat-x scroll 0 100%;*/
  border-bottom: 1px solid #ececec;
  margin: 0 0 10px 0;
  padding: 0px 0px 15px 0px;
  list-style: none;
  font-size: 100%;
}
#search-results #main ol h2 {
  border: none;
  margin: 0px 0 5px 0;
}
#search-results #main ol h2 a {
  color: #4b4b4b;
  font-family: 'Frutiger LT W01_65 Bold1475746', Verdana,Arial,Helvetica,sans-serif;
  text-decoration: none;
  font-size: 19px;
  line-height: 20px;
}
#search-results #main ol h2 a:hover {
  text-decoration: none;
  color: #00A77F;
}

#search-results #main li p {
  clear: both;
  margin: 0;
  font-size: 15px;
  line-height: 20px;
 } 

#search-results #main li p.category {
  margin: 2px 0 0 0;
  color: #4b4b4b;
  font-size: 110%;
}
#search-results #main ol ul {
  margin: 0;
}
#search-results #main li ul.text-data li {
  background: none;
  border: 0px;
  float: left;
  margin: 2px 10px 4px 0;
  padding: 0;
  font-size: 13px;
  color: #4b4b4b;
}
#search-results #main .text-data, 
#search-results #main div.text ol li div.text-meta {
  border: none;
}

/* hide IE 10 clear icon */
input[type=text]::-ms-clear { display: none; }

/* as long as search is opened? */
#search-results #wrapper-2 {
    margin-top: 95px;
}

/* Paging */
.pager {
  overflow: hidden;
  clear: both;
  width: 80%;
  margin: 0 auto 20px auto;
  padding-top: 20px;
}
.pager ul {
  clear: both;
  float: right;
}
.pager li {
  float: left;
  margin: 0 3px 0 0;
  list-style: none;
  background-image: none;
  text-align: center;
}
div#main div.pager ul li {
  background-image: none !important;
  padding: 0px !important;
  margin: 0px !important;
}
.pager li a,
.pager li strong,
.pager li span {
  display: block;
  border: 1px solid #ccc;
  padding: 2px 6px 2px 6px;
  font-weight: bold;
}
.pager li span { /* ... */
  border: none;
  padding: 3px 1px;
}
.pager li strong { /* you are here */
  border: 1px solid #27ac80;
}
.pager li a:hover,
.pager li a:active,
.pager li a:focus {
  background: #27AC80;
  border: 1px solid #27ac80;
  color: #fff;
  text-decoration: none;
}
.pager li.previous a,
.pager li.next a {
  border: 1px solid #fff;
}
.pager li.previous a {
  background: url(../img/icons/sprites.png) 0 -195px no-repeat;
  padding-left: 19px;
}
.pager li.next a {
  background: url(../img/icons/sprites.png) no-repeat scroll right 7px transparent;
  padding-right: 30px;
}
.pager li.next a:hover,
.pager li.next a:active,
.pager li.next a:focus,
.pager li.previous a:hover,
.pager li.previous a:active,
.pager li.previous a:focus {
  color: #27AC80;
  text-decoration: underline;
}

  
/* Pager Latest News */
#main .latest .pager {
  /*background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;*/
  overflow: hidden;
  clear: both;
  width: 60%;
  margin: 0 auto 20px auto;
  padding: 10px 0 0 0;
}
#main .latest .pager ul {
  clear: both;
  float: right;
}
#main .latest .pager li {
  background: none;
  clear: none;
  float: left;
  width: auto;
  margin: 0 3px 0 0;
  list-style: none;
  text-align: center;
  font-size: 130%;
  border-bottom: 0px;
}
#main .latest .pager li a,
#main .latest .pager li strong,
#main .latest .pager li span {
  display: block;
  border: 1px solid #ec1549;
  border: 1px solid #ccc;
  padding: 2px 6px 2px 6px;
  font-weight: bold;
}
#main .latest .pager li span { /* ... */
  border: none;
  padding: 3px 1px;
}
#main .latest .pager li strong { /* you are here */
  border: 1px solid #27ac80;
}
#main .latest .pager li a:hover,
#main .latest .pager li a:active,
#main .latest .pager li a:focus {
  background: #27ac80;
  border: 1px solid #27ac80;
  color: #fff;
  text-decoration: none;
}
#main .latest .pager li.previous a,
#main .latest .pager li.next a {
  border: 1px solid #fff;
}
#main .latest .pager li.previous a {
  background: url(../img/icons/sprites.png) left -195px no-repeat;
  padding-left: 19px;
  color: #4b4b4b;
}
#main .latest .pager li.next a {
  background: url(../img/icons/sprites.png) right 7px no-repeat;
  padding-right: 30px;
  color: #4b4b4b;
}

div#main .latest div.pager ul li:hover {
  background-color: transparent;
}
#main .latest .pager li.next a:hover,
#main .latest .pager li.next a:active,
#main .latest .pager li.next a:focus,
#main .latest .pager li.previous a:hover,
#main .latest .pager li.previous a:active,
#main .latest .pager li.previous a:focus {
  color: #27ac80;
  text-decoration: underline;
}
/* Pager Events */
#main .event-list .pager {
  background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
  overflow: hidden;
  clear: both;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 5px 0 0 0;
}
#main .event-list .pager ul {
  clear: both;
  float: right;
}
#main .event-list .pager li {
  background: none;
  clear: none;
  float: left;
  width: auto;
  margin: 0 3px 0 0;
  list-style: none;
  text-align: center;
  font-size: 130%;
}
#main .event-list .pager li a,
#main .event-list .pager li strong,
#main .event-list .pager li span {
  display: block;
  border: 1px solid #ec1549;
  border: 1px solid #ccc;
  padding: 2px 6px 2px 6px;
  font-weight: bold;
}
#main .event-list .pager li span { /* ... */
  border: none;
  padding: 3px 1px;
}
#main .event-list .pager li strong { /* you are here */
  border: 1px solid #ccc;
}
#main .event-list .pager li a:hover,
#main .event-list .pager li a:active,
#main .event-list .pager li a:focus {
  background: #ec1549;
  border: 1px solid #333;
  color: #fff;
  text-decoration: none;
}
#main .event-list .pager li.previous a,
#main .event-list .pager li.next a {
  border: 1px solid #fff;
}
#main .event-list .pager li.previous a {
  background: url(../img/icons/sprites.png) 0 -195px no-repeat;
  padding-left: 15px;
}
#main .event-list .pager li.next a {
  background: url(../img/icons/sprites.png) 0 7px no-repeat;
  padding-right: 18px;
}
#main .event-list .pager li.next a:hover,
#main .event-list .pager li.next a:active,
#main .event-list .pager li.next a:focus,
#main .event-list .pager li.previous a:hover,
#main .event-list .pager li.previous a:active,
#main .event-list .pager li.previous a:focus {
  color: #EC1549;
  text-decoration: underline;
}



/* FORMS
-------------------- */
.form-wrapper {
  clear: both;
}
.form-wrapper fieldset {
  border: none;
  margin: 5px 0 30px 0;
}
.form-wrapper fieldset h2 {
  margin: 0 0 1px 0;
  border-top: 4px solid #46956C;
  padding: 5px 0 5px 0;
  color: #4b4b4b;
}
.form-wrapper p.required {
  text-align: right;
}
.form-wrapper p.required span,
.form-wrapper dfn {
  color: #4b4b4b;
  font-weight: 400;
}
.form-wrapper div {
  clear: both;
  float: left;
  width: 100%;
  /*border-bottom: 1px dotted #b3b3b3; */
  padding: 10px 0 15px 0;
}
.form-wrapper div div {
  width: auto;
  border-bottom: none;
  margin: 0 0 10px 0;
  padding: 0;
}
.form-wrapper div div.form-item {
  margin: 0;  
  clear: none;
}
.form-wrapper label {
  position: relative;
  display: block;
  font-size: 130%;
}
.form-wrapper  fieldset .multiple-labels fieldset input,
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper div.mod input.mod {
  display: block;
  background: #fff;
  width: 300px;
  margin: 3px 0 0 0;
  border: 1px solid #555;
  padding: 3px 3px 4px 3px;
}
.form-item-hidden,
.form-wrapper input[type=hidden] {
   display: none;
}
.form-wrapper .multiple-labels fieldset input.a11y-focus,
.form-wrapper .multiple-labels fieldset input:focus,
.form-wrapper input:focus,
.form-wrapper textarea:focus,
.form-wrapper input.a11y-focus,
.form-wrapper textarea.a11y-focus {
  border: 1px solid #00A77F;
  background: #fff;
}

.form-wrapper input[type=radio].a11y-focus,
.form-wrapper input[type=checkbox].a11y-focus {
  background: transparent;
  border: none;  
}


.form-wrapper textarea {
  height: 150px;
  width: 300px;
}
.form-wrapper select {
  display: block;
  width: 310px;
  margin: 5px 0 0 0;
}
.form-wrapper div span {
  display: block;
  padding: 5px 0 0 0;
  color: #4b4b4b;
  font-size: 110%;
}
.form-wrapper h4 {
  padding: 0 0 10px 0;
  color: #000;
  font-size: 120%;
  font-weight: bold;
}
.form-wrapper div.multiple-labels label span {
  color: #4b4b4b;
  font-size: 110%;
  font-weight: normal;
}
.form-wrapper div label span {
  display: inline;
}
.form-wrapper div label.m span {
  clear: both;
  padding: 0 0 5px 0;
}
.form-wrapper div span.help a {
  background: url(../img/icons/sprites.png) 0 -1000px no-repeat;
  padding-left: 15px;
}

/* multiple inputs in one row */
.form-wrapper div div.form-item-s,
.form-wrapper div div.form-item-m,
.form-wrapper div div.form-item-l {
  float: left;
  margin: 0;
  clear: none;
  width: 92px;
}

.form-wrapper div div.form-item-m {
  width: 161px;
  padding: 0;
}
.form-wrapper div div.form-item-l {
  width: 363px;
}
.form-wrapper div div.form-item-s input {
  width: 70px;
}
.form-wrapper div div.form-item-m input {
  width: 139px;
}
.form-wrapper div div.form-item-l input {
  width: 209px;
}

/* checkboxes & radiobuttons */
.form-wrapper fieldset fieldset {
  float: none; /* ie 6 */
  margin: 0;
  padding: 0;
}
.form-wrapper fieldset fieldset .form-item {
  float: none;
  display: block;
  clear: both;
}
.form-wrapper fieldset fieldset input {
  width: auto;
  display: inline;
  background: transparent;
  border: none;
}
#main .form-wrapper fieldset fieldset legend {
  text-indent: -9999px;
  font-size: 0;
}
.form-wrapper  fieldset fieldset div.form-item label {
  display: inline;
}
.form-item input[type$="checkbox"] + label {
  margin-left: 5px;
}

/* mod for short elements */
.form-wrapper fieldset fieldset.mod .form-item {
  float: left;
  clear: none;
  margin-right: 10px;
  width: auto;
}
.form-wrapper fieldset fieldset.mod .form-item label {
  display: inline;
}
/* Submit */
.form-wrapper div.button-wrapper {
  position: relative;
  border: none;
  padding: 10px 0 5px 0;
}
.form-wrapper fieldset div.button-wrapper em {
  float: right;
  margin-top: -24px;
  font-size: 140%;
}
.new-search .button,  /* button outside button-wrapper */
.form-wrapper div.button-wrapper input { /* button */
  /*background: #2E6B56 url(../img/bgs/submit.png) 0 0 repeat-x;*/
  background: #00A77F;
  right: auto;
  width: auto;
  border: 1px solid #00A77F;
  border-right: 1px solid #00A77F;
  border-bottom: 1px solid #00A77F;
  padding: 2px 10px;
  color: #fff;
  cursor: pointer;
  font-size: 120%;
  text-transform: uppercase;
  font-weight: bold;
}
.new-search .button {  /* button outside button-wrapper */
  padding-top: 3px;
  padding-bottom: 4px;
}
.new-search .button:hover,
.new-search .button:active,
.new-search .button:focus,
.form-wrapper div.button-wrapper input:hover,
.form-wrapper div.button-wrapper input:active,
.form-wrapper div.button-wrapper input:focus {
  background: #00a77f;
  color: #fff;
  border: 1px solid #00a77f;
  opacity: 0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  
}

/* link-Button */
a.button {
  background: #b90834 url(../img/bgs/submit.png) 0 0 repeat-x;
  min-width: 60px;
  width: auto;
  border: 1px solid #f19eb2;
  border-right: 1px solid #920728;
  border-bottom: 1px solid #920728;
  padding: 3px 20px 2px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 110%;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
a.button span {
  position: absolute;
}
a.button:hover,
a.button:active,
a.button:focus {
  color: #fac4d1;
}

/* New Search */
#search-results .form-wrapper div {
  background: #f4f4f4;
  float: left;
  width: 100%;
  padding: 10px 0;
}
#search-results .form-wrapper input {
  float: left;
  margin: 3px 0 0 10px;
}
#search-results .form-wrapper div a.button {
  float: left;
  margin-top: 2px;
}
#search-results .form-wrapper input.submit {
  width: auto;
  background: #cc0;
  padding: 2px 10px;
  cursor: pointer;
}

/* error messages */
.error {
  color: #ec1549;
  font-weight: bold;
}
#main .error h1 {
  background: url(../img/bgs/error.png) 0 18px no-repeat;
  margin-bottom: 10px;
  padding: 5px 0 0 36px;
  color: #ec1549;
}
#main div.error {
  margin: 20px 0;
  font-weight: bold;
}
#main div.error ul {
  margin: 0 0 0 45px;
}
#main div.error li {
  color: #ec1549;
}
#main div.error li a,
#main div.error label span {
  color: #ec1549;
  font-size: 1.2em;
  font-weight: normal;
}
#main .form-wrapper div.error {
  margin: 0;
}
.form-wrapper div.error input,
.form-wrapper div.error textarea {
  border: 1px solid #ec1549;
}
/* success messages */
#main .success {
  margin: 10px 0;
  text-align: center;
}
#main .success h1 {
  margin-bottom: 10px;
  padding: 5px 0 0 36px;
  color: #4b4b4b;
  font-size: 3em;
}
#main .success p {
	font-size: 1.5em;
}

/* Captcha */


#main #recaptcha_area, #main table#recaptcha_table {
  width: 318px !important;
}

#main table.recaptchatable, 
#main #recaptcha_area tr, 
#main #recaptcha_area td, 
#main #recaptcha_area th {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  border-collapse: collapse !important;
  vertical-align: middle !important;
}

#main table.recaptchatable tbody td.recaptcha_r1_c1 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll 0 -63px transparent;
    height: 9px;
    width: 318px;
}

#main table.recaptchatable tbody td.recaptcha_r2_c1 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -18px 0 transparent;
    height: 57px;
    width: 9px;
}

#main table.recaptchatable tbody td.recaptcha_image_cell {
background-color: white;
height: 57px;
}

#main table.recaptchatable tbody td.recaptcha_r2_c2 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -27px 0 transparent;
    height: 57px;
    width: 9px;
}

#main table.recaptchatable tbody td.recaptcha_r3_c1 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    width: 9px;
}
#main table.recaptchatable tbody td.recaptcha_r3_c2 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -18px -57px transparent;
    height: 6px;
    width: 300px;
}
#main table.recaptchatable tbody td.recaptcha_r3_c3 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -9px 0 transparent;
    height: 63px;
    width: 9px;
}
#main table.recaptchatable tbody td.recaptcha_r4_c1 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -43px 0 transparent;
    height: 49px;
    width: 171px;
}

#main table.recaptchatable tbody td.recaptcha_r4_c1 div.recaptcha_input_area {
  position: relative!important;
  width: 155px !important;
  height: 45px !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
  background: none !important;
}

#main table.recaptchatable tbody td.recaptcha_r4_c2 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -36px 0 transparent;
    height: 57px;
    width: 7px;
}

#main table.recaptchatable tbody td.recaptcha_r4_c4 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -214px 0 transparent;
    height: 57px;
    width: 97px;
}
#main table.recaptchatable tbody td.recaptcha_r7_c1 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -43px -49px transparent;
    height: 8px;
    width: 171px;
}

#main table.recaptchatable tbody td.recaptcha_r8_c1 {
    background: url("http://www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -43px -49px transparent;
    height: 8px;
    width: 25px;
}

/* SITEMAP
--------------------- */
#sitemap .links {
  border-top: 4px solid #b3b3b3;
  margin: 30px 0 30px 0;
}
#sitemap .links h2 {
  margin: 16px 0 0 0;
  padding: 5px 0 5px 0;
}
#sitemap .links h2 a {
  display: block;
  color: #4b4b4b;
}
#sitemap .links h2 a:hover,
#sitemap .links h2 a:active,
#sitemap .links h2 a:focus {
  color: #00a77f;
}
#sitemap .links li {
  background: transparent url(../img/bgs/dotted-line.png) 0 0 repeat-x;
  height: 1%; /* IE6 */
  margin: 0;
  border: none;
  padding: 0;
}
#sitemap .links li a {
  background: url(../img/icons/sprites.png) 0 -94px no-repeat;
  padding: 6px 0 6px 15px;
}
#sitemap .links li li a {
  background: url(../img/icons/sprites.png) 0 -94px no-repeat;
  padding-left: 45px;
}
#sitemap .links li li li a {
  background: url(../img/icons/sprites.png) 0 -94px no-repeat;
  padding-left: 75px;
}
#sitemap #wrapper-3 .links li ul {
  margin: 0;
  padding: 0;
}
#sitemap .links li li {
  font-size: 100%;
}


/* ACCORDION/FAQ
--------------------- */

.list-box { /* do not use height, border, margin or padding here - accessibility */
  
}
#main .super-list div div {
  background: #f7f8d9;
  background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
  padding: 10px 10px 10px 25px;
}
#main .super-list h3,
#main .super-list p,
#main .super-list li li {
  font-size: 100%;
}
#main .super-list p {
  margin-bottom: 10px;
}
#main .super-list li {
  float: left;
  background: url(../img/bgs/dotted-line.png) 0 0 repeat-x;
  width: 100%;
  list-style-type: none;
}
#main .super-list li li {
  background: #fff;
  float: none;
  border: none;
  list-style-type: disc;
}
#main .super-list li p {
  margin: 0;
}
#main .super-list li h3 a {
  display: block;
  background: transparent url(../img/icons/sprites.png) no-repeat scroll 0px 7px;
  padding: 5px 0 5px 25px;
  font-weight: bold;
  cursor: pointer;
}
#main .super-list li h3 a.a11y-focus {
  text-decoration: underline;
}
#main .super-list li h3 a.on {
  background-color: #f2f2bf;
  background-position: 5px -139px;
}
#main .super-list li ul,
#main .super-list li ol {
  margin: 0 0 10px 25px;
}

#main .super-list ol li {
  list-style-type: decimal;
}
#main .super-list .photo,
#main .super-list dt img {
  margin-bottom: 0;
}
#main .super-list dl {
  overflow: hidden;
}
#main .super-list dd {
  font-size: 85%; /* 11px */
  line-height: 1.3em;
}
#main .super-list dd.copyright {
  font-size: 85%;
}


/* GLOSSARY
--------------------- */
#glossary-index {
  overflow: hidden;
  width: 100%;
  margin: 0 0 20px 0;
}
#glossary-index ul {
  margin: 10px 0 0 0;
}
#glossary-index li {
  list-style: none;
  float: left;
  margin: 0 5px 5px 0;
  font-size: 160%;
}
#glossary-index li a,
#glossary-index li span {
  display: block;
  border: 1px solid #ccc;
  padding: 2px 7px 2px 8px;
  min-width: 12px;
  text-align: center;
  font-weight: bold;
}
#glossary-index li span {
  color: #4b4b4b;  
}
#glossary-index li a:hover,
#glossary-index li a:active,
#glossary-index li a:focus {
  background: #00a77f;
  border: 1px solid #333;
  color: #fff;
  text-decoration: none;
}
.glossary-box {
  float: left;
  width: 200px;
  height: 20em;
  margin: 0 10px 10px 0;
  border: 1px solid #ccc;
  padding: 10px;
}
#main .glossary-box li.all {
  background: none;
}
#main .glossary-box p.all a {
  margin-top: -1px;
}
#main .glossary-box h2 {
  float: left;
  background: #fff;
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 600%;
  color: #000;
  line-height: 1;
  text-transform: uppercase;
}
#main .glossary-box ul {
  list-style: none;
  margin: 0;
}
#main .glossary-box ul li {
  background: url(../img/bgs/dotted-line.png) 0 100% repeat-x;
  height: 1%; /* IE 6 */
  margin: 0;
  line-height: 1.2em;
}
html > body #main .glossary-box ul li {
  height: auto;
}
#main .glossary-box li a {
  display: block;
  padding: 5px 0 5px 0;
}
/* Glossary Details */
.glossary-details {
  height: auto;
  width: 688px;
  padding: 10px 0 20px 10px;
}
#main .glossary-details h2 {
  display: block;
  float: none;
}
#main .glossary-details ul li {
  width: 47%;
  float: left;
  margin-right: 19px;
}


/*
PHOTOS
---------------------- *
/* photos / images */
.photo { /* for dl and without it */
  float: left;
  display: inline-block;
  width: 186px;
  margin: 3px 10px 10px 0;
}

img.articleHeaderImage + div.adnIntroContainer {
 float: left;
 width: 66%;
}

.js-on img.photo + .js-on p.intro {
  float: left;
  width: 66%;
}

dl.photo {
  background: transparent;
  background-size: 100% auto;
  padding: 0 0 4px 0;
  width:188px;
}
.photo img {
  display: block;
  width: 186px;
  border: 1px solid #ececec;
}

div.box.vcard .media.photo dt.img {
  border: none;
}

div.teaserColumn div.box.vcard .media.photo > dt {
    border: medium none;
    border-radius: 44px;
    display: block;
    height: 88px;
    overflow: hidden;
}

div.text .media.photo dt > img {
  border: 0 none;
}
dl.mod-2, dl.media.photo.large, img.media.photo.large { /* big */
  clear: both;
  background: none;
  float: none;
  width: 288px;
  background-size: 100% auto;
}
dl.mod-2 img, dl.media.photo.large img, img.media.photo.large {
  width: 286px;
  border: 1px solid #e4e4e4;
}
img.mod-2, media.photo.large, img.media.photo.large {
  clear: both;
  display: block;
  width: 286px;
}
.photo dd {
  background: #ececec;
  display: block;
  padding: 2px 5px 0 5px;
}
.photo dd.zoom {
  float: right;
  top: -22px;
}

#wrapper-2 .photo dd.copyright {
  font-style: italic;
  font-size: 120%;
}
.photo dd.longdesc {
  display: none;
}
.photo.mod, media.photo.pos-2 {
  float: right;
  margin-right: 0;
  margin-left: 10px;
  width: 186px
}

/* adnArticle image alignment for text-and-image component 

image left, text right
*/
#adnArticle div#main div.rowContent div.teaserColumn.one-cell-layout div.textimage.text-section.textBlockAlign-left,
#adnArticle div#main div[id^="adn-Text-Image-Div-"] div.rowContent div.teaserColumn.one-cell-layout div.textimage.text-section.textBlockAlign-full {
  width: 100%;
}
#adnArticle div#main div.rowContent div.teaserColumn.one-cell-layout div.textimage.text-section.textBlockAlign-left dl.media.photo {
  display: inline-block;
  float: left;
}
/* image right - text left */
#adnArticle div#main div.rowContent div.teaserColumn.one-cell-layout div.textimage.text-section.textBlockAlign-left dl.media.photo.pos-2 {
  display: inline-block;
  float: right;
}


#stage div.tw-paging .rack-teaser h2 {
  position: relative;
  top: 6px;
  left: 20px;
  width: 486px;
  z-index: 10;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0em;
  color: #27ac80;
}
#stage div.tw-paging .rack-teaser p {
  color: #181716;
  font-family: verdana,arial,helvetica,sans-serif;
  padding: 10px 20px 20px 20px;    
  font-size: 12px;
  color: #181716;
  position: relative;
  left: 0px;
  z-index: 5;
  width: auto;
  line-height: 140%;
}

#stage div.tw-paging .mod p {
  width: 100%;
}
#stage div.tw-paging .rack-teaser img {
  display: inline;
  width: 932px;
  height: 317px;
  float: left;
  margin: 4px 10px 0 0;
  border: none;
}
#stage div.tw-paging .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#stage div.tw-paging .rack-teaser em a {
  padding-left: 17px;
}
/* Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-paging {
  position: relative;
  background: #fff;
  border: 0;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 698px;
  margin: 37px 0 0 0;
  padding: 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-paging {
  padding: 0 0 45px 0;
}
#wrapper-2 #wrapper-3 div.tw-paging h3 {
  margin: 10px 0 5px 0;
  border-top: 4px solid #b3b3b3;
  padding: 5px 0 2px 0;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 div.tw-paging .pagination {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 10px;
  height: 30px;
}
#wrapper-2 #wrapper-3 div.tw-paging .pagination ul {
  float: none;
}
#wrapper-2 #wrapper-3 div.tw-paging .pagination li {
  float: left;
  margin-right: 8px;
  list-style-type: none;
}
#wrapper-2 #wrapper-3 div.tw-paging .pagination li a {
  display: block;
  float: left;
  background: url(../img/bgs/teaser-paging-main.png) 0 0 no-repeat;
  opacity: .5;
  margin-left: 1px;
  padding: 6px 14px 9px 9px;
  color: #fff;
  font-size: 140%;
  font-weight: bold;
}  
#wrapper-2 #wrapper-3 div.tw-paging .pagination li a:hover,
#wrapper-2 #wrapper-3 div.tw-paging .pagination li a:active,
#wrapper-2 #wrapper-3 div.tw-paging .pagination li a:focus {
  color: #00A77F;
  text-decoration: none;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 927px;
  margin: 0;
  padding-left: 10px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-paging .rack {
  width: 680px;
  overflow: hidden;
  height: 205px;
  margin: 3px 0 0 3px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
  overflow: hidden;
  float: left;
  width: 670px;
  height: 185px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 10px 20px 0 0px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser h2 {
  margin: 0 0 5px 0;
  width: 670px;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser img {
  display: inline;
  float: left;
  height: 155px;
  width: 380px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser p {
  clear: none;
  float: left;
  width: 280px;
  padding: 0 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 #wrapper-3 div.tw-paging .mod p {
  width: 100%;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser em a {
  padding-left: 17px;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
#home #wrapper-2 #wrapper-3 div.tw-paging {
  margin: 0;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging {
  width: 938px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack {
  width: 925px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
  width: 925px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser p {
  width: 520px;
}
/* Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-paging {
  position: relative;
  background: #fff;
  border: 0;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 460px;
  margin: 0 0 20px 0;
  padding: 0;
}  
.js-on #wrapper-2 #wrapper-3 #main div.tw-paging {
  padding: 0 0 50px 0;
}  
#wrapper-2 #wrapper-3 #main div.tw-paging h3 {
  margin: 10px 0 5px 0;
  border-top: 4px solid #b3b3b3;
  padding: 5px 0 2px 0;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 10px;
  height: 30px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination ul {
  float: none;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li {
  float: left;
  margin-right: 8px;
  list-style-type: none;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li a {
  display: block;
  float: left;
  background: url(../img/bgs/teaser-paging-main.png) 0 0 no-repeat;
  opacity: .5;
  margin-left: 1px;
  padding: 6px 14px 9px 9px;
  color: #fff;
  font-size: 140%;
  font-weight: bold;
}  
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li a:hover,
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li a:active,
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li a:focus {
  color: #00a77f;
  text-decoration: none;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 440px;
  margin: 0;
  padding-left: 15px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  overflow: hidden;
  height: 205px;
  margin: 3px 0 0 3px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  overflow: hidden;
  float: left;
  width: 440px;
  height: 195px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 10px 20px 0 0px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  margin: 0 0 5px 0;
  width: 440px;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
  display: inline;
  float: left;
  height: 155px;
  width: 210px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  clear: none;
  float: left;
  width: 220px;
  padding: 0 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 100%;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser em a {
  padding-left: 17px;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 460px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 440px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 440px;
  height: auto;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 440px;
}  
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
  height: 140px;
  width: 180px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 240px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 100%;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 940px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 920px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 930px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 510px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 98%;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 590px;
}
.js-on .col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 570px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 550px;
  height: auto;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
  height: 140px;
  width: 180px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 350px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 98%;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 700px;
}
.js-on .nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack,
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 680px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 660px;
  height: auto;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 440px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 98%;
}
/* Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-paging {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 937px;
  margin: 0 0 20px 0;
  padding: 0;
}  
.js-on #wrapper-2 div.tw-paging {
  padding: 0 0 50px 0;
}  
#wrapper-2 div.tw-paging h3 {
  border: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 200%;
}
#wrapper-2 div.tw-paging .pagination {
  position: absolute;
  top:  auto;
  bottom: 10px;
  left: 10px;
  height: 30px;
}
#wrapper-2 div.tw-paging .pagination ul {
  float: none;
}
#wrapper-2 div.tw-paging .pagination li {
  float: left;
  margin-right: 8px;
  list-style-type: none;
}
#wrapper-2 div.tw-paging .pagination li a {
  display: block;
  float: left;
  background: url(../img/bgs/teaser-paging.png) 0 0 no-repeat;
  opacity: .5;
  margin-left: 1px;
  padding: 7px 14px 9px 10px;
  color: #000;
  font-size: 140%;
  font-weight: bold;
}  
#wrapper-2 div.tw-paging .pagination li a:hover,
#wrapper-2 div.tw-paging .pagination li a:active,
#wrapper-2 div.tw-paging .pagination li a:focus {
  color: #00a77f;
  text-decoration: none;
}
#wrapper-2 div.tw-paging .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 922px;
  margin: 0;
  padding-left: 15px;
}
.js-on #wrapper-2 div.tw-paging .rack {
  overflow: hidden;
  height: 205px;
  display: inline;
  width: 915px;
  margin: 3px 0 0 3px;
}
#wrapper-2 div.tw-paging .rack-teaser {
  overflow: hidden;
  float: left;
  width: 900px;
  height: 195px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 div.tw-paging .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 10px 20px 0 0px;
}
#wrapper-2 div.tw-paging .rack-teaser h2 {
  float: right;
  width: 510px;
  margin: 0 0 5px 0;
  font-size: 180%;
  font-weight: normal;
}  
#wrapper-2 div.tw-paging .mod h2 {
  width: 100%;
}    
#wrapper-2 div.tw-paging .rack-teaser img {
  display: inline;
  float: left;
  height: 155px;
  width: 380px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 div.tw-paging .rack-teaser p {
  clear: none;
  float: left;
  width: 500px;
  padding: 0 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 div.tw-paging .mod p {
  width: 100%;
}
#wrapper-2 div.tw-paging .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 div.tw-paging .rack-teaser em a {
  padding-left: 17px;
}




/* ###   TW-SLIDER ### */
.slider-bar span {
  display: block;
  position: absolute;
  bottom: 2px;
  height: 23px;
  width: 105px;
  text-indent: -9999em;
  cursor: pointer;
}
.slider-bar span.show {
  cursor: pointer;
}
.slider-bar span.next {
  right: 2px;
  
}
.slider-bar span.prev {
  left: 2px;
  
}
/* Inside #Stage */
#stage div.tw-slider {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 937px;
  margin: 0;
  padding: 0;
}  
.js-on #stage div.tw-slider {
  padding: 0 0 35px 0;
}  
#home #wrapper-2 #wrapper-3 div.tw-slider {
  margin: 0;
}  
#stage div.tw-slider h3 {
  border: 0;
  padding: 5px 10px 0 5px;
  color: #fff;
  font-size: 200%;
}
#stage div.tw-slider .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 922px;
  margin: 10px 0 0 0;
  padding-left: 15px;
}
.js-on #stage div.tw-slider .rack {
  display: inline;
  overflow: hidden;
  height: 193px;
  width: 897px;
  margin-left: 12px;
}
#stage div.tw-slider .rack-teaser {
  overflow: hidden;
  float: left;
  width: 375px;
  height: 193px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #stage div.tw-slider .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 0 20px 0 0px;
}
#stage div.tw-slider .rack-teaser h2 {
  margin: 8px 0 0 0;
  font-size: 180%;
  font-weight: normal;
}      
#stage div.tw-slider .rack-teaser img {
  display: inline;
  float: left;
  height: 80px;
  width: 160px;
  margin: 4px 10px 0 0;
  border: none;
}  
#stage div.tw-slider .rack-teaser p {
  clear: none;
  float: none;
  width: auto;
  padding: 2px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#stage div.tw-slider .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#stage div.tw-slider .rack-teaser em a {
  padding-left: 17px;
}
#stage div.tw-slider .slider-bar {
  position: absolute;
  left: -2px;
  bottom: 0;
  background: #000 url(../img/bgs/scrollbar.png) 0 0 no-repeat;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0 106px;
  width: 726px;
  height: 23px;
}
#stage div.tw-slider .ui-slider {
  display: none;
  position: relative;
  height: 23px;
}
#stage div.tw-slider .ui-slider .ui-slider-handle {
  position: absolute;
  background: url(../img/bgs/scroller.png) 0 0 no-repeat;
  z-index: 1;
  top: 0;
  left: 0;
  width: 216px;
  height: 19px;
  margin: 0 0 0 -108px;
}
/* Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-slider {
  position: relative;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 698px;
  margin: 37px 0 0 0;
  padding: 0;
}  
.js-on #wrapper-2 #wrapper-3 div.tw-slider {
  padding-bottom: 35px;
}  
#wrapper-2 #wrapper-3 div.tw-slider h3 {
  border: 0;
  padding: 5px 10px 0 5px;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 680px;
  margin: 10px 0 0 0;
  padding-left: 15px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-slider .rack {
  width: 658px;
  overflow: hidden;
  height: 193px;
  display: inline;
  margin-left: 12px;
}
.js-on.hcm #wrapper-2 #wrapper-3 div.tw-slider .rack {
  height: 225px;  
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser {
  overflow: hidden;
  float: left;
  width: 375px;
  height: 193px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-slider .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 0 20px 0 0px;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser h2 {
  margin: 8px 0 0 0;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser img {
  display: inline;
  float: left;
  height: 80px;
  width: 160px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser p {
  clear: none;
  float: none;
  width: auto;
  padding: 2px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser em a {
  padding-left: 17px;
}
#wrapper-2 #wrapper-3 div.tw-slider .slider-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #f2f2f2 url(../img/bgs/scrollbar-main-small.png) 0 0 no-repeat;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0 106px;
  width: 487px;
  height: 23px;
}
#wrapper-2 #wrapper-3 div.tw-slider .ui-slider {
  display: none;
  position: relative;
  height: 23px;
}
#wrapper-2 #wrapper-3 div.tw-slider .ui-slider .ui-slider-handle {
  position: absolute;
  background: url(../img/bgs/scroller-main.png) 0 0 no-repeat;
  z-index: 4;
  top: 0;
  left: 0;
  margin: 0 0 0 -109px;
  width: 211px;
  height: 19px;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
#home #wrapper-2 #wrapper-3 div.tw-slider {
  margin: 0 0 20px 0;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider {
  width: 938px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider .rack {
  width: 900px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider .ui-slider {
  background: #f2f2f2 url(../img/bgs/scrollbar-main.png) 0 0 no-repeat;
  width: 938px;
}
/* Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-slider {
  position: relative;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 458px;
  margin: 0 0 20px 0;
  padding: 0;
}  
.js-on #wrapper-2 #wrapper-3 #main div.tw-slider {
  padding: 0 0 35px 0;
}  
.hcm #wrapper-2 #wrapper-3 #main div.tw-slider {
  padding-bottom: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-slider h3 {
  border: 0;
  padding: 5px 10px 0 5px;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 418px;
  margin: 10px 0 0 0;
  padding-left: 15px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  overflow: hidden;
  height: 193px;
  margin-left: 12px;
}
.hcm #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  height: 220px;
  overflow: auto !important;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
  overflow: hidden;
  float: left;
  width: 400px;
  height: 183px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 10px 20px 0 0px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser h2 {
  float: right;
  width: 230px;
  margin: 0;
  font-size: 180%;
  font-weight: normal;
}     
#wrapper-2 #wrapper-3 #main div.tw-slider .mod h2 {
  width: 100%;
}  
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser img {
  display: inline;
  float: left;
  height: 80px;
  width: 160px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser p {
  clear: none;
  float: none;
  width: auto;
  padding: 2px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser em a {
  padding-left: 17px;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #f2f2f2 url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0 105px;
  width: 247px;
  height: 23px;
  
}
.hcm #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  display: none;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider {
  display: none;
  height: 23px;
  position: relative;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider .ui-slider-handle {
  position: absolute;
  background: url(../img/bgs/scroller-main.png) 0 0 no-repeat;
  z-index: 1;
  top: 0;
  left: 0;
  width: 211px;
  height: 19px;
  margin: 0 0 0 -105px;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 460px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 420px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
  width: 400px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser h2 {
  width: 225px;
}   
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .mod h2 {
  width: 100%;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
  width: 242px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 940px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 905px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main.png) 0 0 no-repeat;
  width: 726px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 590px;
}
.js-on .col-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 550px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-590.png) 0 0 no-repeat;
  width: 588px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 700px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 660px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-small.png) 0 0 no-repeat;
  width: 485px;
}
/* Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-slider {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 937px;
  margin: 0 0 20px 0;
  padding: 0;
}  
.js-on #wrapper-2 div.tw-slider {
  padding: 0 0 35px 0;
}
.hcm #wrapper-2 div.tw-slider {
  padding-bottom: 0;
}  
#wrapper-2 div.tw-slider h3 {
  border: 0;
  padding: 5px 10px 0 5px;
  color: #fff;
  font-size: 200%;
}
#wrapper-2 div.tw-slider .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 922px;
  margin: 10px 0 0 0;
  padding-left: 15px;
}
.js-on #wrapper-2 div.tw-slider .rack {
  overflow: hidden;
  height: 193px;
  display: inline;
  width: 897px;
  margin-left: 12px;
}
.js-on.hcm #wrapper-2 div.tw-slider .rack {
  height: 220px;
  overflow: auto !important;
}
#wrapper-2 div.tw-slider .rack-teaser {
  overflow: hidden;
  float: left;
  width: 375px;
  height: 193px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 div.tw-slider .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 0 20px 0 0px;
}
#wrapper-2 div.tw-slider .rack-teaser h2 {
  margin: 8px 0 0 0;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 div.tw-slider .rack-teaser img {
  display: inline;
  float: left;
  height: 80px;
  width: 160px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 div.tw-slider .rack-teaser p {
  clear: none;
  float: none;
  width: auto;
  padding: 2px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 div.tw-slider .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 div.tw-slider .rack-teaser em a {
  padding-left: 17px;
}
#wrapper-2 div.tw-slider .slider-bar {
  position: absolute;
  left: -2px;
  bottom: 0;
  background: #000 url(../img/bgs/scrollbar.png) 0 0 no-repeat;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0 106px;
  width: 727px;
  height: 23px;
}
.hcm #wrapper-2 div.tw-slider .slider-bar {
  display: none;
}
#wrapper-2 div.tw-slider .ui-slider {
  display: none;
  position: relative;
  height: 23px;
}
#wrapper-2 div.tw-slider .ui-slider .ui-slider-handle {
  position: absolute;
  background: url(../img/bgs/scroller.png) 0 0 no-repeat;
  z-index: 1;
  top: 0;
  left: 0;
  width: 211px;
  height: 19px;
  margin: 0 0 0 -108px;
}

-js-on .youtube-player-wrapper,
.youtube-player {
  height: 400px;
}
.youtube-player-wrapper {
  margin: 0 0 20px 0;  
}
.youtube-widget {
  margin: 0 0 20px 0;  
}
#main .youtube-widget ul {
  margin: 0;
  list-style: none;
}
.youtube-widget li {
  overflow: hidden;
  height: 1%;
  margin: 5px 0;
  padding: 5px 0;
  font-size: 100%;
  background: url(../img/bgs/dotted-line.png) repeat-x 0 0;  
}
.youtube-widget li h3 {
  margin: 5px 0;  
}
.youtube-widget li img {
  float: left;
  margin: 3px 10px 5px 0;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser {
  width: 120px;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser img {
  margin: 0 0 5px 0;
  width: 88px;
  height: 90px;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser h2 {
  font-size: 140%;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser p,
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher h3 {
  position: absolute;
  left: -9999em;
  overflow: hidden;
  width: 1px;
}

/* ZOLTAN START */

/* start: styles for meta links in the footer */
.adnFooterLink {
  float: left;
  margin: 0px;
  
}

.adnFooterLink a {
  padding: 0 11px;
  font-weight: normal;
  color: #4b4b4b;
  text-decoration: none;
  font-size:100%;
}

div#extras li.adnImageLink a {
    display: block;
    margin: 4px 0px 0px 0px;
    padding: 0;
}

div#extras li.adnImageLink:first-of-type a {
     margin-top: 0px;
}

#footer_nav {
  background: #ffffff;
  width: 100%;
  border-bottom: 1px solid #27AC80;
  margin-bottom: 7px;
  margin-right: 0px;
  padding: 7px 0px 0px 0 !important;
}

#home div#footer_nav.adnFooterLinkList {
background: #ffffff;
  width: 100%;
  border-bottom: 1px solid #27AC80;
  margin-bottom: 7px;
  margin-right: 0px;
  padding: 7px 0 0px 0 !important;
}

#claim {
  font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
  font-size: 120%;
  color: #27AC80;
}

div#footer_nav.adnFooterLinkList div#footer_meta {
  background: none repeat scroll 0 0 #FFFFFF;
  float: right;
  margin-bottom: 5px;
  margin-right: 0;
  padding: 0 !important;
  width: auto;
}

div#footer_nav.adnFooterLinkList div#footer_meta li {
  line-height: 10px;
}

div#footer_nav.adnFooterLinkList div#footer_meta ul li.adnFooterLink:last-of-type {
  margin:0px;
  width:29px;
}

#footer_meta ul {
  margin-top: 0px;
}

#site-info li.footerImageLink {
  float: left;
  margin: 0px;
}

.footerImageLink a {
  padding: 0px;
}

#site-info .footerImageLink img {
  border: none;
  margin-top: 0px;
}

div#footer_nav.adnFooterLinkList div#footer_meta li.adnImageLink {
    height: 17px;
    line-height: 0;
    padding: 0;
}
/* end: styles for meta links in the footer */

#home .latest li p em,
#section .latest li p em,
#article .latest li p em {
  display:inline;
}

#home .teaser img {
  height: 71px;
  width: 186px;
  border: 0px;
}

#home .teaser a:hover img {
  opacity: 0.8;
}

#home #teaser-1,
#home #teaser-2 {
  width: 30.4%;
  padding-right: 39px;
  border-bottom: none;
  margin-bottom:12px;
  padding-bottom:12px;
}

#home #teaser-3 {
  width: 30.4%;
  border-bottom: none;
  margin-bottom:12px;
  padding-bottom:12px;
}

#home #teaser-1 img,
#home #teaser-2 img,
#home #teaser-3 img{
  float:none;
  width: 286px;
  height: 110px;
  border:0px;
}

#home #teaser-1 a,
#home #teaser-2 a,
#home #teaser-3 a {
  border: 0px;
}

.teaser p.teaserTextPlatform em.more a:hover, .teaser p.teaserTextPlatform a:hover {
  color: #00a77f;
}

#home #teaser-1 a:hover img,
#home #teaser-2 a:hover img,
#home #teaser-3 a:hover img {
  opacity: 0.8;
}

#site-info div>div.links:nth-of-type(2) {
  margin: 0 20px 0 20px;
}

#site-info div>div.links {
  margin: 0;
}  

.overviewLink {
  float:right;
}

div#extras .overviewLink a:hover {
  color:#00a77f;
}

#home #main .latest li:last-of-type,
#section #main .latest li:last-of-type,
#article #main .latest li:last-of-type {
  border-bottom: 0px;
}

#home #stage {
  margin-bottom: -40px;
}

#home #stage .pagination,
#section #stage .pagination,
#article #stage .pagination {
  display: none;
}

#home #stage .rack,
#section #stage .rack,
#article #stage .rack,
#form #stage .rack {
  font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
  height: 360px;
  margin: 0px;
}

#home #stage .rack-teaser,
#section #stage .rack-teaser,
#article #stage .rack-teaser,
#form #stage .rack-teaser {
  height: 360px;
  margin: 0px;
}

#home #stage .rack-teaser img,
#section #stage .rack-teaser img,
#article #stage .rack-teaser img,
#form #stage .rack-teaser img {
  height: 360px;
  width: 940px;
  margin: 0px;
}


#home #stage img,
#section #stage img,
#article #stage img,
#form #stage img {
  height: 360px;
  width: 940px;
  margin: 0px;
}

#home #stage .rack h2 a,
#section #stage .rack h2 a,
#article #stage .rack h2 a,
#form #stage .rack h2 a {
  color: #27AC80;
}


/* stage arrows */

#stage-wrapper {
    width: 100%;
    position: relative;
    margin: 0 auto;
}
#stage-wrapper span.left {
    background: url("../img/icons/left-arrow.png") no-repeat scroll center center transparent;
    float: left;
    left: -60px;
}
#stage-wrapper span.right {
    background: url("../img/icons/right-arrow.png") no-repeat scroll center center transparent;
    float: right;
    right: -60px;
}
#stage-wrapper span {
    cursor: pointer;
    height: 100px;
    width: 78px;
    margin-top: -110px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    z-index: 1;
    padding: 40px 0;
}

/* end stage arrows */

#site-info {
  border-top: none;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#site-info > div {
  border-top: 1px solid #27AC80;
  padding: 10px 10px 10px 10px;
  background: none repeat scroll 0 0 #F4F4F4;
}

.adnTeaserTopTitle {
  color: #4b4b4b;
  font-size: 12px;
  font-weight: bold;
}

#home.col-subcol .teaser h2 a.adnTeaserTopTitle:hover {
  color: #00A77F;
}

#site-info li {
    font-size: 100%;
}

#site-info ul li ul li {
    font-size: 100%;
    font-weight: normal;
    background: transparent url(../img/icons/sprites.png) no-repeat scroll 0 -94px;
    margin: 6px 0 10px;
    padding-left: 12px;
}

#site-info ul li ul li a {
  margin: 0;
  padding-left: 0;
}

#site-info ul li ul:last-of-type {
    margin-bottom: 20px;
}

#site-info ul li {
    font-size: 120%;
    font-weight: bold;
}

div#site-info ul li.adnFooterLink a {
    font-size: 100%;
}

#site-info .links h2 {
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #DBDBDB;
}

#site-info .links h2 a {
    color: #00A77F;
}

#home #copyright,
#section #copyright,
#article #copyright {
  border: none;
}

.claim,
#footer_meta a {
  vertical-align: middle;
}

#home #main .latest li {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
}


#home #main .latest li:hover,
#section #main .latest li:hover,
#article #main .latest li:hover {
    background: none repeat scroll 0 0 #F4F4F4;
}

.teaserTitlePlatform {
  display: inline;
  color: #27AC80;
  font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 14px;
  margin: 0 0 5px;
}

h3.teaserTitlePlatform {
    font-size: 160% !important;
    line-height: 1.3em;
    padding-right: 8px;
}

#section.col-subcol div.teaser h3.teaserTitlePlatform {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 7px;
}

.teaserTextPlatform {
  display: inline;
  line-height: 1.4em;
  margin-bottom: 7px;
}

#section #main .teaser:last-of-type {
  border-bottom: none;
}

div#main div.text div[id^="teaser-"]:hover {
    background-color: #F4F4F4;
}

#home #main .teaser,
#section #main .teaser,
#article #main .teaser,
#adnArticle #main .teaser {
    margin:0px;
    padding-bottom: 10px;
    padding-top: 10px;
}
#home #main .teaser,
#section #main .teaser,
#article #main .teaser,
#adnArticle #main .teaser {
    margin:0px;
    padding-bottom: 10px;
    padding-top: 10px;
}
#home #main .teaser,
#section #main .teaser,
#article #main .teaser,
#adnArticle #main .teaser {
    margin:0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

div#main div.text .teaser ul li {
    background: none;
    padding: 0px;
}
#home #extras .vcard,
#section #extras .vcard,
#article #extras .vcard {
  border-top: none;
}

#wrapper-3 #page-intro h1 {
  clear: both;
    color: #27AC80;
    font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400;
    margin: 0 0 30px;
    padding-top: 0;
  font-size: 400%;
    letter-spacing: 0px;
}

#wrapper-3 .opener h1 {
    font-size: 240%;
  clear: both;
    color: #27AC80;
    font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400;
    margin: 0 0 30px;
    padding-top: 0;
    letter-spacing: 0px;
}

#wrapper-3 .opener h1 em, #main h1 em {
    display: block;
    font-size: 62.5%;
    font-style: normal;
}

#section #extras,
#article #extras {
  margin-left: 41px;
  width: 30.4%;
}

#section #page-intro,
#article #page-intro {
  margin-top: 40px;
}

/* start: moving article title into the platform area, while hiding it in the main area - reverted changes */
/*
#article .text h1,
#section #page-intro h1 {
  display: none;
  color: #4b4b4b;
    font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    left: 0;
    position: relative;
    top: -30px;
}

.articleTitle,
.sectionTitle {
    color: #27AC80;
    font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
    font-size: 40px;
    margin-bottom: 30px;
    margin-top: 40px;
    text-align: left;
}
*/
/* end: moving article title into the platform area, while hiding it in the main area */

/* subtitle in article and section pages */

h1.adnTitle {
  margin-bottom: 18px !important;
}

.adnSubtitle {
  color: #4b4b4b;
  font-size: 18px;
  line-height: 21px;
  margin-top: 34px;
  margin-bottom: 0px !important;
}

.adnIntroContainer {
/*  width: 613px;   */
}

.adnSubtitle_textAlign_left {
    text-align: left;
}

.adnSubtitle_textAlign_right {
    text-align: right;
}

.adnSubtitle_textAlign_center {
    text-align: center;
}

/* ZOLTAN END */

dl.mod-2 img, dl.media.photo.large img {
  width: 286px;
  border: 1px solid #e4e4e4;
}
img.mod-2, media.photo.large, img.media.photo.large {
  clear: both;
  display: block;
  width: 286px;
}
.photo dd {
  background: transparent;
  display: block;
  padding: 2px 5px 0 5px;
}
.photo dd.zoom {
  background-color: #999999;
  border-top-left-radius: 2px;
  float: right;
  position: relative;
  right: 1px;
  top: -23px;
  height: 17px;
}
.photo dd.zoom a {
  display: block;
  background: url(../img/icons/sprites.png) 0 -798px no-repeat;
  width: 13px;
  color: transparent;
}
div#main div.text .photo dd.zoom {
    top: -20px;
}
#wrapper-2 .photo dd.copyright {
  font-style: italic;
  font-size: 120%;
}
.photo dd.longdesc {
  display: none;
}
.photo.mod, .box dl.media.photo, div#main dl.media.photo.pos-2, img.media.photo.pos-2 {
  float: right;
  margin-right: 0;
  margin-left: 15px;
  width: 188px
}

img.photo.mod {
    width:186px;
}

div#extras div.testimonial dl.photo {
background-image: none;
}
div#extras div.testimonial div p.fn span.testimonialMessage {
  color: #4b4b4b;
  font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
  font-size: 140%;
  line-height: 120%;
}

/* PHOTO GALLERY
--------------------- */

.photo-index .photo {
  background: url(../img/bgs/photo-corners.png) 0 100% no-repeat;
  width: 220px;
}
.photo-index .photo dt {
  min-height: 125px;
  height: auto;
}
.photo-index .photo dt img {
  width: 186px;
}
.photo-index dl {
  margin-right: 15px;
}
.photo-index dl.last {
  margin-right: 0;
}

/* lightbox*/

.mask {
  background-color: #000;
  width: 100%;
  z-index: 110;
}
.loading-mask {
  background: #000 url(../img/bgs/loading.gif) no-repeat fixed center;
}
.showbox {
  position: absolute;
  overflow: hidden;
  z-index: 120;
  top: 0;
  left: 0;
  margin: 40px 0 0;
  padding: 0 0 20px 0;
  width: 995px;
  background-color: #b3b3b3;
}
.showbox-box {
  position: relative;
  overflow: hidden;
}
.showbox-head {
  overflow: hidden;
  height: 1%;
  margin: 0 0 30px;
  padding: 5px;
  font-size: 120%;
  text-align: center;
  background-color: #4b4b4b;
  color: #fff;
}
.showbox-toolbar,
.showbox h1.showbox-title {
  float: left;
  clear: both;
}
.showbox h1.showbox-title {
  margin: 0 0 0 5px;
  font-size: 1.4em;
  text-align: left;
}
.showbox-head a {
  color: #fff;
  cursor: pointer;
  margin-right: 10px;
}

.showbox-toolbar .prev {
  background: url(../img/icons/sprites.png) no-repeat scroll left -197px;
  padding-left: 17px;
}
.showbox-toolbar .next {
  background: url(../img/icons/sprites.png) no-repeat scroll right 3px;
  padding-right: 30px;
}
.showbox-head a.ui-disabled {
  cursor: default;
  color: #aaa;
  text-decoration: none;
}
.showbox .close-button {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0 5px 0 17px;
  cursor: pointer;
  color: #fff;
  font-size: 120%;
  background: url(../img/icons/sprites.png) 0 -399px no-repeat;
}

.showbox .content-box {
  background-color: #999;
  margin: 0 auto;
}
.showbox.loading {
  background: #999 url(../img/bgs/loading.gif) no-repeat fixed center;
}
.showbox .multimedia-box {
  overflow: hidden;
}

.showbox .text-content {
  background: #ececec;
  padding: 5px;
}
.showbox h2 {
  margin: 5px 0;
  font-size: 130%;
}
.showbox p {
  margin-bottom: 10px;
  font-size: 120%;
}
.showbox ul {
  margin: 10px 0 10px 0;
}
.showbox li {
  list-style: none;
  color: #4b4b4b;
  font-size: 110%;
}


/*
SPECIAL MODULES
==================== */

/* TAGCLOUD
---------------- */
.tagcloud {
  float: left;
  clear: both;
  width: 100%;
  border-top: 4px solid #b3b3b3;
  margin: 0 0 20px 0;
}
.tagcloud ul {
  position: relative; /* ie 6 */
}
#main .tagcloud h3,
#wrapper-2 .tagcloud-wide h3 {
  margin: 5px 0;
  border-bottom: 1px solid #dedede;
  padding: 0 0 5px 0;
  font-size: 180%;
}
.tagcloud li {
  display: inline;
  height: 22px;
  margin: 0 10px 0 0;
  list-style: none;
  vertical-align: middle;
}
.tagcloud li a {
  font-size: 100%;
  line-height: 1.2em;
}
.tagcloud li.level-2 a {
  font-size: 120%;
}
.tagcloud li.level-3 a {
  font-size: 130%;
  font-weight: bold;
}
.tagcloud li.level-4 a {
  font-size: 140%;
  font-weight: normal;
}
.tagcloud li.level-5 a {
  font-size: 150%;
  font-weight: normal;
}
.tagcloud li em {
  font-style: normal;
}
/* in sidebar */
#extras .tagcloud {
  margin-top: 0;
  margin-right: -3px; /* ie 6 */
}
#extras .tagcloud ul {
  border: none;
  margin: 0;
  padding: 5px 0 0 0;
}
#extras .tagcloud li {
  background: none;
  border: none;
  margin: 0 10px 5px 0;
  line-height: 1.6em;
}
#extras .tagcloud li a {
  display: inline;
  background: none;
  padding: 0;
}


/* JAVASCRIPT MODULES IN MAIN
----------------------------- */
/* Dom Tabs */
.text-box-tabs {
  overflow: hidden;
  float: left;
  /*background: #f2f2f2 url(../img/bgs/text-box.png) -540px 100% no-repeat;*/
  clear: both; /* IE 6 */
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0 0 6px 0;
}
#main .text-box-tabs h2 {
  background: #fff ;
  padding: 5px 5px 0 0px;
  color: #27AC80;
}
ol.text-box-toc {
  float: left;
  position: relative;  
  margin: 0;
  padding: 10px 0 0 0;
  background: #fff;
  border-bottom: 1px solid #ddd;
  list-style: none;
  height: auto;
  width: 100%;
  height: 1%; /* IE 6 */
}
#main .text-box-toc li { /* dom tabs + one two three */
  float: left;
  display: inline; /* IE 6 */
  position: relative;
  list-style: none;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0 2px -1px 0px;
  padding: 0;
  color: #000;
  line-height: 1.25em;
}
.text-box-toc li a {
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #eee ;
  color: #4b4b4b;
  float: left;
  display: block;
  font-weight: 400;
  cursor: pointer;
}
.text-box-toc li a.ui-disabled {
  cursor: default;
}
.text-box-toc li a.js-selected, /*js-selected was on*/
.text-box-toc li a.a11y-focus,
.text-box-toc li a:hover,
.text-box-toc li a:active,
.text-box-toc li a:focus {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #4b4b4b;
  text-decoration: none;
}
.text-box-toc li span {
  display: block;
  margin-right: 4px;
  padding: 5px 6px 5px 10px;
}
.text-box-toc li.js-selected span, /*js-selected was on*/
.text-box-toc li a:hover span,
.text-box-toc li a.a11y-focus span,
.text-box-toc li a:active span,
.text-box-toc li a:focus span {
  /*background: #f2f2f2 url(../img/bgs/text-box-toc.png) 0 0 no-repeat; */
}
.text-box-tabs .text-box-section {
  float: left;
  /*background: #f2f2f2 url(../img/bgs/text-box.png) -1040px 100% repeat-y;*/
  width: 444px;
  margin: 0;
  padding: 10px 8px;
}
.text-box-tabs .text-box-section {
  margin-right: -3px; /* IE 6 */
}
#main .text-box-tabs .text-box-section h2 {
  clear: both;
  background: none;
  margin: 0 0 5px 0;
  padding: 10px 0 0 0;
  font-size: 160%;
}
#main .text-box-tabs .text-box-section h2 em {
  display: block;
  margin: 0 0 -3px 0;
  font-size: 68.75%;
  font-style: normal;
  padding: 0;
}
#main .text-box-tabs .text-box-section h2 a em {
  color: #4b4b4b;
}
#main .text-box-tabs h2 a {
color: #27AC80;
}
#main .text-box-tabs p a {
  color: #4b4b4b;
}
div#main div.text div.text-box-tabs .text-box-section a:hover {
  color: #00A77F;
}
.text-box-tabs img {
  float: left;
  width: 186px;
  margin: 0 10px 10px 0;
}
.text-box-tabs a img, .text-box-tabs a img:hover {
  border: 0px;    
}

.text-box-tabs img.thumbimg {
    width: 148px;
}

/* teaser link list modified for tab */
#main .text-box-tabs .links li.download {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding-left: 0;
}

#main .text-box-tabs .links {
  clear: both;
  margin: 10px 0 0 0;
}
#main .text-box-tabs .links h3 {
  font-size: 130%;
  margin: 0 0pt 5px 0;
}
#main .text-box-tabs .links li {
  border: none;
}

/* alternative layouts */
.col-float2 .text-box-tabs {
  width: 460px;
  float: left;
  clear: none;
}
.col-float3 .text-box-tabs {
  width: 100%;
  float: left;
  clear: none;
}
/* different images for .col-subcol */
.col-subcol #main .text-box-tabs h2 {
  /*background: #000000 url(../img/bgs/text-box-590.png) 0 0 no-repeat;*/
}
ol.text-box-toc {
  /*background: #000 url(../img/bgs/text-box-590.png) 0 -30px no-repeat;*/
  margin: 0 !important;
}
.col-subcol .text-box-tabs {
  width: 590px;
}
.col-subcol div.text-box-tabs div.teaser ul li.mod {
  padding-bottom: 10px;
}

.col-subcol #text-box-toc {
  /*background: #000 url(../img/bgs/text-box-590.png) 0 -30px no-repeat;*/
}
.col-subcol .text-box-tabs .text-box-section {
  width: 572px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 0px solid #ddd;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-right: -10px; /* IE 6 */
}
.col-subcol #main .text-box-tabs .text-box-section h2 {
  background: none;
  color: #4b4b4b;
}
.col-subcol #main > .text-box-tabs .text-box-section {
  margin-right: 0;
}
/* Different images for .nav-col */
.nav-col #main .text-box-tabs {
  background: #f2f2f2 url(../img/bgs/text-box-700.png) -750px 100% no-repeat;
  width: 700px;
}
.nav-col .text-box-tabs .text-box-section {
  width: 687px;
  background: #f2f2f2 url(../img/bgs/text-box-700.png) -1499px 100% repeat-y;
}
.nav-col #main .text-box-tabs h2 {
  background: #000000 url(../img/bgs/text-box-700.png) 0 0 no-repeat;
}
.nav-col ol.text-box-toc {
  background: #000 url(../img/bgs/text-box-700.png) 0 -30px no-repeat;
}
.nav-col #main .text-box-tabs .text-box-section h2 {
  background: none;
}

/* Finger-Tabs - superpromo */
div.superpromos {
  clear: both;
  position: relative;
  background: url(../img/temp/superpromo-bg-nav.gif) 100% 0 repeat-y;
  width: 260px;
  height: auto;
  min-height: 333px;
  margin: 20px 0;
  border: 1px solid #ccc;
  padding-right: 200px;
}
.nav-col div.superpromos {
  width: 498px; /* plus 200px padding nav */
}
.js-on div.superpromos {
  height: 33em;
  overflow: hidden;
}
/* tabs */
ol.superpromos-toc {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 195px;
  margin: 0;
  padding: 0;
}
#wrapper ol.superpromos-toc li {
  float: none;
  background: #ebebeb;
  font-size: 110%;
  color: #fff;
  list-style: none;
}
ol.superpromos-toc a {
  display: block;
  background: #ebebeb url(../img/bgs/superpromo-off.gif) 0 50% no-repeat;
  height: 1%;
  margin: 0;
  border-bottom: 1px solid #fff;
  padding: 12px 10px 8px 20px;
  font-size: 150%;
  font-weight: bold;
  cursor: pointer;
}
ol.superpromos-toc a.on,
ol.superpromos-toc a:hover,
ol.superpromos-toc a.a11y-focus,
ol.superpromos-toc a:active,
ol.superpromos-toc a:focus {
  background: #e5e57f url(../img/bgs/superpromo-on.gif) 0 50% no-repeat;
  color: #000;
  text-decoration: none;
}
div.superpromos .superpromo-section {
  margin: 0px;
}    
div.superpromos .superpromo-section h2 {
  margin: 10px 5px 5px 10px;
  padding: 0;
  font-size: 320%;
}    
div.superpromos .superpromo-section img {
  display: block;
  width: 250px;
  height: 150px;
  border: none;
  margin: 0 0 10px 10px;
  padding: 0;
}
.nav-col div.superpromos .superpromo-section img {
  width: 485px;
  height: 200px;
}
div.superpromos .superpromo-section p {
  margin: 0 0 1em 10px;
  line-height: 1.3em;
  font-size: 130%;
}
div.superpromos .superpromo-section em.more {
  display: block;
}   
div.superpromos .superpromo-section em.more a {
  display: block;
  background: url(../img/icons/sprites.png) 0 -94px no-repeat;
  padding: 5px 10px 5px 18px;
  font-weight: bold;
}
div.text div.text-box-tabs div.text-box-section-group div.text-box-section p {
    display: table;
}


/* Styleswitcher */
ul.styleswitcher li {
  padding: 6px 0 0 0;
}
ul.styleswitcher li {
  padding: 6px 0 0 0;
}
ul.styleswitcher label {
  background: url(../img/icons/sprites.png) 0 -5px no-repeat;
  padding-left: 17px;
  color: #00a77f;
}
ul.styleswitcher label:hover,
ul.styleswitcher label:active,
ul.styleswitcher label:focus {
  text-decoration: underline;
}





/* CAROUSELS
----------------------------- */

/* ###   TW-SWITCHER ### */
/* Inside #Stage */
#stage div.tw-switcher {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 937px;
  margin: 0;
  padding: 0;
}
#stage div.tw-switcher h3 {
  border: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 200%;
}
#stage div.tw-switcher .pager {
  display: none;
  width: auto;
  margin: 0;
}
.js-on #stage div.tw-switcher .pager {
  display: block;
}
#stage div.tw-switcher .next,
#stage div.tw-switcher .prev {
  background: url(../img/bgs/prev-next-dark-225.png) 0 -275px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 225px;
}
#stage div.tw-switcher .prev {
  left: 0;
  right: auto;
  background-position: 0 0;
  border-left: none;
}
#stage div.tw-switcher .next span,
#stage div.tw-switcher .prev span {
  display: none;
  background: url(../img/bgs/prev-next-dark-225.png) 100% -1100px no-repeat;
  width: 19px;
  height: 225px;
  text-indent: -9999px;
}  
#stage div.tw-switcher .next span {
  background-position: 0 -1375px;
}
#stage div.tw-switcher .next span.show,
#stage div.tw-switcher .prev span.show {
  cursor: pointer;
  display: block;
}
#stage div.tw-switcher .prev span.show:hover,
#stage div.tw-switcher .prev span.show.over {
  background: url(../img/bgs/prev-next-dark-225.png) 100% -550px no-repeat;
}
#stage div.tw-switcher .next span.show:hover,
#stage div.tw-switcher .next span.show.over{
  background: url(../img/bgs/prev-next-dark-225.png) 100% -825px no-repeat;
}
#stage div.tw-switcher .rack {
  background: #f2f2f2;
  float: left;
  width: 922px;
  margin: 0;
  padding-left: 15px;
}
.js-on #stage div.tw-switcher .rack {
  overflow: hidden;
  height: 225px;
  width: 885px;
  display: inline;
  margin-left: 19px;
}
#stage div.tw-switcher .rack-teaser {
  overflow: hidden;
  float: left;
  width: 375px;
  height: 225px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #stage div.tw-switcher .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 0 20px 0 0px;
}
#stage div.tw-switcher .rack-teaser h2 {
  margin: 8px 0 0 0;
  font-size: 180%;
  font-weight: normal;
}      
#stage div.tw-switcher .rack-teaser img {
  display: block;
  float: left;
  height: 100px;
  width: 380px;
  margin: 4px 10px 0 0;
  border: none;
}  
#stage div.tw-switcher .rack-teaser p {
  width: 375px;
  padding: 10px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#stage div.tw-switcher .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#stage div.tw-switcher .rack-teaser em a {
  padding-left: 17px;
}
/* Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-switcher {
  position: relative;
  background: #fff;
  border: 0;
  float: left;
  clear: both;
  height: auto;
  width: 698px;
  margin: 35px 0 0 0;
  padding: 0;
}
#wrapper-2 #wrapper-3 div.tw-switcher h3 {
  margin: 10px 0 5px 0;
  border-top: 4px solid #b3b3b3;
  padding: 5px 0 2px 0;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 div.tw-switcher .pager {
  display: none;
  width: auto;
  margin: 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .pager {
  display: block;
}
#wrapper-2 #wrapper-3 div.tw-switcher .next,
#wrapper-2 #wrapper-3 div.tw-switcher .prev {
  background: url(../img/bgs/prev-next-light-180.png) 0 -230px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 180px;
}
#wrapper-2 #wrapper-3 div.tw-switcher .prev {
  left: 0;
  right: auto;
  background-position: 0 0;
  border-left: none;
}
#wrapper-2 #wrapper-3 div.tw-switcher .next span,
#wrapper-2 #wrapper-3 div.tw-switcher .prev span {
  display: none;
  background: url(../img/bgs/prev-next-light-180.png) 100% -460px no-repeat;
  width: 19px;
  height: 180px;
  text-indent: -9999px;
}  
#wrapper-2 #wrapper-3 div.tw-switcher .next span {
  background-position: 0 -690px;
}
#wrapper-2 #wrapper-3 div.tw-switcher .next span.show,
#wrapper-2 #wrapper-3 div.tw-switcher .prev span.show {
  display: block;
}
#wrapper-2 #wrapper-3 div.tw-switcher .prev span.show:hover,
#wrapper-2 #wrapper-3 div.tw-switcher .prev span.show.over {
  background: url(../img/bgs/prev-next-light-180.png) 100% -920px no-repeat;
}
#wrapper-2 #wrapper-3 div.tw-switcher .next span.show:hover,
#wrapper-2 #wrapper-3 div.tw-switcher .next span.show.over{
  background: url(../img/bgs/prev-next-light-180.png) 100% -1150px no-repeat;
}
#wrapper-2 #wrapper-3 div.tw-switcher .rack {
  width: 940px;
  margin: 0;
  padding-left: 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .rack {
  display: inline;
  overflow: hidden;
  height: 180px;
  margin-left: 19px;
  padding-left: 15px;
  width: 645px;
  background: #f2f2f2;
}
.js-on.hcm #wrapper-2 #wrapper-3 div.tw-switcher .rack {
  height: 210px;
  overflow: auto !important;
}
#wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser {
  overflow: hidden;
  float: left;
  width: 340px;
  height: 170px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser {
  background-image: none;
  width: 385px;
  border-right: none;
  margin: 0;
  padding: 10px 10px 0 0px;
}
#wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser h2 {
  margin: 0;
  width: 190px;
  float: right;
  font-size: 180%;
  font-weight: normal;
}  
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser h2 {
  width: 235px;
}       
#wrapper-2 #wrapper-3 div.tw-switcher .mod h2,
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .mod h2 {
  width: 100%;
}    
#wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser img {
  display: block;
  float: left;
  width: auto;
  width: 140px;
  height: 150px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser p {
  width: 190px;  
  float: left;
  padding: 10px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser p {
  width: 200px;
}
#wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser em a {
  padding-left: 17px;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
#home #wrapper-2 #wrapper-3 div.tw-switcher {
  margin: 0 0 20px 0;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-switcher {
  width: 940px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-switcher .rack {
  width: 895px;
}
/* Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-switcher {
  position: relative;
  background: #fff;
  border: 0;
  float: left;
  clear: both;
  height: auto;
  width: 458px;
  margin: 0 0 20px 0;
  padding: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher h3 {
  margin: 10px 0 5px 0;
  border-top: 4px solid #b3b3b3;
  padding: 5px 0 2px 0;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .pager {
  display: none;
  width: auto;
  margin: 0;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .pager {
  display: block;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .next,
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev {
  background: url(../img/bgs/prev-next-light-180.png) 0 -230px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 180px;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev {
  left: 0;
  right: auto;
  background-position: 0 0;
  border-left: none;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .next span,
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev span {
  display: none;
  background: url(../img/bgs/prev-next-light-180.png) 100% -460px no-repeat;
  width: 19px;
  height: 180px;
  text-indent: -9999px;
}  
#wrapper-2 #wrapper-3 #main div.tw-switcher .next span {
  background-position: 0 -690px;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .next span.show,
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev span.show {
  display: block;
  cursor: pointer;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev span.show:hover,
#wrapper-2 #wrapper-3 #main div.tw-switcher .prev span.show.over {
  background: url(../img/bgs/prev-next-light-180.png) 100% -920px no-repeat;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .next span.show:hover,
#wrapper-2 #wrapper-3 #main div.tw-switcher .next span.show.over{
  background: url(../img/bgs/prev-next-light-180.png) 100% -1150px no-repeat;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  width: 405px;
  margin: 0;
  padding-left: 0;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  overflow: hidden;
  height: 180px;
  background: #f2f2f2;
  margin-left: 19px;
  padding-left: 15px;
}
.hcm #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  height: 205px;
  overflow: auto !important;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
  overflow: hidden;
  float: left;
  width: 340px;
  height: 170px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
  background-image: none;
  width: 400px;
  border-right: none;
  margin: 0;
  padding: 10px 20px 0 0px;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser h2 {
  margin: 0;
  width: 100%;
  float: none;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 #wrapper-3 #main div.tw-switcher .mod h2 {
  width: 100%;
}    
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser img {
  display: block;
  float: left;
  width: auto;
  width: 140px;
  height: 130px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser p {
  width: 190px;
  float: left;
  padding: 10px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser p {
  width: 250px;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser em a {
  padding-left: 17px;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher {
  width: 460px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  width: 410px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
  width: 400px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher {
  width: 940px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  width: 895px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher {
  width: 590px;
}
.js-on .col-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  width: 540px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-switcher {
  width: 700px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  width: 647px;
}
/* Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-switcher {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 938px;
  margin: 0 0 20px 0;
  padding: 0;
}
#wrapper-2 div.tw-switcher h3 {
  padding: 4px 10px 5px 10px;
  color: #fff;
  font-size: 200%;
}
#wrapper-2 div.tw-switcher .pager {
  display: none;
  margin: 0;
}
.js-on #wrapper-2 div.tw-switcher .pager {
  display: block;
}
#wrapper-2 div.tw-switcher .next,
#wrapper-2 div.tw-switcher .prev {
  background: url(../img/bgs/prev-next-dark-225.png) 0 -275px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 225px;
}
#wrapper-2 div.tw-switcher .prev {
  left: 0;
  right: auto;
  background-position: 0 0;
  border-left: none;
}
#wrapper-2 div.tw-switcher .next span,
#wrapper-2 div.tw-switcher .prev span {
  display: none;
  background: url(../img/bgs/prev-next-dark-225.png) 100% -1100px no-repeat;
  width: 19px;
  height: 225px;
  text-indent: -9999px;
}  
#wrapper-2 div.tw-switcher .next span {
  background-position: 0 -1375px;
}
#wrapper-2 div.tw-switcher .next span.show,
#wrapper-2 div.tw-switcher .prev span.show {
  display: block;
  cursor: pointer;
}
#wrapper-2 div.tw-switcher .prev span.show:hover,
#wrapper-2 div.tw-switcher .prev span.show.over {
  background: url(../img/bgs/prev-next-dark-225.png) 100% -550px no-repeat;
}
#wrapper-2 div.tw-switcher .next span.show:hover,
#wrapper-2 div.tw-switcher .next span.show.over {
  background: url(../img/bgs/prev-next-dark-225.png) 100% -825px no-repeat;
}
#wrapper-2 div.tw-switcher .rack {
  background: #fff;
  float: left;
  width: 923px;
  margin: 0;
  padding-left: 15px;
}
.js-on #wrapper-2 div.tw-switcher .rack {
  overflow: hidden;
  height: 225px;
  background: #f2f2f2;
  display: inline;
  width: 885px;
  margin-left: 19px;
}
.hcm #wrapper-2 div.tw-switcher .rack {
  height: 250px;
  overflow: auto !important;
}
#wrapper-2 div.tw-switcher .rack-teaser {
  overflow: hidden;
  float: left;
  width: 375px;
  height: 225px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 div.tw-switcher .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 0 20px 0 0px;
}

body#adnLandingPage div#stage div.teaser-wrapper.tw-paging {
  padding: 0px;
  width: 940px;
  height: 360px;
}

#wrapper-2 div.tw-switcher .rack-teaser h2 {
  margin: 8px 0 0 0;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 div.tw-switcher .rack-teaser img {
  display: block;
  float: left;
  height: 100px;
  width: 380px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 div.tw-switcher .rack-teaser p {
  width: 375px;
  padding: 10px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 div.tw-switcher .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 div.tw-switcher .rack-teaser em a {
  padding-left: 17px;
}



/* ###   TW-IMAGES ### */
/* Inside #Stage */
#stage div.tw-images {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 937px;
  margin: 0;
  padding: 0;
}  
#stage div.tw-images h3 {
  border: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 200%;
}
#stage div.tw-images .pager {
  display: none;
  width: auto;
  margin: 0;
}
.js-on #stage div.tw-images .pager {
  display: block;
}
#stage div.tw-images .next,
#stage div.tw-images .prev {
  background: url(../img/bgs/prev-next-dark-113.png) 0 -163px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 113px;
}
#stage div.tw-images .prev {
  left: 0;
  right: auto;
  background-position: 0 0;
  border-left: none;
}
#stage div.tw-images .next a,
#stage div.tw-images .prev a {
  display: none;
  background: url(../img/bgs/prev-next-dark-113.png) 100% -326px no-repeat;
  width: 19px;
  height: 113px;
  text-indent: -9999px;
}  
#stage div.tw-images .next a {
  background-position: 0 -488px;
}
#stage div.tw-images .next span.show,
#stage div.tw-images .prev span.show {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/bgs/prev-next-dark-113.png) 100% -326px no-repeat;
}
#stage div.tw-images .prev span.show:hover,
#stage div.tw-images .prev span.show.over {
  background-position: 100% -650px;
}
#stage div.tw-images .next span.show:hover,
#stage div.tw-images .next span.show.over {
background-position: 100% -811px;
}
#stage div.tw-images .next span.show,
#stage div.tw-images .next span.show {
background-position: 100% -488px;
}
#stage div.tw-images .rack {
  float: left;
  width: 899px;
  height: auto;
  margin: 0 0 0 19px;
  padding: 0;
}
.js-on #stage div.tw-images .rack {
  height: 113px;
  overflow: hidden;
}
#stage div.tw-images .rack-teaser {
  overflow: hidden;
  float: left;
  width: auto;
  height: 113px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #stage div.tw-images .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0 1px 0 0;
  padding: 0;
}   
#stage div.tw-images .rack-teaser img {
  display: block;
  float: left;
  height: 112px;
  width: auto;
  margin: 0;
  border: none;
}
/* Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-images {
  position: relative;
  background: #fff;
  border: 0;
  float: left;
  clear: both;
  height: auto;
  width: 698px;
  margin: 35px 0 0 0;
  padding: 0;
}
#wrapper-2 #wrapper-3 div.tw-images h3 {
  margin: 10px 0 5px 0;
  border-top: 4px solid #b3b3b3;
  padding: 5px 0 2px 0;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 div.tw-images .pager {
  display: none;
  width: auto;
  margin: 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-images .pager {
  display: block;
}
#wrapper-2 #wrapper-3 div.tw-images .next,
#wrapper-2 #wrapper-3 div.tw-images .prev {
  background: url(../img/bgs/prev-next-light-180.png) 0 -230px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 180px;
}
#wrapper-2 #wrapper-3 div.tw-images .prev {
  left: 0;
  right: auto;
  background-position: 0 0;
  border-left: none;
}
#wrapper-2 #wrapper-3 div.tw-images .next span,
#wrapper-2 #wrapper-3 div.tw-images .prev span {
  display: none;
  background: url(../img/bgs/prev-next-light-180.png) 100% -460px no-repeat;
  width: 19px;
  height: 180px;
  text-indent: -9999px;
}  
#wrapper-2 #wrapper-3 div.tw-images .next span {
  background-position: 0 -690px;
}
#wrapper-2 #wrapper-3 div.tw-images .next span.show,
#wrapper-2 #wrapper-3 div.tw-images .prev span.show {
  display: block;
}
#wrapper-2 #wrapper-3 div.tw-images .prev span.show:hover,
#wrapper-2 #wrapper-3 div.tw-images .prev span.show.over {
  background: url(../img/bgs/prev-next-light-180.png) 100% -920px no-repeat;
}
#wrapper-2 #wrapper-3 div.tw-images .next span.show:hover,
#wrapper-2 #wrapper-3 div.tw-images .next span.show.over {
  background: url(../img/bgs/prev-next-light-180.png) 100% -1150px no-repeat;
}
#wrapper-2 #wrapper-3 div.tw-images .rack {
  width: 940px;
  margin: 0;
  padding: 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-images .rack {
  background: #fff;
  overflow: hidden;
  margin-left: 19px;
  width: 660px;
  height: 180px;
}
.js-on.hcm #wrapper-2 #wrapper-3 div.tw-images .rack {
  height: 210px;  
}
#wrapper-2 #wrapper-3 div.tw-images .rack-teaser {
  overflow: hidden;
  float: left;
  width: 340px;
  height: 180px;
  border: none;
  margin: 0;
  padding: 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-images .rack-teaser {
  background-image: none;
  width: auto;
  border-right: none;
}  
#wrapper-2 #wrapper-3 div.tw-images .rack-teaser img {
  display: block;
  float: left;
  width: auto;
  height: 179px;
  margin: 0 1px 0 0;
  border: none;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
#home #wrapper-2 #wrapper-3 div.tw-images {
  margin: 0 0 20px 0;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-images {
  width: 940px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-images .rack {
  width: 925px;
}
/* Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-images {
  position: relative;
  background: #fff;
  border: 0;
  float: left;
  clear: both;
  height: auto;
  width: 458px;
  margin: 0 0 20px 0;
  padding: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-images h3 {
  margin: 10px 0 5px 0;
  border-top: 4px solid #b3b3b3;
  padding: 5px 0 2px 0;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 #main div.tw-images .pager {
  display: none;
  width: auto;
  margin: 0;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-images .pager {
  display: block;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next,
#wrapper-2 #wrapper-3 #main div.tw-images .prev {
  background: url(../img/bgs/prev-next-light-113.png) 0 -164px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 113px;
}
#wrapper-2 #wrapper-3 #main div.tw-images .prev {
  left: 0;
  right: auto;
  background-position: 0 0;
  border-left: none;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next span,
#wrapper-2 #wrapper-3 #main div.tw-images .prev span {
  display: none;
  background: url(../img/bgs/prev-next-light-113.png) 100% -326px no-repeat;
  width: 19px;
  height: 113px;
  text-indent: -9999px;
}  
#wrapper-2 #wrapper-3 #main div.tw-images .next span {
  background-position: 0 -488px;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next span.show,
#wrapper-2 #wrapper-3 #main div.tw-images .prev span.show {
  display: block;
  cursor: pointer;
}
#wrapper-2 #wrapper-3 #main div.tw-images .prev span.show:hover,
#wrapper-2 #wrapper-3 #main div.tw-images .prev span.show.over {
  background: url(../img/bgs/prev-next-light-113.png) 100% -650px no-repeat;
}
#wrapper-2 #wrapper-3 #main div.tw-images .next span.show:hover,
#wrapper-2 #wrapper-3 #main div.tw-images .next span.show.over {
  background: url(../img/bgs/prev-next-light-113.png) 100% -812px no-repeat;
}
#wrapper-2 #wrapper-3 #main div.tw-images .rack {
  width: 420px;
  margin: 0;
  padding-left: 0;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  overflow: hidden;
  height: 113px;
  background: #f2f2f2;
  margin-left: 19px;
  padding-left: 0;
}
.hcm #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  height: 138px;
  overflow: auto !important;
}
#wrapper-2 #wrapper-3 #main div.tw-images .rack-teaser {
  overflow: hidden;
  float: left;
  width: auto;
  height: 113px;
  border: none;
  margin: 0 1px 0 0;
  padding: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-images .rack-teaser img {
  display: block;
  float: left;
  width: auto;
  width: auto;
  height: 112px;
  margin: 0;
  border: none;
}  
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-images {
  width: 460px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  width: 440px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-images {
  width: 940px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  width: 905px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-images {
  width: 590px;
}
.js-on .col-subcol #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  width: 552px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-images {
  width: 700px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  width: 662px;
}
/* Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-images {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 938px;
  margin: 0 0 20px 0;
  padding: 0;
}
#wrapper-2 div.tw-images h3 {
  padding: 4px 10px 5px 10px;
  color: #fff;
  font-size: 200%;
}
#wrapper-2 div.tw-images .pager {
  display: none;
  width: auto;
  margin: 0;
}
.js-on #wrapper-2 div.tw-images .pager {
  display: block;
}
#wrapper-2 div.tw-images .next,
#wrapper-2 div.tw-images .prev {
  background: url(../img/bgs/prev-next-dark-225.png) 0 -275px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 225px;
}
#wrapper-2 div.tw-images .prev {
  left: 0;
  right: auto;
  background-position: 0 0;
  border-left: none;
}
#wrapper-2 div.tw-images .next span,
#wrapper-2 div.tw-images .prev span {
  display: none;
  background: url(../img/bgs/prev-next-dark-225.png) 100% -1100px no-repeat;
  width: 19px;
  height: 225px;
  text-indent: -9999px;
}  
#wrapper-2 div.tw-images .next span {
  background-position: 0 -1375px;
}
#wrapper-2 div.tw-images .next span.show,
#wrapper-2 div.tw-images .prev span.show {
  display: block;
  cursor: pointer;
}
#wrapper-2 div.tw-images .prev span.show:hover,
#wrapper-2 div.tw-images .prev span.show.over {
  background: url(../img/bgs/prev-next-dark-225.png) 100% -550px no-repeat;
}
#wrapper-2 div.tw-images .next span.show:hover,
#wrapper-2 div.tw-images .next span.show.over {
  background: url(../img/bgs/prev-next-dark-225.png) 100% -825px no-repeat;
}
#wrapper-2 div.tw-images .rack {
  float: none;
  width: 940px;
  margin: 0;
  padding: 0;
}
.js-on #wrapper-2 div.tw-images .rack {
  overflow: hidden;
  width: 900px;
  height: 223px;
  margin-left: 19px;
}
.hcm #wrapper-2 div.tw-images .rack {
  height: 250px;
  overflow: auto !important;
}
#wrapper-2 div.tw-images .rack-teaser {
  overflow: hidden;
  float: left;
  width: auto;
  height: 225px;
  border: none;
  margin: 0 1px 0 0;
  padding: 0;
}
#wrapper-2 div.tw-images .rack-teaser img {
  display: block;
  float: left;
  height: 223px;
  width: auto;
  padding: 0;
  margin: 0;
  border: 0;
}  




/* ###   TW-PAGING ### */
/* Inside #Stage */
#stage div.tw-paging {
  position: relative;
  background: #FFF;

  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 940px;
  margin: 0;
  padding: 0;
}  
.js-on #stage div.tw-paging {
  padding: 0 0 50px 0;
}

.js-on body#section.col-subcol div#stage div.tw-paging {
  padding: 0px;
}

#stage div.tw-paging h3 {
  border: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 200%;
}
#stage div.tw-paging .pagination {
  position: absolute;
  bottom: 60px;
  right: 5px;
  height: 30px;
}
#stage div.tw-paging .pagination ul {
  float: none;
}
#stage div.tw-paging .pagination li {
  float: left;
  margin-right: 8px;
  list-style-type: none;
}
#stage div.tw-paging .pagination li a {
  display: block;
  float: left;
  background: url(../img/bgs/teaser-paging.png) 0 0 no-repeat;
  opacity: .5;
  margin-left: 1px;
  padding: 6px 14px 7px 9px;
  color: #000;
  font-size: 100%;
  font-weight: bold;
}  
#stage div.tw-paging .pagination li a:hover,
#stage div.tw-paging .pagination li a:active,
#stage div.tw-paging .pagination li a:focus {
  color: #27AC80;
  text-decoration: none;
}
#stage div.tw-paging .rack {
  float: left;
  width: 922px;
  margin: 0;
  padding-left: 0;
}
.js-on #stage div.tw-paging .rack {
  display: inline;
  overflow: hidden;
  position: relative;
  height: 320px;
  width: 940px;
  margin: 3px 0 0 3px;
}

body#adnLandingPage div#wrapper div#stage-wrapper div#stage div.teaser-wrapper.tw-paging div.rack {
    height: 360px;
    margin: 0;
    padding: 0;
    width: 940px;
}
#stage div.tw-paging .rack-teaser {
  overflow: hidden;
  float: left;
  width: 940px;
  height: 320px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #stage div.tw-paging .rack-teaser {
  position: relative;
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 0 0px 0 0px;
}

body#adnLandingPage div#stage div.rack-design div.rack-teaser {
    padding: 0px;
    height: 360px;
}

#stage div.rack-teaser div.stageTextBox {
    height: 91px;
    position: absolute;
    z-index: 6;
    /*background-color:#fff; should be removed*/
    background-color: rgba(255, 255, 255, 0.9);
    width: 558px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
#stage div.rack-teaser div.stageTextBox.left.top {
    float: left;
    top: 17px;
}
#stage div.rack-teaser div.stageTextBox.center.top {
    float: left;
    left: 192px;
    top: 17px;
    text-align:center;
}
#stage div.rack-teaser div.stageTextBox.right.top {
    float: right;
    top: 17px;
    right:20px;
}

#stage div.rack-teaser div.stageTextBox.left.middle {
    float: left;
    top: 138px;
}
#stage div.rack-teaser div.stageTextBox.center.middle {
    float: left;
    left: 192px;
    top: 138px;
    text-align:center;
}

#stage div.rack-teaser div.stageTextBox.center.middle h2, #stage div.rack-teaser div.stageTextBox.center.bottom h2, #stage div.rack-teaser div.stageTextBox.center.top h2 {
width: auto;
left: 0;
}

#stage div.rack-teaser div.stageTextBox.center.middle p, #stage div.rack-teaser div.stageTextBox.center.bottom p, #stage div.rack-teaser div.stageTextBox.center.top p {
width: 100%;
left: 0;
padding: 10px 20px 0px 20px;
}

#stage div.rack-teaser div.stageTextBox.right.middle {
    float: right;
    top: 138px;
    right:20px;
}
#stage div.rack-teaser div.stageTextBox.left.bottom {
    float: left;
    top: 252px;
}
#stage div.rack-teaser div.stageTextBox.left.bottom {
    float: left;
    top: 252px;
}
#stage div.rack-teaser div.stageTextBox.center.bottom {
    float: left;
    left: 192px;
    top: 252px;
    text-align:center;
}
#stage div.rack-teaser div.stageTextBox.right.bottom {
    float: right;
    top: 252px;
    right:20px;
}

#stage div.tw-paging .mod p {
  width: 100%;
}
#stage div.tw-paging .rack-teaser img {
  display: inline;
  width: 932px;
  height: 317px;
  float: left;
  margin: 4px 10px 0 0;
  border: none;
}

body#adnLandingPage div.rack-design div.rack-teaser img {
  margin: 0;
  height: 360px;
  width:940px;
}

#stage div.tw-paging .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#stage div.tw-paging .rack-teaser em a {
  padding-left: 17px;
}
/* Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-paging {
  position: relative;
  background: #fff;
  border: 0;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 698px;
  margin: 37px 0 0 0;
  padding: 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-paging {
  padding: 0 0 45px 0;
}
#wrapper-2 #wrapper-3 div.tw-paging h3 {
  margin: 10px 0 5px 0;
  border-top: 4px solid #b3b3b3;
  padding: 5px 0 2px 0;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 div.tw-paging .pagination {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 10px;
  height: 30px;
}
#wrapper-2 #wrapper-3 div.tw-paging .pagination ul {
  float: none;
}
#wrapper-2 #wrapper-3 div.tw-paging .pagination li {
  float: left;
  margin-right: 8px;
  list-style-type: none;
}
#wrapper-2 #wrapper-3 div.tw-paging .pagination li a {
  display: block;
  float: left;
  background: url(../img/bgs/teaser-paging-main.png) 0 0 no-repeat;
  opacity: .5;
  margin-left: 1px;
  padding: 6px 14px 9px 9px;
  color: #fff;
  font-size: 140%;
  font-weight: bold;
}  
#wrapper-2 #wrapper-3 div.tw-paging .pagination li a:hover,
#wrapper-2 #wrapper-3 div.tw-paging .pagination li a:active,
#wrapper-2 #wrapper-3 div.tw-paging .pagination li a:focus {
  color: #00A77F;
  text-decoration: none;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 927px;
  margin: 0;
  padding-left: 10px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-paging .rack {
  width: 680px;
  overflow: hidden;
  height: 205px;
  margin: 3px 0 0 3px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
  overflow: hidden;
  float: left;
  width: 670px;
  height: 185px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 10px 20px 0 0px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser h2 {
  margin: 0 0 5px 0;
  width: 670px;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser img {
  display: inline;
  float: left;
  height: 155px;
  width: 380px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser p {
  clear: none;
  float: left;
  width: 280px;
  padding: 0 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 #wrapper-3 div.tw-paging .mod p {
  width: 100%;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser em a {
  padding-left: 17px;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
#home #wrapper-2 #wrapper-3 div.tw-paging {
  margin: 0;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging {
  width: 938px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack {
  width: 925px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
  width: 925px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser p {
  width: 520px;
}
/* Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-paging {
  position: relative;
  background: #fff;
  border: 0;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 460px;
  margin: 0 0 20px 0;
  padding: 0;
}  
.js-on #wrapper-2 #wrapper-3 #main div.tw-paging {
  padding: 0 0 50px 0;
}  
#wrapper-2 #wrapper-3 #main div.tw-paging h3 {
  margin: 10px 0 5px 0;
  border-top: 4px solid #b3b3b3;
  padding: 5px 0 2px 0;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 10px;
  height: 30px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination ul {
  float: none;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li {
  float: left;
  margin-right: 8px;
  list-style-type: none;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li a {
  display: block;
  float: left;
  background: url(../img/bgs/teaser-paging-main.png) 0 0 no-repeat;
  opacity: .5;
  margin-left: 1px;
  padding: 6px 14px 9px 9px;
  color: #fff;
  font-size: 140%;
  font-weight: bold;
}  
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li a:hover,
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li a:active,
#wrapper-2 #wrapper-3 #main div.tw-paging .pagination li a:focus {
  color: #00a77f;
  text-decoration: none;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 440px;
  margin: 0;
  padding-left: 15px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  overflow: hidden;
  height: 205px;
  margin: 3px 0 0 3px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  overflow: hidden;
  float: left;
  width: 440px;
  height: 195px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 10px 20px 0 0px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  margin: 0 0 5px 0;
  width: 440px;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
  display: inline;
  float: left;
  height: 155px;
  width: 210px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  clear: none;
  float: left;
  width: 220px;
  padding: 0 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 100%;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser em a {
  padding-left: 17px;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 460px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 440px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 440px;
  height: auto;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 440px;
}  
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
  height: 140px;
  width: 180px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 240px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 100%;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 940px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 920px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 930px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 510px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 98%;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 590px;
}
.js-on .col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 570px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 550px;
  height: auto;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
  height: 140px;
  width: 180px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 350px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 98%;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 700px;
}
.js-on .nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack,
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 680px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 660px;
  height: auto;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 440px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 98%;
}
/* Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-paging {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 937px;
  margin: 0 0 20px 0;
  padding: 0;
}  
.js-on #wrapper-2 div.tw-paging {
  padding: 0 0 50px 0;
}  
#wrapper-2 div.tw-paging h3 {
  border: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 200%;
}
#wrapper-2 div.tw-paging .pagination {
  position: absolute;
  top:  auto;
  bottom: 10px;
  left: 10px;
  height: 30px;
}
#wrapper-2 div.tw-paging .pagination ul {
  float: none;
}
#wrapper-2 div.tw-paging .pagination li {
  float: left;
  margin-right: 8px;
  list-style-type: none;
}
#wrapper-2 div.tw-paging .pagination li a {
  display: block;
  float: left;
  background: url(../img/bgs/teaser-paging.png) 0 0 no-repeat;
  opacity: .5;
  margin-left: 1px;
  padding: 7px 14px 9px 10px;
  color: #000;
  font-size: 140%;
  font-weight: bold;
}  
#wrapper-2 div.tw-paging .pagination li a:hover,
#wrapper-2 div.tw-paging .pagination li a:active,
#wrapper-2 div.tw-paging .pagination li a:focus {
  color: #00A77F;
  text-decoration: none;
}
#wrapper-2 div.tw-paging .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 922px;
  margin: 0;
  padding-left: 15px;
}
.js-on #wrapper-2 div.tw-paging .rack {
  overflow: hidden;
  height: 205px;
  display: inline;
  width: 915px;
  margin: 3px 0 0 3px;
}
#wrapper-2 div.tw-paging .rack-teaser {
  overflow: hidden;
  float: left;
  width: 900px;
  height: 195px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 div.tw-paging .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 10px 20px 0 0px;
}
#wrapper-2 div.tw-paging .rack-teaser h2 {
  float: right;
  width: 510px;
  margin: 0 0 5px 0;
  font-size: 180%;
  font-weight: normal;
}  
#wrapper-2 div.tw-paging .mod h2 {
  width: 100%;
}    
#wrapper-2 div.tw-paging .rack-teaser img {
  display: inline;
  float: left;
  height: 155px;
  width: 380px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 div.tw-paging .rack-teaser p {
  clear: none;
  float: left;
  width: 500px;
  padding: 0 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 div.tw-paging .mod p {
  width: 100%;
}
#wrapper-2 div.tw-paging .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 div.tw-paging .rack-teaser em a {
  padding-left: 17px;
}




/* ###   TW-SLIDER ### */
.slider-bar span {
  display: block;
  position: absolute;
  bottom: 2px;
  height: 23px;
  width: 105px;
  text-indent: -9999em;
  cursor: pointer;
}
.slider-bar span.show {
  cursor: pointer;
}
.slider-bar span.next {
  right: 2px;
  
}
.slider-bar span.prev {
  left: 2px;
  
}
/* Inside #Stage */
#stage div.tw-slider {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 937px;
  margin: 0;
  padding: 0;
}  
.js-on #stage div.tw-slider {
  padding: 0 0 35px 0;
}  
#home #wrapper-2 #wrapper-3 div.tw-slider {
  margin: 0;
}  
#stage div.tw-slider h3 {
  border: 0;
  padding: 5px 10px 0 5px;
  color: #fff;
  font-size: 200%;
}
#stage div.tw-slider .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 922px;
  margin: 10px 0 0 0;
  padding-left: 15px;
}
.js-on #stage div.tw-slider .rack {
  display: inline;
  overflow: hidden;
  height: 193px;
  width: 897px;
  margin-left: 12px;
}
#stage div.tw-slider .rack-teaser {
  overflow: hidden;
  float: left;
  width: 375px;
  height: 193px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #stage div.tw-slider .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 0 20px 0 0px;
}
#stage div.tw-slider .rack-teaser h2 {
  margin: 8px 0 0 0;
  font-size: 180%;
  font-weight: normal;
}      
#stage div.tw-slider .rack-teaser img {
  display: inline;
  float: left;
  height: 80px;
  width: 160px;
  margin: 4px 10px 0 0;
  border: none;
}  
#stage div.tw-slider .rack-teaser p {
  clear: none;
  float: none;
  width: auto;
  padding: 2px 0 0 0;
  font-size: 130%;
  color: #4b4b4b;
}
#stage div.tw-slider .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#stage div.tw-slider .rack-teaser em a {
  padding-left: 17px;
}
#stage div.tw-slider .slider-bar {
  position: absolute;
  left: -2px;
  bottom: 0;
  background: #000 url(../img/bgs/scrollbar.png) 0 0 no-repeat;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0 106px;
  width: 726px;
  height: 23px;
}
#stage div.tw-slider .ui-slider {
  display: none;
  position: relative;
  height: 23px;
}
#stage div.tw-slider .ui-slider .ui-slider-handle {
  position: absolute;
  background: url(../img/bgs/scroller.png) 0 0 no-repeat;
  z-index: 1;
  top: 0;
  left: 0;
  width: 216px;
  height: 19px;
  margin: 0 0 0 -108px;
}
/* Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-slider {
  position: relative;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 698px;
  margin: 37px 0 0 0;
  padding: 0;
}  
.js-on #wrapper-2 #wrapper-3 div.tw-slider {
  padding-bottom: 35px;
}  
#wrapper-2 #wrapper-3 div.tw-slider h3 {
  border: 0;
  padding: 5px 10px 0 5px;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 680px;
  margin: 10px 0 0 0;
  padding-left: 15px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-slider .rack {
  width: 658px;
  overflow: hidden;
  height: 193px;
  display: inline;
  margin-left: 12px;
}
.js-on.hcm #wrapper-2 #wrapper-3 div.tw-slider .rack {
  height: 225px;  
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser {
  overflow: hidden;
  float: left;
  width: 375px;
  height: 193px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 #wrapper-3 div.tw-slider .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 0 20px 0 0px;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser h2 {
  margin: 8px 0 0 0;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser img {
  display: inline;
  float: left;
  height: 80px;
  width: 160px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser p {
  clear: none;
  float: none;
  width: auto;
  padding: 2px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser em a {
  padding-left: 17px;
}
#wrapper-2 #wrapper-3 div.tw-slider .slider-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #f2f2f2 url(../img/bgs/scrollbar-main-small.png) 0 0 no-repeat;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0 106px;
  width: 487px;
  height: 23px;
}
#wrapper-2 #wrapper-3 div.tw-slider .ui-slider {
  display: none;
  position: relative;
  height: 23px;
}
#wrapper-2 #wrapper-3 div.tw-slider .ui-slider .ui-slider-handle {
  position: absolute;
  background: url(../img/bgs/scroller-main.png) 0 0 no-repeat;
  z-index: 4;
  top: 0;
  left: 0;
  margin: 0 0 0 -109px;
  width: 211px;
  height: 19px;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
#home #wrapper-2 #wrapper-3 div.tw-slider {
  margin: 0 0 20px 0;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider {
  width: 938px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider .rack {
  width: 900px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider .ui-slider {
  background: #f2f2f2 url(../img/bgs/scrollbar-main.png) 0 0 no-repeat;
  width: 938px;
}
/* Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-slider {
  position: relative;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 458px;
  margin: 0 0 20px 0;
  padding: 0;
}  
.js-on #wrapper-2 #wrapper-3 #main div.tw-slider {
  padding: 0 0 35px 0;
}  
.hcm #wrapper-2 #wrapper-3 #main div.tw-slider {
  padding-bottom: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-slider h3 {
  border: 0;
  padding: 5px 10px 0 5px;
  color: #000;
  font-size: 200%;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 418px;
  margin: 10px 0 0 0;
  padding-left: 15px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  overflow: hidden;
  height: 193px;
  margin-left: 12px;
}
.hcm #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  height: 220px;
  overflow: auto !important;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
  overflow: hidden;
  float: left;
  width: 400px;
  height: 183px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 10px 20px 0 0px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser h2 {
  float: right;
  width: 230px;
  margin: 0;
  font-size: 180%;
  font-weight: normal;
}     
#wrapper-2 #wrapper-3 #main div.tw-slider .mod h2 {
  width: 100%;
}  
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser img {
  display: inline;
  float: left;
  height: 80px;
  width: 160px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser p {
  clear: none;
  float: none;
  width: auto;
  padding: 2px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser em a {
  padding-left: 17px;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #f2f2f2 url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0 105px;
  width: 247px;
  height: 23px;
  
}
.hcm #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  display: none;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider {
  display: none;
  height: 23px;
  position: relative;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider .ui-slider-handle {
  position: absolute;
  background: url(../img/bgs/scroller-main.png) 0 0 no-repeat;
  z-index: 1;
  top: 0;
  left: 0;
  width: 211px;
  height: 19px;
  margin: 0 0 0 -105px;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 460px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 420px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
  width: 400px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser h2 {
  width: 225px;
}   
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .mod h2 {
  width: 100%;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
  width: 242px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 940px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 905px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main.png) 0 0 no-repeat;
  width: 726px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 590px;
}
.js-on .col-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 550px;
}
.col-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-590.png) 0 0 no-repeat;
  width: 588px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 700px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 660px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-small.png) 0 0 no-repeat;
  width: 485px;
}
/* Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-slider {
  position: relative;
  background: #000;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left; /* ie 6 */
  clear: both;
  height: auto;
  width: 937px;
  margin: 0 0 20px 0;
  padding: 0;
}  
.js-on #wrapper-2 div.tw-slider {
  padding: 0 0 35px 0;
}
.hcm #wrapper-2 div.tw-slider {
  padding-bottom: 0;
}  
#wrapper-2 div.tw-slider h3 {
  border: 0;
  padding: 5px 10px 0 5px;
  color: #fff;
  font-size: 200%;
}
#wrapper-2 div.tw-slider .rack {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
  width: 922px;
  margin: 10px 0 0 0;
  padding-left: 15px;
}
.js-on #wrapper-2 div.tw-slider .rack {
  overflow: hidden;
  height: 193px;
  display: inline;
  width: 897px;
  margin-left: 12px;
}
.js-on.hcm #wrapper-2 div.tw-slider .rack {
  height: 220px;
  overflow: auto !important;
}
#wrapper-2 div.tw-slider .rack-teaser {
  overflow: hidden;
  float: left;
  width: 375px;
  height: 193px;
  border: none;
  margin: 0 10px 5px 0;
  padding: 0 5px 0 0;
}
.js-on #wrapper-2 div.tw-slider .rack-teaser {
  background-image: none;
  border-right: none;
  margin: 0;
  padding: 0 20px 0 0px;
}
#wrapper-2 div.tw-slider .rack-teaser h2 {
  margin: 8px 0 0 0;
  font-size: 180%;
  font-weight: normal;
}      
#wrapper-2 div.tw-slider .rack-teaser img {
  display: inline;
  float: left;
  height: 80px;
  width: 160px;
  margin: 4px 10px 0 0;
  border: none;
}  
#wrapper-2 div.tw-slider .rack-teaser p {
  clear: none;
  float: none;
  width: auto;
  padding: 2px 0 0 0;    
  font-size: 130%;
  color: #4b4b4b;
}
#wrapper-2 div.tw-slider .rack-teaser em {
  display: block;
  margin-top: 5px;
  font-style: normal;
}
#wrapper-2 div.tw-slider .rack-teaser em a {
  padding-left: 17px;
}
#wrapper-2 div.tw-slider .slider-bar {
  position: absolute;
  left: -2px;
  bottom: 0;
  background: #000 url(../img/bgs/scrollbar.png) 0 0 no-repeat;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0 106px;
  width: 727px;
  height: 23px;
}
.hcm #wrapper-2 div.tw-slider .slider-bar {
  display: none;
}
#wrapper-2 div.tw-slider .ui-slider {
  display: none;
  position: relative;
  height: 23px;
}
#wrapper-2 div.tw-slider .ui-slider .ui-slider-handle {
  position: absolute;
  background: url(../img/bgs/scroller.png) 0 0 no-repeat;
  z-index: 1;
  top: 0;
  left: 0;
  width: 211px;
  height: 19px;
  margin: 0 0 0 -108px;
}

-js-on .youtube-player-wrapper,
.youtube-player {
  height: 400px;
}
.youtube-player-wrapper {
  margin: 0 0 20px 0;  
}
.youtube-widget {
  margin: 0 0 20px 0;  
}
#main .youtube-widget ul {
  margin: 0;
  list-style: none;
}
.youtube-widget li {
  overflow: hidden;
  height: 1%;
  margin: 5px 0;
  padding: 5px 0;
  font-size: 100%;
  background: url(../img/bgs/dotted-line.png) repeat-x 0 0;  
}
.youtube-widget li h3 {
  margin: 5px 0;  
}
.youtube-widget li img {
  float: left;
  margin: 3px 10px 5px 0;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser {
  width: 120px;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser img {
  margin: 0 0 5px 0;
  width: 88px;
  height: 90px;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser h2 {
  font-size: 140%;
}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser p,
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher h3 {
  position: absolute;
  left: -9999em;
  overflow: hidden;
  width: 1px;
}

/* ZOLTAN START */
/* start: styles for meta links in the footer */
.adnFooterLink {
  float: left;
  margin: 0px;
}

.adnFooterLink a {
  padding: 0 11px;
  font-weight: normal;
  color: #4b4b4b;
  text-decoration: none;
  font-size:100%;
}

#footer_nav {
  background: #ffffff;
  width: 100%;
  border-bottom: 1px solid #27AC80;
  margin-bottom: 7px;
  margin-right: 0px;
  padding: 7px 0px 0px 0 !important;
}

#home div#footer_nav.adnFooterLinkList {
background: #ffffff;
  width: 100%;
  border-bottom: 1px solid #27AC80;
  margin-bottom: 7px;
  margin-right: 0px;
  padding: 7px 0 0px 0 !important;

}

#claim {
  font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
  font-size: 120%;
  color: #27AC80;
}

div#footer_nav.adnFooterLinkList div#footer_meta {
  background: none repeat scroll 0 0 #FFFFFF;
  float: right;
  margin-bottom: 5px;
  margin-right: 0;
  padding: 0 !important;
  width: auto;
}

div#footer_nav.adnFooterLinkList div#footer_meta li {
  line-height: 12px;
}

div#footer_nav.adnFooterLinkList div#footer_meta ul li.adnFooterLink:last-of-type {
  margin:0px;
  width:29px;
}

#footer_meta ul {
  margin-top: 0px;
}

#site-info li.footerImageLink {
  float: left;
  margin: 0px;
}

.footerImageLink a {
  padding: 0px;
}

#site-info .footerImageLink img {
  border: none;
  margin-top: 0px;
}

/* end: styles for meta links in the footer */

/* TEDDY START */
/*
#home .col-subcol #main .latest h3 {
    width: 394px;
}

#home .teaser img {
    float: left;
    height: 71px;
    margin: 5px 10px 5px 0;
    width: 186px;
}
*/
/* TEDDY END */

#home .latest li p em,
#section .latest li p em,
#article .latest li p em {
  display:inline;
}

#home .teaser img {
  height: 71px;
  width: 186px;
  border: 0px;
}

#home .teaser a:hover img {
  opacity: 0.8;
}

#home #teaser-1,
#home #teaser-2 {
  border-bottom: none;
    float: none;
    margin: 12px auto;
    padding: 0;
    width: 940px;
}

#home #teaser-3 {
  width: 30.4%;
  border-bottom: none;
  margin-bottom:12px;
  padding-bottom:12px;
}

#home #teaser-1 img,
#home #teaser-2 img,
#home #teaser-3 img{
  float:none;
  width: 286px;
  height: 110px;
  border:0px;
  margin-bottom: 7px;
}

#home #teaser-1 a,
#home #teaser-2 a,
#home #teaser-3 a {
  border: 0px;
}

#home #teaser-1 a:hover img,
#home #teaser-2 a:hover img,
#home #teaser-3 a:hover img {
  opacity: 0.8;
}

#site-info div>div.links:nth-of-type(2) {
  margin: 0 20px 0 20px;
}

#site-info div>div.links {
  margin: 0px 20px 0 0;
  width: 286px
}  

.overviewLink {
  float:right;
}

.overviewLink a {
  font-family: 'Frutiger LT W01_45 Ligh1475730';
  font-size: x-small;
  font-weight: normal;
  float:right;
}

#extras .overviewLink > a::before {
    content: "\203a";
    font-family: 'Frutiger LT W01_45 Ligh1475730';
    font-size: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    padding-right: 2px;
}

#extras .overviewLink > a[href="#"]::before {
    display: none;
}

#section.col-subcol div#extras div.teaser h2 div.overviewLink a {
  font-size: x-small;
  font-weight: normal;
  color:#555;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

#home #main .latest li:last-of-type,
#section #main .latest li:last-of-type,
#article #main .latest li:last-of-type {
  border-bottom: 0px;
}

#home #stage {
  margin-bottom: -40px;
}

#home #stage .pagination,
#section #stage .pagination,
#article #stage .pagination,
#form #stage .pagination {
  display: none;
}

#home #stage .rack,
#section #stage .rack,
#article #stage .rack,
#form #stage .rack {
  /*font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;*/
  font-family: 'Frutiger LT W01_55 Roma1475738',Verdana,Arial,Helvetica,sans-serif;
  height: 360px;
  margin: 0px;
  letter-spacing: normal;
}

#home #stage .rack-teaser,
#section #stage .rack-teaser,
#article #stage .rack-teaser,
#form #stage .rack-teaser {
  height: 360px;
  margin: 0px;
}

#home #stage img,
#section #stage img,
#article #stage img {
  height: 360px;
  width: 940px;
  margin: 0px;
}

#home #stage .rack h2 a,
#section #stage .rack h2 a,
#article #stage .rack h2 a {
  color: #27AC80;
  letter-spacing: normal;
}


/* stage arrows */
#stage-wrapper {
    width: 940px;
    position: relative;
    margin: 0 auto;
}
#stage-wrapper span.left {
    background: url("../img/icons/left-arrow.png") no-repeat scroll center center transparent;
    float: left;
    left: -60px;
}
#stage-wrapper span.right {
    background: url("../img/icons/right-arrow.png") no-repeat scroll center center transparent;
    float: right;
    right: -60px;
}
#stage-wrapper span {
    cursor: pointer;
    height: 100px;
    width: 78px;
    margin-top: -110px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    z-index: 1;
    padding: 40px 0;
}

/* end stage arrows */

#site-info {
  border-top: none;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#site-info > div {
  border-top: 1px solid #27AC80;
  padding: 10px 10px 10px 10px;
  background: none repeat scroll 0 0 #F4F4F4;
}

.adnTeaserTopTitle {
  color: #4b4b4b;
  font-size: 12px;
  font-weight: bold;
}

#site-info li {
    font-size: 100%;
}

#site-info ul li ul li {
    font-size: 100%;
    font-weight: normal;
    background: transparent url(../img/icons/sprites.png) no-repeat scroll 0 -92px;
    margin: 0px;
    padding-left: 14px;
}

#site-info ul li ul li a {
  margin: 0;
  padding-left: 0;
  display: inline;
  height: 2em;
  line-height: 1.8em;
}

#site-info ul li ul:last-of-type {
    margin-bottom: 20px;
}

#site-info ul li {
    font-size: 120%;
    font-weight: bold;
}

div#site-info ul li.adnFooterLink a {
    font-size: 100%;
}
div#site-info ul li.adnFooterLink a:hover {
    background-color:#fff;
}

#site-info .links h2 {
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 0px solid #DBDBDB;
}

#site-info .links h2 a {
    color: #00A77F;
    display: block;
}

#site-info div.footer-sitemap-column:last-child {
    padding: 0px;
}
#site-info div.footer_top {
    width: 100%;
}

#home #copyright,
#section #copyright,
#article #copyright {
  border: none;
}

.claim,
#footer_meta a {
  vertical-align: middle;
}

#home #main .latest li {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
}


#home #main .latest li:hover,
#section #main .latest li:hover,
#article #main .latest li:hover {
    background: none repeat scroll 0 0 #F4F4F4;
}
#section div#main .latest div.pager ul li:hover {
  background-color: transparent;
}

.teaserTitlePlatform {
  display: inline;
  color: #27AC80;
  font-family: 'Frutiger LT W01_55 Roma1475738',Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 160% !important;
  margin: 0 0 5px;
}

#section.col-subcol div.teaser h3.teaserTitlePlatform {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 7px;
}

.teaserTextPlatform {
  display: inline;
  line-height: 1.4em;
  margin-bottom: 7px;
}
div#main div.text div.teaser a p.teaserTextPlatform, 
#section.col-subcol div#main div.text div.teaser p.teaserTextPlatform, 
.col-subcol div#main div.text div[id^="teaser-"] p, 
.col-subcol div#main div.teaser[id^="teaser-"] p.teaserTextPlatform, 
#section.col-subcol div#main div[id^="teaser-"].teaser p {
  /*display: table; IE-BUG */
  width: 382px;
  float: right;
  display: inline;
  margin: 10px 10px 2px 0;
}
/* Old layout pages - fix */
#section.col-subcol.old div#main div.teaser[id^="teaser-"] div p.teaserTextPlatform {
  margin: 0 0 7px 0;
  width: 382px;
}
#section.col-subcol.old div#main div.teaser[id^="teaser-"] > p,
#section.col-subcol.old div#main div.teaser.latest[id^="teaser-"] ul li p {
    margin-top: 0;
}
/*old layout medienspiegel list */
body#article.col-subcol div#main div[role^="article"].text div.teaser[id^="teaser-"] p.teaserTextPlatform::before {
    clear: both;
    content: "";
    display: block;
}
body#article.col-subcol div#main div[role^="article"].text div.teaser[id^="teaser-"] p.teaserTextPlatform.teaserTextPlatform {
    display: block !important;
    float: none !important;
    width: 100% !important;
}
body#article.col-subcol.old div#main div.text div#teaser-1.teaser div p.teaserTextPlatform {
  width: auto !important;
}

body#article.col-subcol div#main div[role^="article"].text div#teaser-2.teaser div.links {
    margin: 20px 0;
}

#section #main .teaser:last-of-type {
  border-bottom: none;
}
body#article.col-subcol.old div#main div.text[role^="article"] div.teaser[id^="teaser-"] p.teaserTextPlatform.teaserTextPlatform {
    display: block !important;
    float: left !important;
    width: 386px !important;
}



/*div#main div.text div[role$="article"].teaser ul li:hover {
    background-color: #F4F4F4;
}*/

#home #main .teaser,
#section #main .teaser,
#article #main .teaser,
#adnArticle #main .teaser {
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0 10px;    
    float: none;
    display: inline-block;
}
/*old list fixes (technologiepartner) */
#section.col-subcol.old div#main div.teaser[id^="teaser-"] a:nth-child(3) {
    float: right;
    width: 391px;
}
#section.col-subcol.old div#main div.teaser[id^="teaser-"] {
  margin: 0;
}


#home #main .teaser:last-of-type,
#section #main .teaser:last-of-type,
#article #main .teaser:last-of-type,
#adnArticle #main .teaser:last-of-type {
    border-bottom: 0;
}

div#main div.text .teaser ul li {
    background: none;
    padding: 10px 0px 10px 0px;
}

div#main div.text .teaser ul li.mod {
    padding-bottom:10px;
}

#home #extras .vcard,
#section #extras .vcard,
#article #extras .vcard {
  border-top: none;
}

#wrapper-3 #page-intro h1 {
  clear: both;
  color: #27AC80;
  /*font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;*/
  font-family: 'Frutiger LT W01_45 Ligh1475730', Verdana,Arial,Helvetica,sans-serif;
  font-weight: 400;
  margin: 0 0 30px;
  padding-top: 0;
  font-size: 400%;
  letter-spacing: 0px;
}

body#adnLandingPage div#main div#page-intro h1.adnTitle,
body#adnNewsOverviewNew div#main div#page-intro h1.adnTitle { 
    border-top: 0 none;
    color: #4b4b4b;
    font-family: "Frutiger LT W01_45 Ligh1475730";
    font-size: 32px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 23px;
}

body#adnLandingPage #page-intro > p,
body#adnNewsOverviewNew #page-intro > p{
    display: inline-block;
    font-family: 'frutiger lt w01_45 ligh1475730';
    font-size: 18px;
    max-width: 630px;
}

body#adnLandingPage div#main div#page-intro h1.adnTitle div.adnIntroContainer p.adnSubtitle,
body#adnNewsOverviewNew div#main div#page-intro h1.adnTitle div.adnIntroContainer p.adnSubtitle {
  padding-top: 20px;
  width: 100%;
}

#wrapper-3 .opener h1 {
    font-size: 240%;
  clear: both;
    color: #27AC80;
    font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400;
    margin: 0 0 30px;
    padding-top: 0;
    letter-spacing: 0px;
}

#wrapper-3 .opener h1 em, #main h1 em {
    display: block;
    font-size: 62.5%;
    font-style: normal;
}

#section #extras,
#article #extras {
  margin-left: 41px;
  width: 30.4%;
}

#section #page-intro {
  margin-top: 40px;
}

body.col-subcol div#main div.text div[role$="article"] div#page-intro {
  margin-top:0px;
}

/* start: moving article title into the platform area, while hiding it in the main area - reverted changes */
/*
#article .text h1,
#section #page-intro h1 {
  display: none;
  color: #4b4b4b;
    font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    left: 0;
    position: relative;
    top: -30px;
}

.articleTitle,
.sectionTitle {
    color: #27AC80;
    font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
    font-size: 40px;
    margin-bottom: 30px;
    margin-top: 40px;
    text-align: left;
}
*/
/* end: moving article title into the platform area, while hiding it in the main area */

/* subtitle in article and section pages */

h1.adnTitle {
  margin-bottom: 18px !important;
}

.adnSubtitle {
  color: #4b4b4b;
  font-size: 18px;
  line-height: 21px;
  margin-top: 34px;
  margin-bottom: 0px !important;
  width: 96%;
}
div#main div.text div#page-intro h1.adnTitle div.adnIntroContainer p.adnSubtitle,
div#main div#page-intro h1.adnTitle div.adnIntroContainer p.adnSubtitle {
    font-weight:normal;
}
.adnIntroContainer {
/*  width: 613px;   */
}
/*twitter items*/
div#extras div.tweetContainer ul.tweetList li.tweetItem a {
  background: none;
  padding: 0px;
  color: #00A77F;
  display: inline;
}

div#extras div.tweetContainer ul.tweetList li.tweetItem a:hover {
  color: #333333;
}

div#extras div.tweetContainer ul.tweetList li.tweetItem {
  padding: 5px 0 5px 0;
}
/* rss feed */
div#extras div.teaser ul li.rssItem {
    font-size: 120%;
}
div#extras div.rssFeedContainer , div.adnJobListing {
    padding-bottom: 0px;
}
#section div#main .teaserRow .teaser.rssFeedContainer , div.adnJobListing  {
    width: 940px;
    border-bottom: 1px solid #b4b4b4;
}
#main .teaserRow .rssFeedContainer ul.adnCombinedFeedCategory , ul.adnJobCategory {
    border-bottom: 1px solid #b4b4b4;
    font-size: 20px;
}
#main .teaserRow .rssFeedContainer li, .adnJobListing li {
    border-bottom: none;
}
div#extras div.rssFeedContainer {
    padding-bottom: 0px;
}
#section div#main .teaserRow .teaser.rssFeedContainer {
    width: 940px;
    border-bottom: 1px solid #b4b4b4;
}
#main .teaserRow .rssFeedContainer ul.adnCombinedFeedCategory {
    border-bottom: 1px solid #b4b4b4;
    font-size: 20px;
}
#main .teaserRow .rssFeedContainer li {
    border-bottom: none;
}
#main .teaserRow .rssFeedContainer li.no-img {
    border-bottom: 1px solid #b4b4b4;
}
#main .teaserRow .adnCombinedFeedCategory ~ ul li.no-img {
    border-bottom: none;
}
#main .teaserRow .rssFeedContainer h3, .adnJobListing h3 {
  float: none !important;
    width: 100%;
}
#main .teaserRow .rssFeedContainer ol , .adnJobListing ol  {
    font-size: 1.5em;
    line-height: 1.3em;
}
#main .teaserRow .teaser.rssFeedContainer h2 ,.adnJobListing h2 {
    font-size: 160%;
}
 .teaserRow .adnCombinedFeedCategory , .adnJobCategory {
    line-height: initial;
}
div.teaserRow div.rowContent div.teaserColumn .rssFeedContainer  li .more a , .adnJobListing  li .more a  {
    font-size: inherit;
}

body#section.col-float2 div#site-info,
body#section.col-float3 div#site-info {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0;
}

body#section.col-float3 #wrapper-3 > #main {
  margin-bottom: 0;
}

body#section.col-float3 div.buttonleft, body#section.col-float3 div.buttonright {
  display: block;
  text-align: center;
  width: 100%;
}

body#section.col-float2 #main .links li {
  background-image: none;
}

div#unSupportedBrowser {
    background-color: #00A77F;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 0.5em;
    text-align: center;
}

/*spacer item*/
p.adnSpacer {
    height: 40px;
}

body .adnSpacer span {
    color: transparent !important;
}

#site-info ul .smartDesk {
 display:none;
}

.adnCombinedFeedCompactCategory{
    font-family:'verdana';
    font-size: 10pt;
    font-weight: bold;
    padding-top: 12px;
}

.adnCombinedFeedCategory{
    font-family:'Verdana';
    font-size: 18px;
    color: #4b4b4b;
    padding-top: 16px;
}
.adnCombinedFeedCategory, .adnJobCategory{
    font-family:'Verdana';
    font-size: 18px;
    color: #4b4b4b;
    padding-top: 16px;
}
/* ZOLTAN END */


/* TEDDY modifications for landingpage */

body { /* font: default 16px to 10px */
    font: 67.5% "Frutiger LT W01_55 Roma1475738",verdana,arial,helvetica,sans-serif
}

body#section.col-float3 div#wrapper div#wrapper-2 {
  margin-top: 0px;
  margin-bottom: 0px;
}

#main .text blockquote cite, 
.overviewLink a,
#section.col-subcol div#extras div.teaser h2 div.overviewLink a,
.adnCombinedFeedCategory , .adnJobCategory{
    font-family:  "Frutiger LT W01_55 Roma1475738", verdana, arial, helvetica, sans-serif;
}

#stage div.tw-paging .rack-teaser p, #stage p, .col-subcol #main .teaser h2, #stage div.tw-paging .rack-teaser p {
    font-family:  "Frutiger LT W01_55 Roma1475738", verdana, arial, helvetica, sans-serif;
    font-size: 13px;
}

#extras h2, #extras h3 {
    font-family: "Frutiger LT W01_55 Roma1475738";
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
}

#main #page-intro p, .adnCombinedFeedCompactCategory, p.intro {
    font-family: "Frutiger LT W01_65 Bold1475746";
    font-weight: normal;
}

div#main div.teaserColumn div.rteaser h2 {
    border: 0px;
    overflow: hidden;
    height: 43px;
    display: table;
}

#home div.teaserColumn div.rteaser,
#adnLandingPage div.teaserColumn div.rteaser {
    width: 287px;
    padding-right: 0px;
    margin-right: 39px;
}

#home div.teaserColumn:nth-child(3) div.rteaser,
#adnLandingPage div.teaserColumn:nth-child(3) div.rteaser {
  margin-right: 0px;
} 

#home .rteaser.rollover,
#adnLandingPage .rteaser.rollover {
    text-align: left;
    transition: background-color 0.5s ease 0s;
}
div.rteaserbox_txt  {
    color: inherit;
    font-size: 13px;
    height: auto;
    min-height: 125px;
    line-height: 16.8px;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 0 10px 5px;
    top: 145px;
    transition: background-color 0.3s ease 0s;
    width: 267px;
}

body#adnLandingPage div.rteaserbox_txt {
  min-height: 180px;
}

div#main div.teaserRow.container.text-box-section.three-cell-row div.services div.rteaser div.rteaserbox_txt {
  text-align: center;
  min-height: 85px;
}
div#main div.teaserRow.container.text-box-section.three-cell-row div.services div.rteaser div.rteaserbox_txt h3.rteaserTitlePlatform {
  margin-bottom: 5px;
  display: inline-block;
}

/* special contact teaser */
body#home div#main div.rowContent div.special h3.rteaserTitlePlatform {
  font-size: 22px;
  font-family: 'Frutiger LT W01_45 Ligh1475730';
}

div.special h3.rteaserTitlePlatform {
    font-size: 18px !important;
    text-align: center;
    width: 100px;
}

div.special div.rteaserbox_txt.mout {
    top: -24px !important;
}

div#main div.teaserRow div.rowContent div.teaserColumn div.rteaser div.rteaserbox_txt h3.rteaserTitlePlatform.more {
    color: #4b4b4b;
    font-family: "Frutiger LT W01_45 Ligh1475730",Verdana,Arial,Helvetica,sans-serif;
    font-size: 17px !important;
    line-height: 16.8px;
    padding-left: 2px;
    vertical-align: bottom;
}
body#home div#main div.rowContent div.special h3.rteaserTitlePlatform.mout.more {
    display: none !important;
}

body#home div#main div.rowContent div.special div.rteaser div.rteaserbox_txt.mout {
    height: 104px;
    text-align: center;
}

body#home div#main div.rowContent div.special div.rteaser div.rteaserbox {
    height: 101px;
}

body#home div#main div.rowContent div.teaserColumn.three-cell-layout div.special div.rteaser.rollover {
    height: 208px;
}

/* standard teaser styles */
div.rteaser div.rteaserbox {
  position: relative;
  width: 287px;
  height: 192px;
  color: #4b4b4b;
  overflow: hidden;
}

body#home div.teaserRow.three-cell-row:nth-child(2) div[id^="rteaser-"].rteaser div.rteaserbox {
  height: 110px;
  width: 287px;
}



div.rteaser h3.rteaserTitlePlatform {  
  font-family: Frutiger LT W01_65 Bold1475746;
  font-size: 16px !important;
  line-height: 19.2px;
}

h3.rteaserTitlePlatform.mout, 
div.rteaserbox_txt h3.rteaserTitlePlatform {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 20px;
}
h3.rteaserTitlePlatform.more.mout {
  color: #27ac80;
}
body#home div.rteaserbox[id^="rteaser-"] {
    background-size: 300px auto !important;
}
.rteaserbox_txt.mhover h3.rteaserTitlePlatform.mhover
 {
  color: #ffffff;
  font-size: 16px !important;
  line-height: 18px;
  vertical-align: top;
}

.rteaser:hover {
  background-color: rgba(0, 167, 127, 1);
  color: #fff !important;
  cursor: pointer;
}
.rteaser:hover img {
  z-index: -1;
}
.rteaser:hover .rteaserbox {
  background-color: transparent;
}
.rteaser:hover .rteaserbox_arrow,
.rteaser:hover .rteaserbox_txt,
.rteaser:hover .rteaserTitlePlatform {
  background: transparent;
  color: #fff !important;
}

.rteaserbox img {
  left: 0;
  position: absolute;
  width: 100%;
}

div.rteaser div.rteaserbox:before {
  position: absolute;
  top: 0px; right: 0; bottom: 0; left: 0;
  background-color: inherit;
  padding-top:20px;
  content: '';
}

body#home .special .rteaserbox_arrow.mout {
    position: absolute;
    top: 0;
}

/* service teasers special css entries */
body#home div.teaserRow.three-cell-row div.services div.rteaser[id^="rteaser-"] div.rteaserbox,
body#home div.teaserRow.three-cell-row div.special div.rteaser[id^="rteaser-"] div.rteaserbox {
    height: 110px;
    overflow: hidden;
    width: 287px;
    text-align: center;
    padding: 0px;
    margin-bottom: 8px
}

body#home div.teaserRow.three-cell-row div.services div.rteaser[id^="rteaser-"] div.rteaserbox_txt h3.rteaserTitlePlatform {
  margin-top:0px;
}

body#home div.teaserRow.three-cell-row div.services div.rteaser div.rteaserbox_txt h3.rteaserTitlePlatform.more {
  margin-bottom:0px;
}

body#home div.teaserRow.three-cell-row div.services div.rteaser[id^="rteaser-"] div.rteaserbox div[id^="arrow-rteaser-"] {
    top: -22px;
}

body#home div.teaserRow.three-cell-row div.services div.rteaser[id^="rteaser-"] div.rteaserbox img,
body#home div.teaserRow.three-cell-row div.special div.rteaser[id^="rteaser-"] div.rteaserbox img {
    max-height: 110px;
    position: relative;
    width: auto;
}

body#home div#main div.three-cell-row div.services div.titlewrapper,
body#home div#main div.three-cell-row div.special div.titlewrapper {
    display: block;
    height: 29px;
}
body#home div#main div.rowContent:nth-child(4) div.teaserColumn.three-cell-layout div.services div.titlewrapper {
  display: none
}

div[id^="arrow-rteaser-"]
 {
  font-family: 'Frutiger LT W01_45 Ligh1475730',Verdana,Arial,Helvetica,sans-serif;
  font-size: 85px;
  text-align: center;
  color: transparent;
  transition: color 0.3s;
  position: absolute;
  width: 287px;
  margin-top: 24px;
}

.mout  {
  color: transparent;
}

.mhover  {
  color: #ffffff !important;
}

div#main div.teaserRow div.rowContent div.teaserColumn div.rteaser div.rteaserbox_txt h3.rteaserTitlePlatform.more,
div#main div.teaserRow div.rowContent div.teaserColumn div.services div.rteaser div.rteaserbox_txt h3.rteaserTitlePlatform.more 
 {
    color: #4b4b4b;
    display: inline;
    font-family: 'Frutiger LT W01_45 Ligh1475730',Verdana,Arial,Helvetica,sans-serif;
    font-size: 17px !important;
    line-height: 16.8px;
    margin: 0;
    vertical-align: bottom;
    padding-left: 2px;
}

/*kundenstories*/
div.teaserColumn div.overviewLink {
    display: inline-block;
    height: 43px;
    margin-right: 39px;
    position: relative;
    top: 0;
    vertical-align: top;
}

/* ADNWWW-316 only for overviewlink of last teaser item*/
.teaserColumn.three-cell-layout:last-child .overviewLink {
    margin-right: 0px;
}

div.teaserColumn div.overviewLink a {
    font-family: 'Frutiger LT W01_55 Roma1475738';
    color: #000;
    font-size: 13px;
    font-weight: normal;
    float: left;
    height: 38px;
    margin-bottom: 7px;
    padding-top: 21px;
    padding-left: 15px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
div.teaserColumn div.overviewLink a span {
    font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
    color: #4b4b4b;
    font-size: 13px;
}
div.teaserColumn div.overviewLink a span i {
  color: #4b4b4b;
}
div.teaserColumn div.overviewLink a:hover, div.teaserColumn div.overviewLink a span:hover,
div.teaserColumn div.overviewLink a:hover span i {
  color: #00A77F;
}

.hidden {
    display: none;
  }


/* LANDING PAGE REDESIGN - ZOLTAN START */
a:hover, a:active, a:focus {
    color: #00a77f;
    text-decoration: none;
}

#branding {  
  position: relative;
  margin: 0 auto 0px auto;
  width: 100%;
  height: 85px;

}
#nav-global {     
  overflow: hidden;     
  margin: 0px auto 0 auto;
  width: 100%;
}  

div#megadropdown {
  top: -17px;
}

#section-header {
  margin: 0px auto 20px auto;
  width: 100%;
}

#site-info {   
  position: relative;
  border: none;
  background: #00A77F;
/* padding: 20px; */
  color: #ffffff;
}

#site-info > div {
  width: 100%;
  margin: 0 auto;
}

/* teasers */

div#main div.teaserRow div.rowContent div.teaserColumn div.teaser p.teaserTextPlatform a:hover {
  color: #00a77f;
}

.titlewrapper {
    display: inline-block;
    float: none !important;
    height: 63px;
}

.adnTeaserTopTitle {
    display: inline;
    font-family: Frutiger LT W01_45 Ligh1475730;
    font-size: 24px;
    font-weight: lighter;
    height: 43px;
}
/*fix line-height on titles when empty*/
.adnTeaserTopTitle::after {
    content: "\00a0";
}
.teaserColumn {
    display: table-cell;
}

/* header */

#nav-global {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0px;
    position: relative;
    height:27px;
}

#nav-global ul {
    margin: 0 0 0 40px;
}

#nav-global li a:hover, #nav-global li a:active, #nav-global li a:focus {
    background: transparent;
    color: #00a77f;
}
#nav-global li a {
    cursor: pointer;
}
#nav-global li a, #nav-global li a:visited, #nav-global li strong {
    color: #4b4b4b;
}

#mega-menu-1 li a:hover {
    color: #00A77F;
}

#mega-menu-1 li a:hover {
    background: transparent;
    color: #00A77F;
}

#nav-meta {
    color: #848484;
    right: 26px;
    top: 41px;
    z-index: 101;
}

#nav-meta ul li a {
    color: #848484;
}

#nav-meta ul li a:hover, #nav-meta ul li a:active, #nav-meta ul li a:focus {
    color: #00a77f;
}

#nav-global li strong, #nav-global li.open a, #nav-global li.on a {
    background: transparent;
    color: #00a77f;
}


.socialmedia {
    float: right;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 45px;
}
.socialmedia li {
    display: block;
    float: left;
    overflow: hidden;
    padding-right: 10px;
}
.socialmedia li:last-child {
  padding-right: 0px;
}
div.socialmedia ul li a.btn.btn-link, div.socialmedia ul li a.btn.btn-link:link, div.socialmedia ul li a.btn.btn-link:visited {
    color: #999999;
}
div.socialmedia ul li a.btn.btn-link:hover, div.socialmedia ul li a.btn.btn-link:active, div.socialmedia ul li a.btn.btn-link:focus {
    color: #00a77f;
}
div.socialmedia ul li a.btn.btn-link {
    font-size: 18px;
}
/* Footer */
#site-info > div {
    margin: 0 auto;
    width: auto;
}

#site-info {
    background: #00A77F none repeat scroll 0 0;
    border-top: 0 none;
}

div#site-info div#site-info-box {
    width: 940px;
    background-color: #00A77F;
    border-top: 0px;
    text-align: justify;
    padding-top: 0px;
}

div#site-info-box div#footer_nav.adnFooterLinkList {
  background: #00A77F !important; 
  border-bottom: 0px !important;
  margin-top: 5px;
  margin-bottom: 35px !important; 
  margin-right: 0px; 
  padding: 7px 0 7px 0;
}

div#footer_nav.adnFooterLinkList span.claim {
  color: #ffffff !important;
  font-family: 'Frutiger LT W01_45 Ligh1475730',Verdana,Arial,Helvetica,sans-serif !important;
  font-size: 19px !important;
}

div#footer_nav.adnFooterLinkList div#footer_meta {
    background: transparent;
    width: auto;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    outline: medium none;
    padding: 0 11px;
    text-decoration: none;
}
div#site-info div#footer_meta ul li.adnFooterLink a {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    outline: medium none;
    padding: 0 11px;
    text-decoration: none;
}

div#footer_nav.adnFooterLinkList div#footer_meta {
  margin-right: 28px
}
div#site-info div#site-info-box div.footer-sitemap div.footer-sitemap-column h2 {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-family: "Frutiger LT W01_65 Bold1475746",Verdana,Arial,sans-serif;
    font-weight: normal;
    margin: 0 0 5px;
    padding-top: 6px;
    vertical-align: top;
    height: auto;
}

#site-info div > div.links:nth-of-type(2) {
    margin: 0;
}

div#site-info div#site-info-box div.links {
    width: 205px;
    margin: 0px 40px 20px 0px;
    text-indent: 10px;
}

div#site-info div#site-info-box div.links:nth-last-child(2) {
    margin: 0;
}

#site-info .links h2 a,
.footer-sitemap-column a {
    color: #ffffff;
    transition: color 0.1s ease-in-out 0s;
}

.footer-sitemap-column h2 a, 
.footer-sitemap-column h2 p {
    display: block;
    font-size: 0.813em;
    height: auto;
    line-height: 1.2em;
    outline: medium none;
    text-indent: 0px;
    text-align: left;
    padding-left: 10px;
    vertical-align: top;
    margin-bottom: 4px;
}

div#site-info div#site-info-box div.links ul li a {
  font-size: 13px;
  font-weight: normal;
  transition: color 0.1s ease-in-out 0s;
  line-height: 1.2em;
  padding-bottom: 5px;
  padding-left: 10px;
  text-indent: 0;
}

div#site-info div#site-info-box div.links ul li {
  line-height: 1.2em;
}
div#site-info ul li.adnFooterLink a:hover {
    background-color: transparent;
}

#site-info li a:hover, #site-info li a:active, #site-info li a:focus, #site-info .links h2 a:hover, 
div#site-info div#footer_meta ul li.adnFooterLink a:hover, 
.footer-sitemap-column h2 a:hover {
    background-color: inherit;
    color: #006f51;
}
.footer-sitemap {
    text-align: justify;
    margin-bottom: 50px;
}
.footer-sitemap:after {
    content: "";
    width: 100%;
    display: inline-block;
}
.footer-sitemap-column {
    display: table-cell;
    padding-right: 40px;
    vertical-align: top;
    width: 1%; /* stretches to full width... to be tested*/
    /* IE fix. */
    /*display: inline;*/
    zoom: 1;
}
div#site-info-box div.footer-sitemap div.footer-sitemap-column div.footer-sitemap-links ul:first-of-type {
    margin-top: 6px;
}

/* stage */
#stage-wrapper {
    background-color: #f5f5f5;
    height: 360px;
    width: 100%;
}

#stage-wrapper span.left {
    left: 0;
    z-index: 7;
}

#stage-wrapper span.right {
    right: 0;
    z-index: 7;
}

/* Product page settings */


div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout div.teaser h2 {
    border: 0 none;
}

/* links */
div.teaserRow div.teaserColumn li {
  list-style: outside none none;
}

div#main div.three-cell-row li.external,
div#main div.three-cell-row li.internal, 
div.teaserRow.withBackground div.teaserColumn li.external,
div.teaserRow.withBackground div.teaserColumn li.internal,  
div.teaserRow.withBackground div.rowContent div.teaserColumn li.download,
div.teaserRow div.rowContent div.teaserColumn li.download {
    list-style: outside none none;
    padding-top:8px;
    margin-left: 10px;
}

div#main div.teaserRow div.teaserColumn.three-cell-layout li.external a, 
div#main div.teaserRow div.teaserColumn.three-cell-layout li.internal a, 
div.teaserRow div.teaserColumn li.external a,
div.teaserRow div.teaserColumn li.internal a,
div#main div.teaserRow div.teaserColumn div.box.links ul li.internal a,
div.teaserRow div.rowContent div.teaserColumn li a {
    font-size: 15px;
}

/* link download symbol*/
div.teaserRow div.rowContent div.teaserColumn li.download a:before {
    content: "\F019";
    font-family: fontawesome;
    padding-right: 8px;
}

div.teaserRow div.rowContent div.teaserColumn li.download a[href*=".pdf"]:before {
  content: "\F1C1";
  vertical-align: text-bottom;
}

div.teaserRow div.rowContent div.teaserColumn li.download a[href*=".pdf"] {
    display: table-cell;
    padding-left: 1.5em;
    text-indent: -1.4em;
}

div.teaserRow.withBackground div.rowContent div.teaserColumn li.download a:before {
    color: #4b4b4b;
}

div#main div.teaserRow div.rowContent li.internal a:hover,
div#main div.teaserRow div.rowContent li.download a:hover,
div#main div.teaserRow div.rowContent div.teaserColumn em.more a:hover:before, 
div#main div.teaserRow div.rowContent div.teaserColumn li.internal a:hover:before,
div#main div.teaserRow div.rowContent div.teaserColumn li.download a[href*=".pdf"]:hover:before {
    color: #00A77F;
}

/* link external - SINGLE RIGHT-POINTING ANGLE QUOTATION MARK */
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.external a:before, 
div.teaserRow div.teaserColumn li.external a::before,
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.internal a:before, 
div.teaserRow div.teaserColumn li.internal a::before,
body#adnArticle div#main div.box.links ul li a::before {
    content: "\203A";
    color: #4b4b4b;
    display: inline-block;
    font-family: "Frutiger LT W01_45 Ligh1475730",Verdana,Arial,Helvetica,sans-serif;
    font-size: inherit;
    font-weight: 500;
    height: 1.4em;
    line-height: 1.4em;
    padding-right: 6px;
    vertical-align: text-bottom;
}

/* new pdf download icon */
body#adnArticle div#main div.teaserRow .download > a[href*=".pdf"]::before {
    content: "\F016";
    background-image: none;
    font-family: fontawesome;
    font-size: 11px;
    /*padding-left: 22px;*/
    padding-right: 8px;
}
body#adnArticle div#main div.teaserRow div.box.links .download > a[href*=".pdf"]::before {
	padding-left: 22px;
	padding-right: 0px;
}

body#adnArticle #main .links .download a, 
body#adnArticle #main .links a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 12px;
}

body#adnArticle div#main div.textimage.text-section.textBlockAlign-left {
  width: 100%;
}

body#adnArticle div#main div.accordionArea .links ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 12px;
}


div#main div.teaserRow div.teaser em.more a {
    background-image: none;
    display: inline;
    line-height: 14px;
    margin: 0;
    vertical-align: top;
    padding-left: 0px;
}

/* link quote symbol */
div#main div.teaserRow div.teaser em.more a::before, 
div.teaserRow div.teaserColumn li.internal a:before {
    color: #4b4b4b;
    content: "\203A";
    display: inline-block;
    font-family: "Frutiger LT W01_45 Ligh1475730",Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 500;
    height: inherit;
    line-height: inherit;
    padding-right: 6px;
    /*vertical-align: text-bottom;*/
}

div#main div.withBackground.background-darkgrey li.internal a,
div#main div.withBackground.background-darkgrey li.internal a::before,
div#main div.withBackground.background-darkgrey div.box.links ul li.internal a,
div#main div.withBackground.background-darkgrey div.box.links ul li.internal a::before {
  color: #e7e7e7;
}
div#main div.withBackground.background-darkgrey li.internal a:hover,
div#main div.withBackground.background-darkgrey li.internal a:hover::before,
div#main div.withBackground.background-darkgrey div.box.links ul li.internal a:hover,
div#main div.withBackground.background-darkgrey div.box.links ul li.internal a:hover::before {
  color: #00A77F;
}

#home div#main div.teaserRow div.rteaser.rollover div.rteaserbox div.rteaserbox_txt.mout h3.rteaserTitlePlatform.more.mout {
    display: inline;
    font-size: 20px !important;
    line-height: 74%;
    vertical-align: sub;
}

body#section div#main div.teaserRow div.rowContent div.teaserColumn li.internal a {
  font-size: 15px !important;
}

/* links - image zoom */
div.teaserRow div.rowContent div.teaserColumn div.textimage.text-section.adnImage dl.media.photo {
  width: auto;
  margin:0px;
  padding:0px;
}
div.teaserRow div.rowContent div.teaserColumn div.textimage.text-section.adnImage dl.media.photo dd.zoom {
  top: -19px;
  right: 0;
}
div.teaserRow div.rowContent div.teaserColumn div.textimage.text-section.adnImage dl.media.photo dd.zoom a {
  color: transparent;
}

div.teaserRow div.rowContent div.teaserColumn div.textimage.text-section.adnImage dl.media.photo dt a:hover img {
  border: 0px;
  transition: opacity 0.2s ease-in-out;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
  filter: alpha(opacity=70); 
  opacity: 0.7;
}
div.teaserRow div.rowContent div.teaserColumn div.textimage.text-section.adnImage dl.media.photo dt a img {
  border: 0px;
}


/* typography */

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn h1 {
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 23px;
    margin-top: 0;
}

#home div#main div.teaserRow.container  div.rteaser.rollover div.rteaserbox div.rteaserbox_txt.mout h3.rteaserTitlePlatform {
    color: #00a77f;
    font-family: 'Copperplate W01 Medium',Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 18px;
    margin-bottom: 23px;
    margin-top: 0;
}

div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout div.teaser p.teaserTextPlatform a {
    display: inline;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.4em;
}

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage p {
	font-size: 15px;
    line-height: 1.4em;
    word-wrap: break-word;
}

div#main div.teaserRow div.teaserColumn div.textimage h2.platformTitle,
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout div.teaser a h3.teaserTitlePlatform {
    font-size: 19px;
    font-family: "Frutiger LT W01_65 Bold1475746",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom: 8px;
    margin-top: 0;
    font-weight: 500;
    color: #4d4d4d;
    display: block;
    line-height: 1.4em;
}

div#main div.teaserRow.container.text-box-section.withBackground div.rowContent div.teaserColumn h1 {
  font-size: 32px;
}

div#main div.teaserRow div.teaserColumn div.textimage h2.platformTitle {
    font-size: 19px;
    font-family: "Frutiger LT W01_65 Bold1475746",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom: 8px;
    margin-top: 0;
    font-weight: 500;
    line-height: 1.4em;
    word-wrap: break-word;
}

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage ul, 
div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage ol {
    list-style: outside none none;
    margin: 0 0 2em;
    padding: 0;
}

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage ul li {
    font-size: 15px;
    line-height: 1.2em;
    list-style-type: none;
    margin-top: 0.7em;
    padding-left: 1em;
    text-indent: -1em;
}

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage li::before {
    color: #4b4b4b;
    content: "\2022"; /*disc*/
    display: inline-block;
    font-family: "Frutiger LT W01_55 Roma1475738", arial,verdana;
    font-size: 0.9em;
    margin-left: 1.1em;
    vertical-align: text-top;
}

/* rowtitle h2 */
div#main div.teaserRow.container.text-box-section div.rowTitle {
    border: 0 none;
    display: inline-block;
    text-align: left;
    width: 940px;
    margin-top: 35px;
    margin-left: calc(50% - 470px);
    margin-right: calc(50% - 470px);
}
div#main div.teaserRow.container.text-box-section div.rowTitle h2,
div#main div.teaserRow div.rowContent div.teaserColumn h2 {
    color: #4b4b4b;
    border-top: 0px;
    font-size: 32px;
    line-height: 24px;
    margin-bottom: 23px;
    margin-top: 0;
    font-weight: normal;
    font-family: 'Frutiger LT W01_45 Ligh1475730';
}

div#main div.teaserRow.container.text-box-section.background-darkgrey div.rowTitle h2,
div#main div.teaserRow.container.text-box-section.background-grey div.rowTitle h2 {
    color: #00a77f;
    font-size: 32px;
    margin-bottom: 1em;
    font-family: 'Frutiger LT W01_45 Ligh1475730';
}

body#section .rowTitle {
    margin-top: 45px;
}

body#home div#main div.text-box-section.one-cell-row div.rowTitle h2 {
  margin-top:11px;
  color: #4b4b4b;
  font-family: "Frutiger LT W01_45 Ligh1475730";
  font-size: 32px;
  font-weight: normal;
  line-height: 38px;
}

div#main div.teaserRow div.rowContent div.textimage + h2 {
    margin-top: 35px;
}

div.teaserRow > div.rowTitle + div.rowContent {
    padding-top: 0;
}

body#home div#main div.teaserRow.container.text-box-section > div.rowTitle {
    display: block;
    margin: auto;
    text-align: center;
}

/* rowtitle h3 */

body#section div#main div.teaserRow div.rowContent div.textimage.text-section h3 {
    font-size: 16px;
    font-family: "Frutiger LT W01_65 Bold1475746",Verdana,Arial,sans-serif;
    font-weight: normal;
}

/* background-colors */
.background-grey {
    background-color: #eeeeee;
    text-align: center;
}

.background-adnovumgreen {
    background-color: #00A77F;
    color: #ffffff;
    text-align: center;
}

div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn h1,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn h2.platformTitle,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent li.internal a,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent li.download a,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn em.more a::before, 
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn li.internal a::before,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn div.textimage li::before,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn li.download a[href*=".pdf"]:before {
    color: #ffffff;
}

div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent li.internal a:hover,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent li.download a:hover,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn em.more a:hover:before, 
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn li.internal a:hover:before,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn li.download a[href*=".pdf"]:hover:before {
    color: #026a4c;
}

.nevisgreen {
  background-color: #69b0b3;
  color: #ffffff;
  text-align: center;
}
body#section div#main div.teaserRow.nevisgreen div.rowContent div.teaserColumn h1 {
  color: #ffffff;
}

/* colored header padding left row */
body#section div#main div.teaserRow.withBackground.background-adnovumgreen.two-cell-row:nth-child(1) 
div.rowContent div.teaserColumn.two-cell-layout:first-child {
  padding-top: 30px;
}
body#section div#main div.teaserRow.withBackground.background-adnovumgreen.two-cell-row:nth-child(1) div.rowContent {
  padding-bottom: 7px;
}

/* grey-background gradient */
body#section div#main div.teaserRow.withBackground.background-grey.two-cell-row:nth-child(1) div.rowContent div.teaserColumn.two-cell-layout:first-child {
  padding-top: 35px;
}
body#section div#main div.teaserRow.withBackground.background-grey.two-cell-row:nth-child(1) div.rowContent div.teaserColumn.two-cell-layout:nth-child(3) {
    padding-top: 7px;
}


body#section div#main div.teaserRow.withBackground:nth-child(1) div.rowContent div.teaserColumn div.textimage.text-section.adnImage dl.media.photo {
  margin: 0;
  padding: 0;
}
body#section div#main div.teaserRow.withBackground:nth-child(1) div.rowContent div.teaserColumn div.textimage.text-section.adnImage dl.media.photo dd {
  display: none;
}

/* background-grey gradient*/
body#section div#main div.teaserRow.withBackground.background-grey:nth-child(2),
body#section div#main div.teaserRow.withBackground.background-grey:nth-child(1) {
    color: #4b4b4b;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,eeeeee+13 */
    background: rgb(211,211,211); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(211,211,211,1) 0%, rgba(238,238,238,1) 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(238,238,238,1) 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(211,211,211,1) 0%,rgba(238,238,238,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

body#section div#main div.teaserRow.withBackground:nth-child(2) {
  height: 360px;
}

body#section div#main div.teaserRow.withBackground.background-blue-alpha2:nth-child(1) div.teaserColumn h1 {
  color: #ffffff;
}

body#section div#main div.teaserRow.withBackground.background-blue-alpha2 div.teaserColumn div.textimage h2.platformTitle {
    color: #ffffff;
}

div.teaserRow.withBackground.background-blue-alpha2 div.teaserColumn.two-cell-layout div.textimage p {
    color: #FFFFFF;
    /*color: #4d4d4d;*/
    font-family: "Frutiger LT W01_55 Roma1475738",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.4em;
    word-wrap: break-word;
    margin: 0 0 2px;
}


div#main div.teaserRow div.teaserColumn div.textimage > h2.platformTitle {
  padding-top: 0px;
}

/* download row - dark grey for adnovum green and neutral colored header row-content */
body#section div#main div.teaserRow.withBackground.background-darkgrey,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey, 
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey,
body#adnNewsOverviewNew div#main div.teaserRow.withBackground.background-darkgrey {
    background-color: #4b4b4b;
    color: #e7e7e7;
}
body#section div#main div.teaserRow.withBackground.background-darkgrey li.external a::before,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.external a,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.external a::before,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.external a,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.external a::before,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.external a,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.internal a::before,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.internal a,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.internal a::before,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.internal a, 
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.internal a::before,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.internal a,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.download a::before,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.download a,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.download a::before,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.download a,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.download a::before,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.download a {
    color: #e7e7e7;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 15px;
    line-height: 1.4em;
}
body#section div#main div.teaserRow.withBackground.background-darkgrey li.external a:hover,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.external a:hover::before,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.external a:hover,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.external a:hover::before,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.external a:hover,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.external a:hover::before,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.internal a:hover,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.internal a:hover::before,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.internal a:hover,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.internal a:hover::before,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.internal a:hover,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.internal a:hover::before,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.download a:hover,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey li.download a:hover::before,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.download a:hover,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.download a:hover::before,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.download a:hover,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey li.download a:hover::before,
body#section div#main div.teaserRow.withBackground.background-darkgrey h1,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey h1,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey h1 {
    color: #00A77F;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
body#section div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h2.platformTitle,
body#section div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h3,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h2.platformTitle,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h3,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h2.platformTitle,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h3 {
  font-family: "Frutiger LT W01_65 Bold1475746",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #e7e7e7;
  font-weight: normal;
}
body#section div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h3,
body#adnLandingPage div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h3,
body#adnArticle div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h3
{
  font-size: 16px;
}

/* 3-cell-layout */
.rowContent {
    display: inline-table;
    vertical-align: top;
    width: 940px;
    position: relative;
}
#adnLandingPage div[id^="adn-Text-Image-Div"] div.rowContent {
    min-height: 280px;
}


body#adnArticle .narrowWidth .rowContent,
body#adnArticle .narrowWidth .rowTitle {
  display: inline-table;
  width: 630px;
}

.teaserRow.container.text-box-section.three-cell-row {
    text-align: center;
}
.teaserColumn.three-cell-layout {
    width: 326px;
    text-align: left;
}

div.rowContent div.teaserColumn {
  vertical-align: top;
}
#adnArticle div#main div[id^="adn-Text-Image-Div-"].teaserRow.container.text-box-section.one-cell-row div.rowContent div.teaserColumn.one-cell-layout {
  display: block;
}

body#adnLandingPage div#main .teaserRow div.titlewrapper h2 {
    border: 0 none;
}

div.teaserColumn div.box.vcard[id^="box-"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top: medium none;
    clear: both;
    float: left;
    text-align: left;
    margin: 0 0 30px;
    padding: 5px 0;
    width: 100%;
}
div#main div.rowContent div.teaserColumn dl.media.photo.pos-2 {
    float: left;
    margin-left: 0;
    margin-right: 10px;
    width: auto;
}

#adnArticle div#main div[id^="adn-Text-Image-Div-"].teaserRow.container.text-box-section.one-cell-row div.rowContent div.teaserColumn.one-cell-layout div.textimage.text-section.textBlockAlign-full dl.media.photo.pos-2 {
  float: right;
}

div.rowContent div.box.vcard div dl.email > dt::before {
    content: "\f0e0";
    font-family: fontawesome;
    font-size: 15px;
    font-weight: normal;
    padding-right: 9px;
}
div#main div.teaserRow div.rowContent div.teaserColumn div dl.email dd.value {
	float: left;
    line-height: 1.4em;
    font-size: 15px;
}

div#main div.teaserRow div.rowContent div.teaserColumn div dl.email dd.value a {
    clear: both;
    display: block;
}

div.teaserColumn div.box.vcard dl.media.photo.pos-2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

div.rowContent div.teaserColumn div.textimage dl.media.photo.large dt img {
  border: 0px;
}

.adnImage img {
        border: none;   
        width: auto;
}

/* 2-cell-layout */
.teaserRow.container.text-box-section.two-cell-row {
    text-align: center;
}

.teaserColumn.two-cell-layout {
    text-align: left;
    width: 450px;
}

.teaserColumn.two-cell-layout.separatorDiv {
    width: 40px;
}

#main div.teaserColumn div.textimage h2.platformTitle {
    border-top: 0 none;
}
div.teaserColumn div.textimage {
    border: 0 none;
    text-align: left;
    display: table;
}
div.separatorDiv {
    width: 40px;
}

/* one-cell-layout */
.teaserRow.container.text-box-section.one-cell-row {
    text-align: center;
}
.teaserColumn.one-cell-layout {
    text-align: left;
} 

/* reference cases - 3 cell layout */

div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.adnImageLink.adnFooterLink,
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.adnImageLink.adnFooterLink > a {
    padding: 0;
    display: table;
    float: none;
    margin: 0;
    position: relative;
    text-align: left;
}

div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.adnImageLink.adnFooterLink a img.externalLinkImage,
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout a img {
  border: 0px;
  max-width: 300px;
  max-height: 200px;
}

div#main div.teaserRow div.rowContent div.teaserColumn.three-cell-layout div.teaser {
    width: 280px;
}

div#main div.teaserRow div.rowContent div.teaserColumn div.box.vcard dl.media.photo dt img {
  max-width: 88px;
  border: none;
}
div#main div.teaserRow div.teaserColumn div.box.vcard div p.fn.n span.given-name,
div#main div.teaserRow div.teaserColumn div.box.vcard div p.fn.n span.family-name,
div#main div.box.vcard.testimonial div p.fn.n span.given-name,
div#main div.box.vcard.testimonial div p.fn.n span.family-name {

    font-size: 15px;
    font-family: "Frutiger LT W01_65 Bold1475746",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom: 8px;
    line-height: 1.4em;
    font-weight: 500;
}

div#main div.teaserRow div.box.vcard div dl.email dt {
    font-size: 15px;
    font-family: "Frutiger LT W01_55 Roma1475738",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.4em;
    font-weight: normal;
	width: 1.4em;
    display: inline-block;
}

div#main div.teaserRow div.box.vcard div p.fn.n span.contactTitle {
    display: block;
    font-size: 15px;
    line-height: 1.4em;
}

/* spacing */
div.rowContent {
  padding: 45px 0px;
}

div.rowContent.padding-default {
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 0px;
  padding-right: 0px;
}

div.rowContent.padding-top {
  padding-top: 45px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

div.rowContent.padding-bottom {
  padding-top: 0px;
  padding-bottom: 45px;
  padding-left: 0px;
  padding-right: 0px;
}

div.rowContent.padding-none {
  padding: 0px;
}

div#site-info {
  margin-top: 45px;
}

/* spacing expeption home */

body#home div#main div.teaserRow:nth-child(3) .titlewrapper {
    display: block;
    height: 18px;
}

/* Video player dynamic teaser */
a.video_link::before {
    color: rgba(255, 255, 255, 0.9);
    content: "\f144";
    font-family: fontawesome;
    font-size: 8em;
    line-height: 157px;
    padding-left: 74px;
    text-align: center;
    transition: color 0.1s ease 0s;
}

a.video_link {
    border: 2px solid #e9e9e9;
    border-radius: 22px;
    display: block;
    height: 164px;
    margin-left: 2px;
    margin-top: 22px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 260px;
}

div.video_link_container::before {
    color: #acacae;
    content: "\f26c";
    float: left;
    font-family: fontawesome;
    font-size: 25em;
}

a.video_link:hover:before {
    color: rgba(0, 167,127, 0.8);
}

.video_link_container {
    padding-left: calc(50% - 145px);
}

/* event satellite - desktop browsers */
table.satellite:first-of-type {
    max-width: 743px;
}
/* LANDING PAGE REDESIGN - ZOLTAN END */


/* tkhanh - Hiding honeypot fields*/
#mgnlhp {
    display: none;
}


/* ADNWWW-298: video component */
/* for video displayed by jquery dialog */
.ui-dialog .ui-dialog-content
{
     position: relative;
     border: 0;
     padding: 0;
     overflow:hidden;
}
.ui-widget-content
{
     padding:0;
     border:none;
}
.overlay 
{
     opacity: 0.8;
     background-color: #0b0b0b;
     display:none;
     width:100%; 
     height:100%;
     position:fixed; 
     top:0; 
     left:0;
     z-index:100;
}
.loadVideo
{
     width: 100%;
     height: 100%;
}

a:hover img.videoPoster {
     border: 0px;
}

/* video-player close button*/
.loadvideo-close {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    color: rgba(255, 255, 255, 0.65);
    float: right;
    font-family: Arial,Baskerville,monospace;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: 0.65;
    text-decoration: none;
    position: relative;
    right: 0;
    top: 0;
    z-index: 1003;
}
.loadvideo-close:hover {
    opacity: 1;
    cursor: pointer;
}

/* vertically/horizontally center player button 
video.videoPlayer {
  display: none;
}
*/

div.videowrapper {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    top: auto;
}
div.videocontent {
    display: block;
    height: 100%;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
}

div.playbutton {
    display: block;
    position: relative;
    width: 450px;
    height: auto;
    font-family: fontawesome;
    font-size: 85px;
    color: rgba(240,240,240,0.8);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
}

div.playbutton.mhover {
    color: rgba(0,167,127,0.8) !important;
    cursor: pointer;
}
/* IE fix videoplayer */
a.popup-video {
  width: 100%;
  height: 100%;
}
/* END ADNWWW-298 */


/* ADNWWW-304: Define background for teaser */
#stage {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#stage div.tw-paging {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#stage-wrapper {
    -webkit-transition: background-color 1s ease-in-out !important;
    -moz-transition: background-color 1s ease-in-out !important;
    -o-transition: background-color 1s ease-in-out !important;
    transition: background-color 1s ease-in-out !important;
    -webkit-transition: backgroundimage 1s ease-in-out !important;
    -moz-transition: backgroundimage 1s ease-in-out !important;
    -o-transition: backgroundimage 1s ease-in-out !important;
    transition: backgroundimage 1s ease-in-out !important;
}


body#home div#stage-wrapper div[id^="backgroundimage"], body#adnLandingPage div#stage-wrapper div[id^="backgroundimage"], body#section div#stage-wrapper div[id^="backgroundimage"],
body#home div#stage-wrapper a[id^="backgroundimage"], body#adnLandingPage div#stage-wrapper a[id^="backgroundimage"], body#section div#stage-wrapper a[id^="backgroundimage"] {
    display: block;
    height: 360px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out;
}

body#home div#stage-wrapper div[id^="backgroundgradient"], body#adnLandingPage div#stage-wrapper div[id^="backgroundgradient"], body#section div#stage-wrapper div[id^="backgroundgradient"],
body#home div#stage-wrapper a[id^="backgroundgradient"], body#adnLandingPage div#stage-wrapper a[id^="backgroundgradient"], body#section div#stage-wrapper a[id^="backgroundgradient"],
body#adnLandingPage div#main div#page-intro div#bggradient {
    display: block;
    height: 360px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

#stage-wrapper span {
    z-index: 2;
}

.div_opaque_show {
  z-index: 2 !important;
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}

.div_opaque_hide {
  z-index: 1;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=0);
}

.nodisplay {
    display: none !important;
}

/* adn-www304 additional settings for section stage teaser */

body#section.col-subcol div#wrapper div#stage-wrapper div#stage {

   /* remove all background-settings in html here */

   background: transparent;
   background-image: none;
   background-color: transparent;
   z-index: 2 ;
}

body#section.col-subcol div#wrapper div#stage-wrapper div[id^="backgroundimage"] {
    /* please remove background-color */
    background-color: transparent !important;
    display: block;
    height: 360px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

body#section.col-subcol div#wrapper div#stage-wrapper div[id^="backgroundgradient"] {
    display: block;
    height: 360px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
/* END ADNWWW-304 */


/* ADNWWW-218: display pdf icon before rearch result items */
a.pdfsearchresult::before {
    content: "\F1C1";
    font-family: FontAwesome;
    font-size: 15px;
    padding-right: 8px;
    display: inline-block;
    vertical-align: baseline;
}
/* End ADNWWW-218 */



/* ADNWWW-301 - full teaser width */
div.fullwidth,
div.fullwidth dl.media.photo,
div.fullwidth dl.media.photo dt,
div.fullwidth dl.media.photo dd.caption, 
div.fullwidth dl.media.photo dd.copyright,
div.fullwidth dl.media.photo dd.longdesc {
    margin: 0;
    padding: 0;
}
div#main div.teaserRow.container.one-cell-row {
  line-height: 7px;
}

#language-location {
    float: right;
    height: 10px;
    position: absolute;
    right: 50px;
    top: 20px;
}


.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#ffffff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);white-space:normal;}.popover.top{margin-top:-10px;}
.popover.right{margin-left:10px;}
.popover.bottom{margin-top:10px;}
.popover.left{margin-left:-10px;}
.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.popover-title:empty{display:none;}
.popover-content{padding:9px 14px;}
.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
.popover .arrow{border-width:11px;}
.popover .arrow:after{border-width:10px;content:"";}
.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0, 0, 0, 0.25);bottom:-11px;}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#ffffff;}
.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0, 0, 0, 0.25);}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#ffffff;}
.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0, 0, 0, 0.25);top:-11px;}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#ffffff;}
.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0, 0, 0, 0.25);}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#ffffff;bottom:-10px;}

/* new footer styles ADNWWW-329 */
#site-info div div.language-switch {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 13px;
    height: 39px;
    position: absolute;
    right: calc(50% - 445px);
    top: 41px;
    width: auto;
}
#site-info div div.language-switch:hover {
  cursor: pointer;
}

/*lang arrow */
#site-info div.language-switch div.language-hover.langarrow-ico {
    float: right;
    margin-left: 7px;
    position: relative;
    top: 10px;
}
#site-info div.language-switch div.language-hover.langarrow-ico:hover,
#site-info div.language-switch div.language-hover.langarrow-ico.highlighted {
  cursor: pointer;
  background-image: url("../img/icons/ico_arrow_up.svg")!important; 
  width: 20px; 
  height: 20px;
}

/*language-earth-ico */
#site-info div.language-switch div.language-hover.language-ico {
    margin-right: 10px;
    float: left;
}
#site-info div.language-switch div.language-hover.language-ico:hover,
#site-info div.language-switch div.language-hover.language-ico.highlighted {
  cursor: pointer;
  background-image: url("../img/icons/ico_language_hover.svg") !important; 
  width: 20px; 
  height: 20px;
}
/* language switch text */
#site-info div.language-switch span.language-hover {
    margin-top: 3px;
    transition: color 0.1s ease-in-out 0s;
}
#site-info div.language-switch span:hover,
#site-info div.language-switch span.language-hover.highlighted {
  color: #006f51;
  cursor: pointer;
}

.language-hover {
    display: inline-block;
}

.language-items a {
    font-size: 13px;
}
#site-info-bottom {
    background-color: #008466;
    color: #ffffff;
    height: 50px;
    padding: 0 10px 0 19px;
}
#site-info-bottom #footer_meta {
    display: table;
    float: left;
    left: 20px;
    position: relative;
    top: 14px;
}
.adnFooterLink {
    float: none;
    list-style: outside none none;
    margin: 0;
}
.socialmedia {
    color: white;
    display: block;
    float: right;
    height: 20px;
    position: relative;
    right: 20px;
    top: 0;
}
.socialmedia > p {
    display: inline-block;
    position: relative;
    right: 10px;
    top: 10px;
}
.socialmedia > ul {
    color: #ffffff;
    display: inline-block;
    position: relative;
    top: 15px;
}

/*
.adnFooterLink.smartDesk, 
div#site-info-box > div.footer_meta {
    display: none;
}
*/
div.socialmedia ul li a.btn.btn-link, div.socialmedia ul li a.btn.btn-link:link, div.socialmedia ul li a.btn.btn-link:visited {
    color: #FFFFFF;
    transition: color 0.1s ease-in-out 0s;
}
.adnFooterLink a, .adnFooterLink.smartDesk a {
    color: #ffffff;
    display: block;
    font-size: 100%;
    font-weight: normal;
    margin-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    transition: color 0.1s ease-in-out 0s;
}

div.footer_meta .adnFooterLink {
    float: left;
}
div.footer-sitemap-links li.adnFooterLink {
    line-height: 1.25em;
}

.adnFooterLink.smartDesk a, div#site-info-bottom div.footer_meta ul li.adnFooterLink a {
    color: #ffffff;
    display: block !important;
    font-size: 100%;
    font-weight: normal;
    margin-top: 5px !important;
    padding: 10px 11px !important;
    text-decoration: none !important;
    transition: color 0.1s ease-in-out 0s;
}

.adnFooterLink a:hover,
div.socialmedia ul li a.btn.btn-link:hover {
    color: #00A77F;
}

div#site-info div.claim {
    display: table;
    font-family: "Frutiger LT W01_45 Ligh1475730";
    font-size: 28px;
    height: 75px;
    width: 100%;
}
div#site-info div.claim {
    display: table;
    font-family: "Frutiger LT W01_45 Ligh1475730";
    font-size: 28px;
    height: 75px;
    width: 100%;
}
body div#site-info {
    margin-top: 45px;
    padding-top: 30px;
}
body#search-results div#site-info,
body#adnLandingPage.col-float3 div#site-info {
    margin-top: 0px;
}
body#adnLandingPage.col-float3 div#wrapper-2 {
  margin-bottom: 0;
}

/******** bootstrap-popover - CSS changes teddy ***********/

.popover {
    background-clip: padding-box;
    background-color: #ebebeb;
    border: 0 solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1010;
}

.popover-content {
    padding: 15px 25px;
}

ul.language-items {
    display: table;
    margin-bottom: 20px;
    margin-top: 4px;
}
.language-items {
    font-size: 10px;
    list-style: outside none none;
}

.language-items > li {
    line-height: 30px;
}

ul.language-items span.left {
    float: left;
    margin-right: 30px;
    width: 74px;
    display: table;
    clear: right;
}
ul.language-items span.right {
    float: right;
    text-transform: uppercase;
}

.popover.top .arrow::after {
    border-bottom-width: 0;
    border-top-color: #ebebeb;
    bottom: 2px;
    margin-left: -10px;
}
/* footer columns (.links) */
#site-info-box div.links  {
    margin-bottom: 50px !important;
}
#site-info-box div.links ul:first-of-type {
    margin-top: 8px;
}
/* hide Insights in footer - temporary solution - until footer content is editable in magnolia */
div#site-info div#site-info-box div.links:nth-last-child(4) {
    display: none;
}

/* Logo and navigation positioning for landscape view at max 1024px width */
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
	body div#megadropdown {
		left: calc(50% + 76px) !important;
		left: -webkit-calc(50% + 76px) !important;
		margin-left: 25%;
	}
}


/*  ADN Accordion   */
button.accordion-btn {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-top: 1px solid rgb(230,230,230);
    font-family: 'Frutiger LT W01_65 Bold1475746';
}

div.accordion-box div.accordionArea div.textimage.text-section.textBlockAlign-full h2.platformTitle:first-child {
  display: none;
}

button.accordion-btn.active, button.accordion-btn:hover {
    background-color: #ddd;
}

div.accordion-box dl.media.photo dt {
  margin: 3px 10px 10px 0;
  display: table-cell;
}

div.accordion-box div.text-section ul {
  display: table;
}

div.accordion-box.show {
	background-color: transparent;
}

div.panel {
    padding: 0 12px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;  
}

button.accordion-btn::after {
    border-radius: 10px;
    color: black;
    content: "\F13A";
    display: inline-block;
    float: right;
    font-family: FontAwesome;
    font-size: 18px;
    height: 20px;
    line-height: 1;
    text-align: center;
    width: 20px;
}

button.accordion-btn.active {
    background-color: transparent;
}

button.accordion-btn.active::after {
    content: "\F057"
}

/* End ADN Accordion  */

/* =========================
   Article page - adnwww-317
   ========================= */
body#adnArticle .text-meta > ul#text-features {
  display: none;
}

body#adnArticle div#main div.text div.text-meta dl {
    border: 0 none;
}

.text-meta dt::before {
    content: "\F02C";
    display: block;
    font-family: FontAwesome;
    left: 0;
    position: relative;
}

.text-meta dt {
    height: 16px;
    margin-left: 0;
    overflow: hidden;
    width: 13px;
}

/* background-image for article content-teasers */

.teaserRow.container.text-box-section.two-cell-row[style^="background-image"],
.teaserRow.container.text-box-section.one-cell-row[style^="background-image"],
.teaserRow.container.text-box-section.three-cell-row[style^="background-image"]  {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    display: block;
    clear: both !important;
}
.viewMore {
    background-color: #4b4b4b;
    border-radius: 3px;
    color: white;
    display: table;
    font-size: 15px;
    left: calc(50% - 45px);
    padding: 8px 16px 9px;
    position: relative;
    line-height:initial;
}
.viewMore:before {
/* Single Right-Pointing Angle Quotation Mark */
  content: "\203A";
  padding-right: 6px;
}
.viewMore:hover {
  background-color: #00A77F;
  color: white;
}

body .viewMore, body a.viewMore:visited {
    color: #e7e7e7;
}
/* adnwww-401: flexible 500px row-height, with bottom aligned button */
div.viewmorewrapper {
    height: 81px !important;
    width: 100%;
    display: inline-table !important;
}

#adnLandingPage div[id^="adn-Text-Image-Div-"].teaserRow.container.text-box-section.two-cell-row div.rowTitle h2 {
  color: #00A77F !important; /* override custom magnolia-user color settings */
}

/* centered content testimonial */
#main .box.vcard.testimonial {
    background-color: #eeeeee;
    background-image: none;
    border: 0 none;
    display: table;
    float: none;
    margin: 60px 0 0;
    text-align: center;
    width: 100%;
}
#main .testimonial dl.media.photo {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    float: none;
    left: calc(50% - 44px);
    margin: 0;
    padding: 0;
    position: relative;
    top: -60px;
    width: 88px;
}
#main .testimonial .media.photo > dt {
    border-radius: 60px;
    box-shadow: none;
    display: inline-block;
    float: none;
    height: 88px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 88px;
}
#main .testimonial .media.photo dt > img {
    width: 88px;
    border: 0;
}
#main .testimonial > div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    float: none;
    left: calc(50% - 315px);
    position: relative;
    text-align: center;
    top: -40px;
    width: 630px;
}
#main .testimonial div span.testimonialMessage {
    font-family: Frutiger LT W01_45 Ligh1475730;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}
div#main div.text div.box.vcard.testimonial div:nth-child(3) p.fn.n {
    margin-top: 10px;
}

body#adnArticle div.rowContent div.teaserColumn div.vcard.testimonial div:nth-child(2) p.fn.n {
    margin-bottom: 0px;
}

#section .teaserRow .box.links,
#adnArticle .teaserRow .box.links {
    border: 0 none;
}

/* --- submit form --- */
#form #wrapper-2 {
    width: 100%;
    margin: 0 auto 0;
}

#form .form-wrapper {
    width: 630px;
    margin: auto;
}

#form .teaserRow:first-child {
    height: 360px;
}

#form #main {
  margin: 0 0 0 0;
}

#form #main h1 {
  color: #4b4b4b
}

#form #site-info {
    margin-top: 0;
}

#form .success {
    height: 500px;
}

.form-row {
    position: relative;
}

.form-wrapper input, .form-wrapper textarea {
    background-color: #f5f5f5;
    border: 1px solid #b2b2b2;
    font-size: 1.5em;
    outline: medium none;
    padding: 5px 0 5px 10px;
    width: 93%;
}

.form-wrapper input.requiredField {
    display: inline-block;
    border-right: 6px solid #b2b2b2;
}

.form-wrapper input.requiredField:focus {
  border-right: 6px solid #b2b2b2;
}

.form-wrapper input.requiredField:invalid {
  box-shadow: none;
}

.form-wrapper input:focus,
.form-wrapper textarea:focus {
    background-color: #daf1fb;
    border: 1px solid #b2b2b2;
}

.requiredMarker {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.form-wrapper .errorMsg, .form-wrapper .warningMsg {
    display: inline-block;
    width: 110px;
    position: absolute;
    color: #4b4b4b;
    right: -24%;
    background-color: #f9d6d6;
    font-weight: normal;
    font-size: 110%;
    padding: 15px;
    top: 50%;
    transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
}

.form-wrapper .errorMsg:before, .form-wrapper .warningMsg:before {
  content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f9d6d6;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.form-wrapper .warningMsg {
    background-color: #daf1fb;
  display: none;
}

.form-wrapper .warningMsg:before {
    border-right: 10px solid #daf1fb;
}

.form-wrapper .form-row input.form-ui-invalid.requiredField {
  border-right: 6px solid #06a5e2;
}

.form-wrapper input.form-ui-invalid ~ .warningMsg {
  display: block;
}

.form-wrapper input.form-ui-invalid ~ .errorMsg {
  display: none;
}

.validity-alert-wrapper {
    display: none !important;
}

.form-wrapper input.form-ui-invalid.requiredField:focus {
  border-right: 6px solid #06a5e2;
}

.form-wrapper div.button-wrapper input {
    background-color: #4b4b4b;
    border: 1px solid #4b4b4b;
    border-radius: 3px;
    margin: auto;
}

#main .form-wrapper .form-row.error span {
    color: #4b4b4b;
}
#main .form-wrapper .form-row .user-error {
    border-color: #ec1549;
}

.form-wrapper div.error input.requiredField, .form-wrapper div.error textarea.requiredField {
    border-color: #b2b2b2 #ec1549 #b2b2b2 #b2b2b2;
    border-style: solid;
    border-width: 1px 6px 1px 1px;
}

.form-wrapper label span {
    line-height: 2em;
    margin-left: 5px;
}

.form-wrapper input[type=checkbox] {
    display: none;
}

.form-wrapper input[type="checkbox"]:not(:checked) + label,
.form-wrapper input[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  line-height: 2em;
}

.form-wrapper input[type="checkbox"]:not(:checked) + label:before,
.form-wrapper input[type="checkbox"]:checked + label:before {
  content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    background: #f5f5f5;
}

.form-wrapper input[type="checkbox"]:not(:checked) + label:after,
.form-wrapper input[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px;
  left: 1px;
  font-size: 18px;
  line-height: 0.8;
}

.form-wrapper input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}

.form-wrapper input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.form-wrapper input[type="checkbox"]:disabled:not(:checked) + label:before,
.form-wrapper input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.form-wrapper input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

.form-wrapper input[type="checkbox"]:disabled + label {
  color: #aaa;
}

.form-wrapper input[type="checkbox"] + label:hover:before {
    border: 1px solid #00a77f;
}

/* --- end submit form --- */


/*if linklist is used with box-element, h2 will not be displayed */
#section .teaserRow .box.links h2,
#adnArticle .teaserRow .box.links h2 {
    display: none;
}

body#adnArticle div#wrapper, 
body#adnArticle div#wrapper div#wrapper-2,
body#adnArticle div#wrapper div#wrapper-2 div#wrapper-3 {
  width: 100%;
}

body#adnArticle div#site-info {
  margin-top: 0px;
}
body#adnArticle div#wrapper div#wrapper-2, 
body#adnArticle div#wrapper div#main {
  margin-bottom: 0px;
}
body#adnArticle.col-float3 div#wrapper div#wrapper-2 {
    margin-top: 0;
}
body#adnArticle #main > div#page-intro,
body#adnNewsOverview #main > div#page-intro {
    background-color: #00a77f;
    color: #fff;
    height: 315px;
    margin-bottom: 45px;
    padding-left: calc(50% - 470px);
    padding-right: calc(50% - 470px);
    padding-top: 45px;
    position: relative;
}

/*IE11 fix for browser-scaling refresh bug */
@media all and (-ms-high-contrast:none)
 {
   .foo {} /* IE10 */
   *::-ms-backdrop, body#adnArticle #main > div#page-intro { padding-right: 0px; -ms-background-position-x: center; } /* IE11 fix */
 }

body#adnArticle div#page-intro,
body#adnNewsOverview div#page-intro{
    background-position: center center;
    background-repeat: no-repeat;
}

body#adnArticle div#page-intro h1.adnTitle {
    line-height: 1.1;
    margin-bottom: 23px;
    margin-top: 0;
    font-size: 32px;
    clear: both;
    font-family: "Frutiger LT W01_45 Ligh1475730",Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400;
    padding-top: 0;
    color: #ffffff;
    max-width: 450px;
}

body#adnArticle div#page-intro div.text-meta dl {
    border: 0 none;
    color: #4b4b4b;
    float: left;
    position: absolute;
    display: inline;
    bottom: -45px;
}
body#adnArticle div#page-intro .adnIntroContainer {
    display: none;
}
body#adnArticle #main #page-intro p,
body#adnArticle div#main div.teaserRow div.rowContent div.teaserColumn div.textimage p.intro,
body#section div#main div.teaserRow div.rowContent div.teaserColumn div.textimage p.intro,
body#adnLandingPage div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage p.intro {
    font-family: "Frutiger LT W01_45 Ligh1475730";
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 24px;
}

/* page-intro special anchor buttons */
div#page-intro div.introAreaAnchorLinksClass li.download a, 
div#page-intro div.introAreaAnchorLinksClass li.external a,
div#page-intro div.introAreaAnchorLinksClass li.internal a {
    background-color: #008466;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    list-style: outside none none;
    margin-right: 20px;
    padding: 8px 24px;
    transition: color 0.1s ease-in-out 0s;
    transition: background-color 0.1s ease-in-out 0s;
}

div#page-intro div.introAreaAnchorLinksClass li.download, 
div#page-intro div.introAreaAnchorLinksClass li.internal,
div#page-intro div.introAreaAnchorLinksClass li.external {
    display: inline-block;
    list-style: outside none none;
}

div#page-intro div.introAreaAnchorLinksClass li.download a:hover,
div#page-intro div.introAreaAnchorLinksClass li.external a:hover,
div#page-intro div.introAreaAnchorLinksClass li.internal a:hover,
div#page-intro div.introAreaAnchorLinksClass li.download a:active, 
div#page-intro div.introAreaAnchorLinksClass li.external a:active,
div#page-intro div.introAreaAnchorLinksClass li.internal a:active, 
div#page-intro div.introAreaAnchorLinksClass li.download a:focus, 
div#page-intro div.introAreaAnchorLinksClass li.external a:focus,
div#page-intro div.introAreaAnchorLinksClass li.internal a:focus {
    background-color: #ffffff;
    color: #00a77f;
}

body#adnArticle img.articleHeaderImage {
    left: calc(50% + 20px);
    position: absolute;
    top: 0;
}

.articleHeaderImage.imageLocation-right {
    float: right;
    left: calc(50% + 20px);
    max-height: 360px;
    position: absolute;
    top: 0;
}

body#adnArticle #page-intro > p {
    max-width: 450px;
}

#page-intro .text-meta[role$="contentinfo"] {
    color: #4b4b4b;
    display: inline;
    float: left;
    font-size: 10px;
    height: 0;
    left: calc(50% - 315px);
    position: absolute;
    width: 630px;
    bottom: 0px;
}

#page-intro .text-meta[role$="contentinfo"] ul {
    list-style: outside none none;
}

/*---ADNWWW-449 */

#page-intro .text-meta[role$="contentinfo"] div{
	position: relative;	
}

/*---ADNWWW-449---End*/

/*author and time */
#page-intro .text-data {
    font-size: 11px;
    position: relative;
    display: inline;
    float: left;
    bottom: -30px;
}
#page-intro .date, .author {
    display: inline;
    padding-right: 20px;
    font-size: 11px;
}

div.box.vcard.testimonial p.fn.n {
    margin-bottom: 20px;
}

div.narrowWidth .adnImage {
    margin-bottom: 45px;
}

/* switchTeaserGroup adnwww-318 */

.js-on #wrapper-2 #wrapper-3 #main div#switchTeaserGroup.tw-paging div.rack-teaser div.stageTextBox h2 {
    font-family: 'Frutiger LT W01_45 Ligh1475730';
}

.js-on #wrapper-2 #wrapper-3 #main div#switchTeaserGroup.tw-paging {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
    width: 100%;
    min-height:500px;
}
.js-on #wrapper-2 #wrapper-3 #main div#switchTeaserGroup.tw-paging .rack {
    border: 0 none;
    border-radius: 0;
    height: 360px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    position: relative;
}
div#wrapper-2 div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.rack div.rack-design {
    display: inline-block !important;
    height: 360px !important;
    position: relative !important;
    width: 100% !important
}
body#adnLandingPage div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser,
body#adnNewsOverviewNew div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser,
body#adnArticle div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser  {
    border-radius: 0;
    display: block;
    height: 360px !important;
    left: 0;
    margin: 0 !important;
    opacity: 1;
    padding: 0 !important;
    position: absolute !important;
    text-align: left;
    top: 0;
    width: 100% !important;
}
div#switchTeaserGroup .stageTextBox {
    height: auto;
    left: calc(50% - 470px);
    position: relative;
    top: 0;
    width: 940px;
}

.js-on #wrapper-2 #wrapper-3 #main div#switchTeaserGroup.tw-paging .rack-teaser h2 {
    clear: both;
    float: left;
    font-size: 32px;
    margin-top: 35px;
}
div#switchTeaserGroup div.stageTextBox h2 a {
    color: #00a77f;
    font-family: Frutiger LT W01_45 Ligh1475730;
    font-size: 32px;
    font-weight: lighter;
}

/* --- change color of abstract text and more button for switch teaser --- */
#wrapper-2 #wrapper-3 #main div#switchTeaserGroup.tw-paging .rack-teaser div.stageTextBox p.abstractTextColor-white,
body#adnLandingPage #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p.abstractTextColor-white em.more a,
body#adnLandingPage #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p.abstractTextColor-white em.more a:before,
.switchTeaserItemEditMode p.abstractTextColor-white,
.switchTeaserItemEditMode p.abstractTextColor-white em.more a,
.switchTeaserItemEditMode p.abstractTextColor-white em.more a:before {
	color: #fff;
}

#wrapper-2 #wrapper-3 #main div#switchTeaserGroup.tw-paging .rack-teaser div.stageTextBox p.abstractTextColor-darkgrey,
body#adnLandingPage #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p.abstractTextColor-darkgrey em.more a,
body#adnLandingPage #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p.abstractTextColor-darkgrey em.more a:before,
.switchTeaserItemEditMode p.abstractTextColor-darkgrey,
.switchTeaserItemEditMode p.abstractTextColor-darkgrey em.more a,
.switchTeaserItemEditMode p.abstractTextColor-darkgrey em.more a:before {
	color: #4b4b4b;
}

body#adnLandingPage #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p.abstractTextColor-white em.more a:hover,
body#adnLandingPage #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p.abstractTextColor-darkgrey em.more a:hover {
	color: #00A77F;
}

.switchTeaserItemEditMode .stageTextBox {
	text-align: left;
}
.switchTeaserItemEditMode .stageTextBox h2 {
	font-size: 32px !important;
	font-family: 'Frutiger LT W01_45 Ligh1475730';
}
.switchTeaserItemEditMode .stageTextBox p {
	font-size: 20px !important;
	font-family: 'frutiger lt w01_45 ligh1475730';
}
/* --- end change color of abstract text and more button for switch teaser --- */

#wrapper-2 #wrapper-3 #main div#switchTeaserGroup.tw-paging .rack-teaser p {
    display: block;
    float: none;
    width: 450px;
    font-family: 'frutiger lt w01_45 ligh1475730';
    font-size: 20px;
}
div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser > a {
    float: left;
    height: 360px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}
#wrapper-2 #wrapper-3 #main div#switchTeaserGroup.tw-paging .rack-teaser img {
    display: block;
    height: auto;
    margin: 0;
    min-height: 360px;
    padding: 0;
    width: calc(100% - 0px);
}

div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.switchTeaserGroup-Pagination {
    background-color: #4b4b4b;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    height: 32px;
    padding: 2px;
    z-index: 10;
    margin: 0px auto;
}
div.switchTeaserGroup-Pagination-Wrapper {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 32px;
    bottom: 84px;
    z-index: 10;
    position: absolute;
}
div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.switchTeaserGroup-Pagination a {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin-right: 4px;
    padding: 10px 14px;
}
div#switchTeaserGroup a.activeSlide {
    background-color: #00a77f;
    border-radius: 4px;
}
div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.switchTeaserGroup-Pagination a:hover, 
div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.switchTeaserGroup-Pagination a:focus, 
div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.switchTeaserGroup-Pagination a:active {
    background-color: #00a77f;
    border-radius: 4px;
    transition: background-color 0.1s ease-in-out 0s;
}
div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.switchTeaserGroup-Pagination a {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin-right: 4px;
    padding: 10px 14px;
    line-height: 1em;
}
div#switchTeaserGroup.switchTeaser-wrapper.tw-paging div.switchTeaserGroup-Pagination a:last-child {
    margin-right: 0;
}

div#switchTeaserGroup div.stageTextBox p a {
    font-family: 'frutiger lt w01_45 ligh1475730';
    font-size: 18px;
    line-height: 1.5;
}

div#switchTeaserGroup div.rack-teaser a.switchTeaserBG {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

body#adnLandingPage #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p em.more a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-family: 'Frutiger LT W01_55 Roma1475738';
    font-size: 13px;
    padding-left: 0;
}

body#adnLandingPage #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p em.more a:before,
body#adnArticle #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p em.more a:before,
body#adnNewsOverviewNew #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p em.more a:before  {
    content: "\203A";
    color: #4b4b4b;
    content: "›";
    display: inline;
    font-family: 'Frutiger LT W01_45 Ligh1475730';
    font-size: 17px;
    margin: 0;
    padding-left: 0;
    padding-right: 5px;
    vertical-align: initial;
}

body#adnLandingPage #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p em.more a:hover::before,
 body#adnArticle #wrapper-2 #wrapper-3 #main div#switchTeaserGroup p em.more a:hover::before{
    color: #00a77f;
}

/*   ADNWWW-350: Testimonial Slider  */

#wrapper-2 #wrapper-3 #main #adnTestimonialSlider.teaser-wrapper.tw-paging {
    background-color: transparent;
    height: auto;
    padding: 0;
    margin: 0;
    width: 100%;
}
body#adnLandingPage div#wrapper div#wrapper-2 div#wrapper-3 div#main div#adnTestimonialSlider.teaser-wrapper.tw-paging {
    margin: 0;
}
#wrapper-2 #wrapper-3 #main #adnTestimonialSlider.teaser-wrapper.tw-paging {
    background-color: transparent;
    height: auto;
    padding: 0;
    width: 100%;
}

div#wrapper div#wrapper-2 div#wrapper-3 div#main div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack div.rack-design {
  /* please remove styles in html and add them here */
  height: 360px !important; 
}

div#wrapper div#wrapper-2 div#wrapper-3 div#main div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack {
    background-color: transparent;    
    height: auto;
    margin: 0;
    padding-left: 0;
    width: 950px;
    border: none;
}

div#wrapper div#wrapper-2 div#wrapper-3 div#main div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser {
    height: 360px;
    padding-right: 0;
    width: 940px;
    background-position: center bottom;
}

div#wrapper div#wrapper-2 div#wrapper-3 div#main div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser.pos-2-left{
    background-position: bottom right !important;
}

div#wrapper div#wrapper-2 div#wrapper-3 div#main div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser.pos-2-right{
    background-position: bottom left !important;
}

div#wrapper div#wrapper-2 div#wrapper-3 div#main div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser img {
    border: medium none;
    display: inline;
    margin: 4px 10px 0 0;
    height: 360px;
    width: 100%;
}

div#wrapper div#wrapper-2 div#wrapper-3 div#main div#adnTestimonialSlider div.rowContent.padding-default {
	width:100%;
}

div.rowContent.padding-default.testimonialSlider {
    width: 100%;
}

div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser div.pos-2-right {
    text-align: center;
    top: calc(20%);
    width: 50%;
    right:0;
    float: right;
}

div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser div.pos-2-left {
    float: left;
    left: 0;
    text-align: center;
    top: calc(20%);
    width: 50%;
}

.testimonialSliderMessage {
    font-size: 25px;
    line-height: 1.5em;
    margin-bottom: 15px;
}

.testimonialSliderName {
    font-size: 20px;
    line-height: 1.2em;
}

.testMonialSliderPagination {
    position: absolute;
    left: 50%;
    bottom: 0;
}

div#adnTestimonialSlider-Pagination.testMonialSliderPagination a {
	font-size: 250%;
  margin-right: 10px;
}
div#adnTestimonialSlider-Pagination.testMonialSliderPagination a.activeSlide {
  color: #00a77f;
}
div#adnTestimonialSlider-Pagination.testMonialSliderPagination a:last-child {
  margin: 0;
}

div#adnTestimonialSlider-Pagination.testMonialSliderPagination {
    bottom: 5%;
    left: 50%;
    position: absolute;
    z-index: 1000;    
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
div#adnTestimonialSlider.teaser-wrapper.tw-paging div.testimonialSliderMessage span.testimonialMessage {
    font-family: 'Frutiger LT W01_45 Ligh1475730',Verdana,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 25px;
    line-height: 1.5em;
    margin-bottom: 15px;
}
div#adnTestimonialSlider div.testimonialSliderName span:first-child {
    font-family: 'Frutiger LT W01_65 Bold1475746';
    font-weight: normal !important;
}
div#adnTestimonialSlider div.testimonialSliderName span:last-child {
    font-family: 'Frutiger LT W01_45 Ligh1475730';
}

.errorParagraph {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	padding: 23px 0;
}

.errorParagraph div {
	width: 940px;
	margin: 3% auto 0;
}

.errorParagraph div h1 {
	color:white;
}

.errorParagraph div p {
	font-size:15px;
}

.errorParagraph div img {
	width: 30%;
	height: auto;
	border: none;
}

/*  TODO shoudl be removed later */

body#section div#adn-Text-Image-Div-e5109646-736a-4a2d-88be-180febe2cbe5 dl.media.photo dd.caption,
body#section div#adn-Text-Image-Div-e5109646-736a-4a2d-88be-180febe2cbe5 dl.media.photo dd.copyright,

body#section div#adn-Text-Image-Div-b4f9cfb6-b4a1-48f2-8f38-d73ba22f43a3 dl.media.photo dd.caption,
body#section div#adn-Text-Image-Div-b4f9cfb6-b4a1-48f2-8f38-d73ba22f43a3 dl.media.photo dd.copyright,

body#section div#adn-Text-Image-Div-776dd3e3-759b-4659-b28d-39825b601947 dl.media.photo dd.caption,
body#section div#adn-Text-Image-Div-776dd3e3-759b-4659-b28d-39825b601947 dl.media.photo dd.copyright {
  display: none;
}

body#section div#adn-Text-Image-Div-e5109646-736a-4a2d-88be-180febe2cbe5.teaserRow.container.text-box-section.two-cell-row div.rowContent,
body#section div#adn-Text-Image-Div-b4f9cfb6-b4a1-48f2-8f38-d73ba22f43a3.teaserRow.container.text-box-section.two-cell-row div.rowContent,
body#section div#adn-Text-Image-Div-776dd3e3-759b-4659-b28d-39825b601947.teaserRow.container.text-box-section.two-cell-row div.rowContent,
body#section div#adn-Text-Image-Div-4df0c431-1ba3-43e9-9a17-09cf768585ed.teaserRow.container.text-box-section.two-cell-row div.rowContent div.teaserColumn,
body#section div#adn-Text-Image-Div-3b56410f-e7be-4a1c-b87b-f59036bad0aa.teaserRow.container.text-box-section.two-cell-row div.rowContent div.teaserColumn,
body#adnArticle div#adn-Text-Image-Div-546c363c-e4b6-4e69-90ac-5896164461f8.teaserRow.container.text-box-section.two-cell-row div.rowContent div.teaserColumn,
body#adnArticle div#adn-Text-Image-Div-ef8e8b33-ba2f-45bd-9a48-c3d03cad46f9.teaserRow.container.text-box-section.two-cell-row div.rowContent div.teaserColumn {
  vertical-align: bottom;
}

body#section.col-float3 div.teaserColumn.two-cell-layout div.textimage.text-section.adnImage dl.media.photo dt {
  line-height: 0;
}

/*   ---------------------    */

/*  language switch */
.languageSwitch {
	background-repeat: no-repeat;
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

#nav-meta .languageSwitch.language-icon-en {
	background-image: url("../img/icons/icon_en_low.svg") !important;
}

#nav-meta .languageSwitch.language-icon-de {
	background-image: url("../img/icons/icon_de_low.svg") !important;
}

#nav-meta .languageSwitch.language-icon-fr {
	background-image: url("../img/icons/icon_fr_low.svg") !important;
}

#nav-meta .languageSwitch.language-icon-en:hover,
#nav-meta .languageSwitch.language-icon-en.show {
	background-image: url("../img/icons/icon_en_high.svg") !important;
}

#nav-meta .languageSwitch.language-icon-de:hover,
#nav-meta .languageSwitch.language-icon-de.show {
	background-image: url("../img/icons/icon_de_high.svg") !important;
}

#nav-meta .languageSwitch.language-icon-fr:hover,
#nav-meta .languageSwitch.language-icon-fr.show {
	background-image: url("../img/icons/icon_fr_high.svg") !important;
}
#nav-meta .languageSwitch:hover {
	color: #00a77f;
}

.languageSwitchMenu.show {
	visibility: visible;
}

.languageSwitchMenu {
    background-color: #f0f0f0;
    padding: 25px;
    position: absolute;
    right: -15px;
    top: 44px;
    visibility: hidden;
    text-transform: uppercase;
    transition: visibility 0.2s ease-in-out 0s;
}

.languageSwitchMenu::before {
    background-color: #ffffff;
    content: "";
    display: block;
    height: 19px;
    position: absolute;
    right: 25%;
    top: -10px;
    transform: rotate(45deg) translate(-50%, 50%);
    width: 19px;
}

#nav-meta .languageSwitchMenu a {
	font-size: 1.3em;
	display: block;
	padding: 10px;
	cursor: pointer;
}

#nav-meta .languageSwitchMenu a:hover {
	color: #00a77f;
}

#nav-meta .languageSwitchMenu .selectedLanguage {
	display: none;
}

body#adnLandingPage div.adnRowImage div.fullwidth img {
    width: 100%;
}

div.adnRowButtonArea {
    display: inline;
    height: 37px;
    position: absolute;
    z-index: 10;	
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 50px;
}	
div.teaserRow.container.text-box-section.two-cell-row,
div.teaserRow.container.text-box-section.one-cell-row ,
div.teaserRow.container.text-box-section.three-cell-row  {
	position: relative;
}
body#adnLandingPage div#main div#page-intro div[id^="bgimage"] {
	margin-bottom: 50px;
	height: 360px;
	z-index: 1;
	background-size: auto 360px;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}
body#adnLandingPage div#main div#page-intro div#bggradient {
	top: auto;
}
/* ADNWWW-357 */

body#adnLandingPage.col-float3 .teaser {
  width: 100%;
}
body#adnLandingPage.col-float3 .teaser > a img,
body#adnLandingPage.col-float3 .teaser > div > a img{
  float: left;
  top: 50%;
}
body#adnLandingPage.col-float3 .teaser > .teaserTextPlatform,
body#adnLandingPage.col-float3 .teaser > div > .teaserTextPlatform {
  display: block;
  overflow: hidden;
}
body#adnLandingPage.col-float3 .teaser > h2 {
  display: none;
}
body#adnLandingPage.col-float3 .teaser > div {
  margin-bottom: 0px !important;
}
body#adnLandingPage.col-float3 .teaser {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid lightgray;
  margin: 0px
}
body#adnLandingPage.col-float3 .teaser:last-child {
  border-bottom: 1px solid lightgray;
}
body#adnLandingPage.col-float3 .teaser > ul >li {
  font-size: 120%;
  line-height: 1.4em;
}
body#adnLandingPage.col-float3 .teaser > ul >li >a img {
  float: left;
}
body#adnLandingPage.col-float3 .teaser > ul >li h3 {
  display: inline;
  float: none;
}
body#adnLandingPage.col-float3 .teaser > ul >li p >a > em {
  display: inline;
}
body#adnLandingPage.col-float3 .teaser > ul > li p > em.more > a:before {
  vertical-align: text-bottom;
}
/* ADNWWW-357 end*/
/* adn job listing */
#main div.teaser.latest.adnJobListing {
	width:100%;
}
#main div.teaser.latest.adnJobListing li{
	width:100%;
	border-bottom: 0;
}
#main div.teaser.latest.adnJobListing h3{
	width:100%;
}
/* adn job listing  */
/* ADNWWW-357 */

body#adnLandingPage.col-float3 .teaser {
  width: 100%;
}
body#adnLandingPage.col-float3 .teaser > a img,
body#adnLandingPage.col-float3 .teaser > div > a img{
  float: left;
  top: 50%;
}
body#adnLandingPage.col-float3 .teaser > .teaserTextPlatform,
body#adnLandingPage.col-float3 .teaser > div > .teaserTextPlatform {
  display: block;
  overflow: hidden;
}
body#adnLandingPage.col-float3 .teaser > h2 {
  display: none;
}
body#adnLandingPage.col-float3 .teaser > div {
  margin-bottom: 0px !important;
}
body#adnLandingPage.col-float3 .teaser {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid lightgray;
  margin: 0px
}
body#adnLandingPage.col-float3 .teaser:last-child {
  border-bottom: 1px solid lightgray;
}
body#adnLandingPage.col-float3 .teaser > ul >li {
  font-size: 120%;
  line-height: 1.4em;
}
body#adnLandingPage.col-float3 .teaser > ul >li >a img {
  float: left;
  width: auto;
  height: auto;
}
body#adnLandingPage.col-float3 .teaser > ul >li h3 {
  display: inline;
  float: none;
}
body#adnLandingPage.col-float3 .teaser > ul >li p >a > em {
  display: inline;
}
body#adnLandingPage.col-float3 .teaser > ul > li p > em.more > a:before {
  vertical-align: text-bottom;
}
body#adnLandingPage #main .latest li {
  border-color: lightgray;
}
body#adnLandingPage #main .latest li {
  font-size: 20px;
}
body#adnLandingPage #main .latest li > h3 > a {
  font-size: 23px;
}
body#adnLandingPage #main .latest li > h3 > a > em {
  font-weight: normal;
  font-size: 16px;
}
body#adnLandingPage #main .latest li > a > img {
  padding-right: 20px;
}
body#adnLandingPage #main .latest li p {
	line-height: 0.9em;	
}
body#adnLandingPage #main .latest li p > a {
	font-size: 18px;
}
body#adnLandingPage #main .latest li p > em.more {
  margin-top: 18px;   
}
body#adnLandingPage #main .latest li p > em.more :before {
  margin-bottom: 2px;
  font-size: 18px;
}

/** font **/
body#adnLandingPage #main #page-intro > h1.adnTitle {
  font-size: 36px !important;
}
body#adnLandingPage #main #page-intro > p {
  font-size: 22px !important;
}
body#adnLandingPage #main .teaserColumn.one-cell-layout .latest li > h3 > a {
	font-size: 19px !important;
}
body#adnLandingPage #main .teaserColumn.one-cell-layout .latest li > h3 em {
	font-size: 13px !important;
}
body#adnLandingPage #main .teaserColumn.one-cell-layout .latest li > p > a,
body#adnLandingPage #main .teaserColumn.one-cell-layout .latest.adnJobListing li > h3 > a.jobListTitle {
  font-size: 15px !important;
}
/*28/04/2017*/
body#adnLandingPage.col-float3 .teaser > a img, body#adnLandingPage.col-float3 .teaser > div > a img {
	width: auto;
  	height: auto;
  	padding-right: 20px;
}
body#adnLandingPage.col-float3 .teaser > p.teaserTextPlatform,
body#adnLandingPage.col-float3 .teaser > div > p.teaserTextPlatform,
body#adnLandingPage.col-float3 .teaser > a > p.teaserTextPlatform {
	    font-size: 15px !important;
	    padding-top: 15px;
}
body#adnLandingPage.col-float3 .teaser > a > p.teaserTextPlatform {
	display: block;
	overflow: hidden;
}
body#adnLandingPage.col-float3 .teaser a>h3.teaserTitlePlatform,
body#adnLandingPage.col-float3 .teaser h3.teaserTitlePlatform {
      font-size: 19px !important;
}
body#adnLandingPage div.teaserRow div.teaser em.more a::before {
   margin-bottom: 0px;
   font-size: 18px;
   padding-top: 10px;
}
body#adnLandingPage div#main div.teaserRow div.teaser em.more a {
  display: block;
}

.teaser.new h3.teaserTitlePlatform{
  display: block;
  font-size: 19px;
  font-family: "Frutiger LT W01_65 Bold1475746",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 8px;
  margin-top: 0;
  font-weight: 500;
  color: #4d4d4d;
  display: block;
  line-height: 1.4em;
}

body#adnLandingPage div#main div.teaser.new a > em.date{
  font-style: normal;
  line-height: 2em;
  font-size: 13px;
  display: block;
  margin-bottom: 2px;
}
body#adnLandingPage #main div.latest.new ul> li > a > img {
  margin-top: 0px;
}
#adnLandingPage #main .links .download a[href*=".pdf"]::before {
    margin-left: 15px;
}
/*----*/
/* ADNWWW-357 end*/
#section #main .adn-category-overview .teaser {
    width: 100%;
    margin: 0;
}
.adn-category-overview a {
    display: inline-block;
}
.adn-category-overview a:hover img {
    border: none;
    opacity: 0.8;
}
div.adn-category-overview .teaser img  {
  height:auto;
}
.adn-category-overview .teaser  {
  height:200px;
  padding-top:20px;
  line-height:30px;
}
.adn-category-overview .teaser p {
    width: 700px;
    font-size: 15px;
}
.adn-category-overview .teaser h3 {
	display:inline-block;
}
.adn-category-overview .teaser h3 a {
    font-size: 19px;
}
.adn-category-overview .teaser .more  {
	display:block;
}
.adn-category-overview select  {
    font-family: "Frutiger LT W01_45 Ligh1475730",verdana,sans-serif;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px;
    outline: 0px;
    background: white;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("../img/icons/ico_nav_down.svg");
    background-size: 15px 15px;
    margin-bottom: 30px;
    margin-right: 20px;
    width: 300px;
    font-size: 15px;
}

.adn-category-overview .categoryContent {
	display: inline-block;
    width: 65%;
    vertical-align: top;
}

.adn-category-overview .categoryContent p {
    width: auto;
}

div#main div.teaserRow div.text.references div.teaser .categoryContent em.more a:before {
    line-height: inherit;
    height: inherit;
    padding-bottom: 0;
    vertical-align: baseline;
}

div#main div.teaserRow div.teaser .categoryContent em.more a {
    line-height: inherit;
}

div.adnJobListing  {
    width:100% !important;
}
.adnJobListing p {
	display: table-row-group;
    font: 13px "Frutiger LT W01_55 Roma1475738",verdana,arial,helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.4em !important;
}
 a.jobListTitle {
	    font-size: 15px !important;
}
a.jobListReadMoreLink {
	    line-height: 30px !important;
}
#adnLandingPage p.intro {
	font-size: 20px;
 	font-weight: normal;
 	font-family: "Frutiger LT W01_45 Ligh1475730";
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .teaserRow .adnCombinedFeedCategory, .adnJobCategory {
     line-height: normal;
   }
}
/*<<--ADNWWW-447*/
body#adnArticle #main .box.links li.external a,
body#adnArticle #main .box.links li.internal a {
  font-size: 15px;
}
#adnArticle div.teaserRow div.teaserColumn div.textimage p {
  font-size: 15px;
}

/*<<--ADNWWW-420: JobList*/
.jobPagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

.jobPagination a.active {
    color: #4CAF50;		
}
.teaserColumn.one-cell-layout .videowrapper{
    margin-left:250px;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
div.adnvideo.description{
    text-align: center;
}
div.adnvideo.description p{
    font-family: 'frutiger lt w01_45 ligh1475730';
    font-size: 15px;
    max-width: 100%;
    margin: 0 0 0 0;
}
div.adnvideo.description h2{
    font-family: 'frutiger lt w01_45 ligh1475730';
    font-size: 22px !important;
    max-width: 100%;
    margin: 0 0 10px 0 !important;
}
body#adnLandingPage .jobListTitle {
  color: #27AC80;
}
body#adnLandingPage #main .adnJobListing li em.more.adnJobList {
  margin-top: 0px;
  display: inline-block;
}
#main .adnJobListing li em.more.adnJobList > a {
  font-size: 13px;
}

/*<<--ADNWWW-420*/



/*---ADNWWW-473 */
.switchTeaserItemEditMode{
	float: none;
	margin: 0 auto;
	height: 360px;
	position: relative;
}
.switchTeaserGroupAreaEditMode{
	width: inherit;
	float: inherit;
}
.switchTeaserBGEditMode{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	height: 360px;
	float: left;
}
.rack-teaser.no-img {
    float: none !important;
    margin: 0 auto !important;
}
/*---ADNWWW-473---End*/
/* ADNWWW-469 */
body#adnLandingPage.col-float3 .adn-newsoverview.teaser.new:last-child {
	border-bottom: none;
}
/*--- ADNWWW-460 ---*/
div.carousel-fullwidth {
	width: 100% !important;
	display: block !important;
}

div.carousel-main {
	display: block !important;;
    margin-left: auto !important;
    margin-right: auto !important;;
    width: 940px !important;
    position: relative;
    z-index: 5;
}

div.carousel-fullwidth > div.teaser-wrapper {
    width: 100% !important;
	display: block !important;
}

div.carousel-fullwidth > div.rack-teaser {
    width: 100% !important;
	display: block !important;
}

.carousel-fullwidth > .rack-teaser > a {
    display: block !important;
    height: 360px;
    width: 100%;
    top: 0px;
    left: 0px;
    float: left;
    position: absolute;
}
/*--- ADNWWW-460 --- End*/
#adnArticle #main li.download {
    padding-left: 0px;
}
#adnArticle .teaserColumn p {
	font-size: 15px;
}
#adnArticle .teaserColumn blockquote > p {
	font-size: 20px !important;
}
#adnArticle .teaserColumn blockquote cite {
	font-size: 65% !important;
    font-style: normal;
    line-height: 1em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#adnArticle .teaserColumn blockquote cite:before {
    content: "\2013\00A0";
    padding: 0;
}
#adnArticle .teaserColumn .textimage li {
	font-size: 15px;
}
#adnArticle .teaserRow li.download a {
	font-size: 15px !important;
}

/*--- ADNWWW-544 ---*/
#main .teaserRow a:hover img {
    border: none;
}
#main .teaserRow a img {
    border: none;
}
#main .teaserRow .photo dd.zoom {
    top: -20px;
    right: 3px;
}
/*--- ADNWWW-544 --- End*/

.adnTextImage .photo {
  width: 287px !important;
}
.adnTextImage .photo img {
	width: 287px !important;
}
.adnTextImage .fullwidth .photo {
	width: 100% !important;
}
.adnTextImage .fullwidth .photo img {
	width: 100% !important;
}

.teaserImageNew img {
	width: 287px !important;
	height: 191px !important;
}
.teaserImageOriginalSize img {
	width: auto !important;
	height: auto !important;
}

div.box-noborder {
	border: none;
}

/*ADNWWW-498*/
body#search-results .pager {
	clear: both;
	width: 100%;
	position: relative;
	height: 36px;
	margin-top: 20px;
	padding-top: 0px;
}
body#search-results div.text div.pager {
    margin-bottom: 36px;
    margin-top: 72px;
}
.pager .pagination {
  margin: 0 auto !important;
  border-radius: 0;
  display: block;
  width: 300px;
  float: none;
}
.pager .pagination > li {
  display: inline;
}
.pager .pagination > li > a,
.pager .pagination > li > span {
  	position: relative;
	float: left;
	padding: 7px 12px;
	margin-left: -2px;
	line-height: 1.3;
	color: #4d4d4d;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ebebeb;
	font-weight: normal;
	min-width: 12px;
	max-width: 12px;
}
.pager .pagination > li:first-child > a,
.pager .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pager .pagination > li:last-child > a,
.pager .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pager .pagination > li > a:hover,
.pager .pagination > li > span:hover,
.pager .pagination > li > a:focus,
.pager .pagination > li > span:focus {
  color: #00a77f;
  background-color: #e5e5e5;
  border-color: #ebebeb;
}
.pager .pagination > .active > a,
.pager .pagination > .active > span,
.pager .pagination > .active > a:hover,
.pager .pagination > .active > span:hover,
.pager .pagination > .active > a:focus,
.pager .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #00A77F;
  border-color: #00A77F;
}
.pager .pagination > .disabled > span,
.pager .pagination > .disabled > span:hover,
.pager .pagination > .disabled > span:focus,
.pager .pagination > .disabled > a,
.pager .pagination > .disabled > a:hover,
.pager .pagination > .disabled > a:focus {
  color: #a6a6a6;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ebebeb;
}
.pager .pagination-lg > li > a,
.pager .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 19px;
}
.pager .pagination-lg > li:first-child > a,
.pager .pagination-lg > li:first-child > span {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.pager .pagination-lg > li:last-child > a,
.pager .pagination-lg > li:last-child > span {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.pager .pagination-sm > li > a,
.pager .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 13px;
}
.pager .pagination-sm > li:first-child > a,
.pager .pagination-sm > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pager .pagination-sm > li:last-child > a,
.pager .pagination-sm > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/*--- ADNWWW-460 --- End*/
/** ADNWWW-522 */
#adnArticle .teaserRow .rowContent .textimage .media.photo.pos-2 {
  max-width: 230px;
}

#adnArticle .teaserRow .rowContent .testimonial {
  background-color: lightgray;
  color: #4b4b4b;
}
#main .testimonial > div {
	top: -63px;
}
/*---*/
#section #stage-wrapper {
	height: auto;
}
#stage-wrapper #stage div.tw-paging {
  padding-bottom: 0px;
}
#main .testimonial .mgnlEditorBar {
	left: 0px !important;
}
/** ADNWWW-570 **/
#branding #branding-box #nav-meta ul li {
  margin-right: 22px; 
}

div.teaserRow div.teaserColumn li.internal {
  margin-left: 10px;
}

div.teaserRow div.teaserColumn li.internal a::before {
  margin-left: -10px;
}

div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout div.teaser p.teaserTextPlatform a {
  display: block;
  margin-bottom: 0px;
}

div.teaserRow div.teaserColumn li.external a::before {
  color: inherit;
  margin-left: -10px;
}
/** ADNWWW-612 **/
.mc_embed_signup form {
	text-align:center; 
	padding:10px 0 10px 0;
}
.mc-field-group {
	display: inline-block; 
} /* positions input field horizontally */
.mc_embed_signup input.email {
	font-family: "Frutiger LT W01_45 Ligh1475730"; 
	font-size: 15px; border: 1px solid #ABB0B2;  
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	color: #343434; 
	background-color: #fff; 
	box-sizing:border-box; 
	height:32px; 
	padding: 0px 0.4em; 
	display: inline-block; 
	margin: 0; 
	width:350px; 
	vertical-align:top;
	margin-bottom: 10px;
}
.mc_embed_signup label {
	font-family: "Frutiger LT W01_45 Ligh1475730";
	display:block; 
	font-size:16px; 
	padding-bottom:10px; 
	font-weight:bold;
}
.mc_embed_signup .clear {
	display: inline-block;
} /* positions button horizontally in line with input */
.mc_embed_signup .button {
	font-size: 13px; 
	border: none; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	letter-spacing: .03em; 
	color: #fff; 
	background-color: #aaa; 
	box-sizing:border-box; 
	height:32px; 
	line-height:32px; 
	padding:0 18px; 
	display: inline-block; 
	margin: 0; 
	transition: all 0.23s ease-in-out 0s;
}
.mc_embed_signup .button:hover {
	background-color:#777; 
	cursor:pointer;
}
.mc_embed_signup div.mce-responses {
	float:left; 
	top:-1.4em; 
	padding:0em .5em 0em .5em; 
	overflow:hidden; 
	width:90%;
	margin: 0 5%; 
	clear: both;
}
.mc_embed_signup div.response {
	margin:1em 0; 
	padding:1em .5em .5em 0; 
	font-weight:bold; 
	float:left; 
	top:-1.5em; 
	z-index:1; 
	width:80%;
}
.mc_embed_signup .mce-error-response {
	display:none;
}
.mc_embed_signup .mce-success-response {
	color:#529214; 
	display:none;
}
.mc_embed_signup label.error {
	display:block; 
	float:none; 
	width:auto; 
	margin-left:1.05em; 
	text-align:left; 
	padding:.5em 0;
}
@media (max-width: 768px) {
    .mc_embed_signup input.email {
    	width:100%; 
    	margin-bottom:5px;
    }
    .mc_embed_signup .clear {
    	display: block; 
    	width: 100% 
    }
    .mc_embed_signup .button {
    	width: 100%; 
    	margin:0; 
    }
}
.mc_embed_signup {
	background:#fff; 
	clear:left; 
	font:14px Helvetica,Arial,sans-serif; 
	width:100%;
}
.mc_embed_signup .clear .button {
	font-family: "Frutiger LT W01_45 Ligh1475730";
	background-color: #4b4b4b;
}
.mc_embed_signup .clear .button:hover {
	background-color: #00A77F;
}
.mc_embed_signup {
	background-color: transparent;
}

/*ADNWWW-551*/
.cc-btn {
  border-radius: 4px;
  background: #00A77F;
  font-family: "Frutiger LT W01_45 Ligh1475730";
  font-weight: 400;
}

.cc-btn:hover {
  background: #FFFFFF !important;
  color: #00A77F !important;
  font-family: "Frutiger LT W01_45 Ligh1475730";
}

.cc-message {
  font-family: "Frutiger LT W01_45 Ligh1475730";
}

.cc-link {
  font-family: "Frutiger LT W01_45 Ligh1475730";
}

.cc-banner .cc-btn:last-child {
    min-width: 100px !important;
}

/* ADNWWW-606 */
#adnTestimonialSlider .teaser-image {
    position: relative;
    display: inline-block;
    height: 100%;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(50% - 30px);
    background-size: contain;
    background-position: bottom center;
}

/* ADNWWW-611 */
p.teaserTextPlatform em.more a {
	padding-bottom: 5px;
}

/* ADNWWW-650 */
li.download a em {
    font-size: 13px !important;
    font-style: normal !important;
}

/* ADNWWW-663 */
fieldset.mod select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #b2b2b2;
    background-image: url("../img/icons/ico_down_arrow.svg");
    background-position: right;
    background-size: 32.4px 32.4px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    height: 32.4px;
    width: 97%;
    display: inline-block;
}

/* ADNWWW-661 */
#main .text .tab-content ul {
	list-style-type: disc;
	margin-left: 13px;
}

#main .text .tab-content ul li::before {
	display: none;
}

#main .text .tab-content ul li {
	display: list-item;
	padding-left: 0px;
}