/* Teasers
-------------------------------------------------------------*/

.teaser {
	width: 225px;
	margin-bottom: 20px;
	font-family: Arial;
	font-size: 15px;
	text-align: left;
}

.tn-submenu-content .teaser {
	float: left;
	margin-bottom: 0px;
}

.teaser.light, .teaser.light A, .teaser.light A:link, .teaser.light A:visited, .teaser.light A:hover {
	color: White;
	text-decoration: none;
}
.teaser.dark, .teaser.dark A, .teaser.dark A:link, .teaser.dark A:visited, .teaser.dark A:hover {
	color: #272727;
	text-decoration: none;
}

.t1 {
	background-color: #E2007A;
}
.t2 {
	background-color: #707173;
}
.d1 {
	background-color: #AD0040;
}
.d2 {
	background-color: #004151;
}
.d3 {
	background-color: #105E55;
}
.d4 {
	background-color: #002C5A;
}
.d5 {
	background-color: #EDB700;
}
.c1 {
	background-color: #272727;
}
.c2 {
	background-color: #4C4C4C;
}
.c3 {
	background-color: #BFBFBF;
}
.c4 {
	background-color: #E6E6E6;
}

div.teaser div {
	line-height: 20px;
	padding: 5px 10px 10px 10px;
	max-height: 50px;
	white-space: normal;
	margin: 0px;
}

div.teaser > span {
	display: block;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	min-height: 15px;
}

div.teaser span a, div.teaser span span {
	font-weight: bold;
	margin-left: 15px;
	padding-left: 15px;
	padding-top: 2px;
	text-decoration: none;
}

div.teaser.light span a:link, div.teaser.light span a:visited, div.teaser.light span span {
	background: transparent url("Images/b1-str.png") no-repeat left center;
	color: #fff;
	text-decoration: none;
}

div.teaser.dark span a:link, div.teaser.dark span a:visited, div.teaser.dark span span {
	background: transparent url("Images/b1-str-dark.png") no-repeat left center;
	color: #272727;
	text-decoration: none;
}

/*Layouts for pages - 715px*/
.tn-three-narrow {
	width: 715px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}

.tn-three-narrow-first {
	width: 225px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}


.tn-three-narrow-second {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}


.tn-three-narrow-third {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}


.tn-three-narrow-fourth {
	clear: both;
	display: none;
}

.tn-two-wide {
	width: 715px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}

.tn-two-wide-first {
	width: 345px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}


.tn-two-wide-second {
	width: 345px;
	float: left;
	min-height: 20px;
	margin-left: 25px;
	background-color: White;
}


.tn-two-wide-third {
	clear: both;
	display: none;
}

.tn-wider-narrow {
	width: 715px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}
.tn-wider-narrow-first {
	width: 470px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}
.tn-wider-narrow-second {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}
.tn-wider-narrow-third {
	clear: both;
	display: none;
}

.tn-narrow-wider
{
    width:715px;
    min-height:25px;
    height:100%;
    overflow:hidden;
}
.tn-narrow-wider-first
{
    width:225px;
    float:left;
    min-height:25px;
    margin:0px;
    background-color:White;
}
.tn-narrow-wider-second
{
    width:470px;
    float:left;
    min-height:25px;
    margin-left:20px;
    background-color:White;
}
.tn-narrow-wider-third
{
    clear:both;
    display:none;
}


/*Layouts for pages - 960px*/

.tn-narrow-widest
{
    width:960px;
    min-height:25px;
    height:100%;
    overflow:hidden;
}

.tn-narrow-widest-first
{
    width:225px;
    float:left;
    min-height:25px;
    margin:0px;
    background-color:White;
}


.tn-narrow-widest-second
{
    width:715px;
    float:left;
    min-height:25px;
    margin-left:20px;
    background-color:White;
}


.tn-narrow-widest-third
{
    clear:both;
    display:none;
}

.tn-widest-narrow {
	width: 960px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}

.tn-widest-narrow-first {
	width: 715px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}


.tn-widest-narrow-second {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}


.tn-widest-narrow-third {
	clear: both;
	display: none;
}

.tn-narrow-wider-narrow {
	width: 960px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}

.tn-narrow-wider-narrow-first {
	width: 225px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}


.tn-narrow-wider-narrow-second {
	width: 470px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}


.tn-narrow-wider-narrow-third {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}

.tn-narrow-wider-narrow-fourth {
	clear: both;
	display: none;
}




.tn-four-narrow {
	width: 960px;
	min-height: 20px;
}

.tn-four-narrow-first {
	width: 225px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}


