#page {min-height: 0;}
#container {padding: 0;}
#wrapper {background: none;}

#content {height: 531px; position: relative; color: #fff; font-size: 0.857em;}
#content a {color: #fff;}

#intro {position: absolute; top: -9999px; left: -9999px;}

/* 
----- */
#teasers {height: 435px; position: relative; background: #d2dbd7; overflow: hidden; width: 980px; z-index: 1;}

#teasers a:focus {outline: none;}

#teasersInner {width: 2000px;}
.teaser {position: relative; background-position: 80% 0; background-repeat: no-repeat; width: 135px; float: left; cursor: pointer;}
.currentTeaser {cursor: default;}
.teaser-inner {height: 360px; padding: 75px 0 0 0; position: relative; z-index: 111;}
.currentTeaser .teaser-mask {background: #133450; position: absolute; top: 0; left: 0; width: 575px; height: 435px; opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";}

.teaser .shadow {display: block; width: 9px; height: 700px; position: absolute; right: 0; top: 0; z-index: 120;}
.teaser-inner > .shadow {background: url('i/backgrounds/h-shadow.png') 0 0 no-repeat;}
.teaser .head {min-height: 75px; padding: 9px 12px 15px 12px; width: 111px; font-size: 1.5em; line-height: 1.1; text-shadow: 0 0 10px #555;}

.teaser-cs1 .head {background: #8cc540; margin-top: 17px;}
.teaser-cs2 .head {background: #11a288; margin-top: 90px;}
.teaser-cs3 .head {background: #32bb73; margin-top: 160px;}
.teaser-cs4 .head {background: #4d8f38; margin-top: 115px;}
.teaser .head strong {font-weight: normal;}
.teaser .head em,
.teaser .head .npsSupersized {font-style: normal; display: block; font-size: 1.5em;}


.teaser .extra {position: absolute; bottom: 13px; left: 18px; width: 260px; line-height: 1.2; display: none;}
.extra .publication a {display: block; padding-top: 10px;}
.extra .publication a img {float: left; margin-right: 10px; margin-top: -10px;}
.extra .publication a:hover {text-decoration: underline;}


.head .meta {position: relative; display: block;}
.metaArrow {width: 13px; height: 13px; display: inline-block; position: absolute; bottom: -13px; right: -5px;}
html>body .metaArrow {background: url(i/backgrounds/h-arrow-s.png) 50% 50% no-repeat;}
html>body .teaser:hover .metaArrow {background: url(i/backgrounds/h-arrow-s-o.png) 50% 50% no-repeat;}

.teaser .call {width: 260px;}

.teaser .fold {display: none; width: 230px; padding: 0 0 0 30px; line-height: 1.3;}
.teaser .fold small,
.teaser .fold .npsSmall {font-size: 0.75em; line-height: 1.3; display: block; margin-top: 0.25em;}

.teaser .roll {width: 255px; height: 395px; position: absolute; left: -9999px; top: 270px; /*display: none;*/ opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";}
.currentTeaser .roll {left: 300px;}
/*.currentTeaser .teaser-inner:hover .roll {display: block;}*/
.roll h2 {font-size: 1.5em;}
.roll a {text-decoration: none;}
.roll a:hover {text-decoration: underline;}

.teaser .arrow {display: none; width: 24px; height: 24px; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; left: 0; top: 60px;}
.teaser-inner > .arrow {background-image: url('i/backgrounds/h-arrow-diag.png');}
.teaser-cs1 .arrow {background-color: #8cc540;}
.teaser-cs2 .arrow {background-color: #11a288; top: 39px;}
.teaser-cs3 .arrow {background-color: #32bb73; top: 26px;}
.teaser-cs4 .arrow {background-color: #4d8f38; top: 20px;}

.currentTeaser {width: 575px;}
.currentTeaser .arrow {display: block;}
.currentTeaser .metaArrow {display: none;}
.currentTeaser .extra {display: block;}

.currentTeaser .head {background: none; margin-left: 18px; min-height: 0; margin-top: 0;}

.currentTeaser .fold {display: block; font-size: 1.333em; text-shadow: 0 0 10px #555;}

.teaser .head,
.teaser .head *,
.teaser .fold,
.teaser .fold * {font-family: 'Trebuchet MS',FreeSans,sans-serif;}

.teaser .fold a:hover {text-decoration: underline;}

.teaser .miniZoom {position: absolute; bottom: 10px; left: 10px; z-index: 150; background: #000;}
.teaser-cs1 .miniZoom {border: solid 1px #8cc540;}
.teaser-cs2 .miniZoom {border: solid 1px #11a288;}
.teaser-cs3 .miniZoom {border: solid 1px #32bb73;}
.teaser-cs4 .miniZoom {border: solid 1px #5e9c46;}
.miniZoom .miniCloser {position: absolute; top: -22px; right: 0; cursor: pointer; width: 18px; height: 18px; text-indent: -9999px;}
.teaser-cs1 .miniZoom > .miniCloser {background: url('i/backgrounds/h-close-1.png') 50% 50% no-repeat;}
.teaser-cs2 .miniZoom > .miniCloser {background: url('i/backgrounds/h-close-2.png') 50% 50% no-repeat;}
.teaser-cs3 .miniZoom > .miniCloser {background: url('i/backgrounds/h-close-3.png') 50% 50% no-repeat;}
.teaser-cs4 .miniZoom > .miniCloser {background: url('i/backgrounds/h-close-4.png') 50% 50% no-repeat;}

.teaser .extra .npslinks {padding: 0; margin: 0;}
html>body .teaser .extra .npslinks a {background-image: url('i/backgrounds/nps-fff.png'); background-position: 0 0.3em;}
.teaser .extra .npslinks a:hover {text-decoration: underline;}
.teaser .extra .illustration {margin-bottom: 0;}
.teaser .extra .left {margin-right: 10px;}
.teaser .extra .title {display: block; margin-bottom: 0.3em;}


/* 
----- */
#alerts {background: #8ea49b; min-height: 80px; padding: 10px 580px 6px 18px;}

#alerts .meta {text-transform: uppercase; font-weight: normal; display: block; margin-bottom: 0; color: #fff; font-size: 0.85em;}


#alerts .titling {width: 130px; float: left; padding-bottom: 1.5em;}

#alerts .rotator {position: relative; min-height: 80px;}

#info .rnNav {position: absolute; bottom: 6px; left: -3px; z-index: 50; display: none; font-size: 0.9em;}
html>body #info .rnNav .prev {text-indent: -9999px; background: url(i/backgrounds/home-prev.png) 4px 48% no-repeat; width: 13px;}
html>body #info .rnNav .next {text-indent: -9999px; background: url(i/backgrounds/home-next.png) 4px 48% no-repeat; width: 13px;}
#info .rnNav .prev:hover,
#info .rnNav .next:hover {background-position: -96px 48%;}
#info .currentRotator .rnNav {display: block;}
#info .currentRotator .hidden {display: none;}
#info .rnNav button {display: block; float: left; padding: 4px 3px; color: #d2dbd7;}
#info .rnNav .prev,
#info .rnNav .next {padding: 4px 0;}
#info button.current,
#info button:hover {color: #fff;}

#info button:focus {outline: none;}
#info button::-moz-focus-inner {border: 0;}

#alerts h2,
#alerts .h2Btn {font-family: 'Trebuchet MS',FreeSans,sans-serif; font-size: 1.75em; font-weight: normal; padding: 0; margin: 0 0 0.1em 0; color: #fff; opacity: 0.99; white-space: nowrap; display: block; width: 130px;}

#alerts .items {display: none; width: 245px; height: 80px; overflow: auto; font-size: 0.917em;}
#alerts .currentRotator .items {display: block;}

#alerts .items a:hover {text-decoration: underline;}

#info .item {display: none;}
#info .current {display: block;}

#alerts .npslinks {padding: 0; margin: 0; display: block;}
#alerts .npslinks a {background-image: url('i/backgrounds/nps-h.gif'); background-position: 0 0.3em; padding-left: 15px;}
#alerts .npslinks a:hover {background-position: -1000px 0.3em;}

/* 
----- */
#footWrap {min-height: 65px; clear: left;}
#footer {padding: 28px 10px 5px 0; min-height: 0;}
html>body #footer {background: url('i/backgrounds/footer-mask.png') 100% 0 no-repeat;}


/* 
----- */
#teasersInner:after,
#footWrap:after,
.content:after,
.block:after,
.extra .publication:after,
.rotator:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}