@media all
{
 img{ max-width: 100%;}
 


a:link {text-decoration: none;	color: #000;}
a:visited {	text-decoration: none;	color:#000;}
a:hover { text-decoration: none; color:#dd231c;	}
a:active { text-decoration: none; color:#000;}

h1{ margin-bottom:2%; padding:0; font-size: 130%;}
h2{	margin-bottom:2%;	padding: 0;	font-size: 115%; color: #0A; }
h3{	margin-bottom:1%; padding: 0;	font-size: 101%;color: #0A;}
h3 a{ text-decoration:underline; }	
h4{ margin:0; padding:0; font-size: 100;}
p{ font-size: 100%;}




.aussenwrapper
{
	width: 75%;
	height: 98%;
	float: left;
	margin-left: 12.5%;
}


/* ------------------------------------- FOOTER */

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

.div_footer_30p_links {
	float: left;
	margin-left: 2%;
	width: 30%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
}

.div_footer_30p {
	float: left;
	margin-left: 2%;
	width: 30%;
	padding-right: 1%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
}



.div_footer_30p_rechts {
	float: left;
	margin-left: 2%;
	width: 30%;
	color: #616161;
}



.div_footer_margin
{
	background-color: #CCCCCC;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	float: left;
	width: 98%;
	padding-top: 1%;
	padding-bottom: 1%;
	color: #616161;
}

.div_footer_margin a 
{
	color: #616161;
}	

/* ------------------------------------- FOOTER ENDE */


.text
{
	float: left;
	width: 98%;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 2%;
	padding-right: 3%;
	font-size: 90%;
	background-color:#EBEBEB;
	
}

.text-kontakt
{
	float: left;
	width: 98%;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 2%;
	padding-right: 3%;
	font-size: 90%;
	background-color:#EBEBEB;
	
}

.text-footer-r
{
	margin-left: 40%;
	color: #616161;	
}


.logo-top
{
	width: 80%;
	float: left;
	margin-left: 25px;
	margin-top: 22px;
	margin-bottom: 22px;
	background-color: #FFF;
}

.logo{
	width: 350px;
}	

.logo-schrift
{
	width: 98%;
	float: left;
	margin-left: 1%;
	padding-left: 2%;
	font-size: 120%;
	margin-bottom: 1%;
}

.schrift-top-logo1
{
	font-size: 150%;
	color: #666;
}


.logo-schrift-footer
{
	width: 90%;
	float: left;
	margin-left: 0;
	font-size: 100%;
	margin-bottom: 0;
	background-color: #CCCCCC;
}



/* ----------------------------------- MENÜ horizontal */



.menuewrapper
{
	width: 100%;
	height: 6%;
	float: left;
	font-size: 105%;
	padding-bottom: 1%;
	background-color: #FFF;
    
}



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


.div_inactive_button:hover
{
	background-color: #3D3D3D;
}

.div_active_button
{
	width: 33.33%;
	height: 100%;
	float: left;
	padding-top: 1.2%;
	padding-bottom: 1%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	background-color: #333333;
	color: #ffed34;
}

.div_active_button:hover
{
	background-color: #3D3D3D;
}



/* ------------------------------------ VIDEO */

 video { display: block; } 

 video#bgvideo{
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;	
}

}