/* Deaktivierte Module in Magnolia.
Sicherheitshalber auch noch per CSS ausgeblendet */
#nav-meta,
#stage,
#promos,
#site-info h4,
#about,
#copyright {
	display: none;
}






* {
    margin: 0;
    padding: 0;
}
body { /* BG-Image set in HTML */
    font: 62.5% arial, helvetica, sans-serif;
	background: #000;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
}


       
/* LINKS 
--------------- */
a,
a:visited {
	color: #A41520; 
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	text-decoration: underline;
}
a img {
	border: 0;
}
/* hidden & skip link  */
.aural,
p.skip,
#nav-global span em,
#nav-global h6,
#search-box h6,
#search-box label span,
em.more span,
#extras h6,
.superpromo-section p.more a span,
#nav h6,
#nav em,
#main h1 em,
fieldset h2,
fieldset .error em,
p.required,
.new-search label span,
.pager h3,
.pager li em {      
	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;
}
/* back Link */
em.back {
	display: block;
}
em.back a {
	display: block;
	width: 60px;
	background: url(../img/icons/back.gif) 0 5px no-repeat;
	margin: 0 0 30px 0;
	padding: 0 0 0 15px;
	text-transform: uppercase;
	font-size: 108%;
	font-style: normal;
}
/* Print Link */
div.print a {
	position: absolute;
	top: 55px;
	right: -1px;
	font-size: 140%;
	text-transform: uppercase;
}



/* GRID / LAYOUT 
--------------------- */
#wrapper {
	position: relative;
	width: 960px;
	margin: 0 0 0 40px;
}
#wrapper-2 {
	width: 930px;
}
#main {
	float: left;
	width: 420px;
	margin: 40px 0 0 0;
}
* html #main {
	overflow: hidden;
}	
#extras {
	position: relative;
	z-index: 10;
	width: 210px;
	float: right;
	margin: 370px 3px 0 0;
}
* html #extras {
	margin: 370px -33px 0 0;
}
/* home */
#home #wrapper-2 {
	margin: 0;
}
#home #main {
	width: 960px;
	margin: 0;
}
/* Section */
.nav-col #main {
	float: left;
	width: 680px;
	margin: 40px 0 0 0;
}
/* ohne Navi */
.no-nav #main,
#search-results #main {
	display: inline; /* ie 6 */
	margin-left: 245px;
}



/* BRANDING / HEAD
------------------ */
#logo {
	overflow: hidden;
	position: relative;
	height: 135px;
	margin-bottom: 30px;
}
#logo span {
	position: absolute;
	background-position: 0 0;
	z-index: 10;
	display: block;
	top: 0;
	left: 0;
	height: 76px;
	width: 237px;
}
#logo strong,
#logo em {
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 200px;
	height: 30px;
	background: #a5151f;
	padding: 0 10px;
	color: #fff;
	font-size: 240%;
}
#logo em {
	overflow: hidden;
	top: 30px;
	width: 220px;
	height: 13px;
	background: #000;
	padding: 5px 0 0 0;
	font-size: 130%;
	font-style: normal;
	line-height: 1.2em;
	white-space: nowrap;
}
#logo a {
	position: absolute;
	display: block;
	top: 62px;
	left: 0;
	width: 24em;
	height: 57px;
	padding: 0;
	cursor: pointer;
}
#logo a:hover {
	text-decoration: none;
}
#logo a img {
	display: none;
}
/* Search */
#search-box {
	position: absolute;
	z-index: 1000; /* because of Magnolia Edit-Bars */
	top: 0;
	right: 0;
	background: #000;
	padding: 4px 33px 4px 20px;
}  
#search-box input {
	font-family: Arial, Helvetica, sans-serif;
	width: 130px;
	border: 0;
	padding: 2px 5px;
}
#search-box input.button {
	background: #CB081C;
	width: 50px;
	border: 0;
	padding: 3px 2px 2px 0;
	color: #fff;
	font-size: 100%;
	text-transform: uppercase;
	cursor: pointer;
}
#search-box input.button:hover,
#search-box input.button:active,
#search-box input.button:focus {
	color: #000;
}
/* Search ENGLISH */
.english #search-box {
	display: none;
}




