/* 
small viewport 
smaller than 980 px 
*/     
            
#wrapper-3 {
	width: 480px;
}
.col-subcol-equal #wrapper-3,
.col-subcol #wrapper-3 {
	width: 100%;
	overflow: hidden;
}
#main {
	width: 460px;
}
.events {
	clear: both;
	margin-top: 20px;
}
.event-list li h3,
.event-list li p {
	width: 400px;
}
.event-list .mod h3,
.event-list .mod p { /* With image */
	width: 340px;
}
#platform,
#platform img {
	width: 460px;
}
#main .teaser h2 {
	float: none;
	width: auto;
}
#wrapper-2 .teaser .text-data {
	float: none;
}
.col-subcol-subcol #main .teaser h2,
#main .teaser-group .teaser h2,
.col-float2-subcol #main .teaser h2,
.nav-col-float2 #main .teaser h2 {
	width: auto;
}

/* Opener in .nav-col */
.nav-col .opener img {
	float: none;
	margin: 0 0 10px 0;
} 

/* 2 column layout:  nav | main */
.nav-col #main {
	width: 460px;
}

/* 2 column layout: no nav | main | sidebar */
.col-subcolequal #extras {
	width: 270px;
	float: right;
	overflow: hidden; /* ie 6 */
}

/* 2 column layout: | main | extras equal width */
.col-subcolequal #main {
	width: 380px;
}
.col-subcol-equal #extras {
	width: 300px;
}

/* 1 main col 2 teaser float */
.col-float2 .teaser {
	width: 48%;
}
.col-float2 #teaser-2,
.col-float2 #teaser-4 {
	margin-right: 20px;
}
.col-float2 #teaser-3,
.col-float2 #teaser-5 {
	clear: none;
	margin-right: 0;
}
/* 1 main col 3 teaser float */
.col-float3 #teaser-3,
.col-float3 #teaser-6 {
	margin-right: 20px;
}
.col-float3 #teaser-3,
.col-float3 #teaser-4,
.col-float3 #teaser-7 {
	clear: none;
}

/* 3 column layout: | main | subcol | subcol */
.col-subcol-subcol #main {
	width: 380px;
}
.col-subcol-subcol #extras,
.col-subcol-subcol #extras-1,
.col-subcol-subcol #extras-2 {
	width: 300px;
	float: right;
	overflow: hidden; /* ie 6 */
}
.col-subcol-subcol #extras-2 {
	clear: both;
}
.col-subcol-subcol #extras .box {
	margin: 0 0 20px 0;
}


/* 2 column layout: | main (floating teasers) | subcol */
.nav-col-float2 #wrapper-3,
.nav-col-float2 #main,
.nav-col-float2 .teaser {
	width: 460px;
}

/* SECTION-HEADER 
----------------- */
#section-header p {
	width: 63%;
}




/* LATEST
------------------- */
.nav-col-float2 #main .latest h3 {
	width: 312px;
}
.col-subcol-subcol #main .latest h3 {
	width: 232px;
}
#home.col-float2 #main .latest h3 {
	width: 188px;
}
.nav-col #main .latest h3 {
	width: 312px;
}





/* GLOSSARY 
-----------------------*/
.glossary-details {
	width: 445px;
}
#main .glossary-details ul li {
	float: none;
	width: 435px;
}
.glossary-box {
	width: 200px;
}
#letter-c,
#letter-f,
#letter-i,
#letter-l,
#letter-o,
#letter-r,
#letter-u, 
#letter-x {
	margin-right: 10px;
}
#letter-b,
#letter-d,
#letter-f,
#letter-h,
#letter-j,
#letter-l,
#letter-n, 
#letter-p,
#letter-r,
#letter-t,
#letter-v,
#letter-x,
#letter-z {
	margin-right: 0;
}



/* TOC-BOX
------------------------- */
#module {
	width: 300px;
	float: right;
	margin: 0 0 20px 0;
	overflow: hidden; /* ie 6 */
}
.col-subcol-subcol #extras #module .box {
	margin: 0;
}
#extras .toc-box,
#extras #module .toc-box {
	background: #eeeeee url(../img/bgs/text-box-300.png) -350px 100% no-repeat;
	width: 300px;
}
#extras .toc-box h2,
#extras #module .toc-box h2 {
	background: #000 url(../img/bgs/text-box-300.png) 0 0 no-repeat;
}
#extras ol.toc-box-toc,
#extras #module ol.toc-box-toc {
	background: #000 url(../img/bgs/text-box-300.png) 0 -27px no-repeat;
	width: 298px;
}
#extras .toc-box .toc-box-section,
#extras #module .toc-box .toc-box-section {
	background: #eeeeee url(../img/bgs/text-box-300.png) -700px 100% repeat-y;
	width: 284px;
}


