@font-face {
	font-family: 'GrundschriftNormal';
	src: url('assets/Grundschrift-Normal.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

body {
	background-color: #EEEEBE;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

input {
	border-radius: 5px;
	border: 1px solid #2E6993;
	box-shadow: none;
	/* box-sizing: border-box; */
}

button {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
}

input[type="checkbox"] {
	width: 15px;
	height: 15px;
	cursor: pointer;
}

textarea {
	border-radius: 5px;
	border: 1px solid #2E6993;
	box-shadow: none;
	/* box-sizing: border-box; */
}

.caTop {
	width: 100%;
}

.caDesktop { 
	display: inline-block; 
	width: 160px;
	height: 600px;
	float: right;
}

@media (max-width: 960px) { .caDesktop { display: none; } }
@media (min-width:1024px) { .caDesktop { width: 160px; height: 600px; } }
@media (min-width:1366px) { .caDesktop { width: 300px; height: 600px; } }

.headerTitle {
	font-family: 'GrundschriftNormal';
	font-size: 32px;
	float: right;
	text-align: right;
	padding-right: 10px;
	padding-top: 4px;
	color: #175480;
}

.headerMenu {
	font-family: 'GrundschriftNormal';
	font-size: 24px;
	float: left;
	width: auto;
	padding-left: 2px;
	padding-top: 8px;
	color: #175480;
}

.headerLogo {
	float: left;
}

.logoLabel {
	font-family: 'GrundschriftNormal';
	font-size: 45px;
	color: #175480;
	float: left;
}

.logoImage {
	width: 49px;
	height: 60px;
	float: right;
}

.tagline {
	font-family: 'GrundschriftNormal';
	font-size: 20px;
	color: #175480;
	float: center;
	width: 100%;
	text-align: center;
}

.menuBar {
	width: 100%;
	height: 45px;
	/* display: block; */
	position: fixed;
	top: 0px;
	left: 0px;
	margin: 0px;
	background-color: #ffffff;
	border-bottom: 1px solid #2E6993;
	opacity: 0.9;
}

.footerBar {
	width: 100%;
    height: 48px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    margin-bottom: 0px;
}

.modeBar {
	width: 192px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("images/mode_background.png");
}

.dropDown {
	/* width: 30em; */
	display: block;
	position: fixed;
	top: 45px;
	left: 0px;
	margin: 0px;
	padding: 5px;
	background-color: #ffffff;
	border-bottom: 1px solid #2E6993;
	border-left: 1px solid #2E6993;
	border-right: 1px solid #2E6993;
	opacity: 0.9;
}

.entrySpace {
	width: 75%;
}

.elemlists {
	width: 100%;
	padding: 10px;
}

.fullSpace {
	width: 100%;
}

.extraSpace {
	width: 100%;
	padding-top: 10px;
}

.backdropSpace {
	width: 100%;
	height: 100%;
	opacity: 0.01;
}

.centerSpace {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

#listlily-fb-holder {
	width: 330px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

.notTooLargeEntry {
	width: 15em;
	padding: 4px;
}

.formField {
	width: 24em;
	padding: 4px;
}

.formLabel {
	text-align: left;
	margin: 4px;
}

.formRight {
	float: right;
	text-align: right;
	margin: 4px;
}

.addButton {
	float: right;
	margin-left: 10px;
}

.addEntry {
	height: 1.2em;
	padding: 3px;
	width: 100%;
}

.addDiv {
	overflow: hidden;
	padding-right: 10px;
	padding-bottom: 2px;
}

/* Since we override the default style, we need something for the suggest box */
.gwt-SuggestBoxPopup {
	padding: 2px;
	background-color: #ffffff;
	border-bottom: 1px solid #2E6993;
	border-right: 1px solid #2E6993;
	border-left: 1px solid #2E6993;
	margin-left: 8px;
	opacity: 0.9;
}

.heading {
	font-family: 'GrundschriftNormal';
	color: #175480;
	font-size: 125%;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

.headingList {
	font-family: 'GrundschriftNormal';
	color: #175480;
	font-size: 125%;
}

.smallHeading {
	color: #175480;
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	padding-top: 2px;
	padding-bottom: 2px;
	border-botton: 1px solid #2E6993;
	text-align: center;
}

.warning {
	text-style: italic;
	font-weight: bold;
	color: red;
	text-align: center;
	padding: 5px;
}
 
.detail {
	font-style: italic;
	color: #477CA3;
}

.recaptcha {
	padding-top: 5px;
	padding-bottom: 5px;
}