/* ---------------------------------------------------------------------- */
/* Media Queries 
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {


	
}




/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	
#access .menu-header,
#access,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 950px;
}


#container {
	float: right;
	margin: 0;
	width: 740px;
}
	
	
	
.entry-content img,
#Banner img {width: 100%; height:auto; display: block;}

.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.aligncenter
{width: 100%; height:auto; display: block;}
/* ************** Extras *********************************************** */
	
/* ************** Smartflat-Button Startpage **** */

#stpg-smartflats-btn
{
	top: 1.4vw;
	right: 1vw;
	width: 160px;
	height: 160px;
}
	
}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {


#access .menu-header,
#access,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 760px;
}


#container {
	float: right;
	margin: 0;
	width: 550px;
}

	
}

	
	
	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
#container {
	float: right;
	margin: 0 auto;
	width: 460px;
}
/* ************** Extras *********************************************** */
	
/* ************** Smartflat-Button Startpage **** */

#stpg-smartflats-btn
{
	top: 2.2vw;
	right: 0.3vw;
	width: 140px;
	height: 140px;
}
}


	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	#access .menu-header,
#access,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 480px;
}


#container {
	float: right;
	margin: 0 auto;
	width: 460px;
}

#primary {display:none;}




	
}





	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	
		#access .menu-header,
#access,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 300px;
}


#container {
	float: right;
	margin: 0 auto;
	width: 300px;

}

#primary {display:none;}

/* ************** Extras *********************************************** */
	
/* ************** Smartflat-Button Startpage **** */

#stpg-smartflats-btn
{
	top: -45px;
	right: 14.0vw;
	width: 140px;
	height: 140px;
}
#stpg-smartflats-btn:hover
{

	-moz-transform: scale(1.2) rotate(10deg) translateX(-20px) translateY(15px);
	-webkit-transform: scale(1.2) rotate(10deg) translateX(-20px) translateY(15px);
	-o-transform: scale(1.2) rotate(10deg) translateX(-20px) translateY(15px);
	-ms-transform: scale(1.2) rotate(10deg) translateX(-20px) translateY(15px);
	transform: scale(1.2) rotate(10deg) translateX(-20px) translateY(15px);
}

}





