/* ===================================================================== */
/* Bannerbild                                                            */
/* ===================================================================== */

/* ======================================================= Allgemeine Eigenschaften des Bannerbildes */

div.banner{
  position: relative;
  width: 100%;
  height: 50vw;
  background-size: cover;
}

/* ======================================================= Auswahl des Bannerbildes für die Touren */

div#bannerVen{background-image: url(../../../grafiken/radreisen/11venedig/venBanner.JPG);}
div#bannerAlp{background-image: url(../../../grafiken/radreisen/12alpen/alpBanner.JPG);}
div#bannerIst{background-image: url(../../../grafiken/radreisen/13istanbul/istBanner.JPG);}
div#bannerPra{background-image: url(../../../grafiken/radreisen/14prag/praBanner.JPG);}
div#bannerPar{background-image: url(../../../grafiken/radreisen/15paris/parBanner.JPG);}
div#bannerMon{background-image: url(../../../grafiken/radreisen/15mongolei/monBanner.JPG);}
div#bannerGui{background-image: url(../../../grafiken/radreisen/16guilin/guiBanner.JPG);}
div#bannerChi{background-image: url(../../../grafiken/radreisen/16chisinau/chiBanner.JPG);}
div#bannerMar{background-image: url(../../../grafiken/radreisen/17marokko/marBanner.JPG);}
div#bannerBal{background-image: url(../../../grafiken/radreisen/19baltikum/balBanner.JPG);}
div#bannerNep{background-image: url(../../../grafiken/nepal/nepBanner.jpg);}

/* ======================================================= Link-Anker */

div#linkAnchor{
  position: absolute;
  bottom: 60px;
  left: 0px;
  /*border: 1px solid red;
  height: 5px;
  width: 5px;
  z-index: 5000;*/
}

/* ======================================================= Logo auf Banner */

img.BannerLogo{position: absolute;}
img#BannerLogoVen{height: 25vw; top: 10vw;}
img#BannerLogoAlp{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoIst{height: 25vw; top: 10vw;}
img#BannerLogoPra{height: 25vw; top: 10vw;}
img#BannerLogoPar{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoMon{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoGui{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoChi{height: 25vw; top: 10vw;}
img#BannerLogoMar{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoBal{height: 25vw; top: 10vw; right: 0vw;}
img#BannerLogoNep{height: 12vw; top: 1vw; left: 1vw;}

/* ===================================================================== */
/* Reiter                                                                */
/* ===================================================================== */

/* ======================================================= Wrapper um die Reiter */

div#reiterWrapper{
  position: relative;
  top: -50px;
  height: 50px;
  max-width: 800px;
  overflow-x: auto;
  overflow-y: hidden;
  margin-left: auto;
  margin-right: auto;
}

/* ======================================================= Allgemeine Reitereigenschaften */

a.reiter{
  position: absolute;
  display: block;
  padding-left: 14px;
  padding-top: 7px;
  font-size: 14pt;
  transition: 0.2s;
  height: 43px;
  width: 135px; 
}

/* ======================================================= Individuelle Reitereigenschaften */

a#uebersichtButton{height: 34px; width: 205px;}
a#reiter1{left: 230px;}
a#reiter2{left: 390px;}

/* ======================================================= Aktive/Inaktive Reiter */

a.reiterActive{
  background-color: #FFFFFF;
  color: #AA0000;
}
a.reiterInactive{
  background-color: #AA0000;
  color: #FFFFFF;
}

/* ======================================================= Hover-Eigenschaften */

a.reiterInactive:hover{
  background-color: #750000;
}
a.reiterInactive:active{
  background-color: #750000;
  color: #cecece;
}