/* Different images for .nav-col */
.nav-col #main .text-box-tabs {
	background: #eeeeee url(../img/bgs/text-box.png) -540px 100% no-repeat;
	width: 460px;
}
.nav-col .text-box-tabs .text-box-section {
	width: 446px;
	background: #eeeeee url(../img/bgs/text-box.png) -1040px 100% repeat-y;
}
.nav-col #main .text-box-tabs h2 {
	background: #000000 url(../img/bgs/text-box.png) 0 0 no-repeat;
}
.nav-col ol.text-box-toc {
	background: #000 url(../img/bgs/text-box.png) 0 -30px no-repeat;
}
.nav-col #main .text-box-tabs .text-box-section h2 {
	background: none;
}


/* EXTRAS 
---------- */
#extras {
	width: 100%;
	margin: 20px 0 0 0;
}  
.box {            
	float: left;
	clear: none;
	width: 300px;
	margin-right: 10px;
}
#extras > .one-two-three li {
	width: 230px;
}
#extras .event-list li h3,
#extras .event-list li p {
	width: 250px;
}
#extras .event-list li {
	width: 300px;
}
#extras .event-list .mod h3,
#extras .event-list .mod p { /* With image */
	width: 170px;
}
#extras .vcard {
	width: 300px;
}


/* PROMOS 
---------- */
.promo {
	margin: 0 20px 20px 0;
}
#promo-3 {
	margin-right: 0;
}
ol.toc-box-toc {
	width: 295px;
}
div.superpromos {
	width: 258px;
	overflow: hidden; /* ie 6 */
}


/* Photo */
#photo-index .photo {
	margin-right: 8px;
}
#photo-index dl.last {
	margin-right: 18px;
}



/* Forms */
.form div.l {
	width: 483px;
}



.nav-col div.superpromos {
	width: 258px;
}
.nav-col div.superpromos .superpromo-section img {
	height: 100px;
	width: 240px;
}


/* Calendar */
#calendar {
	margin: 0 10px 20px 0;
}




/* TeaserWrapper in Different Contexts 
----------------------------- */

