
.ueberschrift_eurobau {
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 1.5rem;
	display: block;
	margin-top: 2rem;
	line-height: 1.7rem;
}
@media screen and (max-width:480px) {
	.ueberschrift_eurobau {
		font-size: 1.25rem;
		margin-top: 0;
		line-height: 1.5rem;
	}
}


/* Footer Überarbeitung der Breite */
footer#main {
	max-width: 1440px;
	width: 100% !important;
	position: absolute;
	margin-top: 0;
}
.footer_line {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

@media screen and (max-width:1024px) {
	footer#main {
		left: 0;
	}
}
@media screen and (max-width:768px) {
	footer#main.wide6 {
		padding: 0 !important;
	}
	footer#main table tr td {
		text-align: center;
	}
	footer#main table tr td div.wide1.bm20 {
		width: 30%;
		text-align: left;
		padding-left: 4%;
	}
	footer#main table tr td div.hide480 {
		display: none;
	}
}



@media screen and (max-width:1024px) {	/* Sobald klein genug anzeigen..., sonst alles auf Standard */
	.KlassenbrowserMenu > label#opentreeview {
		display: none !important;
	}


	#opentreeview {	/* Position und Gestaltung des Labels */
	position: fixed;
	left: 30px;
	top: 103px;
	height: 32px;
	width: 32px;

	background: url('http://freeclass.eu/upload/iconset2transp_Original.gif') white;
	background-position: 316px 170px;

	display: none;
	z-index: 900;

	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);

	transition: transform 1s ease;

	border: 1px solid #527fa2;
	border-radius: 20px;
	}
	#chk_open_treeview:checked + label  {
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}



	#opentreeview {
		display: block !important;
	}
	#main > div {
		overflow: hidden !important;
	}


	#chk_open_treeview + label + div ~ aside  {	/* Menü links öffnend */
	
	transition: all 1s ease;

	position: absolute;
	left: -85%;
	top: 0;
	background-color: #527fa2;
	max-width: 70%;
	width: inherit;
	margin-top: 122px;
	padding: 15px;

	max-height: 85%;

	border-radius: 0px 0px 15px;

	overflow: scroll !important;
	}

	#chk_open_treeview + label + div ~ aside table td {	/* Menü links öffnend */
		color: #fff;
	}

	#chk_open_treeview + label + div ~ aside td.tablistheader {
		font-size: 16px;
	}
	#chk_open_treeview + label + div ~ aside .tablistheader {	/* Schriftfarbe Titel */
		color: #fff;
	}
	#chk_open_treeview + label + div ~ aside td a {	/* Schriftgröße / Farbe Menüpunkte */
		font-size: 16px;
		color: #fff;
	}

	#chk_open_treeview + label + div ~ aside input[type="image"] {	/* Schriftfarbe Titel */
		position: relative;
		top: 7px;
	}

	#chk_open_treeview + label + div ~ aside tr td {	/* Abstand Menüpunkte */
		padding: 4px;
	}
	#chk_open_treeview + label + div ~ aside tr tr:hover {	/* Abstand Menüpunkte */
		background-color: #eee;
	}
	#chk_open_treeview + label + div ~ aside tr tr:hover * {	/* Abstand Menüpunkte */
		color: #527fa2;
	}
	#chk_open_treeview + label + div ~ aside tr tr a:hover {	/* Abstand Menüpunkte */
		
		text-decoration: underline;
	}


	#chk_open_treeview:checked + label + div ~ aside  {	/* Menü sobald Checked nach rechts verschieben */
		
		left: -15%;
		/*max-height: inherit;*/
	}


	#chk_open_treeview + label + div ~ div {
		min-height: 85%;
	}
	#chk_open_treeview + label + div ~ div , #chk_open_treeview + label + div ~ article  {
		transition: all 1s ease;
		position: relative;
		left: 0;
	}
	#chk_open_treeview:checked + label + div ~ div , #chk_open_treeview:checked + label + div ~ article  {
		left: 72%;
	}

}










@media screen and (max-width:768px) {
	#opentreeview {	/* Position und Gestaltung des Labels */
		left: 30px;
		top: 79px;
		height: 32px;
		width: 32px;
	}


	#chk_open_treeview + label + div ~ aside  {	/* Menü links öffnend */
	left: -75%;
	margin-top: 96px;
	}


	#chk_open_treeview:checked + label + div ~ aside  {	/* Menü sobald Checked nach rechts verschieben */
		left: -5%;
	}



	#chk_open_treeview + label + div ~ article {
		height: 90px;
	}
	#chk_open_treeview + label + div ~ article {
		left: -12%;
	}
	#chk_open_treeview + label + div ~ div {
		left: -9%;
	}
	#chk_open_treeview:checked + label + div ~ div , #chk_open_treeview:checked + label + div ~ article  {
		left: 72%;
	}
}









@media screen and (max-width:480px) {
	#opentreeview {	/* Position und Gestaltung des Labels */
		left: 30px;
		top: 79px;
		height: 32px;
		width: 32px;
	}


	#chk_open_treeview + label + div ~ aside  {	/* Menü links öffnend */
	left: -105%;
	margin-top: 96px;
	max-width: 100%;
	width: 100%;
	}


	#chk_open_treeview:checked + label + div ~ aside  {	/* Menü sobald Checked nach rechts verschieben */
		left: -5%;
	}



	#chk_open_treeview + label + div ~ article  {
		height: 180px;
	}
	#chk_open_treeview + label + div ~ div , #chk_open_treeview + label + div ~ article  {
		left: -12%;
	}
	#chk_open_treeview:checked + label + div ~ div , #chk_open_treeview:checked + label + div ~ article  {
		left: 112%;
	}
}