/* 
small viewport 
smaller than 980 px 
*/     
            
#stage,
#section-header,
#branding,
#wrapper-2,
#nav-global,
#nav-global ul ul {
	width: 700px;
	overflow: hidden;
}
#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;
}

/* 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%;
}


/* 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: #f2f2f2 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: #f2f2f2 url(../img/bgs/text-box-300.png) -700px 100% repeat-y;
	width: 284px;
}


/* 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;
}
#superpromo {
	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;
}


/* Teaser-Switcher */
.ui-slider-1 {
	background: url(../img/bgs/scrollbar-small.png) 0 0 no-repeat;
	width: 698px;
}
.js-on #teaser-wrapper .stage {
	width: 660px;
}
.js-on #teaser-wrapper.paging .stage,
.js-on #teaser-wrapper.paging .stage-teaser {
	width: 700px;
}
.js-on #teaser-wrapper.slider .stage {        
	width: 696px;
}
.js-on #teaser-wrapper {  
	background: #000 url(../img/bgs/teaser-switcher-small.png) 0 100% no-repeat;
} 
.js-on #teaser-wrapper h3 { 
	background: #000 url(../img/bgs/teaser-switcher-small.png) 0 0 no-repeat;
} 

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