/* DEFAULT, MISC */
@font-face {
	font-family: wktFont;
	src: url('');
}

body {
	background-color: #8f99a2;
}

.berechtigungenData td {
	font-size: 1.5rem;
}

.prewrap {
	white-space: pre-wrap;
}

.container {
	background-color: white;
	margin-bottom: 20px;
}

.cbTextLeft {
	padding-right: 25px;
}

.marginTopBot {
	margin-top: 20px;
	margin-bottom: 20px;
}

.spaceTop {
	margin-top: 20px;
}

.spaceTop50 {
	margin-top: 50px;
}

.spaceBot {
	margin-bottom: 20px;
}

.width100 {
	width: 100%;
}

.headerImage {
	width: 100%;
}

.fontSize15 {
	font-size: 1.5rem !important;
}

.btnPrintAnmeldung {
	margin-top: 20px;
	margin-right: 20px;
	background-color: black;
	text-decoration: none;
/* 	color: #b8c3cb; */
	color: white;
	padding: 10px;
	size: 25px;
	border: 1px solid black;
	border-radius: 100px;
	display: inline-block;
	padding: 10px;
	font-size: 1.5rem;
	font-weight: bold;
}

div.ui-menu_wkt li {
    list-style:none;
}
ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
li
{
   display:inline;
    padding-left:14px;
}


a:visited
{
    color:black;
}

.bgYellow {
	background-color: #FCF8E3 !important;
	background-image: none !important;
}

/* HEADER */
.logoImage {
	width: 200px;
}

.headerLogo {
	text-align: right;
	color: black;
}

.headerLink {
	text-align: right;
	font-size: 1.5rem;
	color: black;
	text-decoration: underline;
}

.headerTextSpace {
	margin-top: 0px;
}

.headerText {
	font-size: 3rem;
}

.headerImage {
	width: 100%;
}

/* NAVIGATION */
.navColumn {
	position: relative;
	float: left;
	width: 25%;
	padding-right: 15px;
	padding-left: 15px;
}

.navStep {
	color: black;
	font-size: 2rem;
	background-color: white;
}

.navStepImg {
	
}

a.button {
	background-color: black;
	color: white !important;
	padding: 10px;
	size: 25px;
	border: 1px solid black;
	border-radius: 100px;
	display: inline-block;
	padding: 10px;
	font-size: 1.5rem;
	text-shadow: none;
}

.navStepActive {
	color: white;
	font-size: 2rem;
	background-color: black;
}

.navStepArrowRight {
	float: right;
	margin-right: -15px;
}

/* CONTENT */
.contentPadding {
	padding: 0 60px;
}

.options {
	margin-bottom: 20px;
}

.iconRefresh {
	font-size: 2.5rem;
}

.additionalIconDiv {
	float: left;
	width: 50px;
}

.additionalInfoIcon {
	font-size: 3.5rem;
	color: red;
}

.additionalHeader {
	min-height: 50px;
}

.additionalBody {
	padding-left: 50px;
}

.tableInfo {
	font-size: 1.5rem;
}

.tableInfoCol1 {
	width: 65%;
	padding: 4px;
}

.tableCol1 {
	width: 5%;
	padding: 4px;
}

.tableCol2 {
	width: 60%;
	padding: 4px;
}

.tableCol3 {
	width: 33%;
	padding: 4px;
}

.tableCol4 {
	width: 2%;
	padding: 4px;
}

.unitTable {
	border-width: 0px !important;
}

.unitTable td {
	border-width: 0px;
	font-size: 1.5rem;
}

.unitCol1 {
	width: 10%;
}

.unitCol2 {
	width: 10%;
}

.unitCol3 {
	width: 10%;
}

.unitCol4 {
	width: 60%;
}

.infoBox {
	background-color: white;
	background-clip: content-box;
	border-left: ridge;
}

.infoText {
	font-size: 1.5rem;
	color: black;
}

.iconDiv {
	float: left;
	width: 50px;
}

.infoIcon {
	padding: 0 10px;
	font-size: 3rem;
	color: red;
}

.infoDiv {
	padding-left: 50px;
	padding-right: 10px;
}

.btnInviteFriend {
	background-color: black;
	color: white !important;
	padding: 10px;
	size: 25px;
	border: 1px solid black;
	border-radius: 100px;
	display: inline-block;
	padding: 10px;
	font-size: 1.5rem;
	text-shadow: none;
	min-width: 300px;
}

.inputInviteFriend {
	min-height: 45px;
}

.loginRow {
	margin-top: 20px;
	margin-bottom: 20px;
}

.linkNoRegister {
	font-size: 1.5rem;
}

#formAnmeldung {
	font-size: 1.5rem;
}

#formAnmeldung input {
	font-size: 1.5rem;
}

/* FOOTER */
.footer {
	padding: 10px 0;
	background-color: white;
	font-size: 1.2rem;
	color: black;
	border-top: ridge;
}

.footerFirstLine {
	padding-top: 10px;
	padding-bottom: 10px;
}

.footerLink {
	text-decoration: underline;
	font-size: 1.2rem;
	color: black;
}

.childrenLink {
	text-decoration: underline;
	font-size: 1.2rem;
	color: blue;
	background: transparent;
	border: none;
	white-space:normal;
}

.pageContentFooter a {
	font-size: 2rem;
	color: gray;
}

.footerLinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footerLinks li {
	display: inline-block;
}

.footerPadLeft {
	padding-left: 10px;
}

.footerSeparat {
	padding-right: 10px;
	border-right: 1px solid black;
}

/* ERROR */
.errorDiv {
	padding: 40px 10px;
}

.has-error input {
	background-color: #FCF8E3;
	background-image: none;
}

/* STEP */
.step {
	font-size: 1.5rem;
	background-color: #d3d8dc;
}

.nextStep {
	min-height: 30px;
}

.stepBtn {
	margin-top: 20px;
	background-color: black;
	color: white !important;
	padding: 10px;
	size: 25px;
	border: 1px solid black;
	border-radius: 100px;
	display: inline-block;
	padding: 10px;
	font-size: 1.5rem;
	text-shadow: none;
}

.stepBtn:hover {
	color: white;
	text-decoration: none;
}

.stepBtnSmall {
	margin-top: 20px;
	background-color: #73818c;
	color: white !important;
	padding: 10px;
	size: 20px;
	border: 1px solid black;
	border-radius: 10px;
	display: inline-block;
	padding: 10px;
	font-size: 1.2rem;
	font-weight: bold;
	text-shadow: none;
}

.stepMinWidth {
	min-width: 150px;
}

.minWidth {
	min-width: 200px;
}

.btnAuth {
	min-width: 250px;
}

.btnWkisRegister {
	min-width: 100px;
	font-size: 1rem;
}

/* WKIS */
.roleselection {
	padding: 20px;
}

.selectRole {
	padding-top: 15px;
	padding-bottom: 15px;
}

.selectRole a {
	text-decoration: none;
	font-size: 2.5rem;
	color: black;
}

.selectRole a i {
	color: #B9001A;
}

.selectRole:hover a i {
	color: gray;
}

/* Media Queries */
@media screen and (max-width: 991px) {
	.navStepImg {
		display: none;
	}
	.navColumn {
		position: relative;
		float: left;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.contentPadding {
		padding: 0 15px;
	}
	.headerTextSpace {
		margin-top: 20px;
	}
	.sendMailTopSpace {
		margin-top: 20px;
	}
	.headerLogo {
		text-align: left;
	}
}

@media screen and (max-width: 1200px) {
	.navStepImg {
		display: none;
	}
}