/* MAIN STYLES
--------------------- */
* {margin: 0; padding: 0;}
p, li, dd, dt {line-height: 1.3em;}
html, body {height: 100%;}
body { /* font: default 16px to 10px */ font: 62.5% arial, helvetica, sans-serif; background: #f6f6f6; color: #000; }
/* List Styles */
li {padding: 0;	margin:0; list-style: none;}
/* Links */
a {color: #003399; text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: none; color: #666;}
/* Font-Switcher Styles */
#menu-barriere { float:right; margin:0 13px 0 0; padding:13px 0 0; width:218px;}
#schrift .pos {line-height:0;} /* wichtig für ie6 */
#schrift ol.schriftswitcher {float:right; padding:0 29px 0 10px}
#schrift .schriftswitcher li {display:inline;}
#schrift .schriftswitcher li a.vorlesen {background:url(../img/nav/icons.png) no-repeat scroll 60px -5507px transparent; color:#ccc; display:inline-block; font-size:12px; line-height:18px; padding-left:5px; position:relative; top:-3px; width:100px;}
#schrift .schriftswitcher li a:hover.vorlesen {background-position: 60px -5807px; color: #003399;}
#schrift .schriftswitcher li a.bigger, #schrift .schriftswitcher li a.normal, #schrift .schriftswitcher li a.smaller {display:block; float:left; margin-top:8px; padding-right:5px; text-indent:-9999px;}
#schrift .schriftswitcher li a.bigger {background:url("../img/nav/icons.png") no-repeat scroll 0 -4328px transparent; width:18px;}
#schrift .schriftswitcher li a:hover.bigger {background-position:0 -4624px;}
#schrift .schriftswitcher li a.normal {background: transparent url(../img/nav/icons.png) 0 -3738px no-repeat; width:9px;}
#schrift .schriftswitcher li a:hover.normal {background-position: 0 -4032px;}
#schrift .schriftswitcher li a.smaller {background: transparent url(../img/nav/icons.png) 0 -3152px no-repeat; width:15px;}
#schrift .schriftswitcher li a:hover.smaller {background-position: 0 -3444px;}
/* hidden & skip link  */
.aural, .skip a, #search-box 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, #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; left: 200px; overflow: visible; width: auto; height: auto; padding: 5px 15px 10px 15px; font-size: 130%; font-weight: bold; z-index: 1000;}
/* GRID / LAYOUT
--------------------- */
#wrapper {background: url(../img/layout/bg-wrapp.jpg) 0 0 repeat-x; height: 100%;}
#branding {margin:0 auto; position:relative;}
/* Main Navigation  */
#nav-global {width: 1000px; margin:0 auto;}
#stage {position: relative; overflow: hidden; margin: 0 auto 20px auto; /*height: 32em;*/ width: 940px;}
/* Content Frame */
#wrapper-2 {clear:both; margin:0 auto; overflow:hidden; padding:5px 0 50px; position:relative; width:1003px;/*wichtig für ie6*/ z-index:1;}
#wrapper-3 {float: left; width: 800px; }
#main {display:inline; float:left; margin:0;  width:800px; }
#wrapper-3 > #main {overflow: visible;}
#branding, #promos {font-size: 12px;}
#promos {float:none; overflow:hidden; padding:0 0 20px;}/* wichtig für die richtige Darstellung im IE !!!*/
/* BRANDING / HEAD
    ------------------ */
#logo {width:1000px; margin:0 auto;}
#logo a  {display:block; height:143px; text-indent:-9999px; width:240px; }
#logo a:hover {text-decoration: none;}
#logo h1 { background:url("../img/layout/logo-bkk-mobil-oil.gif") no-repeat scroll left bottom transparent; height:143px; left:60px; position:relative; width:240px;}
/* mega-menu erweiterung benötigt für init-behavior.js*/
#nav-global.megamenu {position: relative; overflow: visible; z-index: 100;}
.megamenu .menu {position: absolute; overflow: hidden; width: 100%; top: 2.5em; left: -99999em; color: #fff; z-index: 100;}
.menu-box {overflow: hidden; padding: 20px 20px 30px 20px; border: 1px solid #4a4a4a; position: relative; top: 0; border-top: none; -moz-border-radius-bottomleft: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-radius-bottomleft: 9px; -webkit-border-radius-bottomright: 9px; border-radius-bottomleft: 9px; border-radius-bottomright: 9px; background: #333;}
.menu-box h3 { margin: 0 20px 10px 0; font-size: 93.3333%; font-weight: normal; color: #aaa;}
.megamenu .menu-open, .js-off .megamenu li:hover .menu {left: 0; z-index: 100;}
#nav-global.megamenu .menu ul {position: static; margin: 0 20px 0 0; width: auto; float: none; background: none;}
#nav-global.megamenu .menu li, #nav-global.megamenu .menu a {float: none;}
#nav-global.megamenu .menu li {margin: 0; padding: 0; font-size: 93.3333%; /* 14px */ font-weight: normal;}
#nav-global.megamenu .menu li a {padding: 3px 2px 4px 2px; border-bottom: 1px solid #666; margin: 0; background: transparent; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
#nav-global.megamenu .menu a:hover, #nav-global.megamenu .menu a:active, #nav-global.megamenu .menu a:focus {background: #ec1549; color: #fff;}
#nav-global.megamenu ul .menu a.menu-skip {position: absolute; display: block; padding: 0 3px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; left: -9999em; font-size: 85%; z-index: 10;}
#nav-global.megamenu ul .menu a.menu-skip:focus, #nav-global.megamenu ul .menu a.menu-skip:active {left: 5px;}
.megamenu .teaser {border: none;}
.megamenu .teaser h2 {margin: 0 0 4px 0; font-size: 120%; /* 18px */}
#nav-global.megamenu li .teaser a {padding: 0; color: #ec1549; background: transparent;}
#nav-global.megamenu li .teaser a:hover, #nav-global.megamenu li .teaser a:focus, #nav-global.megamenu li .teaser a:active {background: transparent; text-decoration: underline;}
.megamenu .teaser p {font-size: 80%;}
#nav-global.megamenu .menu .teaser em {position: static; display: inline; height: auto; width: auto; left: auto;}
#nav-global.megamenu .menu .teaser em a {display: inline;}
/* MAIN
------------ */
/* Breadcrumb */
#nav-global #breadcrumb { color:#FFFFFF; float:left; font-size:10px; margin:1px 0 20px; padding:2px 0 0; text-transform:uppercase; width:100%;}
#nav-global #breadcrumb a {color: #fff; margin: 0 6px 0 0; padding: 0;}
#nav-global #breadcrumb a:hover {text-decoration:underline;}
#nav-global #breadcrumb a.first {padding: 0 0 0 5px;}
/* 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: #555;}
.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;}
/* Highlight z.B. Suchmaschine */
#main .highlight {background: #ccc; margin-bottom: 20px; padding: 0px 5px 0px 5px;}
/* 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: #f2f2bf; background: #e5e57f;}
.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; margin-right: 20px;  width: 460px;}
.col-float2-subcol .opener, .col-float2-subcol .teaser, .nav-col-float2 .teaser, .nav-col-float2 .opener {float: left; overflow: hidden; margin-right: 20px; width: 340px;}
.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, .col-float2-subcol #teaser-3, .col-float2-subcol #teaser-5, .col-float2-subcol #teaser-7 {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 with newslists */
#main .latest h2 {border:1px solid; float: none; margin: 5px 0 5px 0;}
#main .latest h3 {float: right; margin: 5px 0 5px 0; width: 310px;}
#main .mod h3 {width: 100% !important;}
#main .latest h3 em { /* kicker */ display: block; margin: 0;}
#main .latest h3 a em {color: #555; margin: 0 0 5px 0;}
#main .latest ul {height: 1%; overflow: hidden; position: relative;}
#main .latest li {clear: left; float: left; font-size: 100%; margin: 5px 0 5px 0; padding: 5px 0 5px 0; overflow: hidden; width: 100%;}
.latest li p em {color: #555; font-style: normal; font-size: 100%; font-weight: normal;}
/* 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: 440px;}
.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: 4px solid #cc0; margin: 20px 0 30px 0;}
.listing h3 {margin: 5px 0 1px 0; padding: 0 0 5px 0; color: #333;}
.listing ul {border-top: 1px solid #dedede; list-style: none;}
.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 {color: #555; font-style: normal; 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 .links em {color: #555; font-style: normal;}
#main .text .links h2, #main .text .links h3 {margin: 5px 0 1px 0; padding: 3px 0 5px 0;}
#main .teaser .links h3 { /* linklist in teaser */ clear: both; margin: 10px 0 5px 0;}
/* SIDEBAR left / NAVIGATION sub
-------------------------------- */
#nav {background: #e5e57f url(../img/bgs/nav.png) 0 0 no-repeat; margin-bottom: 20px; padding-top: 10px;}
#nav-box {background: url(../img/bgs/nav.png) 100% 100% no-repeat; padding-bottom: 10px;}
#nav-box ul {background: #e5e57f; margin: 0 0 0 2px;}
#nav-box li {height: 1%; /* IE 6 */ padding: 0; list-style: none;}
#nav-box li a { color: #000; display: block; font-weight: bold; height: 1%; padding: 3px 0 5px 10px; }
#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: #ec1549; color: #fff; text-decoration: none;}
#nav-box li strong {display: block; font-weight: bold; padding: 3px 0 5px 10px;}
/* 2nd level */
#nav-box ul ul {background: #eeeeac; 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;  margin: 5px 0 5px 10px; padding: 0;}
#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: #f0f0d9; border-left: 10px solid #eeeeac; 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; margin: 5px 0 5px 10px;}
#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 {font-size: 100%; font-weight: normal; padding: 0;}
#nav-box.nav-speaking li p {font-size: 100%; font-style: italic; padding: 0;}
#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 {background: none; color: #ec1549; 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 {background: #ec1549; color: #fff; text-decoration: none;}
/* SIDEBAR right: #EXTRAS
------------------------- */
#extras h3 {color: #333;}
#extras .download li a, #extras li.download a {background: url(../img/icons/sprites.png) 3px -428px no-repeat;}
#extras .external li a, #extras li.external a {background: url(../img/icons/sprites.png) 0 -139px no-repeat;}
/* latest */
#extras .latest ul, #extras .latest ul li {border: none; margin: 0; padding: 0;}
#extras .latest ul li {font-size: 100%; margin: 5px 0; padding: 5px 0;}
#extras h3 a em {color: #555;}
#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 */ margin: 0 0 3px 0; position: relative;}
#extras h3 a em, #extras .box h2 a em {color: #555;}
#extras li .more a {display: inline;}
/* box-groups */
#extras .box-group h5 {border-top: 4px solid #B3B3B3; color: #333; font-size: 160%; margin: 0 -3px 5px 0; padding: 5px 0;}
#extras .box-group .box {border-top: 1px solid #B3B3B3;}
/* something special */
#extras .highlight {background: #f7f8d9; border-top: 4px solid #cdcc00; margin-bottom: 20px; padding: 0 7px 10px 7px; width: 206px;}
/* Latest Comments in Sidebar */
#extras .latest-comments li {padding: 5px 0 0 0;}
#extras .latest-comments a {background: none; display: block; font-weight: bold; height: 1%; padding: 0;}
#extras .latest-comments a em {font-weight: normal;}
/* 1. 2. 3. list */
#extras .one-two-three {float: left;}
#extras .one-two-three li {float: left; height: 30px; /* IE 6 */ list-style: none; margin: 0; min-height: 30px; position: relative; padding: 5px 0 5px 35px;}
#extras .one-two-three ul > li {height: auto;}
#extras .one-two-three .toc-box-toc li { /* dom tabs */ height: auto; min-height: 0; padding: 0; width: auto;}
#extras .one-two-three ul li { /* one-two-three in dom tabs */ width: 170px;}
#extras .one-two-three li em {background: url(../img/bgs/one-two-three.png) 0 0 no-repeat; color: #fff; font-size: 140%; font-style: normal; left: 0; padding: 5px 10px 9px 9px; position: absolute; top: 5px; text-align: center;}
#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 {background: transparent; padding-left: 0;}
/* events */
#extras .event-list {overflow: hidden; margin: 0 0 20px 0;}
#extras .event-list h2 {border-bottom: none; color: #333; height: auto;  margin: 5px 0 0 0; position: static; padding: 0; width: auto;}
#extras .event-list ul {border: none; margin: -5px 0 10px 0; overflow: hidden; padding: 0; position: static;}
#extras .event-list li {background: url(../img/bgs/dotted-line.png) 0 0 repeat-x; border: none; font-size: 100%; float: left; position: relative; overflow: hidden;  margin: 10px 0 0 0; padding: 10px 0 0 0; width: 100%;}
#extras div.date {position: absolute; background: #AFAF00; 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: #555; 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: 4px 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;}
#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;}
#extras .vcard div dl {margin: 5px 0 0 0;}
#extras .vcard div dt {float: left; clear: both; width: 5em; font-weight: bold}
#extras .vcard div dd {float: left;}
#extras .vcard .photo {background: url(../img/bgs/photo-corners-thumb.png) 0 100% no-repeat; 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;}
/* 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: 218px; 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.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.on span, #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; background: #000; display: inline; /* IE 6 */ width: 220px; margin: 0 20px 0 0;}
#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: #ff3062;}
#wrapper-2 .promo p {color: #fff;}
.promo img {display: block; width: 218px;}
.promo a img {border: 1px solid #fff;}
.promo a:hover img, .promo a:active img, .promo a:focus img {border: 1px solid #ec1549;}
.promo a:visited {color: #fff;}
/* FOOTER
----------------- */
#site-info {width:1000px; margin:0 auto; position: relative; background: #fff; color: #fff;}
p#copyright {clear:both; color:#EBEBEB; padding:20px 0; text-align:center;}
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;}
#footer {background-color:#fff; width:100%; position: relative;}
#site-info {margin-top:-75px; height: 1%; /* IE 6 */}
#site-info div div {float: left; display: inline; /* IE 6 */ width: 180px; margin: 10px 10px 0 0;}
#site-info ul {margin: 5px 0 0 0; list-style: none;}
#site-info li {font-size:0.7em; margin: 0; line-height:1.8em;}
#site-info li a {color: #0c419a;}
#site-info li a:hover, #site-info li a:active, #site-info li a:focus {text-decoration: none; color:#87888a;}
#site-info li.external a {padding-left: 18px;}
#site-info li.rss a {background: url(../img/icons/sprites.png) 0 -1162px no-repeat; padding-left: 18px;}
#site-info li img {margin: 5px 0 0 0;}
#site-info li a img {border: 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;}
/* TEXT
----------------- */
#main .text {clear: both; overflow: hidden; color: #333; width:100%;}
#main .text h1 em { /* kicker on article pages */ display: block; margin: 2px 0 0 0; font-style: normal; font-weight: bold; letter-spacing: .7px; color: #555;}
#main .text p.intro {color: #333;}
.js-on #article #main .text p.intro, #article.col-subcol #main .text p.intro {float: left; width: 100%; min-height: 1px;}
#article #main .text p.intro {width: 300px; min-height: 200px; height: auto;}
#main .text p {margin: 0 0 10px 0;}
#main .text p a:hover, #main .text p a:active, #main .text p a:focus {text-decoration: none; border-bottom: 1px solid #ec1549;}
#main .text h2.subline {clear: both; border-top: 1px solid #ccc; margin: 20px 0 12px 0; padding: 2px 0 0 0;}
#main .text ul, #main .text ol {margin: 0 0 10px 15px;}
#main .text ol {margin-left: 25px;}
#main .text ul ul, #main .text ol ol {margin: 2px 0 2px 20px;}
#main .text li {line-height: 1.3em;}
#main .text li li {font-size: 100%;}
#main .text .highlight {background: #ff0; margin: 0; border: 0; padding: 0; width: auto; font-style: normal;}
/* table of contents */
#main #toc {clear: both;}
#main #toc h2 {margin: 5px 0 1px 0; border-top: 1px solid #ccc; padding: 3px 0 5px 0; color: #000; font-weight: bold;}
#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 -139px no-repeat; padding: 5px 0 5px 18px}
/* table mit border */
#main table.tab th, table.tab #main td, #main table.tab-blanko th, table.tab-blanko #main td {background: #fff; padding: 5px; vertical-align: top; text-align: left;}
#main table.tab th,
#main table.tab-blanko th {background: #f2f2bf; border-bottom: 1px solid #b3b3b3;  padding-right: 20px;}
#main table.tab .odd td, #main table.tab-blanko .odd td {background: #fff;}
#main table.tab tbody td {background: #ececec; border-bottom: 1px solid #b3b3b3;}
#main table.tab .text tr:nth-child(odd) td {background: #ececec;}
#main table.tab .text td ul, #main table.tab .text td ol, #main .text td p, #main table.tab-blanko .text td ul, #main table.tab-blanko .text td ol, #main .text td p {margin-bottom: 0;}
#main table.tab .text td li, #main table.tab .text td p, #main table.tab-blanko .text td li, #main table.tab-blanko .text td p {font-size: 100%;}
/* blockquote */
.text blockquote {position: relative; padding: 15px 50px 5px 50px;}
.text blockquote cite {padding-left: 10px; font-size: 85%;}
/* text-meta: author, date, tags */
#main .text .text-meta {clear: both; float: left; width: 100%; margin: 0 0 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
#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; padding: 3px 0; 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;}
#text-features li {float: left; margin: 0 5px 0 0; padding: 2px 0; list-style: none; font-size: 120%; text-align: right;}
/* Social Bookmarks */
#main .boxcontent ul.bookmark {float:right; position:relative; right:-45px; top:23px; width:auto; z-index:322;}
#main .boxcontent ul.bookmark li.social-b a {background: transparent url(../img/nav/bookmarks.png) 0 -458px no-repeat; padding: 3px 0 0 22px; font-size: 12px; color:#666;}
#main .boxcontent ul.bookmark li.social-b a:hover {background: transparent url(../img/nav/bookmarks.png) 0 -421px no-repeat;}
#main .boxcontent ul.bookmark li.social-b a.nav{text-transform:uppercase;}
#main .boxcontent ul.bookmark  li a:hover, #main .boxcontent ul.bookmark li a:focus, #main .boxcontent ul.bookmark li a:active {color: #003399;}
#main .boxcontent #bookmarks {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #DEDEDE; position:absolute; right:0; top:22px; width:155px; z-index:10;}
#main .boxcontent #bookmarks ul {display: block; border: none; margin: 5px 5px 0 5px;}
#main .boxcontent #bookmarks ul li {float: none; margin: 0 0 6px 0; padding: 0; text-align: left;}
#main .boxcontent #bookmarks li a {background:url("../img/nav/bookmarks.png") no-repeat scroll 0 -579px transparent; display:block; line-height:1.3em; padding:1px 10px 1px 23px;}
#main .boxcontent #bookmarks li.delicious a {background-position: 0 0;}
#main .boxcontent #bookmarks li.google a {background-position: 0 -51px;}
#main .boxcontent #bookmarks li.wong a {background-position: 0 -101px;}
#main .boxcontent #bookmarks li.webnews a {background-position: 0 -151px;}
#main .boxcontent #bookmarks li.yigg a {background-position: 0 -201px;}
#main .boxcontent #bookmarks li.stumble a {background-position: 0 -254px;}
#main .boxcontent #bookmarks li.oneview a {background-position: 0 -387px;}
#main .boxcontent #bookmarks li.linkarena a {background-position: 0 -319px;}
/* Flash Content */
.flash {margin: 0;}
/* text boxes */
#main .text-box {clear: both; margin: 20px 0 30px 0; padding: 0 0 10px 150px; background: #0d8ccc; width: auto; min-height: 125px; border-radius: 10px; -moz-border-radius-bottomright: 10px;}
#main .facts {background: #0d8ccc url(../img/bgs/textbox-facts.png) 0 -1px no-repeat;}
#main .question {background: #0d8ccc url(../img/bgs/textbox-question.png) 0 -1px no-repeat;}
#main .misc {background: #0d8ccc url(../img/bgs/textbox-misc.png) 0 -1px no-repeat;}
#main .text-box h2 {clear: both; float: none; margin: 0 20px 10px 0; padding: 10px 0 0 0; background: transparent; color: #fff;}
#main .text-box h3 {margin: 0 0 3px 0; padding: 0; color: #fff;}
#main .text-box p {margin: 0 20px 10px 0; color: #fff}
#main .text-box ul {margin: 20px 20px 20px 0; border: none; color: #fff;}
#main .text-box .links li {margin: 0 20px 0 0; border: none;}
#main .text-box li a, #main .text-box .links .download a em {color: #fff; font-weight: bold;}
#main .text-box li a {background: url(../img/icons/sprites.png) 0 -721px no-repeat;}
#main .text-box .download a, #main .text-box .download li a {background-position: 0 -793px;}
#main .text-box .external a, #main .text-box .external li a {background-position: 0 -866px;}
/* text-box-cols - text in two columns */
#main .text-box-cols {clear: both; overflow: hidden; margin: 20px 0 30px 0; border-top: 1px solid #E5E5E5; padding: 10px 0 0 0;}
#main .text-box-cols h2 {margin: 0; padding: 4px 0 16px; font-weight: bold; color: #343730;}
#main .text-box-cols .text-col-1, #main .text-box-cols .text-col-2 {background: url(../img/bgs/text-col-box.png) 100% 0 repeat-y; width: 47%; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0;}
#main .text-box-cols .text-col-2 {float: right; background: none; margin: 0; padding: 0;}
#main .text-box-cols .text-col-intro p, #main .text-box-cols .text-col-intro h3 {background: none; font-size: 160%; padding: 0;}
#main .text-box-cols h3 {background: url(../img/icons/sprites.png) 0 -1081px no-repeat; padding: 3px 0 7px 30px;}
#main .text-box-cols p {margin-bottom: 20px;}
/* text-box compact - for JobOffer and Profiles */
#main .compact {clear: both; background: #f0f0f0; min-height: 0; margin: 0 0 20px 0; border-top: 1px solid #fff; padding: 5px 10px 15px 10px;}
#profile #main .compact {background: #fff; padding: 0;}
#main .compact h2 {padding: 0 2em 5px 0; color: #333;}
#main .compact li {list-style: none;}
#main .compact p {display: block; margin: 0 0 10px 0; font-size: 120%; color: #333;}
#wrapper-2 .compact 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 .compact dt {float: left; width: 150px; font-weight: bold; font-size: 120%;}
#wrapper-2 .compact dd {font-size: 120%; padding-left: 150px;}
/* 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 2px 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;}
#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: 130%; background: #eaeaea; padding: 0 10px 10px 10px;}
#main #comments h3 {padding: 10px; background: #eaeaea; font-size: 160%;}
#comments p.comment-meta {margin: 0; padding: 0; background: transparent; font-size: 100%;}
#comments cite {display: block; margin: 10px 0 0 0; font-size: 130%; 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;}
/* Pager Latest News */
#main .latest .pager {background: url(../img/bgs/dotted-line.png) 0 0 repeat-x; overflow: hidden; clear: both; width: 100%; margin: 0 0 20px 0; 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%;}
#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 #ccc;}
#main .latest .pager li a:hover, #main .latest .pager li a:active, #main .latest .pager li a:focus {background: #ec1549; border: 1px solid #333; 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) 0 -68px no-repeat; padding-left: 15px; color: #EC1549;}
#main .latest .pager li.next a {background: url(../img/icons/sprites.png) 143% 4px no-repeat; padding-right: 18px; color: #EC1549;}
#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: #EC1549; 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 -68px no-repeat; padding-left: 15px;}
#main .event-list .pager li.next a {background: url(../img/icons/sprites.png) 143% 4px 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 p {font-size:0.75em;}
#komplettBox .boxcontent .left .text-box-tabs .teaser_box fieldset .content_grey  {width:467px; border:none; margin: 5px 0 10px 0; padding:0px 0 10px 10px;}
.boxcontent fieldset {width:467px; border:none; margin: 5px 0 10px 0; padding:10px 0 10px 10px;}
.form-wrapper fieldset {width:547px; border-left:none; border-right:none; border-bottom:1px dotted #ccc; border-top:none; margin: 5px 0 10px 0; padding:10px 0 10px 0;}
.boxcontent fieldset h2, .form-wrapper fieldset h2 {margin: 0 0 1px 0; padding: 5px 0 5px 0; color: #003399;}
.form-wrapper fieldset .formtext {font-size:0.8em; display:block; padding: 5px 0 20px 0; width:456px;}
.boxcontent fieldset .formblock label,
.form-wrapper fieldset .formblock label,
.form-wrapper .formblock label {font-size:0.8em; padding-left:10px; float:left; /* display: block; bei magnolia wird dies falsch angezeigt-------------------- */
}
.form-wrapper fieldset .form-item label, .form-wrapper label,
.boxcontent fieldset .formblock .form-item-sm label,
.form-wrapper fieldset .formblock .form-item-sm label {display: block;}
.form-wrapper p.required {text-align: right;}
.boxcontent .left ol li dfn,
.boxcontent fieldset p.required span, .boxcontent fieldset dfn
.form-wrapper p.required span, .form-wrapper dfn {color: #ec1549; font-weight: bold; font-style:normal;}
.boxcontent fieldset div, .form-wrapper div {float: left; width: auto; padding: 0 0 5px 0;}
.form-wrapper div h5 {padding-bottom:5px; font-size:1.0em;}
.boxcontent fieldset div div, .form-wrapper div div {width: auto; border-bottom: none; margin: 0 0 10px 0; padding: 0; float:left;}
.boxcontent fieldset div div.form-item-n, form-wrapper div div.form-item-n {margin-bottom: 12px; padding-right:20px;}
.boxcontent fieldset div div.form-item,.form-wrapper div div.form-item {margin-bottom: 12px; width:456px; clear: none;}
.form-wrapper div div.form-item-l p, .form-wrapper div div.form-item p {font-size:0.8em; float:left}
.form-wrapper fieldset .multiple-labels fieldset input, .form-wrapper input, .form-wrapper textarea, .form-wrapper div.mod input.mod {float:left; display: block; background: #ebebeb; margin: 1px 0 0 0; border: 1px solid #ccc; padding: 1px 3px 1px 3px; color:#000; font-family: arial;}
/* FORMULAR STYLES
-------------------- */
.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 #999; background: #fff;}
.form-wrapper input[type=radio].a11y-focus, .form-wrapper input[type=checkbox].a11y-focus {background: transparent; border: none;}
.form-wrapper textarea {font-size:12px; height: 150px; width: 300px;}
.form-wrapper select {float:left; display: block; margin: 5px 0 0 0;}
.form-wrapper div div.select-item-l select {float:left; display: block; margin: 5px 0 0 0; width:308px;}
.form-wrapper div div.select-item-m select {display:block; float:left; margin:0 5px 0 0; width:151px;}
.form-wrapper div div.birthDay_day select {float:left; display: block; margin: 0 5px 0 0; width:60px;}
.form-wrapper div div.birthDay_month select {display:block; float:left; margin:0 5px 0 0; width:163px;}
.form-wrapper div div.select-item-s select {float:left; display: block; margin: 0 5px 0 0; width:75px;}
.form-wrapper div span {clear:both; display: block; padding: 0; font-size:0.75em;}
.form-wrapper div span label {margin-left:22px;}
.formblock .form-item label {margin-left:20px;}
.form-wrapper div.multiple-labels label span {color: #555; 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 -651px no-repeat; padding-left: 15px;}
/* multiple inputs in one row */
.form-wrapper div div.form-item-xs, .form-wrapper div div.form-item-s, .form-wrapper div div.form-item-sm, .form-wrapper div div.form-item-m, .form-wrapper div div.form-item-l {float: left; margin: 0; clear: none;}
.form-wrapper div div.form-item-xs {padding-right: 10px;}
.form-wrapper div div.form-item-xsm {width:152px;}
.form-wrapper div div.form-item-sm {width:161px; padding: 0;}
.form-wrapper div div.form-item-s {padding: 0; width:84px;}
.form-wrapper div div.form-item-m { padding:0; width:222px;}
.form-wrapper div div.form-item-l {padding: 0; width:315px;}
.form-wrapper div div.form-item-plz  {width: 50px;}
.form-wrapper div div.form-item-plz input {width: 37px;}
.form-wrapper div div.form-item-s input {width: 70px;}
.form-wrapper div div.form-item-xsm input {width: 139px;}
.form-wrapper div div.form-item-xs input {width: 30px;}
.form-wrapper div div.form-item-m input {width: 207px;}
.form-wrapper div div.form-item-l input {width: 300px;}
.form-wrapper div div.form-item-xsm label,
.form-wrapper div div.form-item-s label,
.form-wrapper div div.form-item-sm label,
.form-wrapper div div.form-item-m label,
.form-wrapper div div.form-item-plz label,
.form-wrapper div div.form-item-date label{font-size: 0.75em;}
/* checkboxes & radiobuttons */
.form-wrapper fieldset fieldset {float: none; /* ie 6 */ margin: 0; padding: 0;}
.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;}
/* mod for short elements */
.form-wrapper fieldset fieldset.mod .form-item {float: left; margin-right: 10px; width: auto;}
.form-wrapper fieldset fieldset.mod .form-item label {padding-left:10px; display: inline;}
/* mod for short elements */
.form-wrapper fieldset .form-item {float: left; margin-right: 10px; width: auto;}
#main .boxcontent .form-wrapper fieldset .form-item p {margin:0 0 10px 10px; width:93%;}
.form-wrapper fieldset .form-item label, .form-wrapper label {display:block; margin:0;}
/* 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%;}
/* Buttonstyle für die alte Version */
.new-search .button,  /* button outside button-wrapper */ .form-wrapper div.button-wrapper input { /* button */
background: #b90834 url(../img/bgs/submit.png) 0 0 repeat-x; right: auto; width: auto; border: 1px solid #f19eb2; border-right: 1px solid #920728; border-bottom: 1px solid #920728; padding: 2px 10px; color: #fff; cursor: pointer; 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: #333; color: #fff; border: 1px solid #111; border-right: 1px solid #555; border-bottom: 1px solid #555;}
/* 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;}
/* error messages */
.error {color: #e20053; font-weight: bold;}
#main .error h1 {background: url(../img/bgs/error.png) 0 8px no-repeat; margin-bottom: 10px; padding: 5px 0 0 30px; color: #e20053;}
#main div.error {margin: 20px 0; font-weight: bold;}
#main div.error ul {margin: 0 0 0 45px;}
#main div.error li {color: #e20053;}
#main div.error li a, #main div.error label span {font-size:0.75em; font-weight:normal; color: #e20053;}
#main .form-wrapper div.error {margin: 0;}
.form-wrapper div.error input, .form-wrapper div.error textarea, .form-wrapper div div.error select {border: 1px solid #e20053;}
/* success messages */
#main .success {margin: 10px 0;}
#main .success h1 {background: url(../img/bgs/confirmed.png) 0 8px no-repeat; margin-bottom: 10px; padding: 5px 0 0 30px; color: #afaf00;}
/* ACCORDION/FAQ
--------------------- */
.list-box { /* don´t 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 5px 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/Sitemap
--------------------- */
.glossary-box {padding:10px; width:215px;}
.glossary-box-big {border-bottom:1px dotted #666666; padding:20px 0; width:520px;}
.glossary-box-big, .glossary-box {float:left; height:auto !important; margin:0 10px 0 0; min-height:12em;}
#main .glossary-box li.all, #main .glossary-box-big li.all {background: none;}
#main .glossary-box p.all a, #main .glossary-box-big p.all a {margin-top: -1px;}
#main .glossary-box h2 {font-size: 1.8em;}
#main .glossary-box-big h2 {font-size: 1.3em;}
#main .glossary-box h2, #main .glossary-box-big h2 {background: #fff; margin: 0 10px 20px 0; padding: 0; color: #000; line-height: 1em; text-transform: uppercase;}
#main .glossary-box ul, #main .glossary-box-big ul {list-style: none; margin: 0;}
#main .glossary-box-big ul li {line-height: 1.0em;}
#main .glossary-box ul li {line-height: 1.2em;}
#main .glossary-box ul li, #main .glossary-box-big ul li {height: 1%; /* IE 6 */ margin: 0;}
html > body #main .glossary-box ul li, html > body #main .glossary-box-big ul li {height: auto;}
#main .glossary-box-big ul li ul {padding-left:20px;}
#main .glossary-box-big ul li ul li ul {padding-left:20px;}
#main .glossary-box li a, #main .glossary-box-big li a {display: block; padding: 0 0 5px 20px;}
#main .glossary-box-big li a.arrow_blue {text-transform:uppercase;}
/* 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: 220px; margin: 3px 10px 10px 0;}
dl.photo {padding: 0;}
.photo img {width: 218px;}
.photo img  {display: block; border: 1px solid #ccc;}
.video { margin:0; padding:0; display: block; }
dl.mod, img.mod {float:right; margin-left:10px;}
dl.mod-2 { /* big */ clear: both; float: none; width: 460px;}
dl.mod-2 img {margin-top:20px; width:460px;}
img.mod-2 {clear: both; display: block; width:458px;}
.photo dd {font-size:0.75em; color:#999; background: #fff; display: block; padding: 4px 5px 0 5px;}
.photo dd.zoom {float: right;}
.photo dd.zoom a {display: block; width: 12px; text-indent: -999px;}
#wrapper-2 .photo dd.copyright {font-size: 0.75em; color:#999;}
.photo dd.longdesc {display: none;}
.photo.imgLeft {float: left; margin: 0 10px 0 0;}
.photo.imgRight {float: right; margin-right: 0; margin-left: 10px;}
/* 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: 218px;}
.photo-index dl {margin-right: 15px;}
.photo-index dl.last {margin-right: 0;}
/* lightbox*/
.mask {background-color: #000; width: 100%; z-index: 110;}
.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-head {overflow: hidden; height: 1%; margin: 0 0 30px; padding: 5px; font-size: 120%; text-align: center; background-color: #555; color: #fff;}
.showbox-toolbar, .showbox h1.showbox-title {float: left; clear: both;}
.showbox h1.showbox-title {margin: 0 0 5px; font-size: 1.4em;}
.showbox-head a {color: #fff; margin-right: 10px;}
.showbox-toolbar .prev {background: url(../img/icons/sprites.png) 0 -73px no-repeat; padding-left: 17px;}
.showbox-toolbar .next {background: url(../img/icons/sprites.png) 190% 1px no-repeat; padding-right: 17px;}
.showbox-head a.disabled {color: #aaa;}
.showbox .close-button {position: absolute; top: 5px; right: 5px; padding: 0 5px 0 17px; color: #fff; font-size: 120%; background: url(../img/icons/sprites.png) 0 -218px no-repeat;}
.showbox .content-box {background-color: #999; margin: 0 auto;}
.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: #555; 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
----------------------------- */
/* 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 7px no-repeat; padding: 5px 10px 5px 18px; font-weight: bold;}
/* 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 2px no-repeat; padding-left: 17px; color: #ec1549;}
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 {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 0;}
#stage div.tw-switcher .rack-teaser h2 {margin: 8px 0 0 0; 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: #555;}
#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 0;}
#wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser h2 {margin: 0; width: 190px; float: right; 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: #555;}
.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 0;}
#wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser h2 {margin: 0; width: 100%; float: none; 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: #555;}
.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; width: auto; 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 0;}
#wrapper-2 div.tw-switcher .rack-teaser h2 {margin: 8px 0 0 0; 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: #555;}
#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 {display: block;}
#stage div.tw-images .prev span.show:hover, #stage div.tw-images .prev span.show.over {background: url(../img/bgs/prev-next-dark-113.png) 100% -650px no-repeat;}
#stage div.tw-images .next span.show:hover, #stage div.tw-images .next span.show.over {background: url(../img/bgs/prev-next-dark-113.png) 100% -811px no-repeat;}
#stage div.tw-images .rack {float: left; width: 930px; 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; border:1px solid #ff8866;}
.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: #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-paging {padding: 0 0 50px 0;}
#stage div.tw-paging h3 {border: 0; padding: 5px 10px;  color: #fff; font-size: 200%;}
#stage div.tw-paging .pagination {position: absolute; bottom: 10px; left: 10px; 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: 180%; 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: #ec1549; 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;}
#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 20px 0 0px;}
#stage div.tw-paging .rack-teaser h2 {position: absolute; top: 40px; left: 30px; width: 350px; z-index: 10; margin: 0; font-weight: normal;}
#stage div.tw-paging .rack-teaser p {position: absolute; top: 30px; left: 20px; z-index: 5; background: #000; border: 1px solid #000; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; width: 350px; padding: 50px 10px 20px 10px; font-size: 160%; color: #fff;}
#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: #ec1549; 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-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; font-size: 130%; color: #555;}
#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: #ec1549; 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 { margin: 0 0 5px 0; width: 440px; 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: #555;}
#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 {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 {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 {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: #ec1549; 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 {float: right;
    width: 510px; margin: 0 0 5px 0; font-size: 180%; font-weight: normal;}
#wrapper-2 div.tw-paging .mod {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;  font-size: 130%; color: #555;}
#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 0;}
#stage div.tw-slider .rack-teaser {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: #555;}
#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 0;}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser {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: #555;}
#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 0;}
.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 {float: right; width: 230px; margin: 0; font-size: 180%; font-weight: normal;}
#wrapper-2 #wrapper-3 #main div.tw-slider .mod {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: #555;}
#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 {width: 225px;}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .mod {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 0;}
#wrapper-2 div.tw-slider .rack-teaser {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: #555;}
#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: 120px; height: 90px;}
#wrapper-2 #wrapper-3 #main .youtube-widget div.tw-switcher .rack-teaser {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;}