.tn-four-narrow-second {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}


.tn-four-narrow-third {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}

.tn-four-narrow-fourth {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}

.tn-four-narrow-fifth {
	clear: both;
	display: none;
}

.tn-narrow-wide-wide {
	width: 960px;
	min-height: 20px;
}

.tn-narrow-wide-wide-first {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 0px;
	background-color: White;
}

.tn-narrow-wide-wide-second {
	width: 345px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}


.tn-narrow-wide-wide-third {
	width: 345px;
	float: left;
	min-height: 20px;
	margin-left: 25px;
	background-color: White;
}


.tn-narrow-wide-wide-fourth {
	clear: both;
	display: none;
}

.tn-wide-wide-narrow {
	width: 960px;
	min-height: 20px;
}

.tn-wide-wide-narrow-first {
	width: 345px;
	float: left;
	min-height: 20px;
	margin-left: 0px;
	background-color: White;
}

.tn-wide-wide-narrow-second {
	width: 345px;
	float: left;
	min-height: 20px;
	margin-left: 25px;
	background-color: White;
}


.tn-wide-wide-narrow-third {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 20px;
	background-color: White;
}


.tn-wide-wide-narrow-fourth {
	clear: both;
	display: none;
}


.tn-microsite-wide-narrow 
{
	width:960px;
	min-height:20px;
}

.tn-microsite-wide-narrow-first
{
	width:590px;
	min-height:20px;
	float:left;
}

.tn-microsite-wide-narrow-second
{
	width:345px;
	margin-left:25px;
	min-height:20px;
	float:left
}
	
.tn-microsite-wide-narrow-third
{
	clear:both;
	display:none;
}


.tn-foundation-three-narrow {
	width: 960px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}

.tn-foundation-three-narrow-first {
	width: 310px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}


.tn-foundation-three-narrow-second {
	width: 310px;
	float: left;
	min-height: 20px;
	margin-left: 15px;
	background-color: White;
}


.tn-foundation-three-narrow-third {
	width: 310px;
	float: left;
	min-height: 20px;
	margin-left: 15px;
	background-color: White;
}


.tn-foundation-three-narrow-fourth {
	clear: both;
	display: none;
}



/* NOT FOR EDIT!*/
.tn-tabs-two-wide {
	width: 685px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}

.tn-tabs-two-wide-first {
	width: 330px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}


.tn-tabs-two-wide-second {
	width: 330px;
	float: left;
	min-height: 20px;
	margin-left: 25px;
	background-color: White;
}


.tn-tabs-two-wide-third {
	clear: both;
	display: none;
}


/* Layouts - Tabs 960px */
.tn-tabswide-four-narrow {
	width: 930px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}

.tn-tabswide-four-narrow-first {
	width: 225px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}


.tn-tabswide-four-narrow-second {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 10px;
	background-color: White;
}

.tn-tabswide-four-narrow-third {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 10px;
	background-color: White;
}

.tn-tabswide-four-narrow-fourth {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 10px;
	background-color: White;
}

.tn-tabswide-four-narrow-fifth {
	clear: both;
	display: none;
}

.tn-tabswide-two-wide {
	width: 930px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}

.tn-tabswide-two-wide-first {
	width: 460px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}


.tn-tabswide-two-wide-second {
	width: 460px;
	float: left;
	min-height: 20px;
	margin-left: 10px;
	background-color: White;
}

.tn-tabswide-two-wide-third {
	clear: both;
	display: none;
}

/* Layouts - Tabs 715px */

.tn-tabsnarrow-three-narrow {
	width: 685px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}
.tn-tabsnarrow-three-narrow-first {
	width: 225px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}
.tn-tabsnarrow-three-narrow-second {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 5px;
	background-color: White;
}
.tn-tabsnarrow-three-narrow-third {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 5px;
	background-color: White;
}
.tn-tabsnarrow-three-narrow-fourth {
	clear: both;
	display: none;
}

.tn-tabsnarrow-four-narrow {
	width: 685px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}
.tn-tabsnarrow-four-narrow-first {
	width: 150px;
	float: left;
	min-height: 20px;
	margin-left: 5px;
	background-color: White;
}
.tn-tabsnarrow-four-narrow-second {
	width: 150px;
	float: left;
	min-height: 20px;
	margin-left: 25px;
	background-color: White;
}
.tn-tabsnarrow-four-narrow-third {
	width: 150px;
	float: left;
	min-height: 20px;
	margin-left: 25px;
	background-color: White;
}
.tn-tabsnarrow-four-narrow-fourth {
	width: 150px;
	float: left;
	min-height: 20px;
	margin-left: 25px;
	background-color: White;
}
.tn-tabsnarrow-four-narrow-fifth {
	clear: both;
	display: none;
}

