/* 
GENERAL
*/
html,body,div,section,article,h1,h2,h3,h4,h5,h6,p,a,b,table,tr,th,td,ol,ul,li,form,input,select,textarea {
	font-family: 'Open Sans', Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	color: rgb(50,50,50);
	margin: 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}
html, body {
}
nav, header, main, footer {
	width: 100%;
	margin: auto;
}
nav {
	position: fixed;
	top: 0;
	text-align: right;
	height: auto;
	min-height: 70px;
	padding-top: 5px;
	background-color: rgb(255,255,255);
	z-index: 99;
	box-shadow: 0 2px 10px 0px rgba(0,0,0,0.4);
}
header {
	background-image: url(../img/background_header.jpg);
	background-size: 100% 100%;
	background-position: center;
	height: 270px;
	/*overflow: hidden;*/
	margin-top: 75px;
	z-index: 1;
}
main {
	z-index: 2;
	min-height: 500px;
}
footer {
	z-index: 3;
	background-color: rgb(0,135,176);
	padding: 25px 0 20px 0;
}

div {}
div.contentcontainer {
	width: 100%;
	background-color: rgb(247,248,249);
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div.contentcontainer2 {
	width: 100%;
	background-color: rgb(247,248,249);
	margin-top: 90px;
	padding-top: 20px;
	padding-bottom: 0;
}
div.content {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 50px;
}
div.nopb {
	padding-bottom: 0px;
}
nav div.content {
	height: 55px;
}
table {
	border-collapse: collapse;
}
tr.hp {
	display: none;
}
th {}
td {
	vertical-align: top;
}

ul {
	margin: 0 0 10px 0;
}
ol {
	margin: 0 0 10px 0;
}
li {
	line-height: 20px;
}
ol li {
	margin: 0 0 0px 20px;
}
ul li {
	margin: 0 0 0px 18px;
}
h1 {
	font-size: 36px;
	line-height: 42px;
	font-weight: 500;
	color: rgb(0,135,176);
}
div.headertext h1 {
	margin-bottom: 15px;
}
h2 {
	font-size: 28px;
	font-weight: 500;
	color: rgb(0,135,176);
	margin-bottom: 15px;
}
div.headertext h2 {
	margin-top: -15px;
}
h3 {
	font-size: 20px;
	font-weight: 500;
	color: rgb(0,135,176);
	margin-bottom: 10px;
	padding-top: 30px;
}
h3.pretitleheader {
	padding-top: 0px;
}
h4 {
	font-size: 18px;
	font-weight: 500;
	color: rgb(0,0,0);
	margin-bottom: 10px;
	padding-top: 0px;
}
article.privacy h4 {
	font-size: 16px;
	font-weight: 500;
	color: rgb(0,135,176);
	margin-bottom: 10px;
	padding-top: 15px;
}
h5 {
	font-weight: 500;
	margin-top: 25px;
}
article.privacy h5 {
	font-size: 16px;
	font-weight: normal;
	color: rgb(0,135,176);
	margin-bottom: 10px;
	margin-top: 10px;
}
p {
	line-height: 25px;
	margin-bottom: 7px;
}
p.medium {
	font-weight: 500;
	font-style: normal;
}
b {
	font-weight: 500;
	font-size: inherit;
}
a {
	
}
a:hover {
	/*color: rgb(0,135,176);*/
	text-decoration: underline;
}
sub, sup { 
	font-size: 0.7em;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}
sup { 
	top: -0.4em; 
}
sub { 
	bottom: -0.25em; 
}

/*
SUB CLASSES
*/
.gaptop {
	margin-top: 20px;
}
.gapbottom {
	margin-bottom: 20px;
}
.gap {
	margin-top: 20px;
	margin-bottom: 20px;
}
.showhand {
	cursor: pointer;
}
.lightover {
	opacity: 1;
	transition: opacity 0.5s;
}
.lightover:hover {
	opacity: 0.5;
	transition: opacity 0.5s;
}
.fadeover {
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgb(255,255,255);
	transition: opacity 0.5s;
}
.fadeover:hover {
	opacity: 0.5;
	transition: opacity 0.5s;
}
h2.centered {
	text-align: center;
}
h2.gap {
	margin-top: 50px;
	margin-bottom: 25px;
}
.logo_hcme {
	position: absolute;
	height: 50px;
	right: 10px;
	top: 0;
}
a.button {
	display: inline-block;
	background-color: rgb(255,200,10);
	color: rgb(0,135,176);
	border: solid 1px rgb(255,200,10);
	padding: 6px 15px 5px 15px;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	margin-top: 15px;
	text-align: center;
	cursor: pointer;
}
a.button:hover {
	background-color: rgb(255,255,255);
}
a.button.signal {
	background-color: rgb(200,0,0);
	color: rgb(255,255,255);
	border: solid 1px rgb(200,0,0);
}
a.button.signal:hover {
	background-color: rgb(255,255,255);
	color: rgb(200,0,0);
}
a.button.discert {
	background-color: rgb(200,200,200);
	color: rgb(255,255,255);
	border: solid 1px rgb(200,200,200);
}
a.button.discert:hover {
	background-color: rgb(255,255,255);
	color: rgb(200,200,200);
}
a.button.hint {
	background-color: rgb(240,160,0);
	color: rgb(255,255,255);
	border: solid 1px rgb(240,160,0);
}
a.button.hint:hover {
	background-color: rgb(255,255,255);
	color: rgb(240,160,0);
}
a.button.storno {
	background-color: rgb(200,0,0);
	color: rgb(255,255,255);
	border: solid 1px rgb(200,0,0);
}
a.button.storno:hover {
	background-color: rgb(255,255,255);
	color: rgb(200,0,0);
}
a.disabledlink {
	pointer-events: none;
	cursor: not-allowed;
}
input[type="text"],
input[type="password"],
input[type="email"] {
	width: 100%;
	padding: 5px 0 5px 2px;
	border: solid 1px rgb(200,200,200);
}
input.inputerror {
	border: solid 1px rgb(255,0,0);
	background-color: rgb(255,200,200);
}
select {
	width: 100%;
	padding: 5px 0 5px 2px;
	border-radius: 0;
	border: solid 1px rgb(200,200,200);
}
input[type="submit"] {
	background-color: rgb(0,135,176);
	color: rgb(255,255,255);
	border: solid 1px rgb(0,135,176);
	padding: 6px 15px 6px 15px;
	font-weight: 500;
	font-style: normal;
	margin-top: 15px;
	text-align: center;
}
input[type="submit"].blue {
	background-color: rgb(0,135,176);
	border: solid 1px rgb(0,135,176);
}
input[type="submit"].red {
	background-color: rgb(200,0,0);
	border: solid 1px rgb(200,0,0);
}
input[type="submit"]:hover {
	background-color: rgb(255,255,255);
	color: rgb(0,135,176);
}
input[type="submit"].blue:hover {
	background-color: rgb(255,255,255);
	color: rgb(0,135,176);
}
input[type="submit"].red:hover {
	background-color: rgb(255,255,255);
	color: rgb(200,0,0);
}
table.form {}
table.form td {
	vertical-align: middle;
	padding: 5px 0 5px 0;
}
table.regform {}
table.regform td {
	width: calc(100% - 220px);
	max-width: 500px;
}
table.regform tr td:first-child {
	width: 210px;
}
table.filterbox {
	width: 100%;
}
td.filterbox {
	
}
div.filterboxdivcontainer {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 5px 5px;
}
div.filterboxdiv {
	
}
div.transferbox {
	border: 1px solid rgb(0,135,176);
	padding: 20px;
	background: rgb(248, 244, 241);
	margin-top: 15px;
}
table.profile {
	margin-left: 150px;
	border-spacing: 0 10px;
	border-collapse: separate;
}
table.profile tr {
}
table.profile tr td {
	width: 500px;
	padding: 5px 3px 5px 3px;
	background-color: rgb(220,220,220);
	vertical-align: middle;
}
table.profile tr td:first-child {
	width: 210px;
	background-color: rgb(240,240,240);
}
table.profile tr td:last-child {
	width: auto;
	background-color: rgb(255,255,255);
	vertical-align: middle;
}
table.profile tr td.buttons, table.profile tr td.buttons:first-child {
	background-color: rgb(255,255,255);
	height: 45px;
}
input.disabled, select.disabled, a.disabled {
	pointer-events: none;
}
input.disabled, select.disabled {
	background-color: rgb(220,220,220);
}
input.hidden, a.hidden {
	display: none;
}
div.profile select, div.profile input[type="text"] {
	border: 0;
}
div.profile a.button, div.profile input[type="submit"] {
	margin-top: 0;
}
div.hoverlogin input[type="text"] {
	margin-bottom: 5px;
}


/*
BOXES
*/
/* nav */
nav img {
	float: left;
	margin-top: 5px;
}
nav a {
	text-decoration: none;
	padding-right: 20px;
}
nav a:hover {
	text-decoration: none;
}
nav a.button {
	margin-top: 0;
}
nav a.mar4pad {
	padding-right: 0px;
	margin-right: 20px;
}
nav a.mar4pad:hover {
	border-bottom: solid 2px rgb(0,135,176);
}
nav div.hoverlogin a:hover {
	text-decoration: underline;
}
div.navlink {
	display: inline-block;
	margin-top: 20px;
	height: 20px;
}
div.navfachbereiche, div.navgroups {
	cursor: pointer;
}
span.navfachbereichearrow, span.navgroupsarrow {
	float: right;
	font-size: 10px;
	margin: 3px 10px 0 5px;
}
div.navfachbereicheitems, div.navgroupsitems {
	border: solid 0px rgba(80,80,80,0);
	height: 0;
	transition: all 0.5s;
	background-color: rgba(255,255,255,0);
	z-index: 98;
	margin-top: -1px;
	overflow: hidden;
	text-align: left;
	padding: 0px 10px 0px 10px;
	position: absolute;
	right: 0;
	top: 50px;
}
div.navfachbereicheitems {
	width: 650px;
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 5px 15px;
}
div.navgroupsitems {
	width: 400px;
	right: 120px;
}
div.navfachbereicheitems.show, div.navgroupsitems.show {
	transition: all 0.5s;
	border: solid 1px rgba(80,80,80,1);
	background-color: rgba(255,255,255,0.95);
	padding: 10px 10px 10px 10px;
}
div.navfachbereicheitems.show {
	height: 250px;
}
div.navgroupsitems.show {
	height: 310px;
}
div.navfachbereicheitems a, div.navgroupsitems a {
	display: block;
}
div.navfachbereicheitems a {
	margin: 0px;
	padding: 10px;
}
div.navfachbereicheitems a:hover {
	background-color: rgba(0,0,0,0.1);
	text-decoration: none;
}
div.navgroupsitems a {
	margin: 0px;
	padding: 5px 10px 5px 10px;
}
div.navgroupsitems a:hover {
	background-color: rgba(0,0,0,0.1);
	text-decoration: none;
}
div.navsearch {
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
}
input.navsearch {
	width: 100px;
	padding: 5px 0 5px 2px;
}
div.navlogin {
	margin-top: 20px;
}
div.logonav {
	display: inline;
}
div.navlinks {
	display: inline;
}
img.loginbuttonsvg {
	display: inline-block;
	width: 80px;
	height: auto;
	margin-top: 1px;
}

/* header */
header div.content {
	height: 100%;
	text-align: center;
}
header img {
	height: 80%;
	padding-top: 40px;
}
/* Es wird voraussichtlich kein Text im Header stehen, daher wird dieser Block vorerst ausgeblendet. */
div.headertext {
	display: none;
	width: 66%;
	text-align: center;
	padding-top: 20px;
}
div.headertextinner {
	display: table-cell;
	vertical-align: middle;
	height: 240px;
}

/*Intro Text auf Startseite*/
#site_intro {
	margin-top: 50px;
	padding-bottom: 30px;
}
#site_intro h2 {
	line-height: 1;
}
#site_intro h2 small {
	font-size: 16px;
}