/* GLOBAL HORIZONATAL NAVIGATION 
-------------------------------- */
#nav-global {          
	position: absolute;
	z-index: 1000; /* because of Magnolia Edit-Bars */
	top: 0;
	right: 240px;
	background: #000;
} 
#nav-global li {
	float: left;
	padding: 5px 0;
	list-style: none;
}
#nav-global li a,
#nav-global li.on a,
#nav-global li strong {
	background: #000;
	border-right: 1px solid #4d4d4d;
	padding: 0 10px;
	color: #969696;
	font-size: 150%;
	text-transform: uppercase;
	line-height: 1.2em;
}
#nav-global li a:hover,
#nav-global li a:focus,
#nav-global li a:active {
	text-decoration: none;
	color: #fff;
}
/* on + open */
#nav-global li strong,
#nav-global li.on a {
	background: #4d4d4d;
	margin-left: -1px;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}
/* hover */
#nav-global li a:hover,
#nav-global li a:active,
#nav-global li a:focus {

}
/* 2nd level horizontal subnav */
#nav-global ul ul {
	display: none;
}
/* Gloabl Navigation ENGLISH */
.english #nav-global {
	display: none;
}



/* PAGE-HEADER (NEW MODULE STUDIO TV) 
----------------- */
#home #page-title {
	display: none;
}
#page-title {
	position: absolute;
	right: 29px;
	top: 123px;
	height: 57px;
	background: #000;
	padding: 0 0 0 10px;
	color: #4D4D4D;
	text-align: right;
}
#page-title h6 {
	font-size: 480%;
	font-weight: normal;
	text-transform: uppercase;
}



/* Text Wrapper für Text/Bildbaustein 
--------------- */
.text-wrapper {
	clear: both;
}
.text-wrapper h2 {
	clear: both;
	float: left;
	width: 450px;
	margin: 0 0 10px 0;
	font-size: 160%;
}
.text-wrapper p {
	float: left;
	width: 420px;
	margin: 0 0 30px 0;
}
.text-wrapper img {
	float: right;
	width: 160px;
}
.text-wrapper .mod-2 img {
	float: left;
}
.text-wrapper ul{
	clear: both;
	width: 420px;
	margin: 0 0 20px 15px;
	font-size: 130%;
}
.text-wrapper ol {
	clear: both;
	width: 420px;
	margin: 0 0 20px 20px;
	font-size: 130%;
}
.text-wrapper ul ul,
.text-wrapper ol ol {
	font-size: 100%;
	margin-bottom: 0;
}
/* Speziel für Archiv-Seite */
#article.nav-col .text-wrapper {
	float: left;
	width: 682px;
	background: url(../img/bgs/dotted-line.gif) 0 100% repeat-x;
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
}
#article.nav-col .text-wrapper p {
	margin: 0 0 10px 0;
}



/* MAIN 
------------ */
h1 {
	margin: 0 0 30px 0;
	color: #fff;
	font-size: 380%;
	font-weight: normal;
}
p {
	font-size: 130%;
	line-height: 1.4em;
}
/* Page Intro */
#page-intro,
.page-intro {
	margin: 0 0 30px 0;
}
#page-intro p,
.page-intro p {
	margin: 0 0 30px 0;
}
/* Text auf Article */
.text p {
	clear: both;
}
p.singleLink {
	margin-bottom: 2px;
}
#home p.singleLink {
	margin-left: 5px;
}
.nav-col .text p {
	clear: none;
}
.text h1 {
	margin: 0 0 10px 0;
}
.text {
	position: relative;
	width: 682px;
}
.nav-col .text p.intro {
	margin: 0 0 30px 0;
}
.nav-col .text p {
    width: 420px;
}
p.intro {
	width: 590px;
	padding: 0 0 15px 0;
}




/* Flash */
#flashcontent {
	clear: both;
	display: block;
	margin: 30px 0 30px 0;
}
.video {
	margin: 0 0 30px 0;
}
/* Mitarbeiter Videos */
#section-team #main .teaser .flash {
	background: #fff;
	width: 210px;
	clear: none;
	float: left;
	margin: 0;
}
#section-team #main .teaser .flash p {
	background: #000;
	width: 210px !important;
}
#section-team #main .teaser .flash p img {
	width: 210px;
	height: auto;
}




