/*/  _____ __     __ _   _            __  __  _____  _______  _____
	|  __ \\ \   / /| \ | |    /\    |  \/  ||_   _||__   __||  ___|
	| |  | |\ \_/ / |  \| |   /  \   | \  / |  | |     | |   | |__
	| |  | | \   /  | . ` |  / /\ \  | |\/| |  | |     | |   |  __|
	| |__| |  | |   | |\  | / ____ \ | |  | | _| |_    | |   | |___
	|_____/   |_|   |_| \_|/_/    \_\|_|  |_||_____|   |_|   |_____| AG | ASW – www.dynamite.ch ////////////////////////////////
/*/

/*/ BASIC STYLES /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

	* {
	    margin: 0px;
	    padding: 0px;
	}

	html {
		height: 100%;
		min-height: 100%;
	}

	body {
		height: auto;
		color: #FFFFFF;
		max-width: 100%;
		min-height: 100%;
	    line-height: 1.35;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    background: #FFFFFF url(../img/body_background.jpg);
		background-position: left top;
		background-attachment: fixed;
		background-size: cover;
	}

	a,
	a:hover,
	a:active,
	a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}

	a:hover,
	a:active {
		text-decoration: underline;
	}

	.hyphenate {
		-ms-word-break: break-word;
			word-break: break-word;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
				hyphens: auto;
	}

	.animate-this {
		-webkit-transition: all 0.25s ease;
		   -moz-transition: all 0.25s ease;
		    -ms-transition: all 0.25s ease;
			 -o-transition: all 0.25s ease;
				transition: all 0.25s ease;
	}

/*/ STRUCTURE STYLES /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

	#wrapper {
		bottom: 0;
		left: 5%;
		height: auto;
		width: 400px;
		display: block;
		position: absolute;
	}

	#header,
	#footer,
	#content {
		width: 340px;
		height: auto;
		display: block;
		position: relative;
	}

	#header {
		padding: 30px;
	}

	#footer,
	#content {
		padding: 30px;
		background: #7E7868;
	}

	#content {

	}

	#footer {

	}

	#content p {
		font-size: 16px;
		padding: 0 0 30px;
		font-family: TradeGothicLT, Arial, Helvetica, Sans-serif;
	}

	#footer p {
		font-size: 17px;
		font-family: TradeGothicLT-CondEighteen, Arial, Helvetica, Sans-serif;
	}

	#logo,
	#logo img {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
	}

	.no-svg #logo {
		background: url(../img/logo_web.svg) no-repeat;
		background-position: left top;
		background-size: contain;
	}

	.no-svg #logo img {
		visibility: hidden;
	}

/*/ CUMULATIVE MEDIA QUERIES /////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-height: 795px) {

	#wrapper {
		top: 0;
		bottom: auto;
	}
}

@media only screen and (max-width: 450px) {

	body {
		background-position: 51% 50%;
	}

	#wrapper {
		left: 0;
		right: 0;
		top: auto;
		bottom: auto;
		width: 280px;
		display: block;
		margin: auto auto;
		position: relative;
	}

	#header,
	#footer,
	#content {
		width: 240px;
		display: block;
		padding: 20px 20px;
		position: relative;
	}
}

/*/ MEDIA QUERIES CONCERNING SUB-PIXEL RENDERING /////////////////////////////////////////////////////////////////////////////*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
			screen and (min-device-pixel-ratio: 1.25),
			screen and (min-resolution: 200dpi),
			screen and (min-resolution: 1.25dppx) {

	body * {
		-webkit-font-smoothing: subpixel-antialiased;
	}
}

/*/ END OF CSS FILE //////////////////////////////////////////////////////////////////////////////////////////////////////////*/