/* MEDIATHEK --------------------------------------------------------------------- START */
.mediathek {
	padding-top:			0px;
}

.container-box.mediathek {
	height:						92%;
}

.PDFArea {
	height:						100%;
}

.btn-info {
	background:				rgba(0, 0, 0, 0) linear-gradient(to bottom, #2c4772, #2c4772 50%, #2c4772 50%) repeat scroll 0 0;
	border:					none;
	color:					#fff;
}

.btn-info2 {
	background:				rgba(0, 0, 0, 0) linear-gradient(to bottom, #2c4772, #2c4772 50%, #2c4772 50%) repeat scroll 0 0;
	border:					none;
	position:				relative;
	left:					26px;
	width:					calc(100% - 76px);
	margin-top:				10px;
}

@media (min-width: 769px) and (max-width: 991px) {
	.btn-info2 {
		background:				rgba(0, 0, 0, 0) linear-gradient(to bottom, #2c4772, #2c4772 50%, #2c4772 50%) repeat scroll 0 0;
		border:					none;
		position:				relative;
		left:					26px;
		width:					calc(100% - 76px);
		margin-top:				-20px;
	}
}

.btn-info:hover,
.btn-info:focus {
	background-color:		#fff;
	border:					none;
}

.mediathek .login-area,
.mediathek .download-area {

}

@media (min-width: 769px) { 
	.mediathek .login-area {
		height:					100%;
		background-color:		rgba(255, 255, 255, 0.9);
		background-size:		contain;
		width:					25%;
		position:				relative;
		float:					left;
		border-left:			5px solid rgba(255,255,255,0);
		border-right:			5px solid rgba(255,255,255,0);
		box-shadow:				0px 0px 5px rgba(0,0,0,0.5);
	}
}


.mediathek .download-area {
	padding-top:			50px;
	width:					100%;
	position:				relative;
	float:					left;
}

.login-area label {
	padding-left:			25px; 
}

.login-area .form-control {
	width: 					calc(100% - 66px);
	margin:					0 auto;
	height:					100%;
}

.mediathek .login-area form {
	top:					calc(50% - 170px);
	position:				relative;
	margin-top:				20px;
	margin-bottom:			20px;
}

.mediathek .login-area form #login {
	width:					calc(100% - 51px);
	left:					25px;
	position:				relative;
	margin-top:				10px;
}

.mediathek .login-area form .btn-default {
	background-color:		#E6E6E6;
	border-color:			#ADADAD;
}

.mediathek .login-area form .btn-default:hover {
	background-color:		#ffffff;
	border-color:			#66afe9;
	box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(229,23,23,0.6);
	outline:				0 none;
}

.mediathek .login-area form > div > input {
	box-shadow:				0 0px 5px rgba(0,0,0,0.3) inset;	
}

.mediathek .login-area .login-message {
	text-align:				justify;
	-o-hyphens:				auto;
	-ms-hyphens:			auto;
	-moz-hyphens:			auto;
	-webkit-hyphens:		auto;
	hyphens:				auto;
}

.mediathek .login-area .login-message .text-info {
	color:					#333333;
}

.mediathek .login-area .login-line > span {
	height:					25px;
	margin-bottom:			25px;
	border-bottom:			1px solid #cccccc;
	display:				block;
}

.mediathek .download-area .download-field {
	height:					90px;
	margin-bottom:			25px;
	width:					calc(24.3% - 8.7px);
	position:				relative;
	float:					left;
	margin-left:			25px;
}

@media (min-width: 0px) and (max-width: 549px) {
	.mediathek .download-area .download-field {
		height:					90px;
		margin-bottom:			25px;
		width:					calc(24.3% - -200.7px);
		position:				relative;
		float:					left;
		margin-left:			0px;
	}	
}

@media (min-width: 550px) and (max-width: 623px) {
	.mediathek .download-area .download-field {
		height:					90px;
		margin-bottom:			25px;
		width:					calc(24.3% - -110.7px);
		position:				relative;
		float:					left;
		margin-left:			25px;
	}	
}

@media (min-width: 624px) and (max-width: 673px) {
	.mediathek .download-area .download-field {
		height:					90px;
		margin-bottom:			25px;
		width:					calc(24.3% - -127.7px);
		position:				relative;
		float:					left;
		margin-left:			25px;
	}	
}

@media (min-width: 674px) and (max-width: 968px) {
	.mediathek .download-area .download-field {
		height:					90px;
		margin-bottom:			25px;
		width:					calc(24.3% - -36.7px);
		position:				relative;
		float:					left;
		margin-left:			25px;
	}	
}

@media (min-width: 969px) and (max-width: 1002px) {
	.mediathek .download-area .download-field {
		height:					90px;
		margin-bottom:			25px;
		width:					calc(24.3% - -60.7px);
		position:				relative;
		float:					left;
		margin-left:			25px;
	}	
}

@media (min-width: 1003px) and (max-width: 1703px) {
	.mediathek .download-area .download-field {
		height:					90px;
		margin-bottom:			25px;
		width:					calc(24.3% - 31.7px);
		position:				relative;
		float:					left;
		margin-left:			25px;
	}	
}

.mediathek .download-area .download-field:nth-child(4n +1) {
	margin-left:				0px;
}

@media (min-width: 674px) and (max-width: 1001px) {
	.mediathek .download-area .download-field:nth-child(4n +1) {
		margin-left:			25px;
	}
}

@media (min-width: 674px) and (max-width: 1001px) {
	.mediathek .download-area .download-field:nth-child(3n +1) {
		margin-left:			0px;
	}
}

@media (min-width: 550px) and (max-width: 673px) {
	.mediathek .download-area .download-field:nth-child(2n +1) {
		margin-left:			0px;
	}
}

@media (min-width: 0px) and (max-width: 549px) {
	.mediathek .download-area .download-field:nth-child(1n +1) {
		margin-left:			0px;
	}
}






.mediathek .download-area .download-field > a {
	width:					calc(100% - 50px);
	height:					calc(100% - 12px);
    line-height:			1.42857;
	padding-top:			12px;
	padding-left:			50px;
	display:				block;
	position:				relative;
	color:					#555555;
	background-position:	12px center;
	background-repeat:		no-repeat;
	background-color:		#ffffff;
	outline:				medium none;
	border-radius:			4px;
	border:					1px solid #cccccc;
    font-size:				16px;
	white-space:			nowrap;
	overflow:				hidden;
	box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset;
	transition:				border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}


@media (min-width: 550px) and (max-width: 968px) {
	.mediathek .download-area .download-field > a {
		width:					calc(100% - 50px);
		height:					calc(100% - 12px);
		line-height:			1.42857;
		padding-top:			12px;
		padding-left:			50px;
		display:				block;
		position:				relative;
		color:					#555555;
		background-position:	12px center;
		background-repeat:		no-repeat;
		background-color:		#ffffff;
		outline:				medium none;
		border-radius:			4px;
		border:					1px solid #cccccc;
		font-size:				12px;
		white-space:			nowrap;
		overflow:				hidden;
		box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset;
		transition:				border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	}	
}

@media (min-width: 1103px) and (max-width: 1203px) {
	.mediathek .download-area .download-field > a {
		width:					calc(100% - 50px);
		height:					calc(100% - 12px);
		line-height:			1.42857;
		padding-top:			12px;
		padding-left:			50px;
		display:				block;
		position:				relative;
		color:					#555555;
		background-position:	12px center;
		background-repeat:		no-repeat;
		background-color:		#ffffff;
		outline:				medium none;
		border-radius:			4px;
		border:					1px solid #cccccc;
		font-size:				14px;
		white-space:			nowrap;
		overflow:				hidden;
		box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset;
		transition:				border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	}	
}

@media (min-width: 1003px) and (max-width: 1102px) {
	.mediathek .download-area .download-field > a {
		width:					calc(100% - 50px);
		height:					calc(100% - 12px);
		line-height:			1.42857;
		padding-top:			12px;
		padding-left:			50px;
		display:				block;
		position:				relative;
		color:					#555555;
		background-position:	12px center;
		background-repeat:		no-repeat;
		background-color:		#ffffff;
		outline:				medium none;
		border-radius:			4px;
		border:					1px solid #cccccc;
		font-size:				12px;
		white-space:			nowrap;
		overflow:				hidden;
		box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset;
		transition:				border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	}	
}

.mediathek .download-area .download-field:hover a {
	border-color:			#66afe9;
	box-shadow:				0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(34,61,104,0.6);
	outline:				0 none;
}

.mediathek .download-area .download-field.active a {
	background-color:		#E6E6E6;
	border-color:			#ADADAD;
}

.mediathek .download-area .download-field span {
	display:				block;
}

.mediathek .download-area .download-field span:first-child {
}

.mediathek .download-area .download-field span:first-child + span {
}

.mediathek .download-area .download-field span:first-child + span + span {
	font-size:				12px;
}

/* Login-TEXT --------------------------------------------------------------------- START */

.login-text {
	margin-bottom:			20px;
	text-align:				center;
}

.login-text p {
	font-size:				18px;
	font-weight:			600;
}

.login-area-memory {
	margin-top:				20px;
	text-align:				center;
}

.login-area-memory > p > a {
	color:					#2c4772;
	text-decoration:		underline;
}


/* Login-TEXT --------------------------------------------------------------------- ENDE */

/* Login-Hinweis --------------------------------------------------------------------- START */

.fehlgeschlagen {
	height:					calc(100% - 215px);
	width:					auto;
	margin-left: 			8%;
	margin-right:			8%;
	margin-top:				15px;
}

.fehlgeschlagen > p > span {
	font-size:				18px;
	font-weight:			600;
}

.fehlgeschlagen a {
	font-size:				18px;
	font-weight:			600;
	color:					#2c4772;
	text-decoration:		underline;
}

.eingeloggt {
	margin-top:				-40px;
	margin-bottom:			20px;
	margin-left:			8%;
	margin-right:			8%;
}

.eingeloggt > p {
	font-weight:			600;
}

.eingeloggt > p > a {
	color:					#2c4772;
	text-decoration:		underline;
	font-weight:			600;
}



/* Login-Hinweis --------------------------------------------------------------------- ENDE */



/* MEDIATHEK ---------------------------------------------------------------------- ENDE */


/*
#LoginArea {
	width:					99.6%;
	padding:				0px 0.4%;
	margin-top:				20px;
	height:					70px;
	position:				relative;
}

#LoginArea form {
	width:					100%;
	height:					50px;
	overflow:				hidden;
	display:				block;
}

#LoginArea form fieldset {
	padding:				0px;
	margin:					0px 9px 0px 0px;
	border:					1px solid #666666;
	overflow:				hidden;
	background:				url(../images/transparency.b40.png) repeat;
	display:				block;
	float:					left;
}

#LoginArea form fieldset#FS1,
#LoginArea form fieldset#FS2 {
	width:					180px;
	height:					40px;
	text-indent:			3px;
}

#LoginArea form fieldset#FS3 {
	width:					102px;
	margin-top:				8px;
}

#LoginArea form fieldset#FS4 {
	width:					731px;
	margin-top:				7px;
	margin-right:			0px;
	background:				none;
	white-space:			normal;
	border:					none;
	text-align:				justify;
	letter-space:			1pt;
}

#LoginArea form fieldset .MessageRed {
	color:					#ce0b0b;
}

#LoginArea form fieldset#FS1:hover,
#LoginArea form fieldset#FS2:hover,
#LoginArea form fieldset#FS3:hover {
	border-color:			#ffffff;
}

#LoginArea form fieldset input {
	width:					99%;
	height:					18px;
	line-height:			18px;
	margin:					0px;
	padding:				0px;
	resize:					none;
	background:				none;
	border:					none;
	font-family:			'Arimo', sans-serif;
	font-size:				14px;
	color:					#ffffff;
	letter-spacing:			0.5pt;
}

#LoginArea form fieldset#FS1 input,
#LoginArea form fieldset#FS2 input {
	text-indent:			3px;
}

#LoginArea form fieldset#FS3 input {
	height:					32px;
	line-height:			32px;
	color:					#999999;
	cursor:					pointer;
	text-transform:			uppercase;
	letter-spacing:			1pt;
}

#LoginArea form fieldset#FS3:hover input {
	color:					#ffffff;
}

#LoginArea form fieldset legend {
	color:					#ffffff;
}





#DownloadArea {
	width:					100%;
	height:					auto;
	position:				relative;
}

#DownloadArea .DownloadField {
	width:					19%;
	height:					40px;
	margin:					0px 0.4% 10px 0.4%;
	display:				block;
	float:					left;
	position:				relative;
	outline:				none;
	background-color:		rgba(255,255,255,0.5);
	background-position:	5px center;
	background-repeat:		no-repeat;
	text-decoration:		none;
	border:					1px solid #666666;
}

#DownloadArea .DownloadField.active {
	background-color:		rgba(142,179,234,0.6);
}

#DownloadArea .DownloadField:hover {
	background-color:		rgba(255,255,255,0.4);
}

#DownloadArea .DownloadField span {
	height:					16px;
	line-height:			16px;
	position:				absolute;
	white-space:			nowrap;
	overflow:				hidden;
	display:				block;
	color:					#ffffff;
}

#DownloadArea .DownloadField span:first-child {
	width:					calc(100% - 40px);
	top:					5px;
	left:					35px;
	font-size:				14px;
	font-weight:			bold;
}

#DownloadArea .DownloadField span:first-child + span {
	width:					calc(100% - 100px);
	bottom:					5px;
	left:					35px;
	font-size:				12px;
}

#DownloadArea .DownloadField span:first-child + span + span {
	width:					55px;
	bottom:					5px;
	right:					5px;
	text-align:				right;
	font-size:				10px;
}
*/