/* @override 
	http://benkblog.schau-an.info/css/myresponsive.css
	http://blog.climbtools.eu/css/myresponsive.css
*/

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* @group html5 */

header {
	float: left;
	width: 100%;
}

nav {
	
}
menu {
	margin: 0;
	padding: 0;
}

main {
	float: left;
	width: 100%;
}

article {
	text-align: left;
	margin: 0 auto;
	padding: 12px;
	display: block;
}

aside {
	margin-right: auto;
	margin-left: auto;
	width: 36%;
	float: right;
}

section {
	
}

figure {
	overflow: hidden;
}

address {
	font: normal normal 1em Nauman-Light;
}

button {
	
}

footer {

}


time {
	
}
cite {
	
}
strong {

font-weight: 700;
}
/* @end *//* @end */

/* @group myResponsiv */

/*img {
	max-width: 100%;
	height: auto;
} */

.column {

}

.margin {
	margin: 2%;
}

.padding {
	padding: 2%;
}

.padding-top {
	padding-top: 2%;
}
.padding-left {
	padding-left: 2%;
}
.padding-right {
	padding-right: 2%;
}

.left {
	float: left;
	display: block;
}
.auto {
	margin-right: auto;
	margin-left: auto;
}
.right {
	float: right;
	display: block;
}
.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}
.inline {
	display: inline;
}
.inlineblock {
	display: inline-block;
}
.block {
	display: block;
}
.hidden {
	display: none;
}
.box {
	width: 100%;
}
.row, .box100, #box100 {
	width: 100%;
}

.box90 {
	width: 90%;
}
.box80 {
	width: 80%;
}
.box70 {
	width: 70%;
}
.box60 {
	width: 60%;
}
.box50 {
	width: 50%;
}
.box45 {
	width: 45%;
}
.box40 {
	width: 40%;
}
.box30 {
	width: 30%;
}
.box20 {
	width: 20%;
}
.box10 {
	width: 10%;
}
.box05 {
	width: 05%;
}

.box05, .box10, .box15, .box20, .box25, .box30, .box35, .box40,.box45, .box50, 
.box3-1, .box4-1, .box5-2 , .box5-1, .box6-3, .box6-2, .box6-1, .box7-1  {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.box-bild {
	
}

.box-text {
	
}
.box3-3 {
	width: 100%;
}

.box3-2 {
	width: 66%;
}

.box3-1 {
	width: 33%;
}

.box4-4 {
	width: 100%;
}

.box4-3 {
	width: 75%;
}

.box4-2 {
	width: 50%;
}

.box4-1 {
	width: 25%;
}

.box5-5 {
	width: 100%;
}

.box5-4 {
	width: 80%;
}

.box5-3 {
	width: 60%;
}

.box5-2 {
	width: 40%;
}

.box5-1 {
	width: 20%;
}

.box6-6 {
	width: 100%;
}

.box6-5 {
	width: 83,333333%;
}

.box6-4 {
	width: 66,6666667%;
}

.box6-3 {
	width: 50%;
}

.box6-2 {
	width: 33,3333333%;
}

.box6-1 {
	width: 16,6666667%;
}


.box7-7 {
	width: 100%;
}
.box7-1 {
	width: 14,2857143%;
}
.border {
	border: 1px solid gray;
}

.borderleftright {
	border-right: 1px solid gray;
	border-left: 1px solid gray;
}

.border-right {
	border-right: 1px solid gray;
}

.border-left {
	border-left: 1px solid gray;
}

.border-bottom {
	border-bottom: 1px solid #66473c;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.border-symbol {
	
}

.max10 {
	max-height: 10%;
}
.max20 {
	max-height: 20%;
}
.max30 {
	max-height: 30%;
}
.max40 {
	max-height: 40%;
}
.max50 {
	max-height: 50%;
}
.max60 {
	max-height: 60%;
}
.max70 {
	max-height: 70%;
}
.max80 {
	max-height: 80%;
}
.max90 {
	max-height: 90%;
}
.max100 {
	max-height: 100%;
}

/* @end */

/* @group myMediaQueriesBox */
/* and (max-width:640px) and (max-width:320px) */
@media only screen and (max-width:768px)  {

.right {
	float: left !important;
}
.box100, #box100, .box,
.box90, 
.box80,
.box70,
.box60,
.box50,
.box45,
.box40,
.box30,
.box20,
.box10,
.box05 {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
article {
	width: 98%;
	float: none;
	clear: none;
	margin-right: auto;
	margin-left: auto;
	margin: 0;
	padding: 0;
}
main, #main {
	margin: 0;
	padding: 0;
}

aside {
	float: none;
	clear: none;
	margin: 0 auto;
	padding: 0;
	width: 90%;
}
.maincloum {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
	
} /* max-width:768px */

/* @end */