@charset 'UTF-8';

body {
	padding-top: 50px; /** wird für navbar-fixed-top benötigt */
}

.container {
    /** TODO in der Smartphone-Variante einen links- und rechtsseitigen Abstand von 2px */
}

@media (min-width: 768px) {
	.jumbotron h1 {
		font-size: 50px;
	}
}

.navbar {
	background-color: #FFFFFF;
	border-bottom: solid;
    border-width: 1px;
	border-color: #DDDDDD;
}

.navbar-nav > li > a {
    border-radius: 5px 5px 5px 5px;
	margin-top: 5px;
	padding: 10px 15px;
}

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    background-color: #428BCA;
    color: #FFFFFF;
}

.navbar-nav > li > span {
    display: block;
    position: relative;
    line-height: 20px;
    border-radius: 5px 5px 5px 5px;
    margin-top: 5px;
    padding: 10px 15px;
    cursor: default;
}

.navbar-nav > .active > span {
    background-color: #428BCA;
    color: #FFFFFF;
}

.navbar-brand {
	padding: 15px 5px 15px 15px;
	margin-right: 0;
}

.nav.nav-tabs > li > a {
	font-size: larger;
	font-weight: bold;
}

.tab-content {
	border-radius: 0 0 4px 4px;
	border-color: #DDDDDD;
    border-style: none solid solid solid;
    border-width: 1px;
	padding-top: 10px;
}

.tab-content > .active, .pill-content > .active {
    display: inline-block;
}

.panel-body > p:last-child, .panel-body > ul:last-child {
	margin-bottom: 0;
}