body {
    font-family: Cambria, Georgia, Times, serif;
	/*background-image: url("/img/back_warm.jpg");
	background-color: #cccc99;
	background-color: #DBE2C5;*/
	background-color: #eee; /** /leave that one color for now **/
}

a {
	color: #005ea8;
}

a:focus {
	color: #005ea8;
}

.btn.blue {
	border-color: #005ea8;
	background-color: #005ea8;
	color: #fff;
}

td input.gsc-search-button,
.control-bar,
.tags,
.btn.blue {
	font-family: 'Helvetica', 'Arial', sans-serif;
}

.btn {
	font-size: 1em;
	border-radius: 0px;
	padding: 2px 12px 6px 12px;
}

td input.gsc-search-button:hover,
.btn.blue:hover {
	border-color: #fff;
	background-color: #fff;
	color: #005ea8;
}

td input.gsc-search-button,
.blue-bg {
	background-color: #005ea8;
	color: #fff;
}

.green-bg {
	background-color: #97BF0D;
	color: #fff;
}

.white-bg {
	background-color: #fff;
}

.green-text {
	color: #97BF0D;
}

span.bold {
	font-weight: bold;
}

hr {
	border-color: #333;
}


/** ------------------------------------------------------------------------------------------   New frontpage header area ... */

div.page-header {
	margin-top: 0px;
	width: 100%;
	padding: 0px;
	/** background-image: url('/img/vorwort/saw_2015-04-05_18_41_31_presse.jpg');'**/
	background-repeat: repeat-x;
	position: relative;
	border-bottom: 0px solid transparent;
}

h1.intro-text {
	margin: 0px; padding: 0px;
	position: relative;
	max-width: 50%;
	font-size: 30px;
	margin-bottom: 15px;
	left: -15px;
	background-color: #fff;
	color: #000;
	opacity: 0.7;
	padding: 15px;
}

/** --------------------------------------------------------------- Google Search Custom ... */

td input.gsc-search-button {
	border: 0px solid transparent;
}
td input.gsc-input {
	background-position: 10px center !important;
}

td input.gsc-search-button {
	border-radius: 4px;
	font-size: 1.4em;
	font-weight: normal;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	height: 40px;
}

.search-page {
	min-height: 750px;
}

.search-area {
	width: 50%;
	margin: auto;
	margin-bottom: 45px;
	padding-left: 75px;
}

.gsc-control-cse {
	border: 0px solid transparent !important;
	background-color: transparent !important;
	box-sizing: content-box !important;
}

table td.gsc-input,
table td.gsc-search-button,
table td.gsc-clear-button {
	background-color: transparent !important;
}

.gsc-inline-block {
	box-sizing: content-box !important;
}

.gsc-tabsArea {
	display: none;
}

.gsc-tabHeader.gsc-tabhActive {
	background-color: #fff;
	color: #333;
}

table.gsc-search-box td {
	border: 0px solid transparent;
}

table.gsc-table-result,
table.gsc-above-wrapper-area-container,
table.gsc-search-box {
	margin: 0px;
}

/** ---------------------------------------------------------------------------------------------------------------- Basic Pag Styles ... */

.frontpage .navbar-nav {
	display: none;
}

.sectionheader {
	color:#333;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 2.2em;
}

h1 {
	font-size: 2.5em;
	font-family: 'Cambria', 'Georgia', 'Times New Roman', serif;
	color:#fff;
}

h2 {
	font-size: 1.9em;
	font-family: 'Helvetica', 'Arial', sans-serif;
	color:#fff;
}
 
h3 {
	font-size: 1.4em;
	font-family: 'Helvetica', 'Arial', sans-serif;
}

h5 {
	font-size: 1.2em;
}

.content ol,
.content ul,
p {
	font-size: 1.2em;
}

.value-count {
	color: #000;
}

.simple-page h2 {
	color: #333;
}

/** p li a,
.simple-page li {
	font-size: 1.4em;
} **/

mark {
	font-family: sans-serif;
}

.subtitel-back {
	background-color: #fff;
}

.titel-back > h2,
.titel-back-exkurs > h2 {
	margin-left: 15px;
}

.titel-back {
	background-color: #97BF0D;
	padding-top: 2px;
	padding-bottom: 3px;
}

.titel-back-exkurs {
	background-color: #ED8C00;
	padding-top: 2px;
	padding-bottom: 3px;
}

.titel-back-start {
	background-color: #333;
	padding-top: 2px;
}

.titel-back-start,
.subtitel {
	padding-left: 15px;
	padding-bottom: 5px;
}

.summary,
.page-content,
.content,
.beschreibung {
	margin-top: 1.8em;
}

.simple-page,
.summary,
.page-content,
.content {
	padding-bottom: 30px;
}

.section-content,
.page-content {
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 80px;
}

.more-content {
	padding-left: 50px;
	padding-right: 50px;
}

