@charset "utf-8";
/* CSS Document */

/*

color: #3ea1a6 (dunkel petrol)
color: #58adb2 (mittel petrol)
color: #ebf5f6 (hell petrol)

*/


@font-face {
  font-family: 'MavenPro';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/maven-pro/MavenPro-Regular.ttf');
}

@font-face {
  font-family: 'MavenPro';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/maven-pro/MavenPro-Bold.ttf');
}

body {
	font-family:MavenPro;
	font-size:17px;
	/*background-color:#76418f;*/
}


h1 {
	color:#3ea1a6;
	font-family:MavenPro;
	font-weight:bold;
	text-transform:uppercase;
	font-size:28px;
	line-height:38px;
	padding:0 0 0 0;
	margin-bottom:20px;
	margin-top:0;
}

h2 {
	color:#3ea1a6;
	font-family:MavenPro;
	font-weight:bold;
	text-transform:uppercase;
	font-size:20px;
	line-height:30px;
	margin:0;
	padding-bottom:20px;
}

h3 { /* FAQ etc. Boxen unten */
	background-color:white;
	color:#3ea1a6;
	font-family:MavenPro;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	line-height:20px;
}


h4 {
	color:#58adb2;
	font-family:MavenPro;
	font-weight:bold;
	text-transform:uppercase;
	font-size:17px;
	line-height:27px;
}

a {
	font-weight:bold;
}


hr {
	border:0;
	border-top:3px dotted #eeeeee;
	clear:both;
}

p {
	padding:0 0 20px 0;
	margin:0;
	color:#888888;
}

ul {
	margin:0 0 0 0;
	padding:0 0 20px 30px;
}

li {
	color:#777;
}

ol {
	margin:0 0 0 0;
	padding:0 0 20px 30px;
}


a  {
	color:#3ea1a6;
}

a:hover  {
	color:black;
	text-decoration:none;
}


span {
	display:table;
	font-size:12px;
	line-height:16px;
}


label {
	font-weight:normal;
}



.btn-default {
	text-transform:uppercase;
}

.btn-success {
	background-color:#3ea1a6;
	border:1px solid white;;
	text-transform:uppercase;
	color:white;
}

.btn-success:submit {
	background-color:#3ea1a6;
	border:1px solid white;;
}


.btn-success:active:hover,
.btn-success.active:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:hover {
	background-color:#58adb2; /* +10 Deckkraft */
	border:1px solid white;;
	color:white;
}




.table-responsive {
	border:0;
}


.right-wrapper {
	margin:0;
}

.right-wrapper h4 {
	padding:0 0 0 0;
	margin:10px 0 5px 0;
}

.nav {
	font-family:MavenPro;
}

.active {
	font-weight:bold;
}

/* Active */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #000;
    /*color: #555;*/
    /*background-color:#e7e7e7;*/
    background-color:#ebf5f6;
}

/* Normal */
.navbar-default .navbar-nav > li > a {
    color:#777;
	font-size:18px;
	font-weight:normal;
}

.navbar-default .navbar-nav > li {
	margin-left:10px;
}


.dropdown-menu {
	font-size:16px;
}


.navbar-right {
	/*margin-right:-95px;*/
}

.background {
	width:100%;
}

.container-wrapper {
	padding:45px 45px 0 45px;
}

.container-wrapper-navi {
	padding:0 45px 0 45px;
}

.container-wrapper-footer {
	padding:0 45px 0 45px;
}




.container-bg {
}

.fingerprint {
	background-color:white;
	display:table;
	padding:0;
	padding-bottom:40px;
}


.container-nospace {
	padding:0 0 0 0;
}


/* --- container-colored-xtra --- */

.container-colored-xtra {
	background-color:white;
	border:4px solid #ebf5f6;
	padding:0;
	margin:0 0 30px 0;
}

.container-colored-xtra p {
	padding:20px 20px 20px 20px;
	color:#ebf5f6;
	font-size:36px;
}




.container-colored-xtra .btn {
	color:white;
	border:0;
}

.container-colored-xtra ul {
	font-family:MavenPro;
	text-transform:uppercase;
	margin:20px 20px 20px 40px;
	padding:0 0 0 0;
	color:black;
	list-style-type:square;
}

