@font-face {
	font-family: bryantregular;
	src: url('bryantregular-webfont.eot');
	src: url('bryantregular-webfont.eot?#iefix') format('embedded-opentype'),
		url('bryantregular-webfont.woff') format('woff'),
		url('bryantregular-webfont.ttf') format('truetype'),
		url('bryantregular-webfont.svg#bryantregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	color: #333;
	font-family: bryantregular, Verdana, Helvetica, sans-serif;
	min-width: 40em;
}

#navbar {
	margin-bottom: 0.5em;
	padding: 0.1em 1em 0.2em 1em;
	background-color: #FEFEFF;
	text-align: left;
	border-radius: 10px;
}

#navbar label {
	font-size: 90%;
}

#navbar input {
	margin-right: 1em;
}

#msgbar {
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding: 0.1em 1em 0 1em;
	background-color: #FEFEFF;
	text-align: center;
	border-radius: 10px;
}

.msg {
	font-weight: bold;
	color: Green;
	margin-right: 2em;
}

.err {
	font-weight: bold;
	color: Red;
	margin-right: 2em;
}

.cookiez {
	display: block;
	color: WhiteSmoke;
	background-color: #008CBD;
	font-size: smaller;
	text-align: center;
	padding: 0.25em;
	max-width: 80em;
}

.cookiez a {
	color: WhiteSmoke;
}

.service {
	font-size: smaller;
}

.red {
	color: Red;
}

.colorgvfw {
	color: #008cbd;
}

.redbold {
	font-weight: bold;
	color: Red;
}

.centered {
	justify-content: center;
	align-items: center;
	text-align: center;
}

.usr {
	font-style: italic;
	font-size: large;
	margin-right: 1em;
	margin-left: 1em;
}

div#nav {
	vertical-align: top;
	margin: 0;
	float: left;
}

.rb {
	margin: 0.3em 0.5em;
	border: 1px solid;
	border-color: #7B9BBA;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* box-shadow: 0 0 2px rgba(0,0,0, .75); */
	background-color: #D1E3ED;
	padding:0.25em 1em;
	font-weight: bold;
}

.rb:hover, .rb:focus {
	background-color: Aquamarine;
}

.rf {
	border: 1px solid Darkgray;
	border-radius: 5px;
	padding: 0.2em 0.5em;
}

input, select, textarea {
	border: 1px solid Darkgray;
	border-radius: 5px;
	padding: 0.2em 0.5em;
}

#login_header {
	display: flex;
	flex-direction: column;
	margin: 1em;
	padding: 1em;
	justify-content: center;
	align-items: center;
	text-align: center;
}

#login_header h2 {
	text-align: center;
}

#login h3 {
	text-align: center;
}

#login .login-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#login .login-column {
	flex: 1 1 20em;
	min-width: 20em;
	max-width: 40em;
	margin: 1em;
	padding: 1em;
	border-radius: 1em;
}

#login input {
	margin-top: 0.5em;
}

section {
	margin-left: 1em;
	margin-right: 1em;
	overflow: hidden;
}

section#events {
	min-width: 50em;
}

div#eventlistpane {
	width: 50%;
	background: white;
	float: left;
	border: 0;
}

#eventlistpane table {
	border: 0;
	table-layout: fixed;
}
#eventlistpane td {
	padding: 0.25em;
}
#eventlistpane th {
	padding: 0.25em;
	text-align: left;
	background-color: #E1F2EB;
}
#eventlistpane tr.groupevent {
	/* background-color: #E1F2EB; */
}
#eventlistpane td.indent {
	/* background-color: #E1F2EB; */
}
.group, .groupevent {
	vertical-align: top;
	cursor: pointer;
	margin-bottom: 0.5em;
}
.group:hover, .groupevent:hover {
	color: #008CBD;
}
.group_selected {
	vertical-align: top;
	color: #008CBD;
	margin-bottom: 0.5em;
}
.event {
	vertical-align: top;
	cursor: pointer;
	margin-bottom: 0.5em;
}
.event:hover {
	color: #008CBD;
}
.event_selected {
	vertical-align: top;
	color: #008CBD;
	background-color: AliceBlue;
	margin-bottom: 0.5em;
}
.event_name {
	font-size: 87%;
	font-weight: bold;
}
.event_date {
	font-size: 95%;
	margin-right: 1em;
}
.td_event_date {
	padding-top: 0.1em;
	width: 8em;
	text-align: center;
}

