html { margin: 0; padding: 0; font-family: verdana; font-size: 14px; background-color: #eee;  }
a { color: #7f8b2f; }
a:hover { color: #b9d132; }
body {  }
label { width: 200px; float: left; padding: 6px 0 0 0;}
label.checker { width: 470px; margin: 0 0 0 0; padding: 5px 0 0 0; }
input,select,textarea { margin: 5px 0 0 0; width: 300px; }
textarea { height: 100px; }
input[type=submit] { width: auto; margin: 0 0 0 10px;  }
input[type=checkbox] { width: auto; margin: 5px 5px 0 200px; float: left; }
input[type=radio] { width: auto; margin: 5px 5px 0 200px; float: left; }
input[type=number] { width: 50px; margin: 5px 5px 0 0px; }
.adminform input[type=checkbox] { margin: 0 5px 0 0px; padding: 3px; }
form { padding: 10px 0 50px 10px; }
span.fehler { color: #ff0000; padding: 0 0 0 10px; }
div.fehler { color: #ff0000; padding: 10px 0 0 0; }
div.mailanzeige { font-style: italic; background: #ccc; padding: 20px; }
div.namensblock { padding: 10px; display: none; border: 1px solid #7f8b2f; }
div.namensblock2 { padding: 30px 10px 10px 10px; border: 1px solid #7f8b2f; }
div.namensblock div.header { font-weight: bold; text-decoration: underline; margin: 0 0 10px 0;}
div.namensblock div.newreisender { cursor: pointer; padding: 5px 20px; font-size: 14px; font-weight: bold; background: #eee; border: 1px solid #000; border-radius: 5px; display: inline; }
div.center { min-height: 100vh; margin: 0 auto; width: 800px; background-color: #fff; box-shadow: 0px 0px 20px 10px #999;}
div.header { border-bottom: 1px solid #999; padding: 0 0 10px 0; color: #7f8b2f; }
div.abstand { padding: 20px; }
div.left { float: left; }
div.right { float: right; text-align: right; }
div.clearer { clear: both; }
div.content { padding: 30px 0 0 0; }
div.footer { border-top: 1px solid #999; text-align: center; padding: 10px 0 10px 0; }
div.flieger { display: none; }
div.faehre { display: none; }
div.faehre label { width: 350px; float: left; }
div.faehre label.checker { width: auto; float: left; }
div.faehre input[type=checkbox] { width: auto; margin: 5px 5px 0 350px; float: left; }
div.mailhinweis { font-size: 10px; color: #999; padding-left: 200px; }

div.flieger, div.faehre { border: 1px solid #aaa; padding: 10px; margin: 0 0 20px 0; }

div.reiseblock { margin: 30px 0; padding: 10px; background: #f0f7c6; }
div.reiseblock div.fehler { margin: 0 0 0 350px; }
fieldset { border: 1px solid #000;  padding: .5em; margin: 1em 0; }
fieldset legend { padding: .3em .7em; border: 1px solid #000; }

h2 { font-size: 18px; padding: 10px 0; }
h3 { font-size: 16px; padding: 10px 0; font-weight: bold; }

@media screen and (max-width: 600px) {
	html { font-size: 18px; }
	form { padding: 0; }
	div.center { width: 100%; }
	div.abstand { padding: 10px; }
	label { clear: both; width: 100%; margin: 10px 0 0 0; }
	input,select,textarea { width: 100%; padding: 5px; border: 1px solid #999;}
	input[type=checkbox], div.faehre input[type=checkbox] { width: auto; margin: 20px 0 0 7px; transform: scale(2); }
	div.namensblock div.newreisender, div.namensblock2 { font-size: 18px; }
	div.right { float: left; text-align: left; }
	label.checker { width: auto; }
	input[type=submit] { margin: 0 0 0 0; font-size: 18px; width: 100%; }
	div.reiseblock div.fehler { margin: auto; }
}

/*
darkgreen #7f8b2f
lightgrren #b9d132
*/