.page-content.front {
	text-align: center;
	margin-top: 30px;
}

.page-content .kompendium {
	margin-top: 40px;
	margin-left: 200px;
	width: 90%;
	padding-right: 15px;
}

.page-content .kompendium .bs-callout-simple {
	padding: 15px;
}

.page-content .kompendium li,
.page-content.landschaften li {
	font-size: 1.2em;
}

.page-toc {
	margin-left: 5px;
	position: fixed;
	left: 10px;
	top: 50px;
	overflow: scroll;
	height: 100%;
}

.page-toc ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.page-toc ul li {
	padding-left: 0px;
	font-weight: bold;
}

.page-toc ul li li {
	padding-left: 10px;
}

.page-toc ul li li li {
	padding-left: 20px;
	font-weight: normal;
}



/* ----------------------------------------------------------------------------- Filter sections, button definitions, basics and images (bild) */

.landschaften-editorial {
	margin-top: 30px;
}

.landschaften-editorial,
.filter-container {
	margin-left: 15px;
	font-family: Helvetica, Arial, sans-serif;
}

.filter-container a {
	border-radius: 4px;
	font-size: 1.2em;
	margin-right: 15px;
	margin-top: 10px;
	padding-top: 6px;
}

.filter-container .filter-info {
	font-size: 1.2em;
	position: relative;
	top: 10px;
}

.front-section .btn.selected,
.filter-container .btn.selected {
	background-color: #fff;
	color: #005EA8;
	border-color: #fff;
}

.btn.clear {
	display: none;
}

.beschreibung p {
	font-size: 1.2em;
	padding-left: 15px;
	padding-right: 15px;
}

.white-bg,
.summary {
	background-color: #fff;
}

.text-area {
	max-width: 1000px;
	line-height: 1.8em;
	padding-right: 0px;
	padding-left: 10px;
}

.text-area h3,
.text-area p {
	margin-left: 15px;
	margin-right: 15px;
	/* text-align: justify; **/
}

.text-area p {
	margin-bottom: 15px;
}

/* .content p {
	max-width: 600px;
	text-align: justify;
} **/

.titelbild {
	padding: 0;
	background-color: #fff;
}

.preview-container,
.banner-container,
.title-container {
	position: relative;
}

.preview-container .attribution,
.banner-container .attribution,
.title-container .attribution {
	position: absolute;
	padding: 3px; padding-left: 5px; padding-bottom: 5px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(255,255,255,0.5);
	color: #fff;
	font-size: 1em;
	font-family: 'Helvetica', 'Arial', sans-serif;
}

.banner-container .attribution {
	color: #666;
	font-size: .9em;
}

.abbildung {
	margin-top: 15px;
}

.img-thumbnail {
	max-width: 280px;
	border-radius: 0px;
	margin-right: 15px;
	margin-top: 30px;
}

img.vorschaubild {
	max-width: 280px;
}

img.full-text {
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px solid transparent;
}

.bild-caption p {
	padding: 0px;
	margin: 0px;
	display: inline;
	font-size: 0.9em;
}

.bild-caption {
	font-size: 1em;
	color: #656263;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-top: 0px;
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	line-height: 1.4em;
}

.thumbnail > a > h3 {
	color: #ED8C00;
}

.inline-block {
	display: inline-block;
}

.landschaften-map {
	float: left;
}

.landschaften-editorial .text {
	margin-top: 60px;
}

.content img.clickable {
	cursor: pointer;
}

.preview {
	float: left;
	margin-right: 30px;
	width: 300px;
	vertical-align: top;
}

.preview_alt {
	float: left;
	margin-right: 30px;
	width: 200px;
	vertical-align: top;
}

.around {
	float: left;
	margin-right: 30px;
	margin-top: 5px;
	max-width: 630px;
}

.clear {
	clear: both;
}

.left-fifteen {
	padding-left: 15px;
}

.linespace {
	height: 15px;
}

.beschreibung > h3,
#kartentitel {
	padding-left:0px;
	padding-bottom:15px;
	/** padding-top:10px; **/
}

#kartentitel .reset {
	display: none;
	cursor: pointer;
	font-size: 0.8em;
}

.shadow {
	box-shadow: 3px 0px 5px 0px #666;
	-webkit-box-shadow: 3px 0px 5px 0px #666;
	-moz-box-shadow: 3px 0px 5px 0px #666;
	-o-box-shadow: 3px 0px 5px 0px #666;
}

.lower-shadow {
	box-shadow: 1px 4px 5px 0px #666;
	-webkit-box-shadow: 1px 4px 5px 0px #666;
	-moz-box-shadow: 1px 4px 5px 0px #666;
	-o-box-shadow: 1px 4px 5px 0px #666;
}

.upper-shadow {
	box-shadow: 1px 4px 5px 0px #666;
	-webkit-box-shadow: 1px 4px 5px 0px #666;
	-moz-box-shadow: 1px 4px 5px 0px #666;
	-o-box-shadow: 1px 4px 5px 0px #666;
}

