#main {
	min-width:825px;
	min-height:1300px;
}

#container1 {
	width:100%;
	margin: 0 auto; /* Zentriert das Layout */
	height: 100%;
}

/* #navi1 {
		float:left;
  		width: 30%;
  		border:none;
  		margin-left:10px;
  		padding-top:80px;
	}
*/
 #navi1 {
    display:none;
  }
  
#content1 {
  /* background: #00a0db; */
  height: 100%; 
  float: left;
  width:100%;
  margin-bottom: 50px;	
  margin-top: 20px;	
  margin-left:10px;
  margin-right:10px;
  padding-left:100px;
}


#navnormal {
		display:none;
	}

#navsmall p {
		text-align:center;
		float:none;
        padding:10px;
        margin-top:10px;
	}

#map {
		float:left;
		margin-left:-30px;
	}

#legendmap {
		margin-top:10px;
		border:solid 1px;
		padding:2px;
		float:left;
		margin-left:5px;
		margin-bottom:0px;
	}
	
#container1 table {
	align:center;
	width:100%;
}

#content1 .inhalt {
	align:left;
	padding-left:0px;
	width:100%;
}

#content1 .archiv {
	align:center;
	width:600px;
}

#container1 td {
	margin:5px;
	padding:5px;
}

#container1 th {
	text-align:center;
	margin:5px;
	padding:5px;
	font-size:1.2em;
}

#content1 .formular div {
	float:left;
	padding-right:40px;
	padding-top:5px;
}



#viewcontainer {
	position:relative;
	left:-170px;
	top:-200px;
	margin-top:50px;
	}

#container1 input {
	background-color: white;
	text-align:center;
	color:black;
	padding:5px;
	margin:auto;
	width:90%;

    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

#container1 select {
    border:1px solid #000;
    -webkit-border-radius:0;
    border-radius:0;
	
	background-color: white;
	text-align:left;
	color:black;
	padding:5px;
	
}


#container1 input:hover {
	background-color: #2d4b9b; /* DWD-Blue */
    color: white;
}

#container1 #outerlegend {
		float:left;
  		width: 30%;
		margin-top:450px;
}

#adresse {
	margin-left:10px;
	margin-top: 10px;
}

#container1 img {
	display: block;
    margin-left: auto;
    margin-right: auto
}

#content1.ueber table, td, th {
	border-style:none;
}

#legende {
	position:absolute;
	top:980px;
	left:10px;
	background-color: #FFFFFF;
	z-index:8;
	line-height:20px;
	font-size:12px;
	border:solid 1px;
	width:300px;
	padding:20px;
	margin:2px;
}

#legendetab {
	position:absolute;
	top:-140px;
	left:90px;
	background-color: #FFFFFF;
	z-index:10;
	line-height:20px;
	font-size:12px;
	border:solid 1px;
	width:300px;
	padding:2px;
	margin:2px;
	}

#legende img ,#legendetab img {
	float:left;
	padding-right:5px;
	padding-top:5px;
}

#InfoBox {
visibility: hidden;
position: absolute;
top: 10px;
left: 10px;
z-index: 110;

/* diese Angaben können Sie anpassen */
width: 300px;
background-color: #FFF;
border: 2px solid #0090E0;
}

pre {
	border-radius: 0 !important;
	padding:10px;
	margin-bottom: 0px;
}

hr {
	padding:0px;
	margin:5px;
}

/* weitere Box in der Info-Box für padding */
#BoxInnen {
padding: 0px;
margin: 0px;
}

/* Formatierung Texte in der Info-Box */

#BoxInhalte {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #5F5F5F;
line-height: 130%;
}

/* Beispiel h1 Überschrift */
#BoxInhalte h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
color: #0090E0;
}

#logotext {
  	display:none;
  }

.point1 img {
	opacity:0.2;
}

.point {
	text-decoration:none;
	font-weight:normal;
	font-size:8pt;
}

.point a {
	text-decoration:none;
	color:black;
	background:#eee9e9;
}

