body, html {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 200%;
	font-size: 40%;
}
	a {
		text-decoration: none;
	}

@media screen and (min-width: 1200px) {
	html{
		font-size: 20%;
	}
}

@media screen and (min-width: 500px) {
	html{
		header nav#normal {display: none;}
	}
}

header {
	
	letter-spacing: 3px;
	background: #E3E3E5;
	width: 100%;
	position: fixed;
	z-index: 99;
	float: left;
	top: 0;
	left: 0;
	right: 0;
	text-align: right;
	transition: 200ms all;
	heigth: 70px;
	/*height: 7rem;*/
			
}

header nav#normal {
	color: #F3F3F5;
	background-color: #E3E3E5;
	display: inline-block;
}	
header nav#normal ul{
	margin: 4px 0 0 0 ;
	padding: 0;
	transition: all 300ms;
	display:inline-block;
	font-size: 60%;

}

header nav#normal ul li{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	position: relative;
	transition: all 300ms;
	
}

header nav#normal ul li a {
	display: inline-block;
	padding: 217px;
	padding: 2.17rem;
	float: left;
	min-width: 120px;
	min-width: 20rem;
	text-align: center;
	font-size: 10px;
	/*font-size: 4rem;*/
	color: #fff;
	margin: 0 1px 0 0;
	text-decoration: none;
	background: #E3E3E5;
	font-weight: 300;
	transition: all 300ms;
	font-family: "Arial";
	font-weight: bold;
	color: #002835;
	
}

@media screen and (max-width: 600px){
	header nav#normal ul li a {
	display: inline-block;
	padding: 217px;
	padding: 2.17rem;
	float: left;
	min-width: 120px;
	min-width: 20rem;
	text-align: center;
	font-size: 10px;
	/*font-size: 4rem;*/
	color: #fff;
	margin: 0 1px 0 0;
	text-decoration: none;
	background: #E3E3E5;
	font-weight: 300;
	transition: all 300ms;
	font-family: "Arial";
	font-weight: bold;
	color: #002835;
	
	font-size:10px;
	min-width: 25%;
	max-width: 30%;
	
	}
}

header nav#normal ul li:hover > a {
	background: #BBBBBB;
	
}

header nav#normal ul li ul {
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	transition: 300ms all;
	max-height: 0;
	
}

header #ud_logo { float: left; width:40px; height: 40px; margin: 0px 0 0 30px;}
header #ud_logo  img{ width: 100%; height: auto;}

header nav#normal ul li ul li {
	border-bottom: 2px solid #FFFFFF;

}

header nav#normal ul li:hover > ul {
	max-height: 800px;

}

header nav#mobile {
	color: #C8354E;
	display: none;
	
}

/*@media screen and (max-width: 500px) {
	 header nav#mobile { display: block;}
}*/

header nav#logo {
		/*position: absolute;*/
		display: inline-block;
		text-align: left;
}
/* ################################################# */
/* Kommentar */
/* ################################################# */

	.ud_page {width:100%; heigth:100%; overflow: hidden; float: left;}

/* ################################################# */
/* STARTSEITE */
/* ################################################# */

#Startseite {font-family: "Arial";  background:url(bg_white.png); 
 background-position:center 20px; background-size: cover; background-attachment: fixed; color: #002835;}



#Startseite #ud_intro h2 {font-family: "Arial"; text-align:center; margin:30px 0 0 0; font-size:80px; line-height:110px;}

/*#Startseite #ud_intro #ud_introtext {position: absolute; bottom:%; right:auto ; left:auto ; max-width: 90%; /*height: 40%; align: center; margin: 0 auto}*/
#Startseite #ud_intro #ud_introtext p {background-color: #FFFFFF; font-family: "Arial"; text-align:center; font-weight: bold; color: #002835; 
	margin:30px 20px 140px 300px; font-size:20px; max-width:800px; margin: 0 auto}
	
@media screen and (max-width: 600px)
{
	#Startseite #ud_intro h2 {font-family: "Arial"; text-align:center; margin:50px 0 0 0; font-size:48px; line-height:50px;}
}

/* ################################################# */
/* Warnung */
/* ################################################# */

#Warnung #ud_warnung h1 {font-family: "Arial"; text-align:center; font-weight: bold; color: #FFC000; font-size:30px;}

				
/* ################################################# */
/* Kontakt */
/* ################################################# */
	

	

#Kontakt { position:relative; background:url(bg_kontakt.jpg); 
margin:70px 0 0 0 ;background-position:center center; background-size:cover; background-attachment: fixed; color: #111111 ; }

#Kontakt h2 {font-family: "Arial"; text-align:center; margin:50px 0 0 0; font-size:50px; line-height:110px; color: #002835; }

#Kontakt p {background-color: #FFFFFF; font-family: "Arial"; text-align:center; font-weight: bold; color: #002835; margin:330px 20px 140px 900px; font-size:23px; max-width:800px;}






/*
margin:oben links unten rechts
*/