.last-element {
	margin-bottom: 10em;
}

.page-content.landschaften ul {
	margin-left: 15px;
	padding-left: 0px;
}

.page-content.landschaften ul {
	list-style-type: none;
}

.page-content .bundesland h3.seperator {
	background-color: #b32b31;
	padding: 10px; padding-left: 15px;
	color: #fff;
	font-weight: bold;
}


/* -------------------------------------------------- references hanging indent */

.references li {
    padding-left: 20px; 
} 

.references li p::first-letter,
.references li::first-letter {
     margin-left: -20px;
}

.text-area li p,
.references li p {
	font-size: 1em;
	margin: 0px;
	margin-bottom: 5px;
}

/* --------------------------------------------------- main navigation    */

.nav img {
	height: 43px;
	margin-left: 1.5em;
	display: block;
	position: relative;
	top: -12px;

}

.navbar {
    background-color: #fff; /** #F0F2E8; */
	/*box-shadow: 3px 3px 5px 0px #333333;
	-webkit-box-shadow: 3px 3px 5px 0px #333333;
	-moz-box-shadow: 3px 3px 5px 0px #333333;
	-o-box-shadow: 3px 3px 5px 0px #333333;*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	/* border-bottom: 1px solid #97bf0D; **/
}

.page-header .navbar.navbar-fixed-top {
	border-bottom: 0px solid #fff;
}

.page-header h2 {
	color: #656263;
	font-weight: bold;
}

.navbar.navbar-fixed-top {
	border-color: #97BF0D;
}

.navbar-alternate {
	position: relative;
	top: -50px;
	border-top: 1px solid #97bf0D;
	color: #005EA8;
	background-color: #fff;
}

.navbar-alternate .container {
	width: 90%;
}

.navbar-alternate .navbar-nav > li > a {
	color: #97bf0D;
	padding-left: 15px;
	padding-right: 15px;
}

.navbar-alternate .navbar-nav > li > a:hover,
.navbar-alternate .navbar-nav > li > a:focus {
	background-color: #fff;
	font-weight: bold;
}

.control-bar a,
.navbar-default .navbar-text,
.navbar-default .navbar-nav > li > a {
	color: #3d3d3d; /** #336600;; **/
}

.control-bar a:hover,
.navbar-default .navbar-nav > li.selected > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
	background-color: #97BF0D;
}

.navbar-default .navbar-nav > li.selected.exkurs > a,
.navbar-default .navbar-nav > li.exkurs > a:hover {
	background-color: #ED8C00;
    color: #fff;
}

.navbar-default .navbar-nav > li.selected.region > a,
.navbar-default .navbar-nav > li.region > a:hover {
	background-color: #b32b31;
    color: #fff;
}

.navbar-default .navbar-nav > li.simple > a {
	color: #3d3d3d;
    background-color: #fff;
}

.navbar-default .navbar-brand {
	color: #656263;
	font-weight: 700;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
    vertical-align: top;
    padding: 10px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #F0F2E8;
}

/* -------------------------------------------------- breadcrumb  */

.breadcrumb {
	background-color: transparent;
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-top: 30px;
}

/*-------------------------------------------------- (various.. content specific stuff) */

.themeninfo {
	color: #fff;
}

h5.text-muted {
	color: #666;
	margin: 5px 10px 0px 15px;
}

.label-default {
	background-color: #005ea8;
}

.tags .label-default {
	color: #005ea8;
	background-color: #fff;
}

.tags .label-default:hover {
	color: #fff;
	background-color: #005ea8;
}

.tag-parameter {
	font-size: 1.2em;
}

.tags {
	margin: 15px 10px 15px 15px;
	text-align: right;
	font-size: 1.2em;
}

.tags a {
	color: #fff;
	display: inline-block;
	border-radius: 0.25em;
	padding: 0.2em 0.6em 0.3em;
	text-decoration: none;
}

.start-auswahl {
	padding-top: 100px;
}

.section-auswahl a {
	padding-top: 40px;
	color: #333;
}

/*#map { 
	padding: 0;
	height:600px; 
	width:100%;
	-webkit-box-shadow: 0 0 5px 2px #666666;
	box-shadow: 0 0 5px 2px #666666;
}*/

.debug-log {
	padding-top: 200px;
}

.external-link:after {
	/*content: "\f08e";*/
}

.external-link:hover {
	text-decoration: none;
}

h3.station-title {
	margin-top: 45px;
	clear: both;
}

.station-title .external-link {
	/*background-color: #B32B31;*/
	font-size: 16px;
	margin-right 15px;
	padding: 5px;
}

.file-download {
	width: 100%;
	background-color: #ccd3ef;
	font-size: 1.4em;
	padding: 15px;
}

.file-download span {
	color: #666;
}