/* main */
div.content section:first-child {
	/*margin-top: 30px;*/
	margin-top: 0px;
}
/* overlag ist nich gewünscht, daher wurde der Wert von -50px auf 0px gesetzt */
div.content section.overlap {
	margin-top: 0px;
}
section.gridcontainer3 {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 35px 20px;
}
article.box3 {
	background-size: 100% auto;
	background-position: top;
	background-repeat: no-repeat;
	background-color: rgb(247,248,249);
	width: auto;
	max-width: 400px;
	height: auto;
	min-height: 350px;
	overflow: visible;
	border: solid 1px rgb(255,200,10);
}
article.box3.modules {
	min-height: 370px;
}
section.gridcontainer2 {
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 15px 15px;
}
div.gridcontainer2 {
	display: grid;
	grid-template-columns: 48% 48%;
	grid-gap: 20px 20px;
}
article.box50 {
	width: 50%;
	height: auto;
	overflow: visible;
}
article.box50 img {
	width: 100%;
}
article.featureimage {
	border: solid 1px rgb(255,200,10);
}
section.flexcontainer, article.flexcontainer  {
	display: flex;
	align-items: center;
	row-gap: 10px;
	column-gap: 20px;
}
section.flexcontainer2, article.flexcontainer2  {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
article.box33 {
	width: 33%;
	height: auto;
	overflow: visible;
}
article.box66 {
	width: 66%;
	height: auto;
	overflow: visible;
}
article.box33 img, article.box66 img {
	width: 100%;
	margin-top: -70px;
	display: block;
}
article.catbox {
	min-height: 0px;
	height: 200px;
	overflow: visible;
}
div.centerbox {
	background-color: rgba(255,255,255,0.9);
	height: 60px;
	width: 80%;
	margin: auto;
	margin-left: auto;
	bottom: 20px;
	padding: 29px 15px 15px 15px;
	text-align: center;
	position: absolute;
	margin-left: 10%;
	border-radius: 30px;
}
div.centerbox h3 {
	font-size: 16px;
	font-weight: 500;
	color: rgb(0,135,176);
	margin-bottom: 10px;
	padding-top: 0;
}
div.centerbox div.go {
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: -30px;
	left: calc(50% - 20px);
	top: -20px;
}
div.centerbox div.go img {
	width: 100%;
	height: auto;
}
div.bottombox {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgb(247,248,249);
	padding: 30px 20px 20px 20px;
	height: auto;
	min-height: 120px;
	height: 120px;
}
div.bottombox div.go {
	position: absolute;
	width:40px;
	height: 40px;
	top: 5px;
	left: calc(50% - 20px);
}
div.bottombox div.go.fromreg {
	left: calc(50% + 80px);
}
div.instantreg {
	position: absolute;
	top: 210px;
	left: 20px;
	
}
div.instantreg a {
	display: table-cell;
	height: 40px;
	border-radius: 20px;
	color: rgb(255,255,255);
	text-decoration: none;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	padding: 0 10px 0 10px;
}
div.bottombox div.go img {
	width: 100%;
	height: auto;
}
div.bottombox p.small {
	/*position: absolute;*/
	/*bottom: 10px;*/
}
div.livedate {
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgb(255,200,10);
	color: rgb(0,135,176);
	font-size: 14px;
	font-weight: 500;
	padding: 0 5px 0 5px;
}
div.pagebuttons {
	display: flex;
	justify-content: center;
	align-items: center;
	row-gap: 10px;
	column-gap: 30px;
	margin-top: 30px;
}
div.pagebutton {
	width: 30px;
	height: 30px;
	border: solid 1px rgb(0,135,176);
	text-align: center;
	line-height: 28px;
}
div.pagebutton.active {
	background-color: rgb(0,135,176);
	color: rgb(255,255,255);
}
div.pagebutton:hover {
	background-color: rgb(0,135,176);
	color: rgb(255,255,255);
	cursor: pointer;
	text-decoration: none;
}
div.sponsor_slider p {
	font-weight: 500;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
}
div.speaker {
	margin-top: 20px;
}
div.speakerimage {
	height: 150px;
	width: 150px;
	float: left;
	margin-right: 20px;
}
div.speakerimage img {
	height: 100%;
	width: auto;
}
div.speaker p.name, div.regspeaker p.name {
	padding-top: 20px;
	padding-top: 0px;
	font-weight: 500;
	color: rgb(0,135,176);
}
div.modulelist h3, div.profile h3 {
	font-size: 20px;
}
div.optinbox {
	background: rgb(255,255,255);
	padding: 15px 15px 5px 15px;
}
div.optinbox td {
	padding: 0 0 10px 0;
}
div.optinbox tr td:first-child {
	width: 40px;
}
div.functionbox {
	position: absolute;
	top: -5px;
	left: calc(50% - 50px);
	background-color: rgb(255,0,0);
	color: rgb(255,255,255);
	width: 100px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	padding: 2px 0 2px 0;
}

/* BOXES END*/

section.certificates, section.registrations {}
article.certificate, article.registration {
	border: solid 1px rgb(242,242,240);
	padding-right: 30px;
	margin-bottom: 15px;
}
section.certificates article.certificate:nth-of-type(odd),
section.registrations article.registration:nth-of-type(odd) {
	background-color: rgb(255,255,255);
}
section.certificates article.certificate:nth-of-type(even),
section.registrations article.registration:nth-of-type(even) {
	background-color: rgb(242,242,240);
}
article.modulegroup {
	border: solid 1px rgb(242,242,240);
	padding-right: 30px;
	margin-bottom: 15px;
}
article.modulegroup:nth-of-type(odd) {
	background-color: rgb(255,255,255);
}
article.modulegroup:nth-of-type(even) {
	background-color: rgb(242,242,240);
}
article.modulegroup img {
	width: 150px;
	height: auto;
}
article.certificate img, article.registration img {
	width: 150px;
	min-width: 150px;
	height: auto;
	display: block;
}
article.certificate p, article.registration p {
	width: calc(100% - 400px);
	min-width: 400px;
	font-weight: 500;
}
article.certificate a.button, article.modulegroup a.button {
	margin-top: 0;
	width: 200px;
	min-width: 200px;
}
article.certificate a.button.testpassed {
	background-color: rgb(0,135,176);
	border-color: rgb(0,135,176);
	color: rgb(255,255,255);
}
article.certificate a.button.teststarted {
	background-color: rgb(255,200,10);
	border-color: rgb(255,200,10);
	color: rgb(255,255,255);
}
article.certificate a.button.testfailed {
	background-color: rgb(210,30,0);
	border-color: rgb(210,30,0);
	color: rgb(255,255,255);
}
article.certificate a.button.testpassed:hover,
article.certificate a.button.teststarted:hover,
article.certificate a.button.testfailed:hover {
	background-color: rgb(255,255,255);
	border-color: rgb(0,135,176);
	color: rgb(0,135,176);
}
p.error {
	font-weight: 500;
	color: rgb(200,0,0);
}
p.hintbox {
	display: inline-block;
	background-color: rgb(255,255,255);
	color: rgb(0,135,176);
	padding: 10px 20px 10px 20px;
	border: solid 1px rgb(0,135,176);
	font-weight: 500;
}
span.error {
	color: rgb(255,128,0);
	/*font-weight: 300;*/
}
span.ok {
	color: rgb(0,135,176);
	font-weight: 300;
}
span.eivfail {
	color: rgb(255,0,0);
}
span.eivdark {
	color: rgb(255,128,0);
}
span.eivgood {
	color: rgb(0,135,176);
}
span.buttonpre {
	font-size: 10px;
	/*margin-left: -100px;*/
	text-align: left;
	display: block;
	padding-left: 1px;
}
a.button.error {
	background-color: rgb(255,128,0);
	border: solid 1px rgb(255,128,0);
}
a.button.error:hover {
	background-color: rgb(255,255,255);
	color: rgb(255,128,0);
}
.small {
	font-size: 12px;
	font-weight: 300;
	line-height: 14px;
}
a.nomargin {
	margin: 0;
}
a.nopadding {
	padding: 0;
}
div.carousel {
	height: 110px;
	overflow: hidden;
}
div.modulfilterdrop {
	width: 100%;
	height: auto;
	border: solid 1px rgb(80,80,80);
	cursor: pointer;
	text-align: left;
	padding: 10px 10px 10px 10px;
}
div.modulfilterdrop.filteractive {
	background-color: rgb(240,160,0);
}
div.modulfilteritems {
	width: 100%;
	border: solid 1px rgba(80,80,80,0);
	height: 0;
	transition: all 0.5s;
	background-color: rgba(255,255,255,0);
	z-index: 98;
	margin-top: -1px;
	overflow: hidden;
	text-align: left;
	padding: 0px 10px 0px 10px;
}
div.modulfilteritems.show {
	height: 500px;
	transition: all 0.5s;
	border: solid 1px rgba(80,80,80,1);
	background-color: rgba(255,255,255,0.95);
	padding: 10px 10px 10px 10px;
}
p.filteritem {
	margin-bottom: 2px;
	text-indent: -19px;
	margin-left: 19px;
}
label {
	cursor: pointer;
	padding-left: 5px;
}
section.test label {
	padding-left: 0;
}
section.groupsponsor {
	padding: 20px 40px 0px 40px;
	background-color: rgb(247,248,249);
	align-items: center;
}
section.groupsponsor img {
	width: 300px;
	height: auto;
	max-height: 100px;
}

/* footer */
footer div.content {
	min-height: 120px;
}
div.footerlinks {
	float: left;
}
div.footerlogo {
	float: right;
}
div.footerlogo img {
	width: 200px;
	height: auto;
	float: right;
	margin-top: 10px;
}
footer p, footer a {
	color: rgb(255,255,255);
}
footer a {
	text-decoration: none;
	padding-right: 20px;
}

.clearboth {
	clear: both;
}
img.menuicon {
	width: 25px;
	height: auto;
	display: none;
}
img.hamburger {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
img.homeicon {
	width: 25px;
	height: auto;
	margin-right: 5px;
	margin-top: -8px;
}
img.togglepass {
	height: 12px;
	width: auto;
	position: absolute;
	right: 7px;
	top: 15px;
	cursor: pointer;
}

/* SPECIALTIES */
div.spec {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	color: rgb(255,255,255);
}
div.spec1 {background-color: rgb(255,160,0);} /* Allergologie */
div.spec2 {background-color: rgb(128,128,255);} /* Allgemeinmedizin */
div.spec4 {background-color: rgb(0,128,255);} /* Ophthalmologie */
div.spec6 {background-color: rgb(255,128,128);} /* Dermatologie */
div.spec7 {background-color: rgb(255,128,0);} /* Diabetes */
div.spec8 {background-color: rgb(255,128,0);} /* Diabetes */
div.spec10 {background-color: rgb(255,150,230);} /* Frauenheilkunde und Geburtshilfe */
div.spec11 {background-color: rgb(255,135,135);} /* Innere Medizin - Gastroenterologie */
div.spec15 {background-color: rgb(128,128,255);} /* Innere Medizin - Allgemeinmedizin */
div.spec17 {background-color: rgb(239,55,25);} /* Kardiologie */
div.spec19 {background-color: rgb(240,120,240);} /* Innere Medizin - Nephrologie */
div.spec20 {background-color: rgb(188,216,0);} /* Neurologie */
div.spec25 {background-color: rgb(0,135,176);} /* Kinder- und Jugendmedizin */
div.spec26 {background-color: rgb(20,0,200);} /* Pharmakologie */
div.spec27 {background-color: rgb(0,159,227);} /* Pneumologie */
div.spec29 {background-color: rgb(230,0,126);} /* Rheumatologie */
div.spec30 {background-color: rgb(128,128,128);} /* Schmerztherapie */
div.spec47 {background-color: rgb(239,55,25);} /* Kinder- und Jugendmedizin - Kardiologie */
div.spec49 {background-color: rgb(188,216,0);} /* Kinder- und Jugendmedizin - Neuropädiatrie */
div.spec63 {background-color: rgb(255,150,230);} /* Reproduktionsmedizin */

div.spec99 {background-color: rgb(0,135,176);top:32px;} /* Bereits begonnen */

img.specialties {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 25px;
	height: auto;
	cursor: pointer;
}
div.specialtylist {
	width: 100%;
	height: 0px;
	transition: all 1s;
	background-color: rgb(220,220,220);
	overflow: hidden;
}
div.specialtylist.show {
	height: 400px;
	overflow-y: scroll;
	transition: all 1s;
	margin-top: 10px;
}

/* HAMBURGER */
.hamburgeronly {
	display: none;
}
div.hamburgeronly.closeitems {
	text-align: center;
	position: absolute;
	cursor: pointer;
	background-color: rgb(100,0,0);
	color: rgb(255,255,255);
	width: 100%;
	bottom: 0px;
	margin-left: -10px;
	padding: 10px 0 10px 0;
}

/* LOGIN */
section.loginboxcontainer {
	align-items: stretch;
	margin-top: 40px;
	margin-bottom: 80px;
}
article.loginbox {
	width: 50%;
	max-width: 400px;
}
article.loginbox input[type='text'],
article.loginbox input[type='password'] {
	margin-top: 10px;
	margin-bottom: 5px;
	width: 100%;
	padding: 5px 4px 5px 4px;
}
p.login {
	background-color: rgb(0,135,176);
	color: rgb(255,255,255);
	font-weight: 500;
	padding: 8px 10px 5px 10px;
}
p.login.blue {
	background-color: rgb(0,135,176);
}

/* SLIDER */
.news-slider .news-pager {
  text-align: right;
  display: block;
  margin: 0.2em 0 0;
  padding: 0;
  list-style: none;
}
.news-slider .news-pager li {
  display: inline-block;
  padding: 0.6em;
  margin: 0 0 0 1em;
}
.news-slider .news-pager li.sy-active a {
  color: #31ace2;
}
.news-slider .news-pager li a {
  font-weight: 500;
  text-decoration: none;
  display: block;
  color: #222;
}

/* USERMENU */
div.usermenu {
	position: absolute;
    top: 35px;
    right: 0;
	display: none;
	width: 250px;
	border: solid 1px rgb(80,80,80);
	background-color: rgba(255,255,255,0.95);
	padding: 20px 15px 15px 15px;
	text-align: left;
}
a.usermenuitem {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
}
a.usermenuitem:hover {
	text-decoration: none;
	color: rgb(0,135,176);
}
img.usermenuicon {
	padding-right: 8px;
	height: 19px;
	width: auto;
	margin-top: 0;
}
div.hoverlogin {
	position: absolute;
    top: 35px;
    right: 0;
	display: none;
	width: 250px;
	border: solid 1px rgb(80,80,80);
	background-color: rgba(255,255,255,0.95);
	padding: 20px 15px 15px 15px;
	text-align: left;
}

/* TESTS */
div.content section.test.overlap {
	/*margin-top: -80px;*/
}
div.content section.test.evaluation img {
	display: none;
}
label {
	font-weight: 300;
}
label div, h3 div {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}
label div {
	display: inline;
}
div.test h3 {
	font-size: 16px;
}
div.test h2 div {
	font-size: 22px;
	font-weight: 500;
	color: rgb(0,135,176);
	margin-bottom: 15px;
}
table.test tr td:first-child {
	width: 40px;
}
table.test td {
	padding-bottom: 10px;
}
table.test label div {
	font-size: 16px;
}

/*  STANDARDS */
p.faq.question {
	font-weight: 500;
	cursor: pointer;
	margin-top: 5px;
	padding-left: 16px;
	background-image: url(../img/toggle_plus.svg);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 10px 13px;
	padding: 10px 10px 10px 35px;
	background-color: rgb(247,248,249);
	transition: background-color 0.5s;
	transition: color 0.2s;
}
p.faq.question:hover {
	background-color: rgb(0,135,176);
	color: rgb(255,255,255);
}
p.faq.question.toggled {
	background-image: url(../img/toggle_minus.svg);
}
p.faq.answer {
	display: none;
	padding-left: 10px;
	padding-bottom: 20px;
}
div.gridcontainer2 textarea {
	width: 100%;
	height: 200px;
	resize: none;
}
fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}
fieldset p {
	margin-top: 15px;
}
fieldset p input[type="checkbox"] {
	margin-right: 5px;
}
label {
	font-size: 14px;
}
input[name="email2"] {
	display: none;
}
ol li {
	margin-top: 15px;
}
ol li::marker {
	font-family: 'Open Sans', Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: 300;
}
ol li ol li{
	margin-top: 0px;
	margin-bottom: 10px;
}
ol li ol li::marker {
	font-weight: 300;
}
table.search {
	width: 100%;
}
table.search td {
	padding: 10px 10px 20px 10px;
}
table.search tr:nth-of-type(odd) {
	background-color: rgb(242,242,240);
}
table.search tr:nth-of-type(even) {
	background-color: rgb(255,255,255);
}
table.search a.button {
	width: 210px;
}
/* AGENDA */
article.agenda {
	padding-top: 40px;
	padding-bottom: 20px;
}
table.agenda {}
th.agenda1 {}
th.agenda2 {}
td.agenda1, td.agenda2 {
	padding-top: 20px;
}
td.agenda1 {
	width: 150px;
}
td.agenda2 {}
td.theme {
	padding-top: 30px;
}
table.agenda span.time {
	color: rgb(0,135,176);
}
table.agenda span.title {
	font-style: italic;
}
table.agenda span.speaker {
	font-weight: 500;
}
table.agenda span.theme {
	color: rgb(0,135,176);
	font-weight: 500;
}
table.agenda span.chair {}
table.agenda span.pause {
	font-weight: 500;
}

/* EASY PAGES */
div.easycert input[type="text"],
div.easycert input[type="password"],
div.easycert input[type="submit"] {
	width: 215px;
}


/* OVERRIDING CLASSES */
.nomargin {
	margin: 0;
}
.mce-nbsp-wrap, .nobr {
	/*font-family: arial;*/
}
span.nobr {
	white-space: nowrap;
}


/* STOERER */
div.securitycontainer {
	position: fixed;
	top: 90px;
	right: 20px;
}
div.security {
	display: table-cell;
	width: 150px;
	height: 150px;
	background: rgb(255,215,15);
	border-radius: 75px;
	transform: rotateZ(15deg);
	color: rgb(0,0,0);
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	font-size: 1.2em;
	font-weight: 500;
}
div.stoererlive {
	background-color: rgb(0,135,176);
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	color: rgb(255,255,255);
	font-weight: bold;
	padding: 10px;
}
div.stoererhcme {
width: 0px;
height: 0px;
transform: rotate(360deg);
border-style: solid;
border-width: 0 150px 150px 0;
border-color: transparent rgb(255,200,10) transparent transparent;
position: absolute;
top: 0;
right: 0;
}
img.stoererhcme {
	position: absolute;
	top: 0;
	right: 0;
}