/* 
small viewport 
smaller than 980 px 
*/


/* grid */
#wrapper {
	width: 760px;
	overflow: hidden;
	margin: 30px auto 40px;
}
#wrapper-2 {
	width: 700px;
	overflow: hidden;
	margin: 0 auto;
}
#site-info,
#site-info div {
	width: 760px;
	overflow: hidden;
	margin: 0 auto;
}
#branding {
	width: 730px;
	position: relative;
}
#nav-global,
#nav-global ul ul {
	width: 740px;
	margin: 0 auto;
}
#nav-global {
	margin: 0 auto 30px auto;
}
#wrapper-3 {
	width: 460px;
}
#main {
	margin: 0 0 20px 0;
}
#extras {
	display: block;
	float: none;
	clear: both;
	width: 460px;
}
/* nav-col */
.nav-col #wrapper-2 {
	width: 700px;
}
.nav-col #wrapper-3,
.nav-col #main,
#glossary #main {
	width: 460px;
}
.nav-col img.mod-2,
.nav-col dl.mod-2 img,
.col-subcol dl.mod-2 img,
.col-subcol img.mod-2 {
	width: 460px;
	height: auto;
	background: url(../img/bgs/img-shadow-opener.jpg) 0 100% no-repeat;
}
.partner .text h3 {
	width: 225px;
}
/* nav-col-float2 */
.nav-col-float2 #wrapper-3,
.nav-col-float2 #main {
	width: 460px;
}




/* Search */
#search-box {
	top: 31px;
}



/* Stage */
#stage,
.js-on #stage,
#stage div.tw-paging .rack,
#stage div.tw-paging .rack-teaser {
	width: 700px;
	height: auto !important;
}
#stage div.tw-paging {
	background: none;
	width: 700px;
}
.js-on #stage div.tw-paging .rack-design {
	height: auto;
}
#stage div.tw-paging .rack-teaser img {
	width: 700px;
	height: auto;
	position: relative;
	clear: both;
	display: block;
}
img.video-bg {
	display: none !important;
}
#stage div.tw-paging .rack-teaser h2 {
	float: none;
	display: block;
	clear: both;
	position: static;
	height: auto;
	width: 660px;
	padding: 20px;
}
#stage div.tw-paging .rack-teaser h2 a {
	position: static;
	width: 500px;
}
#stage div.tw-paging .rack-teaser h2 a em {
	margin-bottom: 2px;
}
#stage div.tw-paging .rack-teaser h2 span {
	position: static;
	margin-top: 15px;
}



/* Home */
#home #main .vcard {
	clear: both;
	float: left;
	margin-top: 20px;
}
#home #teaser-group-2 {
	width: 700px;
}
#home #extras .flickr {
	clear: both;
	margin-top: 20px;
}



/* Teaser on nav-col-float2 */
.nav-col-float2 .teaser {
	width: 460px;
	margin: 0 0 20px 0;
}
.nav-col-float2 .teaser-group .teaser {
	width: 220px;
	margin: 0 10px 20px 0;
}
.nav-col-float2 #main .latest li {
	width: 440px;
}
.nav-col-float2 #main .latest li h3 {
	width: 202px;
}
.nav-col-float2 #main .latest li.mod h3 {
	width: auto;
}



/* Glossary */
.glossary-box {
	margin: 0 15px 22px 0;;
}
#letter-c.glossary-box,
#letter-f.glossary-box,
#letter-i.glossary-box,
#letter-l.glossary-box,
#letter-o.glossary-box,
#letter-r.glossary-box,
#letter-u.glossary-box,
#letter-x.glossary-box {
	margin-right: 15px;
}
#letter-b.glossary-box,
#letter-d.glossary-box,
#letter-f.glossary-box,
#letter-h.glossary-box,
#letter-l.glossary-box,
#letter-n.glossary-box,
#letter-p.glossary-box,
#letter-r.glossary-box,
#letter-t.glossary-box,
#letter-v.glossary-box,
#letter-x.glossary-box,
#letter-z.glossary-box {
	margin-right: 0;
}
.glossary-details {
	width: 440px;
}




/* Text Col Box */
.col-float4 .text-col-box .text-col-1{
	margin: 0 20px 20px 0;
}




/* Gallery */
#photo-index {
	width: 460px;
}
#photo-index dl,
#photo-index dl.last {
	margin-right: 10px;
}




