body
{
	min-width: 1200px;
}
body > #ui-datepicker-div
{
	display: none;
	right: 5%;
	left: auto !important;
}


/* Sticky footer
================================================================== */
html, body
{
	height: 100%;
}
#canvas
{
	min-height: 100%;
	position: relative;
}


#main
{
	padding-bottom: 30px;
	position: relative /* NOTE: padding-bottom = #footer height */;
}
/* Set Layout for small wide screens
================================================================ **/
body.set #canvas, body.landing.highlight-mode #canvas
{
	overflow: hidden;
}
body.set #main, body.set #footer
{
	position: relative !important;
}
body.set #poster, body.set .highlight-popup, body.landing.highlight-mode #intro-poster + #poster
{
	min-height: 700px;
}
body.set.highlight-mode #main
{
	max-height: 625px;
}
body.landing.highlight-mode #canvas
{
	min-height: 900px;
}
xbody.set .highlight-popup .highlight-slides li > img
{
	height: 100%;
	width: auto;
}
body.set .highlight-slides .highlight-text div, body.landing.highlight-mode .highlight-slides .highlight-text div
{
	bottom: 45%;
}
body.set, body.landing.highlight-mode
{
	overflow: visible !important;
}
body.landing.highlight-mode #intro-poster + #poster
{
	position: absolute !important;
}
.sticky-footer #footer
{
	bottom: 0px;
	height: 30px; /* NOTE: height = #main padding-bottom */
	position: absolute;
	width: 100%;
	left: 0px;
}
@media (max-width: 1480px) 
{
 	.sticky-footer #footer
	{
		height: 65px;
	}
}
.popup #footer
{
	z-index: -1;
}



/* 2 Column Layout
================================================================== */

.container:before, .container:after
{
	display: table;
	content: "";
}
.container:after
{
	clear: both;
}
/* TODO: fix for IE */


.wrapper
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important; /* TODO: needs to be sorted out in IE7 (see: https://github.com/Schepp/box-sizing-polyfill) */
}

/* ===== layout ===== */

.col-1
{
	width: 330px;
	float: right;
	/*border-bottom: 1px solid #fff;*/
	min-height: 1px;
}
.col-2
{
	overflow: hidden; /* prevents wrapping around .col-1 */
}
.xfixed
{
}
.xcol-1.fixed + .col-2
{
	margin-left: 330px;
}
.fixed-menu .head-panel .col-1
{
	position: fixed;
	left: 330px;
	top: -115px;
	width: 100%;
}
.fixed-menu .head-panel .col-2
{
	position: fixed;
	left: 0;
	top: -115px;
	width: 100%;
}



/* ===== content area ===== */
.content
{
	/*max-width: 720px;*/
}
.content img
{
	max-width: 100%;
	height: auto;
}



/* Spacings and more
================================================================== */
.top-bar
{
	height: 115px;
	margin-right: 20%;
}
.wrapper
{
	padding: 0 75px 0 45px;
}