/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */

	html, body {
		background-color: #FFF;
		margin: 0px;
		padding: 0px;
		height: 100%;

		font-family: Verdana, sans-serif;
		/** font-family: Verdana, Geneva, sans-serif; **/
		font-size: 85%;

		outline: none;
		color: #000;
	}

	a {
		color: #000;
		outline: none;
		text-decoration: none;
	}
		a:link 		{ text-decoration: none; color: #000; }
		a:visited 	{ text-decoration: none; color: #000; }
		a:hover		{ text-decoration: none; color: #000; }
		a:active 	{ text-decoration: none; color: #000; }

	img {
		outline: none;
		border: none;
	}

/* ============================================= 2.0 CONTAINER ============================================= */

	.upperline {
		height: 9px;
		background: #ffdd00;
	}

	.logo-bdp {
		position: absolute;
		top: -80px;
		left: 0px;
		width: 117px;
		height: 80px;
	}

	.icons-social {
		position: absolute;
		top: 24px;
		right: -54px;
		width: 37px;
		z-index: 100;
	}
		.icon-social {
			width: 37px;
			height: 37px;
			margin-bottom: 5px;
		}
		.icon-social.twitter	{ background: url("../img/icon-twitter.png"); }
		.icon-social.facebook	{ background: url("../img/icon-facebook.png"); }
		.icon-social.instagram	{ background: url("../img/icon-instagram.png"); }
		.icon-social.bdp_tv		{ background: url("../img/icon-bdp_tv.png"); }

	.upperline-lang {
		border-top: 9px #000 solid;
		text-align: right;
		padding-top: 10px;
		font-size: 11px;
	}

	.current-site {
		position: absolute;
		padding: 12px 0px 0px 10px;
		font-size: 15px;
		font-weight: bold;
	}

	#main {
		position: relative;
	}
		/**** ALLGEMEIN ****/
			.bg-grey { position: relative; background-color: #f6f6f6; margin-bottom: 2px; }
			.bg-yellow { background-color: #ffdd00; margin-bottom: 1px; }
			.border-left-white { border-left: 3px #FFF solid; }

			/* Banner */
			#banner .span12 { margin-top: 0px; margin-bottom: 25px; z-index: 15; }

			/* Thema */
			#topic {
				position: relative;
				overflow: hidden;
				background: #f6f6f6;
				max-height: 370px;
				margin: 0;
				-webkit-border-radius: 0px 0px 35px 0px;
				-moz-border-radius: 0px 0px 35px 0px;
				border-radius: 0px 0px 35px 0px;
			}
				#topic .span8 { margin-top: 0px; margin-bottom: 35px; z-index: 10; }
				#topic .span4 { margin-top: 0px; z-index: 10; }
				.statement { position: relative; margin: 20px 24px 0px 50px; }
					.statement.external { padding-bottom: 20px; border-bottom: 1px #c6c6c6 solid; }

					@media (max-width: 767px) {
						#persoenlichkeit-quote { margin-top: 10px; }
						#persoenlichkeit-quote .statement.bdp { margin: 20px 35px; }
					}
					@media (min-width: 768px) {
						#persoenlichkeit-quote { height: 312px; }
							#persoenlichkeit-quote .statement.bdp { margin: 70px 35px 0px 35px; }
					}

					.quote { position: relative; font-size: 14px; }
						.external .quote { float: left; }
							.external .quote .line {
								font-family: Georgia, "Times New Roman", Times, serif;
								margin-bottom: 4px;
							}
								.external-quotation_marks {
									font-family: Georgia, "Times New Roman", Times, serif;
									font-size: 24px;
								}
									.external-quotation_marks.left {
										width: 22px;
										height: 27px;
										position: absolute;
										top: -3px;
										left: -15px;
									}

							.bdp .quote .line {
								padding: 1px 10px;
								line-height: 24px;
								margin-bottom: 5px;
								text-align: right;
								font-style: italic;
								background-color: #ffdd00;
							}
								.bdp-quotation_marks {
									width: 18px;
									height: 21px;
									position: absolute;
								}
									.bdp-quotation_marks.left {
										top: 2px;
										left: -21px;
										background: url("../img/icon-bdp-quotation_marks-left.png") no-repeat;
									}
									.bdp-quotation_marks.right {
										bottom: 2px;
										right: -25px;
										background: url("../img/icon-bdp-quotation_marks-right.png") no-repeat;
									}
								.bdp .quote .line.button-lg {
									font-style: normal;
									padding: 15px 30px;
									display: inline-block;
									margin-top: 20px;
								}

						#topic .source {
							font-weight: bold;
							text-align: right;
							font-size: 13px;
						}
							#topic .external .source {
								width: 350px;
								float: right;
							}
							#topic .bdp .source {
								z-index: 100;
							}

					#topic .bottomline {
						position: absolute;
						z-index: 0;
						bottom: 0;
						width: 100%; /*RS*/
						height: 16px; /*RS*/
						background: #e4e4e2;
					}

		/* Thema */
		#mod-text table { width: 100%; }

		/* Listen */
		#content ul li { line-height: 20px; /*RS*/ }

			ul.numbers {
				margin: 0px;
				padding: 0px 10px 0px 85px;
			}
				ul.numbers li {
					margin: 0px 30px 0px 0px;
					padding: 5px 5px 5px 5px;
					list-style: decimal;
					font-weight: bold;
				}
					ul.numbers li a { font-weight: normal; }

			ul.fields {
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
				ul.fields li {
					background: #f6f6f6;
					margin: 0px 0px 2px 0px;
					padding: 8px 12px;
					list-style: none;
				}
					ul.fields li:hover, ul.fields li:active { background: #e4e4e2; }
					ul.fields li.active						{ background: #ffdd00; }
					#dates ul.fields li						{ min-height: 15px; } /*RS*/

					ul.fields ul { margin: 0px 0px 0px 15px; }
						ul.fields ul li {
							margin: 0px 0px 2px 0px;
							padding: 6px 10px;
						}

			ul.boxes {
				position: relative;
				clear: both;
				margin: 0px 0px 0px 0px;
				padding: 0;
			}
				ul.boxes li {
					list-style: none;
					margin-bottom: 3px;
					padding: 10px;

					background: #FFF;
					border: 1px #e7e7e6 solid;
				}

			ul.downloads  {
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
				ul.downloads li {
					background: #f6f6f6;
					margin: 0px 0px 2px 0px;
					padding: 8px 12px;
					list-style: none;
				}
					ul.downloads li:hover, ul.downloads li:active	{ background: #e4e4e2; }
					ul.downloads li.active							{ background: #ffdd00; }

					ul.downloads li.folder					{ font-weight: bold; }
					ul.downloads li.folder.trigger			{ cursor: pointer; }
					ul.downloads li.folder.trigger_active	{ background: #FAE12C; }

					ul.downloads ul { margin: 0px 0px 0px 15px; }
						ul.downloads ul li {
							margin: 0px 0px 2px 0px;
							padding: 6px 10px;
						}

				#twitter {
					margin-bottom: 31px;
				}
					#twitter ul.boxes li {
						overflow: hidden;
						min-height: 45px;
						border-top: 1px #f5f5f5 solid;
						border-bottom: 1px #b2b2b2 solid;
						border-right: 1px #e5e5e5 solid;
						border-left: 1px #f5f5f5 solid;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
					}
					#twitter ul.boxes li:nth-child(odd)	 { background: #f6f6f6; }
					#twitter ul.boxes li:nth-child(even) { background: #e4e4e2; }

		/* Bildausrichtungen */
			img.image-left 	{ float: left; }
			img.image-right { float: right; }

		/* Schriftgrössen */
			.fontsize-regular	{ font-size: 12px; } /*RS*/
			.fontsize-small		{ font-size: 10px; } /*RS*/
			.fontsize-big		{ font-size: 13px; } /*RS*/

		/* Abstände */
			.padded-horizontal		{ padding-top: 15px; padding-bottom: 15px; } /*RS*/
			.padded-horizontal-small{ padding-top: 5px; padding-bottom: 5px; }
			.padded-vertical		{ padding-right: 45px; padding-left: 45px; } /*RS*/
			.padded-vertical-small	{ padding-right: 5px; padding-left: 5px; }
			.padded-all-small		{ padding: 5px 23px 5px 15px; }
			.padded-left			{ padding-left: 30px; } /*RS*/
			.spacing-bottom			{ clear: both; margin-bottom: 40px; }
			.spacing-icon			{ padding-right: 40px !important; }
			.spacing-article		{ padding-top: 110px !important; }
			.no-margin				{ margin: 0; }

		/*Links & Icons*/
		#mod-topic p a, #mod-topic li a, #mod-topic td a, #mod-text p a, #mod-text li a, #mod-text td a, #mod-people p a, #mod-people li a, #mod-people td a {
			color: #000;
			border-bottom: 2px #FFDD00 solid;
		}
			#mod-topic p a:hover, #mod-topic li a:hover, #mod-topic td a:hover, #mod-text p a:hover, #mod-text li a:hover, #mod-text td a:hover, #mod-people p a:hover, #mod-people li a:hover, #mod-people td a:hover {
				color: #FFDD00;
			}
		.type-pdf {
			background-image: url("../img/icon-pdf.png");
			background-repeat: no-repeat;
			background-position: 96% 2px;
		}
		.marker-yellow { background: url("../img/icon-marker-yellow.png") no-repeat; background-position: 20px 8px; /*RS*/ }
		.link-yellow {
			clear: both;
			max-width: 310px;
			margin: 3px 0px 0px 0px;
			padding: 0px 20px 0px 3px;
			overflow: hidden;

			font-size: 12px;
			color: #5c514d;
			background: url("../img/icon-arrow-right.png") no-repeat 97% 7px #ffdd00;
			text-align: right;
		}
			.link-yellow strong { color: #000; }
			.link-yellow.no-arrow {
				padding: 0px 5px 0px 5px !important;
				background-image: none !important;
			}

		#videos .link-yellow {
			clear: both;
			max-width: 310px;
			margin: 3px 0px 0px 0px;
			padding: 0px 5px 0px 5px;
			overflow: hidden;

			font-size: 10px;
			color: #5c514d;
			background: none;
			background-color: #ffdd00;
			text-align: left;
		}

		.link-yellow-double {
			background-color: #ffdd00;
			text-align: right;
			padding-right: 20px; /*RS*/
		}
			.link-yellow-double.pen {
				background-image: url("../img/icon-arrow-right.png");
				background-repeat: no-repeat;
				background-position: 94% 6px;
			}
			.link-yellow-double.more {
				background-image: url("../img/icon-arrow-right.png");
				background-repeat: no-repeat;
				background-position: 94% 6px;
			}

		/*
		link-yellow-double

		link-double1 pen

		link-double2 more
		*/

		.link-grey {
			clear: both;
			margin-top: 5px;
			padding-bottom: 10px;
			display: inline-block;

			font-weight: bold;
			color: #878787;
		}
			.link-grey.arrow-right	{ padding-right: 15px; background: url("../img/icon-arrow_grey-right.png") no-repeat 100% 7px; }
			.link-grey.arrow-down	{ padding-right: 15px; background: url("../img/icon-arrow_grey-down.png") no-repeat 100% 7px; }
			.link-grey.arrow-left	{ padding-left: 15px; background: url("../img/icon-arrow_grey-left.png") no-repeat 0px 6px; }

			.link-grey.prominent-link {
				color: #000;
				border-bottom: 2px #FAE12C solid;
				padding-bottom: 0px;
				margin-bottom: 15px;
			}

		/* Randabrundungen */
			.topleft-rounded {
				-webkit-border-radius: 15px 0px 0px 0px;
				-moz-border-radius: 15px 0px 0px 0px;
				-o-border-radius: 15px 0px 0px 0px;
				border-radius: 15px 0px 0px 0px;
			}
			.topleft-rounded-big {
				-webkit-border-radius: 35px 0px 0px 0px;
				-moz-border-radius: 35px 0px 0px 0px;
				-o-border-radius: 35px 0px 0px 0px;
				border-radius: 35px 0px 0px 0px;
			}
			.bottomright-rounded {
				-webkit-border-radius: 0px 0px 15px 0px;
				-moz-border-radius: 0px 0px 15px 0px;
				-o-border-radius: 0px 0px 15px 0px;
				border-radius: 0px 0px 15px 0px;
			}
			.bottomright-rounded-big {
				-webkit-border-radius: 0px 0px 35px 0px;
				-moz-border-radius: 0px 0px 35px 0px;
				-o-border-radius: 0px 0px 35px 0px;
				border-radius: 0px 0px 35px 0px;
			}

			#positions img {
				border: 1px #d9d9d9 solid;
				-webkit-border-radius: 35px 0px 0px 0px;
				-moz-border-radius: 35px 0px 0px 0px;
				-o-border-radius: 35px 0px 0px 0px;
				border-radius: 35px 0px 0px 0px;
				overflow: hidden;
			}

			#gallery img {
				margin-bottom: 20px;
			}
				#gallery [class*="span"] { margin-top: 0 !important; }
				#gallery .gallery-img {
					width: 100%;
					height: 134px;
					margin-bottom: 20px;

					background-position: center;
					background-size: cover;
				}

			/** ARTIKEL **/
			.article-brief {
				position: absolute;
				top: 0px;
				left: 0px;
				height: 100px;
			}
				.article-picture, .article-position {
					float: left;
					border: 1px #e9e9e9 solid;
				}
					.article-picture { width: 170px; height: 91px; }
					.article-position {
						width: 130px;
						height: 55px;
						text-align: center;
						padding-top: 36px;

						text-transform: uppercase;
						background-color: #FFDD00;
						font-size: 36px;
					}


			#facebook-likeshare {
				float: right;
				padding: 10px 20px 10px 0px;
				z-index: 1000;
			}

		/**** FOOTER *****/
		.footer {
			margin-top: 45px;
			padding: 15px 40px;
			display: block;
			overflow: hidden;
			min-height: 135px;

			-webkit-border-radius: 35px 0px 0px 0px;
			-moz-border-radius: 35px 0px 0px 0px;
			border-radius: 35px 0px 0px 0px;

			background: #ffdd00;
		}
			.footer .column {
				float: left;
				margin-bottom: 5px;
			}
				.footer .column.rss_feed	{ width: 130px; }
				.footer .column.bdp-tv		{ width: 100px; }
				.footer .column.newsletter	{ width: 120px; }
				.footer .column.kontakt		{ width: 163px; }
				.footer .column.medienstelle{ width: 140px; }
				.footer .column.impressum	{ width: 115px; }

				.footer a { color: #000; }
				.footer p { font-size: 11px; line-height: 15px; }
				.footer .link {
					font-size: 14px;
					height: 23px;
					padding: 5px 0px 0px 0px;
				}
					.footer .span4 { margin-top: 0; }
					.footer .link.rss_feed, .footer .link.bdp_tv, .footer .link.twitter, .footer .link.facebook, .footer .link.instagram {
						padding-left: 31px;
						background-repeat: no-repeat;
						background-position: left;
						margin-bottom: 5px;
					}
						.footer .link.rss_feed	{ background-image: url("../img/footer-rss_feed.png"); }
						.footer .link.bdp_tv	{ background-image: url("../img/footer-bdp_tv.png"); }
						.footer .link.twitter	{ background-image: url("../img/footer-twitter.png"); }
						.footer .link.facebook	{ background-image: url("../img/footer-facebook.png"); }
						.footer .link.instagram	{ background-image: url("../img/footer-instagram.png"); }

/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 Titel ------ */
		h1 {
			font-size: 16px;
			line-height: 30px;
			padding: 0;
			margin: 0px 0px 10px 0px;
		}
		h2 {
			font-size: 14px;
			line-height: 30px;
			padding: 0;
			margin: 0px 0px 10px 0px;
		}
		h2.video-title {
			margin: 10px 0px 15px 0px;
			padding: 0px 0px 0px 0px;

			color: #393939;
			line-height: normal;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
		}
			h2.video-title, p.video-description { padding-right: 25px; }
		h2.content-title {
			margin: 0px 0px 0px 0px;
			padding: 3px 10px 3px 10px;
			/* max-width: 150px; */

			-webkit-border-radius: 10px 0px 0px 0px;
			-moz-border-radius: 10px 0px 0px 0px;
			border-radius: 10px 0px 0px 0px;

			line-height: normal;
			font-size: 13px;
			font-weight: normal;
		}
			@media (max-width: 767px) { h2.content-title { margin-bottom: 8px; } }
			@media (min-width: 768px) {
				h2.content-title {
					display: inline;
					min-width: 80px;
					position: absolute;
					top: -25px;
				}
			}
			h2.content-title.black	{ color: #ffdd00; background: #000; }
			h2.content-title.yellow { color: #000; background: #ffdd00; }
			h2.content-title.align-left		{ left: 0px; }
			h2.content-title.align-right	{ right: 0px; }

		h3 {
			line-height: 30px;
			padding: 0px;
			margin: 0px;
		}

	.text-grey { color: #5C514D; }
	.text-error { color: #de0000; }

	/* ------ 3.2 Cufon ------ */
	.cufon-canvas {
		margin: 0px 0px 0px 0px;
	}
	.cufon-vml {
		margin: 0px 0px 0px 0px;
	}


/* ============================================= 4.0 FORMULAR ============================================= */

	input.textfield {
		width: 100%; /*280px*/
		height: 18px;
		padding: 5px 3px 5px 3px;
		margin: 0px 0px 5px 0px;

		box-shadow: none;
		border: 1px solid #FFDD00;
		color: #000;
		background-color: #FFF;
		border-radius: 0px;
	}
	textarea.textarea {
		min-width: 100%; /*280px*/
		width: 100%;
		max-width: 100%;
		min-height: 50px;
		height: 100px;
		max-height: 425px;
		padding: 5px 3px 5px 3px;
		margin: 0px 0px 5px 0px;

		box-shadow: none;
		border: 1px solid #FFDD00;
		background-color: #FFF;
		color: #000;
		border-radius: 0px;
	}
		input.textfield:focus, textarea.textarea:focus, select.selectmenu:focus { border: 1px solid #000; box-shadow: none; }
		input.textfield.error, textarea.textarea.error, select.selectmenu.error { border: 1px solid #de0000; box-shadow: none; }

	#lorem .checkbox {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 5px 0px;
		border: none;
		border-bottom: 1px dotted #333;
		background-color: #FFF;
		width: 15px;
		height: 15px;
	}
	#lorem .col_first {
		vertical-align:top;
		width: 100px;
	}

	#lorem .submit {
		border: 1px dotted #333;
		margin: 5px 0px 0px 10px;
		width: 80px; !important
	}

/* ============================================= 5.0 TABELLEN ============================================= */

/* ============================================= 6.0 SONSTIGES ============================================= */

	.btn.btn-primary {
		background: none;
		background-color: #FFDD00;
		border-width: 0px;
		font-weight: bold;
		border-radius: 10px 0px 10px 0px;
		margin: 10px 0px 15px;
		padding: 8px 40px;
		color: #000;
	}

/* ============================================= BOOTSTRAP OVERRIDE ============================================= */

		.visible-level4 { display: none; }
		.visible-level3 { display: inherit; }
		.visible-level2 { display: none; }
		.visible-level1 { display: none; }

		.navbar-inverse .nav-collapse ul.nav li a,
	    .navbar-inverse .nav-collapse .dropdown-menu a {
		  font-weight: normal !important;
		  color: #000 !important;
		  text-shadow: none;
	    }
			.navbar-inverse .nav-collapse ul.nav ul {
				padding: 0px 0px 0px 0px;
				margin: 0px 15px 10px 15px;
			}
			.navbar-inverse .nav-collapse ul.nav ul li {
				list-style: none !important;
				margin-bottom: 2px;
			}
			.navbar-inverse .nav-collapse ul.nav ul li a {
				display: block;
				padding: 5px 10px;
			}
				.navbar-inverse .nav-collapse ul.nav ul li a:hover { background: #E4E4E2; }


	html, body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
	}

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        /*height: auto !important;
        height: 100%;
        */
		margin: 0 auto -210px; /* Negative indent footer by it's height */
      }

	#push {
		height: 100%;
		padding-bottom: 210px;
		position: relative;
		clear: both;
	}

      /* Set the fixed height of the footer here */
      #footer {
        height: 210px;
      }
	  #footer .row-fluid [class*=span] {
		  overflow: hidden;
	  }

	/* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
		  margin-left: -5px;
          margin-right: 0px;
          padding-left: 20px;
          padding-right: 0px;
        }
      }

	#player {
		margin-bottom: 26px;
	}
	@media (max-width: 767px) {
		#player {
			height: 242px;
		}
	}
	@media (min-width: 768px) and (max-width: 979px) {
		#player {
			height: 338px;
		}
	}

	@media (min-width: 980px) and (max-width: 1349px) {
		#player {
			height: 440px;
		}
	}
	@media (min-width: 1350px) {
		#player {
			height: 552px;
		}
	}


	.block-image, .block-portrait, .block-full {
		background-color: rgba(255,255,255,1);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		border: 1px #d9d9d9 solid;
	}
		.block-full {
			width: 100%;
			height: 100%;
		}
		.block-image {
			border-radius: 35px 0px 0px 0px;
		}
			#gallery .block-image { margin-bottom: 20px; border-radius: 0px; }
		.block-portrait {
			border-radius: 0px 0px 35px 0px;
		}

	@media (max-width: 767px) {
		.block-image {
			width: 315px;
			height: 170px;
		}
		.block-portrait {
			width: 252px;
			height: 311px;
		}
	}
	@media (min-width: 768px) and (max-width: 979px) {
		.block-image {
			width: 186px;
			height: 99px;
		}
		.block-portrait {
			width: 191px;
			height: 236px;
		}
	}
	@media (min-width: 980px) and (max-width: 1349px) {
		.block-image {
			width: 247px;
			height: 131px;
		}
		.block-portrait {
			width: 252px;
			height: 311px;
		}

	}
	@media (min-width: 1350px) {
		.block-image {
			width: 308px;
			height: 164px;
		}
		.block-portrait {
			width: 300px;
			height: 370px;
		}
	}