@charset "utf-8";
/* CSS Document  */

html,
body {
	width: 100%;
	min-height: 100%;
	margin: 0 0 0 0;
	background-color: #474747;
	font-size: 18px;
}

a:link {
	color: #d9b3ff;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #d9b3ff;
}

a:active {
	text-decoration: none;
	color: #d9b3ff;
}

a:hover {
	text-decoration: none;
	color: #ffb3b7;
}

ul {
	list-style-type: disc;
	color: whitesmoke;
	line-height: 1.6;
}

.txt_link a:link {
	color: #d9b3ff;
	text-decoration: none;
}

.txt_link a:visited {
	text-decoration: none;
	color: #bf80ff;
}

.txt_link a:active {
	text-decoration: none;
	color: #bf80ff;
}

.txt_link a:hover {
	text-decoration: none;
	color: #979797;
}

.table {
	margin: 0;
	padding: 0;
}

.text {
	font-family: 'PT Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	font-style: normal;
	color: #FFF;
}

.textkontakt {
	font-size: 14px;
	font-size: 1.1rem;
}

.textnavi {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.4;
	font-style: normal;
	color: #FFF;
}

.textlink {
	font-family: 'PT Sans', sans-serif;
	font-size: 1.1rem;
	line-height: 1.4;
	font-style: italic;
	color: #FFF;
}

.texttitel {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.4;
	font-style: normal;
	color: #FFF;
}

.textklein {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.2;
	font-style: normal;
	color: #FFF;
}

.textsehrklein {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9rem;
	font-style: normal;
	line-height: normal;
	color: #000;
}

.textbutton {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	color: #000;
}

.textfeld {
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-style: 400;
	line-height: normal;
	color: #000000;
	background-color: #EEEEEE;
}

.picture {
	margin: 0px;
	padding: 0px;
	border: 1px solid #999;
}

.gd_button {
	min-height: 25px;
	margin: 3px;
	float: left;
	padding: 7px 12px;
	text-align: left;
	background-color: #414141;
	border: none;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.05);
}

.gd_button:hover {
	/* text-decoration: underline; */
	/* font-weight: bold; */
	background-color: rgba(0, 0, 0, 0.19);
}

.inptSUCHEN {
	border: none;
	/* background-color: #414141; */
	background-color: rgba(255, 255, 255, 0.18);
	color: #fff;
	/* float: left; */
	padding: 12px 12px;
	font-size: 15px;
	font-weight: bold;
	width: 250px;
}

.inptSUCHEN:hover {
	background-color: rgba(255, 255, 255, 0.22);
	border: 1px solid white
}

.btnSUCHEN {
	width: 150px;
	color: #fff;
	margin: 15px;
	font-size: 15px;
	font-weight: bold;
	/* float: left; */
	padding: 12px 12px;
	/* background-color: #414141; */
	border: none;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.05);
}

.btnSUCHEN:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.25);
}

.btnLUPE {
	background-image: url('../layout/lupe.svg');
	border: none;
	float: left;
	height: 26px;
	width: 50px;
	margin-left: 3px;
	background-color: #414141CC;
	cursor: pointer;
	background-position: 13px 3px;
	background-repeat: no-repeat;
	background-size: 21px;
}

.btnLUPE:hover {
	background-color: #414141;
}

.bigtable {
	width: 1100px;
}

.divBIG {
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
}

.divPICTURE {
	/*	border:1px dashed #AAA;	*/
	background-color: #BBB;
	z-index: 1;
	width: 100%;
	height: 320px;
	float: left;
	overflow: hidden;
	top: 0px;
	position: absolute;
}

.divLOGOSTRIPE {
	background-size: contain;
	z-index: 2;
	height: 320px;
	width: 225px;
	position: relative;
	overflow: hidden;
	top: 0px;
	margin-left: 11px;
}

.divMITARBEITER {
	background-size: contain;
	border: 1px solid #DDD;
	z-index: 2;
	height: 165px;
	width: 165px;
	position: relative;
	overflow: hidden;
	top: 0px;
	left: 0px;
}