.point a:hover {
	text-decoration:none;
}

 #hauptnav > li:nth-child(1), #hauptnav > li:nth-child(2), #hauptnav > li:nth-child(3),  #hauptnav > li:nth-child(4),  #hauptnav > li:nth-child(5) {
 	display:none;
 }

#ximage {
  min-width:900px;
}
 
button:focus, #container1 select:focus, #container1 input[type="submit"]:focus, footer a:focus {
		border: solid 2px orange;
} 


footer a:focus {
	color:white;
	text-decoration:none;
}

.noscript {
	font-weight:bold;
	border: 2px solid #000;
	padding:10px;
	text-align:center;
	background-color: #eee;
	z-index:100;
}
 
 
#oben {
	margin-top:150px !important;
} 
 
 /***********************************/

@media only screen and (min-width: 500px) {
	#container1 input {
	border:solid 1px;
	background-color: white;
	text-align:center;
	color:black;
	padding:5px;
	float:left;
	margin-top:0px;
	margin-left:30px;
	min-width:0;
	width:auto;
	}

#adresse {
	margin-left:130px;
	margin-top: 150px;
}

  #content1 {
    min-height: 500px;
    width: 77%;
  }

  #navi1 {
    height: 250px;
    width: 18%;
    margin-left: 0px;  
    border:none;
    float:left;
  }

	#logotext {
		display:inline;
	}

	#legendetab {
		position:fixed;
		top:400px;
		left:10px;
		width:130px;
  }

}

@media only screen and (max-width: 600px) {
 nav section  {
 	display:none;
 }
 #hauptnav > li:nth-child(1), #hauptnav > li:nth-child(2), #hauptnav > li:nth-child(3),  #hauptnav > li:nth-child(4),  #hauptnav > li:nth-child(5) {
 	display:inherit;
 	
 }
}

@media only screen and (min-width: 600px) {
	#welt {
		float:left;
		width:50%;
	}

	#europa {
		float:right;
		width:50%;
	}
	
	#content1 {
    	height: 100%;
    }
	
	#navnormal {
		display:none;
	}

	#navi1 {
		float:left;
  		width: 18%;
  		border:none;
  		margin-left:10px;
 		padding-top:0px;
	}

	#map {
		float:left;
		margin-left:-30px;
	}

	#container1 #buttonform {
		clear:left;
		width:100%;	
	}


}

@media only screen and (min-width: 755px) {
	#viewcontainer {
	position:relative;
	left:-170px;
	top:-220px;
	float:left;
	margin-top:0px;
	}
	
	#container1 #outerlegend {
		position:relative;
	    left:600px;
     	top:0px;
     	z-index:1;
		margin-top:0px;
	}
	
	#container1 #buttonform {
		min-width:600px;	
}

}

@media only screen and (max-width: 840px) {
 header nav section {
 	padding-left:60px; 
 }
}

@media only screen and (min-width: 1024px) {
	#main {
	min-height:1100px;
}
	#navsmall {
		display:none;
	}
	
	#navnormal {
		display:block;
	}

  #container1 {
    max-width: 1200px; 
  }

  #container1 #buttonform {
	width:100%;	
}

/*  #navi1 {
    height: 250px;
    width: 18%;
    margin-left: 0px;  
    border:none;
    float:left;
    padding-top:40px;
  }
*/

  #content1 {
    min-height: 500px;
    width: 77%;
  }

#legende {
		position:absolute;
		top:760px;
		left:870px;
	}

#legendetab {
		width:150px;
  }	

}
  


@media only screen and (min-width: 1366px ) {
	#legende {
		position:absolute;
		top:760px;
		left:870px;
	}
	
	 #navi1 {
    display:inline;
  }
  
  #content1 .inhalt {
	align:center;
	padding-left:0px;
	width:700px;
}

	#legendetab {
		position:fixed;
		top:600px;
		left:10px;
		width:270px;
  }

}
  
@media only screen and (min-width: 1600px) {
	#content1 .inhalt {
	align:center;
	padding-left:70px;
	width:700px;
}
	
	
}