div#eventdetailspane {
	/* top: 0%; */
	margin-left: 50%;
	padding: 0.5em 1em;
	background-color: AliceBlue;
	/*	border-style: solid;
	border-color: AliceBlue; */
	border-radius: 10px;
}
.eventdetail span {
	margin-right: 1em;
}
.evg_name {
	font-weight: bold;
}
.evd_group {
	font-weight: bold;
}
.evd_name {
/*
	display: block;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	font-size: larger;
	color: #008CBD;
*/
}
.evd_place {
	display: block;
}
.evd_themes {
	display: block;
	margin-top: 0.25em;
}
.evd_price {
	/*font-weight: bold;*/
}
.eventdetail h4 {
	color: Red;
	font-weight: normal;
	font-size: medium;
	margin-top: 0.5em;
	margin-bottom: 0;
}


/* ---- Anmeldung --- */

.stdbar {
	margin-bottom: 0.5em;
	padding: 0.5em 1em 0.6em 1em;
	background-color: AliceBlue;
	border-radius: 10px;
	min-width: 50em;
}

#anmeld_payertype td { padding: 0.2em; }
#anmeld_payertype th { padding: 0.2em; }

#anmeldung h5 {
	margin-bottom: 0.25em;
}

#anmeldung th {
	font-size: small;
	text-align: left;
	padding-top: 0.5em;
}
#anmeldung td {
	padding-right: 0.3em;
	/*min-width: 5em; */
}
#anmeldung td.lbl {
	font-size: smaller;
	text-align: right;
	/*padding-left: 0.5em;*/
	min-width: 7em;
}
#anmeldung .lbl2 {
	font-size: smaller;
}
#anmeldung label {
	font-size: smaller;
}

#anmeldung input[readonly] {
	background-color: AliceBlue;
}

#anmeldung select {
	min-width: 7em;
	max-width: 30em;
}

#anmeldung textarea {
	width: 97%;
}

#anmeldung .submit {
	text-align: right;
}

#anmeld_event {
	margin-bottom: 0.5em;
	padding: 0.5em 1em 0.6em 1em;
	background-color: AliceBlue;
	text-align: center;
	border-radius: 10px;
}

#anmeld_event em {
	font-weight: bold;
	color: #008CBD;
}

div.pane {
	padding: 0;
}


@media screen and (min-width: 55em) {
	div.pane {
		float: left;
		width: 50%;
		padding: 0;
	}
}

div.rbox {
	margin: 0.25em;
	padding: 0.5em 1em;
	border-radius: 10px;
	background: AliceBlue;
}

.rbox.colleft {
	margin-left: 0;
}

.rbox.colright {
	margin-right: 0;
}

.rbox h4 {
	margin-top: 0;
	margin-bottom: 0.5em;
	text-align: left;
}


/* ---- Checkout ---- */

#regs_header {
	margin-bottom: 0.5em;
	padding: 0.5em 1em 0.6em 1em;
	background-color: AliceBlue;
	text-align: center;
	border-radius: 10px;
}

#regs_header h4 {
	margin: 0.5em;
}

#regs {
	background-color: #FEFEFF;
	border-radius: 10px;
	padding: 0.5em;
}

#regs table {
	width: 100%;
}

#regs td {
	vertical-align: top;
	padding: 0.5em;
}

#regs td.payer, #regs td.part {
	background-color: #FEFEFF;
	border-radius: 5px;
	max-width: 40em;
}

#regs td.reginfo {
	position: relative;
	padding: 0.5em;
	border: 0.05em solid AliceBlue;
	border-radius: 0.25em;
}

#regs td.reginfoselected {
	position: relative;
	padding: 0.5em;
	border: 0.05em solid Navy;
	border-radius: 0.25em;
}


#regs .payer_name, #regs .part_name {
	font-weight: bold;
}

#regs h5 {
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #008CBD;
}

#regs .odd {
	background-color: AliceBlue;
}

#regs .even {
	background-color: #E1F2EB;
}

#regs .event_name {
	font-weight: bold;
	color: #008CBD;
}

#regs .note {
	display: block;
	font-size: smaller;
	margin-top: 0.5em;
}

#regs .selreg {
	position: absolute;
	top: 1em;
	right: 1em;
	margin: 0;
}

#regs .price {
	display: block;
	font-size: small;
	margin-top: 1em;
}

#regs .tax {
	display: block;
	font-size: small;
}

#regs .conf, #regs .sent, #regs .status {
	display: block;
	font-size: small;
	margin-top: 1em;
}

#payment table, #payment th, #payment td {
	border: 0.1em solid aquamarine;
	border-collapse: collapse;
	padding: 0.5em;
}

#mainhint {
	margin-bottom: 1em;
}

.smallprint {
	font-size: smaller;
	color: Red;
	letter-spacing: normal;
}