.file-download span.date,
.file-download span.license {
	display: inline-block;	
}

.tabellentitel,
table {
	font-size: 1em;
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	margin-bottom: 30px;
	margin-left: -25%;
	width: 150%;
}

.tabellentitel {
	margin-top: 0px;
	margin-bottom: 0px;
}

table thead {
	background-color: #ccd3ef;
}

table th,
table td {
	padding: 5px;
}

table th {
	border-bottom: 3px solid #fff;
}

table td {
	border-bottom: 1px solid rgba(127,127,127	, 0.45);
	background-color: rgba(255,255,255, 0.45);
}

.bs-calout

ul.related-articles,
ul.references {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 3px;
	font-size: 1.2em;
}

.col-sm-6.col-md-4 {
	float: none;
	display: inline-block;
	vertical-align: top;
	max-width: 580px;
}

.col-mre {
	text-align: center;
	display: inline-block;
	width: 310px;
	padding: 15px;
	/** box-sizing: content-box; **/
	vertical-align: top;
	margin-top: 30px;
	margin-right: 10px;
}

.row-full {
	position: relative;
	width: 90%;
	margin: auto;
}

.bs-callout .col-mre h4 {
	margin-top: 5px;
	text-align: left;
}

.bs-callout.bs-callout-simple .col-mre h4,
.bs-callout.bs-callout-orange .col-mre h4,
.bs-callout.bs-callout-signalorange .col-mre h4 {
	text-align: center;
}

/*** ----------------------------------------------------------- Overwriting Bootstrap Style Definitions **/

.row {
	margin-left: 30px;
	margin-right: 30px;
}

.row .section-auswahl {
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
}

.col-md-10 {
	width: 100%;
}

.col-md-4 {
	padding: 20px;
}

td > sub,
p > sub {
	bottom: 0px;
	padding-left: 4px;
}

td > sup,
p > sup {
	top: 0px;
	padding-right: 2px;
}

td > sub,
td > sup,
p > sub,
p > sup {
	font-size: 1em;
}

#slideshow .carousel-inner {
	overflow: visible;
}

#slideshow .carousel-inner .item {
	position: relative;
	left: 100%;
	max-width: 100%;
}

#slideshow .carousel-inner .item.active {
	left: 0px;
}

#slideshow .carousel-inner .item.active.left,
#slideshow .carousel-inner .item.left {
	left: -100%;
	top: 0px;
} */