/* OPENER & TEASERS
-------------------- */
/* Opener */
/* Teaser */
/* on Homepage */
#home .teaser {
	float: left;
	position: relative;
	width: 300px;
	margin: 0 14px 30px 0;
}
#home .teaser h2 {
	position: absolute;
	top: 210px;
	left: 5px;
	background: url(../img/icons/arrow.gif) 100% 50% no-repeat;
	padding: 0 18px 0 0;
	font-size: 240%;
	font-weight: normal;
	text-transform: uppercase;
}
#home .teaser a img {
	width: 290px;
	height: 193px;
	border: 5px solid #000;
}
#home .teaser p {
	display: none;
}
/* Teaser Groups */
/* on Homepage */
#home #main .teaser-group {
	float: left;
	width: 922px;
}
#home #main .teaser-group h5 {
	background: url(../img/bgs/dotted-line.gif) 0 100% repeat-x;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 55px 0 0 5px;
	color: #636363;
	font-size: 240%;
	font-weight: normal;
	text-transform: uppercase;
}
#home #main .teaser-group .teaser,
#home .text-wrapper {
	float: none;
	background: none;
	display:inline-block;
	vertical-align: top;
	width: 428px;
	margin: 0 25px 20px 0;
	padding: 0 0 0 5px;
}
*+html #home #main .teaser-group .teaser,
*+html #home .text-wrapper {
	display: inline;
}
* html #home #main .teaser-group .teaser,
* html #home .text-wrapper {
	display: block;
	float: left;
	margin-right: 10px;
}
#home #main .teaser-group .teaser h2 {
	position: static;
	top: auto;
	left: auto;
	background: none;
	margin: 0 0 10px 0;
	font-size: 160%;
	font-weight: bold;
}
#home #main .teaser-group .teaser h2 a {
	color: #fff;
	text-transform: none;
}
#home #main .teaser-group .teaser p {
	display: block;
	color: #fff;
	font-size: 130%;
	line-height: 1.4em;
	width: auto;
}
#home #main .teaser-group em.more {
	display: block;
	margin: 10px 0 0 0;
	font-style: normal;
	font-weight: bold;
	font-size: 93%; /* 12 px */
}
/* on other layouts */
#main .teaser-group {
	clear: both;
}
#main .teaser-group h5 {
	background: url(../img/bgs/dotted-line.gif) 0 100% repeat-x;
	width: 682px;
	margin: 0 0 30px 0;
	padding: 0;
	color: #636363;
	font-size: 240%;
	font-weight: normal;
	text-transform: uppercase;
}
#main .teaser-group .teaser {
	width: 582px;
	background: url(../img/bgs/dotted-line.gif) 0 100% repeat-x;
	margin: 0 0 25px 0;
	padding: 0 100px 25px 0;
}
#main .teaser-group .teaser h2 {
	float: left;
	width: 470px;
	margin: 0 0 10px 0;
	font-size: 160%;
}
#main .teaser-group .teaser img {
	float: right;
	border: 1px solid #4d4d4d;
}
#main .teaser-group .teaser p {
	display: block;
	width: 450px;
	color: #fff;
	font-size: 130%;
	line-height: 1.4em;
}
/* Mod ohne Bilder */
#main .teaser-group .mod h2 {
	width: 100%;
}
/* on Section-Team */
#section-team #main #page-intro,
#section-team #main .page-intro {
	margin: 0 0 -15px 0;
}
#section-team #main .teaser-group {
	float: left;
	margin: 0 0 20px 0;
}
#section-team #main .teaser-group .teaser {
	position: relative;
	float: left;
	padding-right: 0;
	width: 682px;
}
#section-team #main .teaser-group .teaser h2 {
	position: relative;
	float: right;
	width: 447px;
	padding: 15px 0 20px 0;
	font-size: 130%;
}
#section-team #main .teaser-group .teaser h2 a {
	color: #fff;
}
#section-team #main .teaser-group .teaser h2 a em {
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	font-weight: normal;
	font-style: normal;
}
#section-team #main .teaser-group .teaser img {
	float: left;
	border: 0;
	margin: 0 18px 5px 0;
}
#section-team #main .teaser-group .teaser p {
	float: right;
	width: 447px;
}
#section-team #main .teaser-group .teaser p em.more {
	position: absolute;
	top: 14px;
	right: 0;
	font-style: normal;
	font-size: 108%;
}


