/*
Allgemeine Einstellungen & Hilfsklassen
*/
html {
	overflow-y: scroll;
}

html, body {
	width: 100%;
	height: 100%;
}

.autowrap{
	overflow: hidden;
	word-wrap: break-word;
}

.center-text {
	text-align: center;
}

.right-text {
	text-align: right;
}

.blocksatz {
	text-align: justify;
}

.center-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.full-image-x {
	width: 100%;
}

img.full-image-y {
	height: 100%;
}

.spacer-x {
	margin-left: 20pt;
}

.spacer-y {
	margin-top: 20pt;
}

.pre {
	white-space: pre-line;
}

/*
Bootstrap Anpassungen & Ergänzungen
*/
.navbar .navbar-header .navbar-brand img{
	height: 100%;
}

.navbar .navbar-header .navbar-brand{
	white-space: nowrap;
}

.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;
}

@media (max-width: 767px){

	.navbar .navbar-header .navbar-brand{
		text-overflow: ellipsis;
	    display: block;
	    overflow: hidden;
	    max-width: 75%;
	}

	.navbar .navbar-collapse {
		text-align: left;
	}
}


.navbar.footer {
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 1pt;

	margin-bottom: 0px;

	background-image: none;
	background-color: #d9d9d9;
}

.carousel-control.left, .carousel-control.right{
	background-image: none;
}

.carousel-indicators li{
	width: 25pt;
	height: 2pt;

	border-radius: 0px;
	border: none;

	background-color: rgba(176, 176, 176, 0.5);
}

.carousel-indicators .active{
	width: 25pt;
	height: 2pt;

	background-color: #b0b0b0;
}

.carousel-inner .item .carousel-overlay{
	position: absolute;

	top: 40%;
	left: 30%;

	width: 40%;

	padding: 10pt;
}

.jumbotron-overlay{
	display: inline-block;

	background-color: rgba(200, 200, 200, 0.7);
	padding: 5pt;
}

.well{
	background-image: none;
	box-shadow: none;
}

.center-block{
	display: block;
    margin-right: auto;
    margin-left: auto;
	float: none;
}

.table-simple tbody{
	background-color: #dddddd;

	border-bottom: solid #aaaaaa 2pt;
}

.table-simple thead{
	background-color: #cccccc;

	border-top: solid #aaaaaa 2pt;
}

.table-simple thead tr:first-child th,td{
	border-bottom: solid #aaaaaa 2pt;
}

.table-simple th{
	text-align: center;
}

figure figcaption{
	text-align: center;
	text-overflow: ellipsis;
}

/*
Theme
*/

/* Sonstige */
.col-no-pad{
	padding: 0pt;
}

a:hover, a:active{
	text-decoration: none;
}

/* Scroll-Artikel */
.scroll-article{
	padding-top: 45pt;
	padding-bottom: 45pt;
}

.scroll-article:nth-of-type(odd){
	background-color: #ffffff;
}

.scroll-article:nth-of-type(even){
	background-color: #c0c0c0;
}

.article-footer{
	margin-top: 45pt;

	text-align: center;
}

.article-footer .article-footer-divider{
	width: 90%;
	border-top-width: 2pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

.scroll-article:nth-of-type(even) .article-footer .article-footer-divider{
	border-color: #ececec;
}

.scroll-article:nth-of-type(odd) .article-footer .article-footer-divider{
	border-color: #eeeeee;
}

.article-header{
	margin-bottom: 45pt;

	text-align: center;
}

.article-header .article-header-title{
	text-transform: uppercase;

	overflow: hidden;
	word-wrap: break-word;
}

.article-header .article-header-divider{
	width: 20%;
	border-top-width: 2pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

.scroll-article:nth-of-type(even) .article-header .article-header-divider{
	border-color: #ececec;
}

.scroll-article:nth-of-type(odd) .article-header .article-header-divider{
	border-color: #eeeeee;
}

/* Navigation */
.navbar .navbar-header .navbar-brand{
	padding: 5pt;
}

.navbar .nav.navbar-nav{
	text-transform: uppercase;
}

.navbar .nav.navbar-nav .dropdown-menu{
	text-transform: none;
}

.footer-nav{
	padding-bottom: 5pt;

	border-bottom: 1px solid black;
}

.footer-nav a{
	color: black;
}

.footer-nav-container{
	margin-top: 25pt;
	padding-bottom: 25pt;
}

/* Timeline */
.timeline>li>.timeline-panel{
	overflow: hidden;

	text-align: center;
	word-wrap: break-word;
}

/* Fakebutton */
.fakebutton{
	box-shadow: 1.5pt 1.5pt 0pt #000000, -1.5pt -1.5pt 0pt #000000, -1.5pt 1.5pt 0pt #000000, 1.5pt -1.5pt 0pt #000000;
}

.fakebutton:hover{
	box-shadow: 5pt 5pt 3pt #888888, -5pt -5pt 3pt #888888, -5pt 5pt 3pt #888888, 5pt -5pt 3pt #888888;
}

.fakebutton:active{
	box-shadow: 5pt 5pt 3pt #888888, -5pt -5pt 3pt #888888, -5pt 5pt 3pt #888888, 5pt -5pt 3pt #888888;

	position: static;
}

/* Sprachauswahl */
.lang-selection{
	margin: 5pt;

	text-align: center;
	vertical-align: middle;
	font-size: 1em;

	color: #000000;
}

.lang-selection:hover{
	color: #000000;
}

.lang-selection img{
	display: inline;

	width: 1.5em;
	height: 1.5em;

	border-radius: 50%;
}

/* Panels */
.panel-heading{
	text-align: center;
}