@media (min-width: 768px) {
	.section-ideas .sub-header,
	.container {
		width: 100%;
	}
	.col-sm-6.col-md-4 {
		width: 75%;
		max-width: 600px;
	}
	/**.page-content.front {
		text-align: left;
	} */
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
	.col-sm-6.col-md-4.band-area {
		width: 75%;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

.bs-callout {
	border-left: 10px solid #e7e7e7;
}

.bs-callout h4 {
	margin-top: 0;
}

/** .bs-callout p:last-child {
	margin-bottom: 0;
} **/

.bs-callout code,
.bs-callout .highlight {
	background-color: #fff;
}

/** Colors for our three main sections .. */

.themen-border {
	border-width: 0px 0px 0px 8px;
	border-radius: 4px 4px 0px 0px;
	border-color: #97BF0D;
	padding: 15px;
}

.exkurs-border {
	border-width: 0px 0px 0px 8px;
	border-radius: 4px 4px 0px 0px;
	border-color: #ED8C00;
	padding: 15px;
}

.region-border {
	border-width: 0px 0px 0px 8px;
	border-radius: 4px 4px 0px 0px;
	border-color: #b32b31;
	padding: 15px;
}

.simple-border {
	border-width: 0px 0px 0px 8px;
	border-radius: 4px 4px 0px 0px;
	border-color: #e7e7e7;
	padding: 15px;
}

.round-border {
	border-radius: 4px 4px 4px 4px;
}

.border-right {
	border-right: 10px solid #e7e7e7;
	border-left: 0px solid transparent;
}

/* Themes for different contexts */

.bs-callout-signalorange {
	border-color: #ED8C00;
}

.seperator.exkursionen {
	background-color: #ED8C00;
	color: #fff;
	padding: 10px;
	margin-bottom: 0px;
	/* border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; **/
}

.bs-callout-grasgruen {
	border-color: #97BF0D;
}

.seperator.themen {
	padding: 15px;
	margin-bottom: 0px;
	font-weight: 700;
}

.seperator.intern {
	background-color: #666;
	color: #fff;
	padding: 10px;
	margin-bottom: 0px;
	font-weight: 700;
}

.bs-callout-simple {
	border-color: #e7e7e7;
}

.bs-callout-orange { /** Regionen simple */
	border-color: #b32b31; /** #d85b08; **/
	padding-top: 1px;
	padding-bottom: 1px;
}

.green-border {
	border-color: #97BF0D;
}

.top-border {
	border-top: 8px solid;
}

.container {
	position: relative;
}

/** --------------------------------------------------------------------------- Frontpage specific styles --- */

.navbar-brand .title {
	display: inline-block;
	position: absolute;
	height: 25px;
	left: 86px;
	top: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
	text-overflow: ellipsis;
}

.control-bar.fixed {
	background-color: #fff;
	position: fixed;
	top: 50px;
	z-index: 999;
	border-color: #97BF0D;
	border-width: 1px;
	border-style: solid;
	margin-left: -15px;
}

.control-bar {
	font-size: 1em;
}

.control-bar a {
	color: #656263;
	padding-top: 3px;
	padding-left: 15px;
	padding-right: 15px;
}

a.navbar-brand:hover .title {
	color: #656263;
}

.frontpage .header .lid-icon {
	top: -5px;
}

.lid-icon {
	position: absolute;
	top: 10px;
}

.front-section .section-ideas .headline .lid-icon {
	position: relative;
	top: -3px; left: -30px;
	width: 75px;
}

.highlight-section,
.navbar-default .navbar-brand,
.navbar-brand,
.full-row.front-section {
	color: #656263;
}

.highlight-section {
	font-size: 1.4em;
}

.navbar-default a.navbar-brand:hover,
.navbar > .container a.navbar-brand:hover {
	color: #005ea8;
}

.highlight-section a {
	text-decoration: none;
}

.full-row.front-section {
	margin-bottom: 15px;
}

.full-row.front-section,
.navbar-brand em {
	font-weight: normal;
}

.navbar-brand > img {
	display: inline-block;
}

.navbar .brand {
	display: none;
}

.frontpage .bottom {
	display: none;
}

.frontpage .navbar .brand {
	position: absolute;
	top: 2px; right: 45px;
	display: inline-block;
	padding: 5px;
	padding-left: 9px;
	padding-right: 6px;
}

.navbar .submenu {
	display: inline-block;
	position: absolute;
	left: 75px;
	top: 16px;
	display: none;
}

.navbar .submenu a {
	color: #656263;
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	margin-left: 15px;
	font-weight: normal;
}

.navbar .submenu a:hover {
	color: #97BF0D;
	text-decoration: none;
}

.frontpage .navbar .submenu {
	display: block;
}

.full-row.highlight-section,
.full-row.front-section {
	display: block;
}

.full-row.front-section h3 {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 45px;
}

.highlight-section,
.section-ideas {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 45px;
	text-align: center;
}

.section-ideas a {
	text-decoration: none;
	color: #656263;
}

.section-ideas strong.sans {
	font-family: 'Helvetica', 'Arial', sans-serif;
}

.front-section .section-ideas .thema:hover strong.sans,
.front-section .section-ideas .region:hover strong.sans,
.front-section .section-ideas .exkursion:hover strong.sans{
	color: #fff;
	background-color: #005ea8;
}

.front-section .section-ideas .header,
.front-section .section-ideas .bulletin,
.front-section .section-ideas .thema,
.front-section .section-ideas .exkursion,
.front-section .section-ideas .region {
	padding: 0px;
	margin: 15px; margin-bottom: 15px; margin-top: 15px;
	max-width: 800px;
	display: inline-block;
	vertical-align: top;
	color: #656263;
	position: relative;
}

.front-section .section-ideas img {
	width: 100%;
}

.front-section .section-ideas .sans {
	position: absolute;
	bottom: 30px; right: 15px;
	padding: 15px; padding-top: 14px;
	background-color: rgba(255, 255, 255, 0.85);
	color: #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: normal;
	font-size: 1.4em;
}

.highlight-section .article,
.highlight-section .article h3,
.highlight-title {
	text-align: left;
	margin-bottom: 0px;
	margin-top: 5px;
	color: #005EA8;
}

.highlight-section .article {
	margin: 15px;
	margin-top: 30px;
	width: 300px;
	display: inline-block;
	vertical-align: top;
}

.highlight-section {
	width: 80%;
	max-width: 1400px;
	font-size: 1.4em;
}

.highlight-title {
	color: #656263;
	text-align: center;
}

.highlight-section .img-responsive {
	width: 100%;
}

.frontpage .header em {
	font-weight: normal;
}

.frontpage .front-section .section-ideas img.lid-icon {
	width: 75px;
	position: relative;
	margin-right: 15px;
}

.frontpage .navbar-fixed-top {
	height: 55px;
	position: relative;
}

.frontpage .navbar-header .navbar-brand,
.frontpage .navbar-header .title {
	display: none;
}

.section-ideas .bulletin,
.section-ideas .region,
.section-ideas .thema,
.section-content .themen-border-all,
.section-content .themen-border {
	background-color: #fff;
	border-width: 8px 0px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	border-color: #97BF0D;
	text-align: left;
	border-style: solid;
	cursor: pointer;
}

.section-ideas .header,
.section-ideas .shortcuts {
	padding: 15px;
	text-align: left;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 1.4em;
	display: inline-block;
}

.front-section .section-ideas .header {
	display: inline-block;
	width: 800px;
	margin: 15px;
	padding: 15px;
	color: #656263;
	font-weight: bold;
	font-size: 2em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.front-section .section-ideas .header .title {
	font-size: .7em;
	margin-bottom: 15px;
	margin-left: 6px;
}

.section-ideas .shortcuts .bigger {
	font-size: 38px;
	position: relative;
	top: 4px;
	height: 30px;
}

.section-ideas .shortcuts a {
	width: 470px;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
}

.section-ideas .shortcuts a:hover {
	background-color: #97BF0D;
	cursor: pointer;
	color: #fff;
}

.section-ideas .shortcuts a:hover .green-text {
	color: #fff;
}

.section-content .themen-border-all,
.section-content .themen-border,
.section-content .exkurs-border-all,
.section-content .exkurs-border {
	margin-left: 30px;
}

.section-ideas .exkursion,
.section-content .exkurs-border-all,
.section-content .exkurs-border {
	background-color: #fff;
	border-width: 8px 0px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	border-color: #ED8C00;
	padding: 15px;
	text-align: left;
	border-style: solid;
}

.section-ideas .region {
	border-color: #b32b31;
}

.section-ideas .bulletin {
	border-color: #666666;
}

.front-section .section-ideas .bulletin,
.front-section .section-ideas .region,
.front-section .section-ideas .exkursion,
.front-section .section-ideas .thema {
	border-width: 8px 0px 0px 0px;
}

.section-content .exkurs-border p {
	text-align: left;
}

.section-content .simple-border {
	background-color: #fff;
	border-width: 8px 0px 0px 0px;
	border-radius: 4px 0px 0px 0px;
	padding: 15px;
	margin-left: 30px;
	text-align: left;
	border-style: solid;
}

/*** Strangely nice colors, never used? Should be stripped out, if so, or adapted

.bs-callout-danger {
	border-color: #97BF0D; /** we should try #d85b08 or #b32b31 here for "danger" (="error")
	background-color: #fff;
}

.bs-callout-braunrot {
	border-color: #b32b31;
}

.bs-callout-cyan {
	border-color: #009ee0;
}   **/

/*** ----------------------------------------------------------- custom callouts */

.sans-serif,
p .tabellentitel {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
}

.karten-callout,
.content-callout {
	/*background-color: rgba(255,255,255, 0.3);*/
	background-color: #fff;
	padding-bottom: 1.8em;
	margin-top: 1.8em;
}

.mappetizer,
.videobeitrag {
	margin-left: -15px;
	margin-right: -15px;
}

.row-full .video-controls {
	display: inline-block;
	max-width: 300px;
	min-width: 200px;
	margin-right: 15px;
	vertical-align: top;
	padding-right: 15px;
	height: 550px;
	overflow-y: scroll;
}

/* This button was generated using CSSButtonGenerator.com */
.video-controls .control-btn,
.video-controls dd,
.video-controls dt {
	font-family: 'Helvetica', 'Arial', sans-serif;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:transparent;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding: 4px; padding-bottom: 7px;
	padding-left: 7px; padding-right: 7px;
	cursor: pointer;
}

.row-full .videobeitrag {
	display: inline-block;
	width: 100%;
	padding-left: 20px;
}

.row-full .videobeitrag.with-controls {
	width: 70%;
}

.videobeitrag p {
	padding: 15px;
}

.videobeschreibung {
	padding-top: 15px;
}

.band-cover img {
	max-width: 340px;
	padding-right:15px;
	padding-top: 30px;
	padding-bottom: 30px;
	float: right;
}

/**
.meta {
	color: #666;
	min-height: 500px;
} */

.meta h4 {
	font-weight: bold;
}

/*.bandnummer {
	font-weight: 900;
}*/

.jahrgang {
	font-size: 1.9em;
}

.reihentitel,
.untertitel {
	font-weight: 300;
}

.untertitel {
	font-size: .7em;
}

.bandtitel {
	color: #333;
}

/*** -------------------------------------------------- font awesome customs */

i.fa {
	color: #336600;
}

i.meta-image {
	display: block;
	position: relative; 
	z-index:10;
	top: -50px;
	right:15px;
	color: #ED8C00;
}

/* footer
-------------------------------------------------- */
.footer {
	bottom: 0px;
	/*box-shadow: -3px -3px 5px 0px #333333;
	-webkit-box-shadow: -3px -3px 5px 0px #333333;
	-moz-box-shadow: -3px -3px 5px 0px #333F;
	-o-box-shadow: -3px -3px 5px 0px #333333;*/
	/** margin-top:1.8em; **/
	width: 100%;
}

.footer_img {
	width: 240px;
	margin: 1em;
}

.sans-serif,
.text-footer {
	color: #666;
}

.bottom {
	background-color: #000;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	padding: 0.5em;
}

.bottom > a {
    color: #fff;
	padding: 0.5em;
}

.bottom > a:hover {
    color: #DBE2C5;
    text-decoration: underline;
}

/* buttons
-------------------------------------------------- */
.btn-primary {
	background-color: #97BF0D;
	border-color: #97BF0D;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #97BF0D;
	border-color: #97BF0D;
}

/** --------------------------------------------------  Stationentitel */

.anker-versatz {
	display: block;
	position: relative;
	top: -50px;
	/* visibility: hidden; **/
}

.bandlink {
	font-size: .6em;
}

/** ------------------------------------------------------------------------------- Small screen overrides start here ... */

@media (max-width: 1820px) {
	

	.row-full #slideshow {
		padding-left: 26%;
	}
}

@media (max-width: 1680px) {
	

	.row-full #slideshow {
		padding-left: 20%;
	}
}

@media (max-width: 1500px) {
	

	.tabellentitel,
	table {
		margin-left: -10%;
		width: 120%;
	}
	.highlight-section {
		width: 100%;
	}
}

@media (max-width: 1400px) {
	

	.section-ideas .shortcuts a {
		width: 430px;
		margin: 10px;
	}
	.highlight-section .article,
	.front-section .section-ideas div.header,
	.front-section .section-ideas div.thema,
	.front-section .section-ideas div.exkursion,
	.front-section .section-ideas div.region, 
	.front-section .section-ideas div.bulletin {
		max-width: 450px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.featured {
		max-width: 90%;
		font-size: .9em;
	}
	.highlight-section {
		width: 1100px;
	}
	.section-ideas a {
		margin: 0px;
	}
	.frontpage .navbar .brand {
		right: 120px;
	}
	.navbar .submenu {
		left: 124px;
	}
	#kartentitel {
		padding-top: 15px;
	}
}

@media (max-width: 1360px) {
	

	.row-full #slideshow {
		padding-left: 12%;
	}
	.row-full #slideshow .item.next {
		margin-left: 45px;
	}
	.row-full #slideshow .item.prev {
		left: -105%;
	}
}

