/*Google Fonts*/
@import url(//fonts.googleapis.com/css?family=Maven+Pro);

@import url(//fonts.googleapis.com/css?family=Orbitron);

/* navbar */
.navbar-default {
    background-color: #00B1E7;
    border-color: #00B1E7;
	font-family:Maven Pro;
}

/* title */
.navbar-default .navbar-brand {
    color: #CBCBCB;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #CBCBCB;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #E4E4E4;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #E4E4E4;
    background-color: #009ecf;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #009ecf;
    background-color: #009ecf;
}

.dropdown-menu>li>a { color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #CFCFCF}
.navbar-default .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-default .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-default .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-default .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

/* ecall http://bootstrap3-menu.codedorigin.com/  */

.navbar-ecall { background-color: #00388C}
.navbar-ecall .navbar-nav>.active>a:hover,.navbar-ecall .navbar-nav>li>a:hover, .navbar-ecall .navbar-nav>li>a:focus { background-color: #00388C}
.navbar-ecall .navbar-nav>.active>a,.navbar-ecall .navbar-nav>.open>a,.navbar-ecall .navbar-nav>.open>a, .navbar-ecall .navbar-nav>.open>a:hover,.navbar-ecall .navbar-nav>.open>a, .navbar-ecall .navbar-nav>.open>a:hover, .navbar-ecall .navbar-nav>.open>a:focus { background-color: #005CE6}
.dropdown-menu { background-color: #00388C}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #005CE6}
.navbar-ecall { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-ecall { border-color: #00388C}
.navbar-ecall .navbar-brand { color: #FFFFFF}
.navbar-ecall .navbar-brand:hover { color: #FFFFFF}
.navbar-ecall .navbar-nav>li>a { color: #FFFFFF}
.navbar-ecall .navbar-nav>li>a:hover, .navbar-ecall .navbar-nav>li>a:focus { color: #CFCFCF}
.navbar-ecall .navbar-nav>.active>a,.navbar-ecall .navbar-nav>.open>a, .navbar-ecall .navbar-nav>.open>a:hover, .navbar-ecall .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-ecall .navbar-nav>.active>a:hover, .navbar-ecall .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #CFCFCF}
.navbar-ecall .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-ecall .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-ecall .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-ecall .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

.header-home {
	background-color: #fffff;
    padding: 3%;
    background-image: url(../images/background.png);
    background-size: cover;
	background-attachment: fixed-top;
	box-shadow: 0px 2px 8px #999;
	width: 100%;
}

.header-ecall {
	background-color: #fffff;
    padding: 3%;
    background-image: url(../images/Rettungshubschrauber.png);
    background-size: cover;
	background-attachment: fixed-top;
	box-shadow: 0px 2px 8px #999;
	width: 100%;
}

.btn-custom {
  color: #ffffff;
  background-color: #00B1E7;
  border-color: #E4E4E4;
  width: 100%;
  font-family: Orbitron;
  letter-spacing: 10px;
 }
 
.btn-custom:hover,
.btn-custom:focus {
    color: #CBCBCB;

}

.navbuttons {
  padding-top: 15px;
  padding-bottom: 15px;
 }

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active {
  background-color: #00B1E7;
}

.navbar-default .navbar-toggle {
  border-color: #00B1E7;
}

.container {
  font-family:Maven Pro;
}

h1, h2, h3 {
  font-family:Orbitron;
}

.image {
  width: 100%;
}