body, html { width:100%; height: 100%; margin: 0; padding: 0; }
body {
	-webkit-text-size-adjust: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	background-color: #fff;
	color: #333;
}

body, p, div { font-size: 16px; }

div { box-sizing: border-box; }

.small { font-size: .9em !important; }
.smaller { font-size: .95em !important; }
.larger { font-size: 1.1em !important; }
.large { font-size: 1.2em !important; }

.normal { font-weight: 400 !important; }
.strong, strong, b { font-weight: 700 !important; }
.em, em, p i { font-weight: 400 !important; font-style: italic; }
.emstrong { font-weight: 700 !important; font-style: italic; }

a { text-decoration: inherit; }

div#header-section {
	box-sizing: border-box;
	display: table; width: 100%; z-index: 100;
	padding: .5em 3em .5em 5em;
	background-color: white;
	opacity: .9;
}

div#header-section a.menu-link { font-weight: 400; font-size: 16px; color: #454545; margin-left: 1.2em; }
div#header-section a.menu-link-active { border-bottom: 3px #777 solid; }
div#header-section a.language-link-active { border-bottom: 3px #777 solid; }
div#header-section a.language-link-inactive { color: #777; }
div#header-section a.language-link { color: #777 !important; margin-left: 0 !important; }

.menu-toggle img { width: 26px; margin-top: 15px; }

div.hr-alexander-chance { font-weight: 300; font-size: 34px; letter-spacing: 1px; white-space: nowrap; }
div.hr-countertenor { font-weight: 300; font-size: 18px; }
div.hr-alexander-chance a { color: #372d49; }
div.hr-countertenor a { color: #372d49; }

div#header-section div.hr-alexander-chance, div#header-section div.hr-countertenor { color: white; }

/* Overlay menu (start) */
div#overlay-menu {
	display: none; position: absolute !important; top: 0; left: 0; width: 100%; z-index: 1000;
	padding: .75em .75em;
	background-color: #fafafa;
	opacity: 1;
	width: 100%;
	height: 100%;
	position: fixed !important;
}
div#overlay-menu a.menu-link {
	font-size: 1.3em;
	color: #333;
	margin: 1em 0;
	display: block;
	text-align: center;
}
div#overlay-menu a.language-link, div#overlay-menu a.system-link { display: inline-block !important; color: #777 !important; margin: 0 .25em; }
div#overlay-menu a.menu-link-active { font-weight: 700; color: #910005; }
div#overlay-menu a.language-link-active { border-bottom: 3px #777 solid; }
div#overlay-menu a.language-link-inactive { color: #777; }
div#overlay-menu div.hr-alexander-chance, div#overlay-menu div.hr-countertenor { color: #333; }
div#overlay-menu a.lang-de { margin-right: 0 !important; }
/* Overlay menu (end) */

/* div#content-section { } */
/* div#footer-section { } */
/* div.footer a { } */

h1 {
	font-weight: 400;
	font-size: 22px; line-height: 24px; color: #910005;
	padding-bottom: 10px; border-bottom: 1px #333 solid;
}

div#content-box {
	background-color: #fff;
	padding: 20px 20px;
	opacity: .9;
	position: absolute;
	width: 630px;
}

div#content-box div#content-box-footer { padding-top: 15px; font-size: 14px; }

div#content-box div#content-box-header a,
div#content-box div#content-box-footer a {
	font-weight: 400;
	color: #910005 !important;
}

div#content-box div#main-content-area {
	font-weight: 300;
	font-size: 14px;
	line-height: 17px;
	line-height: 1.5em;
	vertical-align: top;
	overflow: auto;
	padding-right: 1em;
	height: 100%;
}

div#content-box div#main-content-area a { font-weight: 400; color: #910005; }

div#content-box div#main-content-area::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #dedede;
}

div#content-box div#main-content-area::-webkit-scrollbar {
	width: 10px;
	background-color: #f5f5f5;
}

div#content-box div#main-content-area::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #999;
}

div#content-box h2 {
	font-weight: 300;
	color: #910005;
	font-size: 20px;
	line-height: 30px;
}

div#content-box h3 {
	font-weight: 700;
	font-size: 18px;
	color: #372d49;
}

div.section-container {
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}

/* Form styles (start) */

form label { display: block; margin-bottom: .5em; }
form label.mandatory { font-weight: 700; }
form .error-msg { font-weight: 400; color: #de6a4e; margin-top: .3em; }
form input.text, form textarea { font-size: 16px; border: 1px #ccc solid; padding: .2em; }
form input.button { font-size: 16px; color: white; border: 1px #ccc solid; padding: .5em 1em; background-color: #910005; border: none; }

input.security-code-true { font-weight: bold; color: #649B61; border-color: #649B61; }
input.security-code-false { color: #EA4828; border-color:  #EA4828; }

/* Form styles (end) */

@media only screen and (max-width: 1200px) {
	div#content-box { width: 50% !important; }
}

@media only screen and (max-width: 960px) {
	div#header-section { padding: .75em .75em; }
	div.hr-alexander-chance { font-size: 26px; }
	div.hr-countertenor { font-size: 16px; }
}

@media only screen and (max-width: 640px) {
	div#content-box {
		width: 100% !important;
		height: auto !important;
		position: relative;
		opacity: 1;
	}
	div#main-content-area {
		height: auto !important;
		overflow: hidden !important;
	}
}

@media only screen and (max-height: 440px) {
	div#content-box {
		padding: 0 20px 0 20px !important;
	}
}