/* Filter Nav Referenzen */
#filter-nav li .menu {	
	width: 680px;
}
#filter-nav .menu li.first {
	clear: none;
}
#references #teaser-4,
#references #teaser-8,
#references #teaser-12,
#references #teaser-16,
#references #teaser-20,
#references #teaser-24,
#references #teaser-28,
#references #teaser-32,
#references #teaser-36,
#references #teaser-40,
#references #teaser-44,
#references #teaser-48,
#references #teaser-52,
#references #teaser-56,
#references #teaser-60,
#references #teaser-64,
#references #teaser-68,
#references #teaser-72,
#references #teaser-76,
#references #teaser-80,
#references #teaser-84,
#references #teaser-88,
#references #teaser-92,
#references #teaser-96,
#references #teaser-100,
#references #teaser-104,
#references #teaser-108,
#references #teaser-112,
#references #teaser-116,
#references #teaser-120 {
	margin: 0 20px 20px 0;
}
#references #teaser-3,
#references #teaser-6,
#references #teaser-9,
#references #teaser-12,
#references #teaser-15,
#references #teaser-18,
#references #teaser-21,
#references #teaser-24,
#references #teaser-27,
#references #teaser-30,
#references #teaser-33,
#references #teaser-36,
#references #teaser-39,
#references #teaser-42,
#references #teaser-45,
#references #teaser-48,
#references #teaser-51,
#references #teaser-54,
#references #teaser-57,
#references #teaser-60,
#references #teaser-63,
#references #teaser-66,
#references #teaser-69,
#references #teaser-72,
#references #teaser-75,
#references #teaser-77,
#references #teaser-80,
#references #teaser-83,
#references #teaser-86,
#references #teaser-89,
#references #teaser-92,
#references #teaser-95,
#references #teaser-98,
#references #teaser-101,
#references #teaser-104,
#references #teaser-107,
#references #teaser-110,
#references #teaser-113,
#references #teaser-116,
#references #teaser-119,
#references #teaser-121 {
	margin-right: 0;
}
/* 6-er raster */
#references .teaser-group #ref-teaser-6,
#references .teaser-group #ref-teaser-12,
#references .teaser-group #ref-teaser-18,
#references .teaser-group #ref-teaser-24,
#references .teaser-group #ref-teaser-30,
#references .teaser-group #ref-teaser-36,
#references .teaser-group #ref-teaser-42,
#references .teaser-group #ref-teaser-48,
#references .teaser-group #ref-teaser-54,
#references .teaser-group #ref-teaser-60,
#references .teaser-group #ref-teaser-66,
#references .teaser-group #ref-teaser-72,
#references .teaser-group #ref-teaser-78,
#references .teaser-group #ref-teaser-84,
#references .teaser-group #ref-teaser-90 {
	margin-right: 15px;
}
#references .teaser-group #ref-teaser-4,
#references .teaser-group #ref-teaser-8,
#references .teaser-group #ref-teaser-12,
#references .teaser-group #ref-teaser-16,
#references .teaser-group #ref-teaser-20,
#references .teaser-group #ref-teaser-24,
#references .teaser-group #ref-teaser-28,
#references .teaser-group #ref-teaser-32,
#references .teaser-group #ref-teaser-36,
#references .teaser-group #ref-teaser-40,
#references .teaser-group #ref-teaser-44,
#references .teaser-group #ref-teaser-48,
#references .teaser-group #ref-teaser-52,
#references .teaser-group #ref-teaser-56,
#references .teaser-group #ref-teaser-60,
#references .teaser-group #ref-teaser-64,
#references .teaser-group #ref-teaser-68,
#references .teaser-group #ref-teaser-72,
#references .teaser-group #ref-teaser-76,
#references .teaser-group #ref-teaser-80,
#references .teaser-group #ref-teaser-84,
#references .teaser-group #ref-teaser-88,
#references .teaser-group #ref-teaser-92 {
	margin-right: 15px;
}




/* Promos */
#promos {
	width: 700px;
}
.promo {
	margin: 0 20px 20px 0;
}



/* Extras */
#extras .box {
	float: left;
	clear: none;
}
#extras .vcard {
	width: 460px;
}
#extras .event-list {
	width: 440px;
}
#extras #calendar {
    display: block;
    clear: both;
	float: none;
	border: none;
}
#extras .latest,
#extras .links,
#extras .latest-comments {
	float: none;
	clear: both;
}
#extras blockquote {
	background: #ebf1f1 url(../img/bgs/blockquote-extras2.png) 0 0 no-repeat;
}




/* Footer */
#site-info div div:first-child {
	margin-right: 0;
}
#site-info div div,
#site-info p {
	width: 145px;
}




/* Dom Tabs */
.nav-col-float2 ol.text-box-toc,
.nav-col-float3 ol.text-box-toc,
.nav-col-float2 .text-box .text-box-section,
.nav-col-float3 .text-box .text-box-section {
	width: 440px;
}



/* Carousels */
.nav-col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher,
.nav-col-float3 #wrapper-2 #wrapper-3 #main div.tw-switcher {
	width: 460px;
}
.nav-col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher .rack,
.nav-col-float3 #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
	width: 400px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
	width: 400px;
	margin-left: 0;
	padding-left: 0;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser h2 {
	width: 165px;
}




/* Tagcloud */
.tagcloud {
	width: 700px;
}
#main .tagcloud {
	width: 460px;
}








