/*
style.css für Fotoschule-ruhr.de
Responsive
einfaches menu
*/




/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */


*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


html { font-size: 100%; }


body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #000;
	background-color: #fff;
}
body.custom-font-enabled {
	font-family: 'Droid Sans', sans-serif;
}


a {
	outline: none;
	color: #6a6a6a;
}


a:hover {
	color: #000000;
}


.site {
    padding: 0px;
    background-color: #FFFCF4;
}
	
.site-content article {
	border-bottom: 0;
	margin-bottom: 14px;
	margin-bottom: 1rem;
	padding-bottom: 14px;
	padding-bottom: 1rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}


.nav-single + .comments-area,
#comment-nav-above {
	margin: 14px 0;
	margin: 1rem 0;
}







/*streckt auf 100% höhe http://www.perun.net/2011/11/23/css-jede-unterseite-auf-100-hoehe/ */
html, body {
    height: 100%; /* Streckt den angezeigten Bereich auf 100% */
}
#page {
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height: auto !important; /* Für moderne Browser */
    height: 100%; /* "Mindesthöhe" für IE <7 */
}
/*streckt auf 100% höhe Ende */




.footer {
    bottom: 0px;
    background-color: #000;
    color: #808080;
    width: 100%;
    padding: 10px;
}




/* =End of Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */




/* Minimum width of 600 pixels. */
/* Minimum width of 600 pixels. */
/* Minimum width of 600 pixels. */
/* Minimum width of 600 pixels. */

@media screen and (min-width: 600px) {

	
	html { font-size: 112%;
	
	
	
}

/* End of Minimum width of 600 pixels. */
/* End of Minimum width of 600 pixels. */
/* End of Minimum width of 600 pixels. */
/* End of Minimum width of 600 pixels. */







/* Minimum width of 960 pixels. */
/* Minimum width of 960 pixels. */
/* Minimum width of 960 pixels. */
/* Minimum width of 960 pixels. */



@media screen and (min-width: 960px) {

	html { font-size: 120%; }
	
}


/* End of Minimum width of 960 pixels. */
/* End of Minimum width of 960 pixels. */
/* End of Minimum width of 960 pixels. */
/* End of Minimum width of 960 pixels. */