/* contact article */
.vcard {
	float: left;
	width: 682px;
	margin: 0 0 20px 0;
}
#article .vcard h2,
#article .vcard div h3,
#article .vcard .organization-name,
#article .vcard .title,
#article .vcard .adr,
#article .vcard .url,
#article .vcard .caption {
	display: none;
}
.vcard .organization-unit,
.vcard .tel .type,
.vcard .email dt,
.no-nav .vcard .adr h3 {
	padding: 0 5px 0 0;
	text-transform: uppercase;
	color: #494949;
	font-size: 120%;
	font-weight: bold;
}
.vcard .tel .type,
.vcard .email dt {
	float: left;
	width: 60px;
}
.vcard .tel .value {
	font-size: 130%;
}
.vcard .email dd {
	float: left;
	font-size: 130%;
}
.vcard p.n {
	margin: 0 0 78px 0;
}
/* contact article no-nav */
#article.no-nav .vcard .adr,
#article.no-nav .vcard .adr h3,
#article.no-nav .vcard .organization-name {
	display: block;
}
.no-nav .vcard {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #292929;
	padding: 0 0 20px 0;
}
.no-nav #teaser-2 {
	border-bottom: 0;
}
.vcard .organization-name {
	margin: 0 0 20px 0;
	font-size: 180%;
	font-weight: normal;
}
.no-nav .vcard .adr {
	margin: 0 0 30px 0;
}
.no-nav .vcard .adr h3,
.no-nav .vcard div .tel {
	margin: 0 0 5px 0;
}



/* Google Map */
#map_canvas,
#map-content {
	display: none;
}
.js-on #map_canvas {
	display: block;
	width: 377px;
	height: 252px;
	margin: 0 0 30px 0;
}
.js-on div.info h3,
.js-on div.info p {
	color: #000;
}
/* Routenplaner */
#map_canvas h3 {
	font-size: 140%;
	margin: 0 0 5px 0;
}
#map_canvas p {
	width: 220px;
}
a.route {
	display: block;

	background: url(../img/icons/arrow-white.png) 0 50% no-repeat;
	margin: 12px 0 0 0;
	padding-left: 12px;
	font-size: 93%;
}





/* SIDEBAR left / NAVIGATION sub
-------------------------------- */
#nav {
	float: left;
	width: 200px;
	margin: 40px 45px 0 0;
}
#nav li {
	background: url(../img/bgs/dotted-line.gif) 0 100% repeat-x;
	list-style: none;
	padding: 6px 0;
}
#nav li a,
#nav li.on a,
#nav li strong {
	color: #969696;
	font-size: 160%;
	text-transform: uppercase;
	line-height: 1.2em;
}
#nav li li a,
#nav li li strong {
	font-size: 140% !important;
}
/* hover and marked */
#nav li a:hover,
#nav li a:active,
#nav li a:focus,
#nav li.on li a:hover,
#nav li.on li a:active,
#nav li.on li a:focus {
	text-decoration: none;
	color: #A41520;
}
/* on + open */
#nav li strong,
#nav li.on a {
	display: block;
	color: #fff;
	font-weight: normal;
}
/* 2nd level */
#nav ul ul {
	background: url(../img/bgs/dotted-line.gif) 0 0 repeat-x;
	margin: 6px 0 -6px 0;
}
#nav li.on li a {
	color: #969696;
}
#nav ul ul li {
	padding-left: 15px;
}
/* 3rd level */
#nav ul ul ul {
	margin-left: -15px;
}
#nav ul ul ul li {
	padding-left: 30px;
}



/* SIDEBAR right: #EXTRAS 
------------------------- */ 
#extras .text-wrapper {
	position: relative;
	float: left;
	width: 210px;
	margin: 0 0 50px 0;
}
#extras .text-wrapper h2,
#extras .longdesc {
	position: absolute;
	top: 105px;
	left: 0;
	width: 190px;
	background: url(../img/bgs/black-80.png) 0 0 repeat;
	padding: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #C5C5C7;
}
#extras .text-wrapper img {
	float: left;
	width: 210px;
	height: 140px;
}
#extras .box p,
#extras dd.zoom,
.caption,
.longdesc {
	display: none;
}



/* FOOTER 
----------------- */
#site-info {
	clear: both;
	float: left;
	width: 940px;
	padding: 80px 0 30px 0;
}
#site-info div {
	clear: both;
	width: 900px;
	margin: 0;
	padding: 0;
	float: left;
}
#site-info li {
	float: left;
	border-left: 1px solid #4d4d4d;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
	list-style: none;
}
#site-info li:first-child {
	border: 0;
	padding: 0;
}
#site-info li a {
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
}
#copyright-magnolia {
	display: block;
	clear: both;
	width: 940px;
	padding: 10px 0 0 0;
	color: #666;
	font-size: 110%;
}
#copyright-magnolia a {
	color: #666;
}



