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

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

.PDFArea {
	height:						100%;
}

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

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

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

}

@media (min-width: 769px) { 
	.mediathek .login-area {
		height:					100%;
		background:				url(images/media-login.png) repeat-y;
		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;
	left:					5%;
	width:					70%;
	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% - 91px);
	position:				relative;
}

.mediathek .login-area form #login {
	width:					calc(100% - 40px);
	left:					20px;
	position:				relative;
}

.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(33.3% - 16.7px);
	position:				relative;
	float:					left;
	margin-left:			25px;
}

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

@media (min-width: 768px) and (max-width: 991px) {
	.mediathek .download-area .download-field {
		width:					calc(50% - 16.7px);
	}
	.mediathek .download-area .download-field:nth-child(2n +1) {
		margin-left:			0px;
	}
}

@media (max-width: 768px){
	.mediathek .download-area .download-field {
		width:					100%;
		margin-left:			0px;
	}
	.mediathek .download-area {
		left:					22px;
		width:					calc(100% - 44px);
	}
}

.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;
}

.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(229,23,23,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;
}

/* 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;
}
*/