/*
wide viewport
bigger than 1200 px
*/

#section-header,
#branding,
#wrapper-2,
#nav-global,
#nav-global ul,
#nav-global ul ul {
    width: 1180px;
}
#nav-global ul {
    background: url(../img/nav-bg-wide.png) no-repeat;
}

#wrapper-3 {
    width: 940px;
}

#main {
    width: 590px;
}

#main img.large, dl.large{
    float: none;
    margin-left: 60px;
}

#main .teaser h2 {
    width: 100%;
    margin: 1px 0;
}

.opener img{
    margin-left: 60px;
}
    
#main {

    border: 1px solid #C2C0BF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    background-color: #fff;
}

.col-subcol #main {
    width: 820px;
}

.col-subcol #extras {
    width: 300px;
}

#extras {
    float: left;
    width: 300px;
}

.col-subcol #wrapper-3 {
    width: 1180px;
}

/* 2 column layout: no nav | main | sidebar */
.col-subcol-equal #wrapper-3 {
    width: 940px;
}

/* 3 column layout: | main | sidebar | sidebar */
.col-subcol-subcol #wrapper-3 {
    width: 940px;
}
.col-subcol-subcol #main {
    width: 460px;
}

/* 1 column layout: no nav | main | sidebar */

.col-float2 #wrapper-3,
.col-float2 #main,
.col-float3 #wrapper-3,
.col-float3 #main {
    width: 940px;
}



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



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

/* ###################   TW-SWITCHER ################### */
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-switcher {
    width: 1178px;
}
.js #wrapper-2 div.tw-switcher .rack {
    width: 1126px;
}





/* ###################   TW-IMAGES ################### */
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-images {
    width: 1178px;
}
.js #wrapper-2 div.tw-images .rack {
    width: 1140px;
}






/* ###################   TW-PAGING ################### */
/* #####################
Inside #Stage */
#stage div.tw-paging {
    width: 1178px;
}
.js #stage div.tw-paging .rack {
    width: 1172px;
    height: 350px;
}
.js #stage div.tw-paging .rack-teaser {
    width: 1172px;
    height: 350px;
    padding: 0;
}
#stage div.tw-paging .rack-teaser img {
    width: 1172px;
    height: 399px;
}
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-paging {
    width: 1178px;
}
.js #wrapper-2 div.tw-paging .rack {
    width: 1155px;
}
#wrapper-2 div.tw-paging .rack-teaser {
    width: 1155px;
}
#wrapper-2 div.tw-paging .rack-teaser h2 {
    width: 765px;
}
#wrapper-2 div.tw-paging .mod h2 {
    width: 100%;
}
#wrapper-2 div.tw-paging .rack-teaser p {
    width: 750px;
}
#wrapper-2 div.tw-paging .mod p {
    width: 100%;
}






/* ###################   TW-SLIDER ################### */
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-slider {
    width: 1178px;
}
.js #wrapper-2 div.tw-slider .rack {
    width: 1138px;
}
#wrapper-2 div.tw-slider .slider-bar {
    background: #000 url(../img/bgs/scrollbar-wide.png) 0 0 no-repeat;
    width: 966px;
}

.photo-index {
    width: 100%;
    clear: both;
}