/* TEXT 
----------------- */
/* table of contents */
#toc {
	float: left;
	width: 682px;
	background: url(../img/bgs/dotted-line.gif) 0 100% repeat-x;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
}
#toc h2 {
	background: url(../img/bgs/dotted-line.gif) 0 100% repeat-x;
	margin: 20px 0;
	padding: 0;
	color: #636363;
	font-size: 240%;
	font-weight: normal;
	text-transform: uppercase;
}
#toc li {
	list-style: none;
	float: left;
	width: 50%;
	line-height: 2em;
}
#toc li a {
	font-size: 160%;
	font-weight: bold;
}
/* table */
table {
	clear: both;
	margin: 20px 0 25px 0;
	border-top: 1px solid #292929;
}
td {
	border-bottom: 1px solid #292929;
	padding: 6px 0;
	font-size: 130%;
	color: #fff;
}
td strong {
	padding: 0 5px 0 0;
	text-transform: uppercase;
	color: #494949;
	font-size: 93%;
	
}



/* SEARCH RESULTS
------------------------------- */
#search-results #main h1 em {
	display: inline;
	position: relative;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	font-style: normal;
}
.search-term {
	background: #4d4d4d;
}
.search-term span {
	background: #000;
}
#search-results ol {	
	background: url(../img/bgs/dotted-line.gif) 0 0 repeat-x;
	margin: 30px 0 0 0;
	padding: 15px 0 0 0;
	list-style: none;
}
#search-results ol li {
	background: url(../img/bgs/dotted-line.gif) 0 100% repeat-x;
	margin:  0 0 22px 0;
	padding: 0 0 22px 0;
}
#search-results ol li h2 {
	width: 420px;
	font-size: 160%;
}
#search-results ol li p {
	clear: both;
	width: 420px;
	padding: 5px 0;
}
#search-results ol li p em.highlight {
	background: #4d4d4d;
	padding: 2px 3px;
	font-style: normal;
}
#search-results .text ul {
	display: none;
}
/* Paging */
.pager {
	background: url(../img/bgs/dotted-line.gif) 0 100% repeat-x;
	clear: both;
	display: block;
	float: left;
	width: 682px;
	padding: 0 0 30px 0;
	margin: 8px 0 0 0;
}
#main .pager ul li {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
	font-size: 180%;
	color: #A41520;
}
#main .pager ul li strong {
	background: #4d4d4d;
	padding: 2px 6px;
	color: #fff;
}
#main .pager ul .previous,
#main .pager ul .next {
	background: url(../img/icons/pager-left.png) 0 50% no-repeat;
	margin: 3px 55px 0 0;
	padding: 0 0 0 13px;
	text-transform: uppercase;
	font-size: 120%;
}
#main .pager ul .next {
	background: url(../img/icons/pager-right.png) 100% 50% no-repeat;
	margin: 3px 0 0 45px;
	padding: 0 13px 0 0;
}




