/* 

Schriftart: Open Sans
Dunkelblau: #3d7a99
Hellblau: #35bcdc
Schwarz: #1d1d1d

*/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body, textarea { font-family: "Open Sans"; }
html { background-color: #3d7a99; }
body { margin-top: 5px; padding-bottom: 0; color: #1d1d1d; overflow-y: scroll; }

a { color: #3d7a99 !important; }
h1 { margin: 0 0 .67em 0; font-size: 1.55em; color: #3d7a99; }
h2 { margin: 1em 0 .5em 0; font-size: 1.15em; color: #3d7a99; }
h3 { margin: .5em 0; font-size: 1em; font-weight: bold; color: #1d1d1d; }
h4, h5 { margin: .5em 0; font-size: 1em; color: #1d1d1d; }
hr { margin-top: 25px; margin-bottom: 25px; border-color: #c7ecf5; }

.container { max-width: 960px; } /* max. breite inhalt */

#header { padding-top: 2%; }
#header .nav { padding: 3em 0 0; }
#header #logo { padding-top: 1em; padding-bottom: 10px; }

/* nur bei großen Displays ab Tablet: Hintergrund unten blau, Abstand oben */
@media (min-width: 768px) { 
	body { background: #fff url(../img/bg-blau.gif) bottom left repeat-x fixed; }
}

#inhalt .inner { padding: 40px 60px; margin-bottom: 0.5em; border: solid 1px #35bcdc; min-height: 550px; background-color: #fff; }

#footer { font-size: 0.9em; color: #fff; background: #3d7a99; padding-bottom: 0.5em; }
#footer .nav > li { display: inline-block; }
#footer .nav > li > a, #footer .nav > li > a:hover, #footer .nav > li > a:focus { 
	font-weight: bold; color: #fff !important; background-color: inherit; padding-top: 0; padding-right: 0; 
}
#footer .nav > li > a:hover { color: #c7ecf5 !important;}
#footer .nav > li.active { text-decoration: underline; }

/* navigation */
.nav > li > a { color: #3d7a99; text-transform: uppercase; }
.nav > li > a:first-of-type { padding-left: 0; }
.nav-pills > li { margin-left: 0; }
.nav-pills > li > a { border-radius: 0; border-bottom: solid 2px #35bcdc; }
.nav-pills > li + li { margin-left: 0; }
.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { color:#3d7a99; background-color: #fff; }
.nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { border-color: #3d7a99; }

/* buttons */
.btn-default { font-weight: bold; color: #fff !important; background-color: #35bcdc; border-color: #35bcdc; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active { 
  color: #fff !important;
  background-color: #3d7a99; border-color: #3d7a99; 
}
.btn-default a:link, .btn-default a:hover, .btn-default a:focus { color: #fff !important; }

/* flexible iFrame google maps container */
.flexi-cont { position: relative; padding-bottom: 38%; padding-top: 0; height: 0; overflow: hidden; }
.flexi-cont iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* bilder im inhalt mit quellenangabe */
figure{ position: relative; } 
figure img { display: block; } 
figcaption { 
	position: relative;
	background: transparent; color: #333; opacity: 1;
	text-align: left; font-size: small;
  padding-bottom: 1em;
}
figcaption.rechts { 
  position: relative; bottom: 0; right: 3px; width: 100%; 
  background: transparent; color: #333; opacity: 1;
  text-align: right; padding-right: 5px; font-size: small;
}