html {
             background: url(../sonne.jpg) no-repeat center center fixed;
             -webkit-background-size: cover;
			 -moz-background-size: cover;
			 -o-background-size: cover;
			 background-size: cover;
			 background-color: #F2F2F2;
		 }
body {
	         padding-top: 20px;
			 font-size: 16px;
			 font-family: Tahoma,sans-serif,helvetica,tahoma,arial;
			 font-size: 13px;
			 background: transparent;
		 }
/* CSS used here will be applied after bootstrap.css */

 @font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../bootstrap/fonts//fntdf.php?f=glyphicons-halflings-regular.eot');
  src: url('../bootstrap/fonts//fntdf.php?f=glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../bootstrap/fonts/fntdf.php?f=glyphicons-halflings-regular.woff2') format('woff2'), url('../bootstrap/fonts//fntdf.php?f=glyphicons-halflings-regular.woff') format('woff'), url('../bootstrap/fonts/fntdf.php?f=glyphicons-halflings-regular.ttf') format('truetype'), url('../bootstrap/fonts/fntdf.php?f=glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.jumbotron {
  padding-top: 20px;
  padding-bottom: 30px;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 30px;
  color: inherit;
  background-color: rgba(255,255,255,0.8); //der letzte Wert gibt die Transparenz an
}
.jumbotronref {
  padding-top: 20px;
  padding-bottom: 30px;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 30px;
  color: inherit;
  background-color: rgba(255,255,255,1); //der letzte Wert gibt die Transparenz an
}


/* Create a medium height at 40px */

.navbar-md {min-height:40px}

.navbar-md .navbar-brand,

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

.navbar-md .navbar-brand {height: 40px}  

.navbar-md .navbar-toggle {margin: 6px 12px 6px 0px; padding: 6px 7px 6px 7px;}

.navbar-md .navbar-toggle .icon-bar {width: 19px;}



/* Create a small height at 30px */

.navbar-sm {min-height:30px}

.navbar-sm 
.navbar-brand,

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

.navbar-sm 
.navbar-brand {height: 30px}

.navbar-sm .navbar-toggle {margin: 3px 9px 3px 0px; padding: 4px 4px 4px 4px;}

.navbar-sm .navbar-toggle .icon-bar {width: 16px;}

.navbar-default {
  background: linear-gradient(to bottom, #3B9FA2 0%, #287376 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-color:#287376;
  border-color: #287376;
  }
.navbar-default .navbar-brand {
  color: #E7E7E7;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #E7E7E7;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #E7E7E7;
}
.navbar-default .navbar-nav > li > a {
  color: #E7E7E7;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #E7E7E7;
  background: linear-gradient(to bottom, #287376 0%, #3B9FA2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-color:#3B9FA2;
  
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #FBFBF8;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #FBFBF8;
  background-color: transparent;
}

.karte-1 {
  max-width: 70%;
}
.zentriert {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}