html, body {margin:0; padding:0;}
html {font-size:9pt;}

body {
	font-family:geneva, verdana, arial, sans-serif;
	background:#bacfe3; /* Old browsers */
	background:linear-gradient(to bottom, #bacfe3 0%, #99b5db 100%); /* W3C */
	background-attachment:fixed;
}

#header {
  padding:10px 0 5px;
  margin:0 15px;
	font-size:2rem;
  font-weight:bold;
  font-variant:small-caps;
  color:#444;
	text-align:center;
	text-shadow:1px 1px 0 #ccc, 1px 1px 5px #333;
}

#header span{font-size:2.5rem;}

.n{color:#218c13;}
.r{color:#eee;}
.w{color:#e71818;}

#appversion {font-size:1.5rem!important; margin-left:2rem;}

hr.fline {
  border:0;
  height:.25rem;
  width:80%;
  background:#c44;
/*  background:linear-gradient(to right, rgba(0, 110, 0, .8), rgba(250, 250, 250, .6), rgba(220, 60, 60, .8)); */
  background:linear-gradient(to right, rgba(33, 140, 19, .8), rgba(238, 238, 238, .6), rgba(231, 24, 24, .8)); 
}

input {color:#000; margin:0;}
input[type=text], input[type=password] {background:#fff; border-width:1px;}
input[type=submit] {width:100%;}

table {padding:10px; color:#456; margin:0 auto; border-spacing:5px 10px; font-size:1.1rem;}

#inputfields {
	border:1px solid #888;
	border-radius:5px;
	box-shadow:2px 2px 5px #202020;
	background:rgba(128, 128, 128, 0.2);
}

#karte {
  width:600px;
  height:600px;
  margin:40px auto;
  background:url(images/karteNRW.gif);
}

#platte {padding-top:33%;}

.help
{
 text-decoration:none;
 font-size:1.1rem;
 font-variant:small-caps;
 font-weight:bold; 
 color:#007050;
}

.box {font-size:.9rem; text-align:center;}
.back {font-weight:bold; color:#071870;}
.mail {color:#c44;}

:focus, :active :hover {outline:0;}