@media screen and (max-width: 640px)
{
 body
 {    
	height: 98%;
	width: 100%;
	padding: 0;
    font-size: 60%;
	background: #f0f0f0;
	font-family: Verdana, Arial, sans-serif;
	margin: 0;
 }


.menuewrapper
{
	width: 100%;
	height: 4%;
	float: left;
	font-size: 70%;
	background-color: #FFF;
}


.text
{
	float: left;
	margin-top: 2%;
	margin-left: 1%;
	font-size: 70%;
	
}

.text-footer-r
{
	margin-left: 20%;
	
}


.aussenwrapper2  /*footer*/
{
	width: 75%;
	float: left;
	margin-left: 12.5%;
	font-size: 60%;
	background-color: #FFF;
}



.div_inactive_button
{
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 1.2%;
	padding-bottom: 1%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	background-color: #993366;
	background-color: #7f8679;
	
}


.div_active_button
{
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 1.2%;
	padding-bottom: 1%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	background-color: #993366;
	background-color: #7f8679;

}


.logo-top
{
	width: 100%;
	float: left;
	margin-top: 2%;
}

.logo-schrift
{
	width: 100%;
	float: left;
	margin-left: 1%;
	font-size: 100%;
	margin-bottom: 1%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.schrift-top-logo1
{
	font-size:180%;	
}

.div_10p_logo {
width:10%;
float:right;
margin-right:5%;
visibility:hidden;
}
























}