/* FORMS 
-------------------- */
fieldset {
	margin: 0 0 20px 0;
	border: 0;
}
fieldset p {
	margin: 0 0 30px 0;
}
fieldset div {
	background: url(../img/bgs/img-bg.gif) 0 0 repeat;
	float: left;
	widows: 420px;
	margin: 0 0 -15px 0;
	padding: 10px 15px 15px 15px;
}
fieldset div.text-wrapper {
	background: #000;
	float: left;
	width: 450px;
	padding: 0 0 15px 0;
	margin: 0;
}
fieldset div.text-wrapper p {
	margin: 0;
}
fieldset .button-wrapper {
	background: none;
	display: block;
	width: 420px;
	margin: 12px 0 0 0;
	padding: 15px 0 0 15px;
	text-align: right;
}
label span {
	display: block;
	margin: 0 0 3px 0;
	text-transform: uppercase;
	color: #999;
	font-size: 120%;
	font-weight: bold;
}
label span dfn {
	color: #A41520;
	font-size: 220%;
	font-weight: normal;
}
input,
textarea {
	width: 414px;
	border: 0;
	padding: 8px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
}
textarea {
	height: 185px;
}
fieldset .button-wrapper input {
	float: right;
	background: #CB081C;
	width: 60px;
	border: 0;
	padding: 4px 0 2px 0;
	color: #fff;
	font-size: 110%;
	text-transform: uppercase;
	cursor: pointer;
}
fieldset .button-wrapper input:hover,
fieldset .button-wrapper input:active,
fieldset .button-wrapper input:focus {
	color: #000;
}
/* New Search */
.new-search {
	clear: both;
	float: left;
	width: 545px;
	margin: 60px 0 0 0;
}
.new-search div {
	background: none;
	margin: 0;
	padding: 0;
}
.new-search h2 {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	margin: 0 0 12px 0;
	color: #636363;
	font-size: 240%;
	font-weight: normal;
	text-transform: uppercase;
}
.new-search input {
	width: 470px;
}
.new-search input.button {
	background: #a5151f;
	width: 64px;
	margin: -31px 0 0 0;
	border: 0;
	padding: 7px 0;
	color: #fff;
	font-size: 120%;
	text-transform: uppercase;
	cursor: pointer;
}
.new-search input.button:hover,
.new-search input.button:active,
.new-search input.button:focus {
	color: #000;
}
/* error messages */
.text.error {
	margin: 0 0 30px 0;
}
.error p {
	width: 450px;
}
.error ul {
	margin: 20px 0 0 0;
}
.error li {
	margin-left: 15px;
	font-size: 130%;
	color: #A41520;
}
.error label span {
	color: #A41520;
}
/* success messages */
.success {
	margin: 0 0 30px 0;
}
.success p {
	width: 450px;
}



/* PHOTOS
---------------------- */
.photo {
	float: left;
	width: 210px;
	margin: 0 20px 10px 0;
}
dl.mod-2 {
	position: relative;
	z-index: 1;
	background: url(../img/bgs/img-bg.gif) 0 0  repeat;
	width: 682px;
	padding: 0;
	margin: 0 0 10px 0;
}
.nav-col dl.mod-2 {
	margin: 25px 0 10px 0;
}
.mod-2 dt img,
.mod-2  {
	width: 300px;
	margin: 0 0 -2px 0;
}
.mod-2  {
	margin: 0 0 10px 0;
}
dd.copyright {
	display: none;
}
dd.zoom {
	display: none;
}



/* JAVASCRIPT MODULES IN MAIN 
----------------------------- */
/* Finger-Tabs - superpromo */
#main .superpromos {
	clear: both;
	position: relative;
	width: 682px;
	height: 325px;
	margin: 20px 0 30px 0;
}
* html #main .superpromos {
	overflow: hidden;
}
/* TOC */
.superpromos-toc li {
	float: left;
	background: url(../img/bgs/superpromo-separator.gif) 0 0 no-repeat;
	width: 136px;
	height: 60px;
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}
.superpromos-toc li:first-child {
	background: none;
}
.superpromos-toc li a {
	display: block;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	font-size: 100%;
	text-transform: uppercase;
	vertical-align: top;
	color: #929292;
}
.superpromos-toc li a.on {
	position: absolute;
	z-index: 2;
	background: url(../img/icons/superpromo-arrow.gif) 50% 100% no-repeat;
	width: 116px;
	height: 71px;
	color: #fff;
}
.superpromos-toc li a:hover,
.superpromos-toc li a:active,
.superpromos-toc li a:focus {
	text-decoration: none;
	color: #fff;
}
/* Sections */
.superpromo-section {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 1;
	clear: both;
	background: #c5c5c7;
	width: 622px;
	height: 190px;
	padding: 25px 30px 30px 30px;
}
.superpromo-section h2 {
	float: left;
	width: 300px;
	margin: -5px 0 15px 0;
	font-size: 160%;
	line-height: 1.4em;
}
.superpromo-section img {
	float: right;
}
.superpromo-section p {
	width: 300px;
	color: #000;
	font-size: 130%;
	line-height: 1.4em;
}
.superpromo-section p a {
	display: block;
	background: #CB081C;
	width: 58px;
	margin: 15px 0 0 0;
	color: #fff !important;
	text-transform: uppercase;
	text-align: center;
	font-size: 80%;
}
em.external a {
    color: #A41520;
    font-weight: bold;
    font-style: normal;
}