@charset "utf-8";
body {
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-x;
	font-family:  "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
form {
	width: 30%;
	border: thin solid #808080;
	box-shadow: 2px 2px 2px 2px #CCCCCC;
	border-radius: 8px;
	box-shadow: 1px 1px 1px 1px #FFFFFF;
	padding: 2%;
	font-size: 100%;
	margin: 2% auto 0% auto;
	background-color:hsla(0,0%,100%,0.9);
}
form a {
	border:thin #CCCCCC solid;
	color:#000000;
	padding:1%;
	text-decoration: none;
	display:block;
	text-align:center;
}
form a:hover {
	background-color:#FFE8D0;
}
form p {
		text-shadow: 1px 1px 1px 1px #FFFFFF;
}
#headeroben {
	text-decoration: none;
	text-transform: uppercase;
	width: 40%;
	margin: 1% auto 1% auto;
	clear: both;
}
#headeroben h4 {
	clear: both;
	margin-top: 5%;
	margin-bottom: 1%;
}
#headeroben h4 a {
	background-color:#FFE8D0;
	text-decoration: none;
	font-size: 140%;
}
#headeroben h2 {
	margin: 0%;
	clear: both;
	font-size: 110%;
	color:#FFFFFF;
}
body form h3 {
	color:#F57506;
}
@media (max-width:1200px) {
#headeroben{
	width:90%;
}

form {
	width:50%;
}
form a {
		padding:3%;
		margin-bottom:3%;
}
input {
	height:35px;
	width:70%;
}

}
@media (max-width:900px) {
#headeroben{
	width:90%;
}

form {
	width:70%;
}
form a {
		padding:3%;
		margin-bottom:3%;
}
input {
	height:35px;
	width:70%;
}

}
@media (max-width:600px) {
#headeroben{
	width:90%;
}

form {
	width:90%;
}
form a {
		padding:3%;
		margin-bottom:3%;
}
input {
	height:35px;
	width:90%;
}

}