@media (max-width: 1200px) {
	

	.page-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.more-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.bs-callout.content {
		padding-top: 5px
	}
	.beschreibung p {
		padding-bottom: 15px;
	}
	.tabellentitel,
	table {
		margin-left: -10%;
		width: 120%;
	}
	.navbar-brand .title {
		max-width: 550px !important;
	}
	.row-full #slideshow {
		padding-left: 10%;
	}
	.search-area {
		width: 65%;
	}
	.section-ideas .sub-header .submenu {
		right: 100px;
	}
	.highlight-section .article,
	.front-section .section-ideas div.header,
	.front-section .section-ideas div.thema,
	.front-section .section-ideas div.exkursion,
	.front-section .section-ideas div.region,
	.front-section .section-ideas div.bulletin {
		max-width: 420px;
	}
	.section-ideas .shortcuts a {
		width: 400px;
	}
	.frontpage .navbar .brand {
		right: 54px;
	}
	.navbar .submenu {
		left: 54px;
	}
	.highlight-section h3 {
		text-align: left;
		padding-left: 20px;
	}
	.highlight-section {
		margin-left: 10px;
		width: 98%;
	}
	.text-area {
		max-width: 960px;
	}
	.intro-persona {
		display: none;
	}
	h1.intro-text {
		max-width: 75%;
	}
	a.btn.intro-greetings {
		display: inline-block;
	}
}

