* {

    box-sizing: border-box;

}
.container {
	margin:  auto;
	padding: 10px;
}
.loginform {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	border: 5px solid #f1f1f1;
	width: 100%;
	height: 100%;
}

.loginElement {
	text-align: center;
	width: 100%;
	display: inline-block;
	margin: 8px 0;
	box-sizing: border-box;
}



@media only screen and (min-width: 280px) {
	.container {
		width: 100%;

	}

}
@media only screen and (min-width: 800px) {
	.container {
		width: 75%;
	}
}

@media only screen and (min-width: 1024px) {
	.container {
		width: 65%;
	}
}

@media only screen and (min-width: 1280px) {
	.container {
		width: 55%;
	}
}

ul.navList  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

}

li.navItem  {
  float: left;
}

li.navItem  a {
  display: block;
  padding: 8px;
}
li.navItem  span {
  display: block;
  padding: 8px;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
button:hover {
  opacity: 0.8;
}
.row0 {
	background-color: #eeeeee;
}
.row1 {
	background-color: #dddddd;
}
.formErrorText {
	color: red;
	font-weight: bold;
}
.formErrorElement {
	border: 2px solid red !important;
}