/* CSS Document */
body {
	margin: 0; padding: 0;
	font-family: verdana, Arial, Helvetica, Sans Serif !important;
  font-size: 78%;
	color: #444;
	text-align: center;
	background-color: #F2F0DF;
}

img  { border: 0 none; }

/* -- id styles ------------------------------------- */

#frame {
	margin: 80px auto;
	max-width: 800px;
	padding: 20px;
 background: none repeat scroll 0 0 transparent;
}

#frame form {
	text-align: left;
	max-width: 400px;
}

/* -- class styles ---------------------------------- */

.outline {
 /* border: 1px solid #cccccc; */
  background: #ffffff;
  padding: 2px;
}

/* -- form styles ----------------------------------- */

form    { margin: auto; }
form p  { margin: 0; padding: 0; }
form fieldset { border: 0 none; margin: 0em; padding: 0.2em; padding: 0 21px 21px;}
label         { display: block; float: left; }
input 		  { padding: 1px; }
input.button  {width: auto; height: 1.8em; cursor: pointer; float: left;}

label  { margin: 2px 4px 0 2px; width: auto;}
form p { padding: 0.2em 0 0.2em 0; }
form br { display: none; }
input.inputbox {border: 1px solid #0E67A1; width: 95%; font-size: 18px; padding: 8px; color: #444;}
.checkbox.inputbox {height: auto;margin: 8px 0 0;width: auto; float: left;}    
input.button {
 color: #004D99;
 font-weight: 700;
 height: 26px;
 width: 35%;
 float: right;
 margin-top: -25px;
}
/* input.button:hover { border-color:  #FC902E; } ausdekummentiert fm */

#frmlogin	      { margin: 0 10px 0 10px;  }
#frmlogin fieldset.button { text-align: right; }

#frame h1{
  color: #004D99;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.44);
}
#frame h2 {
 color: #004D99;
 font-family: verdana;
 font-size: 8em;
 font-weight: 700;
 margin: 0 0 4px;
 text-shadow: -4px 8px 13px rgba(0, 0, 0, 0.44);
}
p.offline_message {
    text-align: left;
}

/* Landscape phones and down */
@media (max-width: 480px) {

  #frame h2 {
    font-size: 5em;
  }
  
}