@media (max-width: 1050px) {
	

	.tabellentitel,
	table {
		margin-left: 0%;
		width: 100%;
	}
	.highlight-section .article,
	.front-section .section-ideas .header,
	.front-section .section-ideas .thema,
	.front-section .section-ideas .exkursion,
	.front-section .section-ideas .region
	.front-section .section-ideas .bulletin {
		max-width: 380px;
	}
	.section-ideas .shortcuts,
	.front-section .section-ideas .sans {
		font-size: 1em;
	}
	.navbar-brand .title {
		max-width: 520px !important;
	}
}

@media (max-width: 995px) {
	

	.navbar-brand .title {
		max-width: 353px !important;
	}
	.landschaften-map {
		float: none;
	}
	.landschaften-editorial .text p {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (max-width: 950px) {
	

	.section-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	.section-content .row {
		text-align: left;
	}
	.section-content {
		text-align: center;
	}
	.section-ideas .shortcuts a {
		width: 320px;
	}
	.front-section .section-ideas .header {
		padding-left: 10px;
		font-size: 1.6em;
	}
	.front-section .section-ideas .header .title {
		font-size: .8em;
	}
	.highlight-section .article,
	.front-section .section-ideas div.header,
	.front-section .section-ideas div.thema,
	.front-section .section-ideas div.exkursion,
	.front-section .section-ideas div.region,
	.front-section .section-ideas div.bulletin {
		max-width: 350px;
	}
	.frontpage .navbar .brand {
		right: 30px;
	}
	.navbar .submenu {
		left: 15px;
	}
	.section-ideas .shortcuts {
		width: 380px;
	}
	.text-area img.full-text {
		width: 100%;
	}
	.text-area .around {
		/** Full-width pictures with max-width set to 630px dont need to float anymore
			when content area is not wider than 750px */
		float: none;
	}
}

@media (max-width: 768px) { /** Most mobile phone browsers */
	.bandlink {
		font-size: .5em;
	}

	.page-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.row {
		margin-left: 0px;
		margin-right: 0px;
	}
	.navbar-brand .title {
		max-width: 450px !important;
	}
	.frontpage .navbar-toggle {
		display: none;
	}
	.section-content .col-mre.themen-border {
		margin-left: 0px;
	}
	.front-section .section-ideas .header.second {
		display: none;
	}
	.text-footer {
		padding: 10%;
	}
	.bs-callout.content {
		padding-top: 5px
	}
	.beschreibung p {
		padding-bottom: 15px;
	}
	.more-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.full-row.front-section {
		margin-left: 0px;
	}
	.linespace {
		height: 10px;
	}
	.buttons-front a {
		display: block;
		margin-left: 45px;
	}
	.search-area {
		width: 100%;
		padding-left: 30px;
	}
	.front-section .section-ideas .header .title {
		font-size: .75em;
	}
	.front-section .section-ideas .header img.lid-icon {
		width: 50px;
		top: -1px; left: 5px;
	}
	.section-content .simple-border,
	.section-content .themen-border,
	.section-content .exkurs-border {
		margin-left: 0px;
	}
	.container .brand {
		display: none;
	}
	.preview {
		width: 300px;
	}
	.full-row.highlight-section {
		margin-left: 0px;
	}
	.highlight-section .article {
		width: 250px;
	}
	.landschaften-editorial .text p {
		padding: 0px;
	}
	.landschaften-editorial {
		padding: 0px;
		width: 95%;
	}
}

@media (max-width: 600px) {
	.navbar-brand .title {
		width: 320px !important;
	}
	.section-ideas .sub-header .submenu {
		display: none;
	}
	.frontpage .navbar-brand .title {
		display: none;
	}
	.frontpage .navbar > .container .navbar-brand {
		padding: 15px;
	}
	.highlight-section, .section-ideas {
		width: 95%;
	}
	.filter-container .filter-info {
		display: block;
	}
}

@media (max-width: 500px) {
	.section-ideas .shortcuts a {
		width: 95%;
	}
	.navbar > .container .navbar-brand .title {
		width: 200px;
		left: 70px;
	}
	.frontpage .navbar .brand,
	.frontpage .navbar > .container .navbar-brand .title {
		display: none;
	}
	.frontpage .navbar-fixed-top {
		min-height: 35px;
		height: 35px;
	}
	.frontpage .submenu {
		top: 10px;
		font-size: 12px;
	}
	.section-content .themen-border:active {
		background-color: #97BF0D;
		color: #fff;
	}
	.section-content .exkurs-border:active {
		background-color: #ED8C00;
		color: #fff;
	}
	.highlight-section .article,
	.front-section .section-ideas .header,
	.front-section .section-ideas .thema,
	.front-section .section-ideas .exkursion,
	.front-section .section-ideas .region,
	.section-content .col-mre.themen-border,
	.section-content .col-mre.exkurs-border,
	.section-content .col-mre.simple-border {
		border-radius: 0px;
	}
	.landschaften-editorial {
		padding: 0px;
		width: 90%;
	}
}

@media (max-width: 390px) {
	.navbar > .container .navbar-brand .title {
		display: none;
	}
	.navbar > .container .navbar-brand {
		padding: 15px;
	}
	.sectionheader {
		font-size: 1.8em;
	}
	.section-content .col-mre.themen-border,
	.section-content .col-mre.exkurs-border,
	.section-content .col-mre.simple-border {
		width: 90%;
	}
	.landschaften-editorial,
	.section-content .filter-container {
		padding: 10px;
	}
	.section-content img.vorschaubild {
		width: 100%;
		max-width: 100%;
	}
	.section-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.section-ideas .shortcuts {
		width: 95%;
		padding-left: 10px;
	}
	.front-section .section-ideas .header,
	.front-section .section-ideas .thema,
	.front-section .section-ideas .exkursion,
	.front-section .section-ideas .region,
	.front-section .section-ideas .bulletin {
		width: 90%;
	}
}

@media (max-width: 305px) {
	.frontpage .navbar .submenu {
		display: none;
	}
}

/** ------------------------------------------------------------------------------------------   Frontpage vorwort header area ... */

.exkurs-sub {
	color: #656263;
	/** font-size: .85em; **/
}