/* ###################   TW-SWITCHER ################### */
/* #####################
Inside #Stage */
#stage div.tw-switcher {
	width: 698px;
}
.js-on #stage div.tw-switcher .rack {
	width: 645px;
}
/* #####################
Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-switcher {
	width: 460px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .rack {
	width: 410px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser {
	margin: 0 12px 0 0;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-switcher {
	width: 700px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-switcher .rack {
	width: 650px;
}
/* #####################
Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-switcher {
	width: 460px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
	width: 410px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
	margin: 0 12px 0 0;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher {
	width: 380px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
	width: 340px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
	width: 320px;
} 
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher {
	width: 700px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
	width: 655px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-switcher {
	width: 460px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
	width: 410px;
}
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-switcher {
	width: 698px;
} 
.js-on #wrapper-2 div.tw-switcher .rack {
	width: 645px;
}






/* ###################   TW-IMAGES ################### */
/* #####################
Inside #Stage */
#stage div.tw-images {
	width: 698px;
}
.js-on #stage div.tw-images .rack {
	width: 660px;
}
/* #####################
Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-images {
	width: 460px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-images .rack {
	width: 445px;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-images {
	width: 700px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-images .rack {
	width: 685px;
}
/* #####################
 Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-images {
	width: 460px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-images .rack {
	width: 445px;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-images {
	width: 380px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-images .rack {
	width: 350px;
} 
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-images {
	width: 700px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-images .rack {
	width: 665px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-images {
	width: 460px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-images .rack {
	width: 445px;
}
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-images {
	width: 698px;
}
.js-on #wrapper-2 div.tw-images .rack {
	width: 670px;
}






/* ###################   TW-PAGING ################### */
/* #####################
Inside #Stage */
#stage div.tw-paging {
	width: 698px;
}
.js-on #stage div.tw-paging .rack {
	width: 692px;
	height: 240px;
}
#stage div.tw-paging .rack-teaser {
	width: 675px;
	height: 240px;
}
#stage div.tw-paging .rack-teaser h2 {
	font-size: 160%;
}        
#stage div.tw-paging .rack-teaser p {
	width: 300px;    
	font-size: 130%;
}
#stage div.tw-paging .rack-teaser img {
	width: 693px;
	height: 236px;
}
/* #####################
Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-paging {
	width: 460px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-paging .rack {
	width: 439px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
	width: 420px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser h2 {
	width: 420px;
} 
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser img {
	width: 140px;
}  
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser p {
	width: 270px; 
}
#wrapper-2 #wrapper-3 div.tw-paging .mod p {
	width: 100%; 
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack {
	width: 685px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
	width: 670px;
}
.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 img {
	width: 300px;
} 
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser p {
	width: 350px; 
}
/* #####################
 Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-paging {
	width: 460px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
	width: 439px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
	width: 420px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
	width: 420px;
} 
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
	width: 140px;
}  
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
	width: 270px; 
}
#wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
	width: 100%; 
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging {
	width: 380px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
	width: 360px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
	width: 360px;
	height: auto;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
	width: 360px;
}  
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
	height: 120px;
	width: 140px;
} 
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
	width: 200px; 
}
.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: 698px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
	width: 675px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
	width: 660px;
}
.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%; 
} 
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging {
	width: 460px;
}
.js-on .nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
	width: 439px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
	width: 420px;
	height: auto;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
	width: 100%;
} 
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
	width: 270px; 
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
	width: 98%; 
}
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-paging {
	width: 698px;
}
.js-on #wrapper-2 div.tw-paging .rack {
	width: 675px;
}
#wrapper-2 div.tw-paging .rack-teaser {
	width: 670px
}
#wrapper-2 div.tw-paging .rack-teaser h2 {
	width: 360px;
}  
#wrapper-2 div.tw-paging .rack-teaser img {
	width: 300px;
}  
#wrapper-2 div.tw-paging .mod h2 {
	width: 100%;
}   
#wrapper-2 div.tw-paging .rack-teaser p {
	width: 350px; 
}
#wrapper-2 div.tw-paging .mod p {
	width: 100%; 
}





/* ###################   TW-SLIDER ################### */
/* #####################
Inside #Stage */
#stage div.tw-slider {
	width: 698px;
}
.js-on #stage div.tw-slider .rack {
	width: 657px;
}
#stage div.tw-slider .slider-bar {
	background: #000 url(../img/bgs/scrollbar-small.png) 0 0 no-repeat;
	width: 485px;
}
/* #####################
Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-slider {
	width: 458px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-slider .rack {
	width: 418px;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser {
	width: 400px;
}
#wrapper-2 #wrapper-3 div.tw-slider .slider-bar {
	background: #eeeeee url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
	width: 242px;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider {
	width: 698px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider .rack {
	width: 657px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider .ui-slider {
	background: #eeeeee url(../img/bgs/scrollbar-main-small.png) 0 0 no-repeat;
	width: 698px;
}
/* #####################
 Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-slider {
	width: 458px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
	width: 418px;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
	width: 400px;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser h2 {
	width: 230px;
}     
#wrapper-2 #wrapper-3 #main div.tw-slider .mod h2 {
	width: 100%;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
	background: #eeeeee url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
	width: 242px;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider {
	width: 380px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
	width: 338px;
} 
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
	width: 320px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser h2 {
	width: 150px;
}   
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .mod h2 {
	width: 100%;
} 
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider {
	background: #eeeeee url(../img/bgs/scrollbar-main-380.png) 0 0 no-repeat;
	width: 378px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider .ui-slider-handle {
	width: 213px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider {
	width: 700px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
	width: 658px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
	background: #eeeeee url(../img/bgs/scrollbar-main-small.png) 0 0 no-repeat;
	width: 485px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider {
	width: 458px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
	width: 418px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
	background: #eeeeee url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
	width: 245px;
}
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-slider {
	width: 698px;
}
.js-on #wrapper-2 div.tw-slider .rack {
	width: 657px;
}
#wrapper-2 div.tw-slider .slider-bar {
	background: #000 url(../img/bgs/scrollbar-small.png) 0 0 no-repeat;
	width: 486px;
}