/* Responsive Design
---------------------------------------- */
@media only screen and (max-width: 980px), only screen and (max-device-width: 980px) {
	.sponsor-logo {
		position: static;
	}
}

@media (max-width: 700px) {
	.wrap {
		padding: 0;
	}

	.headerbar {
		height: 5em;
	}

	.site-description {
		background-image: none;
		height: auto;
	}

	.site-description h1 {
		color: #FFFFFF;
		margin: 0;
		position: static;
	}

	.page-body {
		padding: 0 0.5em;
	}

	.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
		margin: 0;
	}
	
	.copyright {
		border-radius: 0;
	}

	.staticpages .wrapper {
		float: none;
		width: 100%;
	}

	/* Aside Info Box on Index */
	.staticpages aside {
		clear: both;
		float: none;
		margin: 0 auto;
		width: 85%;
	}

	.staticpages aside nav.box, 
	.staticpages aside section.box {
		float: none;
		width: 100%;
	}

	/* Mobilview at two column with aside/extras info */
	.staticpages .content {
		width: 100%;
	}

	.staticpages .extras {
		float: left;
		width: 100%;
	}

	.staticpages .content div.cols .col1,
	.staticpages .content div.cols .col2,
	.staticpages .wrapper div.cols .col1,
	.staticpages .wrapper div.cols .col2 {
		width: 96%;
	}

	.staticpages .postbody {
		width: 100%;
	}

	.staticpages .postprofile {
		width: 100%;
	}

	.staticpages p {
		overflow: visible;
	}

	.staticpages .content div.cols p,
	.staticpages .wrapper div.cols p {
		float: left;
	}

	/* Subtitle in Downloads-Box */
	.staticpages .wrapper h4.download-box {
		clear: left;
	}

	/* Version Selector */
	#version-selector {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 20em;
	}
}