.divLOGO {
	background: url(../layout/logo/refkgm_logo.png);
	background-size: contain;
	z-index: 3;
	height: 100%;
	width: 100%;
	max-width: 250px;
	position: relative;
	overflow: hidden;
	top: 80px;
	/* margin-left: 0.5%; */
	margin: 0 auto;
	background-repeat: no-repeat;
	/* background-position-x: 36%; */
	background-position-y: 30%;
}

.divTOPNAVI {
	z-index: 4;
	width: 650px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	margin-left: 236px;
	margin-top: 290px;
}

.divTOPNAVIELEMENT {
	/*	border:1px dotted #EFA; */
	z-index: 4;
	width: 124px;
	height: 30px;
	overflow: hidden;
	float: left;
	bottom: 0px;
	margin-left: 0;
	padding-left: 20px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	cursor: pointer;
}

.divNAVI {
	/*	border:1px dotted #FF5533; */
	z-index: 4;
	width: 225px;
	min-height: 400px;
	overflow: hidden;
	position: absolute;
	margin: 0px 0px 0px 11px;

	a {
		color: #fff;
	}
}

.divNAVImobile {
	float: left;
	width: 100%;
	display: none;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: 400;
	padding: 5px 5px 5px 10px;
	cursor: pointer;

	a {
		color: #fff;
	}
}

#divSUBNAVI_0 {
	display: none;
}

#divSUBNAVI_1 {
	display: none;
}

#divSUBNAVI_2 {
	display: none;
}

#divSUBNAVI_3 {
	display: none;
}

.divMAIN {
	/*	border:1px dashed #AAA; */
	z-index: 10;
	width: 100%;
	height: auto;
	min-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
	left: 0px;
	top: 0%;
}

.divCONTENT {
	/* border: 1px dashed #AAA; */
	z-index: 2;
	width: 650px;
	min-height: 320px;
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
	margin-top: 5px;
	margin-left: 239px;
	background-color: #414141;
	padding: 25px;
}

.divLINE {
	z-index: 4;
	width: 829px;
	height: 3px;
	overflow: hidden;
	position: relative;
	left: 0px;
	margin-top: 0%;
	margin-left: 11px;
	display: none;
}

.divFOOTER {
	/*	border:1px dotted #FF26FF;	*/
	z-index: 3;
	width: 100%;
	height: 8%;
	min-height: 18px;
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	left: 0px;
}

.divARBYTE {
	opacity: 0.6;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #919191;
	font-size: 10px;
	z-index: 0;
	width: 120px;
	text-align: right;
	height: 14px;
	overflow: hidden;
	position: fixed;
	right: 21px;
	top: 325px;
}

.divLOGIN {
	background-color: rgba(90, 90, 90, 0.6);
	z-index: 99;
	width: 8px;
	height: 8px;
	left: 5px;
	top: 325px;
	overflow: hidden;
	position: absolute;
	cursor: move;
}

@media all and (max-width: 950px) and (min-width: 0px) {
	.divARBYTE {
		display: none;
	}
}

@media all and (max-width: 810px) and (min-width: 0px) {
	.divTOPNAVI {
		display: none;
	}

	.divTOPNAVIELEMENT {
		display: none;
	}

	.divNAVI {
		display: none;
	}

	.divNAVImobile {
		display: inline;
	}

	.divLINE {
		display: none;
	}

	.btnLUPE {
		margin-left: 0;
		background-position: 9px 8px;
		background-size: 21px;
	}

	.divMAIN {
		width: 100%;
		max-width: 800px;
		float: left;
		margin-top: -35px;
		margin-left: -3px;
	}

	.divCONTENT {
		width: 100%;
		float: left;
		margin-left: -3px;
		padding: 8px;
	}

	.divPICTURE {
		width: 100%;
		height: 240px;
	}

	.divLOGOSTRIPE {
		height: 272px;
		width: 100%;
		min-width: 300px;
		margin-left: -3px;
		top: -35px;
	}

	.bigtable {
		width: 95%;
	}

	.divLOGO {
		top: 30px;
	}

	.divARBYTE {
		display: none;
	}

	.inptSUCHEN {
		padding: 18px;
		font-size: 15px;
		width: 81%;
		text-align: left;
	}

	.btnSUCHEN {
		width: 81%;
		margin: 0;
		margin-top: 9px;
		font-size: 15px;
		padding: 18px;
		text-align: left;
	}
}