.tn-tabsnarrow-narrow-wide {
	width: 685px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}
.tn-tabsnarrow-narrow-wide-first {
	width: 455px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}
.tn-tabsnarrow-narrow-wide-second {
	width: 225px;
	float: left;
	min-height: 20px;
	margin-left: 5px;
	background-color: White;
}
.tn-tabsnarrow-narrow-wide-third {
	clear: both;
	display: none;
}

.tn-tabsnarrow-wide-narrow {
	width: 685px;
	min-height: 20px;
	height: 100%;
	overflow: hidden;
}
.tn-tabsnarrow-wide-narrow-first {
	width: 225px;
	float: left;
	min-height: 20px;
	margin: 0px;
	background-color: White;
}
.tn-tabsnarrow-wide-narrow-second {
	width: 455px;
	float: left;
	min-height: 20px;
	margin-left: 5px;
	background-color: White;
}
.tn-tabsnarrow-wide-narrow-third {
	clear: both;
	display: none;
}

/* Microsite Banner Layout - 460px */

.tn-bannerbox-wide
{
	width:440px;
	min-height:25px;
	height:100%;
	overflow:hidden;
	padding:0 20px;
}
.tn-bannerbox-wide-first
{
	width:100%;
	height:100%;
	min-height:25px;
	margin:0px;
}
.tn-bannerbox-two-narrow
{
	width:440px;
	min-height:25px;
	height:100%;
	overflow:hidden;
	padding:0 20px;
}
.tn-bannerbox-two-narrow-first
{
	width:215px;
	float: left;
	height:100%;
	min-height:25px;
	margin:0px;
}
.tn-bannerbox-two-narrow-second
{
	width:215px;
	float: left;
	height:100%;
	min-height:25px;
	margin-left:10px;
}
.tn-bannerbox-two-narrow-third
{
	clear: both;
	display: none;
}

/* Layout - Device tabs*/

.tn-devicetabs-wide-narrow
{
    width:586px;
    min-height:25px;
    height:100%;
    overflow:hidden;
}

.tn-devicetabs-wide-narrow-first
{
    width:370px;
    float:left;
    min-height:25px;
    margin:0px;
    background-color:White;
}


.tn-devicetabs-wide-narrow-second
{
    width:196px;
    float:left;
    min-height:25px;
    margin-left:20px;
    background-color:White;
}


.tn-devicetabs-wide-narrow-third
{
    clear:both;
    display:none;
}


/* Layout - NewsMagazine*/

.tn-magazine-box {
	height: 100%;
	overflow: hidden;
	width: 685px;
}

.tn-magazine-item {
	width: 170px;
	float: left;
	height: 330px;
}

.tn-magazine-item img {
	padding: 2px;
}

.tn-magazine-item a.b3 pink {
	padding: 1px;
}

.tn-magazine-item a.b3 white {
	padding: 1px;
}


/* Grid Tools */

/* .tn-grid */

.tn-grid-960 {
    width: 960px;
    min-height: 20px;
    float:left;
}

.tn-grid-715 {
    float: left;
    width: 715px;
    min-height: 20px;
    margin-left: 20px;
}

.tn-grid-635 {
    float: left;
    width: 635px;
    min-height: 20px;
    margin-left: 15px;
}

.tn-grid-590 {
    float: left;
    width: 590px;
    min-height: 20px;
    margin-left: 20px;
}

.tn-grid-470 {
    float: left;
    width: 470px;
    min-height: 20px;
    margin-left: 20px;
}

.tn-grid-345 {
    float: left;
    width: 345px;
    min-height: 20px;
    margin-left: 25px;
}

.tn-grid-310 {
    float: left;
    width: 310px;
    min-height: 20px;
    margin-left: 15px;
}

.tn-grid-225 {
    width: 225px;
    min-height: 20px;
    margin-left: 20px;
    float:left;
}

.tn-grid-col-first {
    margin-left: 0px;
}

.tn-grid-image-left, .tn-grid-image-right {
    min-height:30px;
    width:100%
}

.tn-grid-image-left .tn-grid-image {
    float:left;
    margin-right:15px;
}
.tn-grid-image-right .tn-grid-image {
    float:right;
    margin-left:15px;
}

.tn-grid-image-left .tn-grid-text, .tn-grid-image-right .tn-grid-text {
    min-width:10%;
    height:100%;
    overflow:hidden;
}