.container-colored-xtra h2 {
	color:#3ea1a6;
	padding-top:15px;
	padding-left:20px;
	margin:0;
	padding-bottom:0px;
}

.container-colored-xtra a h4{
	padding:13px 0 0 0;
	margin:0;
	color:white;
}

.container-colored-xtra a  {
	color:#724193;
}

.container-colored-xtra a:hover {
	color:#91caa9;
}





/* --- box (rechte sidebar u.a. auf start) --- */

.container-colored-box {
	background-color:#ebf5f6;
	padding:0;
	margin:0 0 0 0;
}

.container-colored-box p {
	padding:20px 20px 20px 20px;
	color:#888888;
}

.container-colored-box .btn {
	color:white;
	border:0;
}

.container-colored-box ul {
	font-family:MavenPro;
	text-transform:uppercase;
	margin:20px 20px 20px 40px;
	padding:0 0 0 0;
	color:black;
	list-style-type:square;
}

.container-colored-box h2 {
	color:#3ea1a6;
	padding-top:15px;
	padding-left:20px;
	margin:0;
	padding-bottom:0px;
}

.container-colored-box a h4{
	padding:13px 0 0 0;
	margin:0;
	color:white;
}

.container-colored-box a  {
	color:#3ea1a6;
	font-weight:normal;
}

.container-colored-box a:hover {
	color:#58adb2;
}





/* --- box2 (aktuelles und termine auf start) --- */

.container-colored-box2 {
	background-color:#ebf5f6;
	padding:0 20px 0 20px;
	margin-top:0px;
	margin-bottom:40px;
	min-height:255px;
}


.container-colored-box2 .table-responsive {
	border:0;
}

.container-colored-box2 table {
	margin-top:7px;
	border:0;
}

.container-colored-box2 table tr td {
	border:0;
	border-bottom:1px solid white;
	color:#888888;
}

.container-colored-box2 table tr {
	border:0;
	border-top:1px solid white;
}


.container-colored-box2 ul {
	font-family:MavenPro;
	text-transform:uppercase;
	margin:20px 20px 20px 40px;
	padding:0 0 0 0;
	color:#724193;
	list-style-type:square;
}

.container-colored-box2 h2 {
	color:#744292;
	padding-top:15px;
	padding-bottom:10px;
}

.container-colored-box2 a h4{
	padding:13px 0 0 0;
	margin:0;
}

.container-colored-box2 a  {
	color:#744292;
}

.container-colored-box2 a:hover {
	color:black;
}

.content-wrapper {
	margin:0 0 0 0;
	padding:0 20px 20px 20px;
}

#navbar {
	margin-top:18px;
}

.navbar {
	margin-top:10px;
	border:0;
	background-color:#FFFFFF;
	font-size:16px;
	margin-bottom:0px;
}

.navbar-brand {
    float: left;
    padding: 10px 30px 20px 19px;
    font-size: 18px;
    line-height: 20px;
	display:table;
}

.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-nav {
	margin-top:80px;
}

.nav > li > a {
    padding: 10px 7px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:0;
}

/*.dropdown-menu {
	top:62px;
}*/


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

.float-left {
	text-align:left;
}


.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -45px;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -45px;
}

.carousel-indicators {
    bottom: 5px;
}


.footer {
	padding-top:25px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
}


.footer h2 {
	color:#3ea1a6; /* 70% grün */
}

.footer h2 .glyphicon {
	font-size:24px;
}


.footer a {
	color:white;
	font-size:14px;
}

.footer a:hover {
	color:#ebf5f6;
	text-decoration:none;
}

.footer p {
	color:white;
}

.footer-cols p {
	padding:5px 20px 5px 20px;
}

.anzahl {
	width:100px;
}



@media screen and (min-width: 1px) and (max-width: 767px) {
	.container-wrapper {
		padding:0 10px 0 10px;
	}
}

.form-group {
	color:#888888;
}

table {
	color:#888888;
}


.table {
	border-bottom:1px solid #dddddd;
}



td {
	margin-right:5px;
	min-width:130px;
}



div {
	/*border:1px solid grey;*/
}