body {
  background-color: #f7f4ef;
  font-family:"Courier New", Courier, monospace;
}

h1 {font-size: 24px;}
h2 {font-size: 18px;}

h1, h2, h3 {
    line-height: 20px;
    color: #267689;
}
a, a:visited, a:active, a:link, a:hover {color: #267689}
#myCarousel a, #myCarousel a:visited, #myCarousel a:active, #myCarousel a:link, #myCarousel a:hover {color: #ffffff}


div.green {
  background-color: #267689;height: 156px;
  
}
  .kopf {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .logoTop {
    background-image: url(../img/logoTop.gif);
    background-position: right top;
    background-repeat: no-repeat;
    height: 156px;
    max-width: 100%;
  }


.carousel-control {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  background: none;
  border: none;
  margin-top: 0px;
  left: 0px;
  top: 50%;
}

.carousel-control.right {
    left: auto;
    right: 0px;
}

/* Large desktop */
@media (min-width: 1200px) {
  .logoTop {
    background-image: url(../img/logoTopBig.gif);
    height: 192px;
  }
  div.green {height: 192px;}

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .logoTop {
    background-image: url(../img/logoTopSmall2.gif);
    height: 150px;
  }
  div.green {display: none; visibility: hidden;height: 0px;}
  .kopf {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
  .logoTop {
  	background-image: url(../img/logoTopSmall3.gif);
  	height: 100px;
  	
  }
}