html, body {height:100%; margin:0; font-size:1.0em; 
		color:#ffffff; background-color:#6b6e79; font-family:Arial;}
	body h1 {font-size:3.1vh; margin:0;}
	body h2 {font-size:1.9vh; }
	
#wrapper {position:relative; height:100%; min-height:100%; 
			max-width:800px; margin:0 auto; text-align:center;
			}
			
#header {height:7%; background-color:#6b6e79; }
#header h1 {margin:0; font-weight:normal; font-size:3.1vh;}
#header h2 {margin-top:0.7%; margin-bottom:0; font-weight:normal; font-size:1.9vh;}
	
#nav {height:4%; overflow:hidden;}
#nav {display:flex; align-items: center; background-color:#6b6e79; border-bottom:1px solid #b6b9c6;}
#nav ul {width:80%; margin:0px auto; padding:0px 0px 0px 0px; 
			font-size:1.5vh; font-family:arial; 
			display:flex; flex-direction:row; justify-content:space-around; flex-wrap:wrap;
					display: -webkit-box; -webkit-box-pack: center; -webkit-flex-direction: row; -webkit-flex-wrap:wrap;
					display: -ms-flexbox; -ms-flex-wrap: wrap;
					display: -webkit-flex;}
#nav li { list-style-type:none; 
			list-style-image:none; }
#nav li a {color:#ffffff;}
#nav li a, nav li a:hover { padding:0px; text-decoration:none; }
#nav li a:hover {color:#000000; background-color:#ffffff;}
#navpic {display:none; z-index:10;}

#main {display:block; margin-top:2%;}
#ankica {float:left; margin-right:20px;}
#main p {text-align:justify;}

#ausstellungendiv {width:50%; margin:auto; min-height:1000px; }
#ausstellungendiv h2 {text-decoration:underline; margin-bottom:7%;}
#ausstellungendiv p {text-align:center;}

form {display:flex; flex-direction:column; justify-content:center; font-size:1.0em; border:1px solid #fff;
	  display: -webkit-box; -webkit-box-pack: center; -webkit-flex-direction: column; 
	  display: -ms-flexbox; -ms-flex-direction:column; -ms-flex-pack:center; 
	  display: -webkit-flex; margin-bottom:10px;}
form div {width:20em; margin:0px auto;}
textarea {width:19em; height:10em; margin-top:20px; font-family:Arial; font-size:1.0em;}
input {width:19em; height:1.8em; margin-top:20px; font-size:1.0em;}
form p {margin:0px;}
form img {margin-top:20px;}
form .captcha {margin:0px;}
form .send {margin-bottom:20px;}

p.fehler {
	color: #FF0000;
	font-weight: bold;
	font-size: 1.3em;
}

p.impressum {font-size:0.8em;}

.noshow {visibility:hidden;}
.nodisplay {display:none;}
.ohne-link {background-color:#61636e; padding:0 0.5em;}


@media (orientation: portrait) {
#ankica {width:100%;}
#ankica img {display:block; margin:auto;}
#main, #btnmaindiv {margin-top:4%; padding:2%;}
#nav {display:none; position:absolute; top:0; right:0; height:auto; width:60%; 
		z-index:5; }
#nav ul {width:100%; font-size:2.7vh;
		padding:1.5vh 0;
		display:flex; flex-direction:column; 
					display: -webkit-box; 
					-webkit-flex-direction: column;
					display: -ms-flexbox;
					display: -webkit-flex;
					}
					
#nav ul li {line-height:5.0vh;}
#navpic {display:block; position:absolute; top:0; left:0; width:6vh;}

#ausstellungendiv {width:100%; }
}