/* Stylesheet for the responsive version of www.juliana-munstergeleen.nl */
/* VDL: #1a8099 #000000 #ffffff #efefef */

body.index-body {
  margin: 0 auto;
  --min-width: 320px;
  max-width: 1200px;
  height: 800px;
  background-color: #efefef;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  body.index-body {
    background-color: #efefef;
  }
}

div.index-body {
  position: relative;
  left: 0px;
  top: 0px;
}

div.index-background {
  background-color: #efefef;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  div.index-background {
    background-color: white;
  }
}

div.index-foreground {
  color: #000000; 
}

div.index-border {
   
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  div.index-border {
  
  }
}

div.row1 {
  margin: 4px;
  text-align: center;
  vertical-align: top;
}

div.index-logo {
  height: 100%;
}

div.index-topmenu {
  background-image: url(backgrounds/header5.jpg);
  background-repeat: no-repeat;
  --background-size: 100% 200px;
  background-position: center;
  background-size: cover;
  --min-width: 360px;
}

h1.index-welcome {
  color: white;
  padding-top: 20px;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  div.index-topmenu {
    background-image: url(backgrounds/header5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    --min-height: 200px;
  }
}

div.index-account {
  padding: 2px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  div.index-account {
    height: 100%;
    padding: 4px;
  }
}

div.row2 {
  text-align: left;
  vertical-align: top;
  font-size: 1em;
}

div.index-left {
  height: auto;
}

div.index-middle {
  height: auto;
  max-width: 810px;
}

div.index-right {
  height: auto;
  vertical-align: middle;
}

div.row3 {
  text-align: center;
  vertical-align: middle;
  font-size: 1em;
}

div.índex-bottom {
  padding: 0px;
}

div.index-timer {
  padding: 2px 0px;
  background-color: red;
  color: white;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  div.index-timer {
    background-color: transparent;
    color: black;
  }
}
 
div.remainingtime {

}

span#remainingtime {
  
}

div.index-speld {
  background-color: transparent;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  div.index-speld {
    text-align: center;
    vertical-align: middle;
  }
}
  
img.index-speld {
  --max-width: 100%;
  height: 106px;
}

img.index-ad {
  width: 180px;
}

div.index-slide {
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}

div.index-left ul a{

}

div.index-content {
  /*min-height: 600px;*/
  margin: 0px;
  padding: 4px;
  overflow: auto;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  div.index-content {
    min-height: 780px;
    height: 100%;
    background-color: #ffffff;
    background-image: url(backgrounds/empty.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;  
  }
}

div.index-right a {

}

span.index-news {
  text-align: center;
}

div.index-bottom-background {
  background-color: #000000;
}

div.index-bottom-foreground {
  color: #efefef;
  font-size: smaller;
}

span.index-bottom {
  padding-left: 10px;
  padding-right: 10px;
}

div.index-item {
  padding: 2px 0px;
  border-bottom: 1px solid #efefef;
}

div.index-leftmenu {
  
}

div.index-fb {
  text-align: center;
}

div.index-actions {

}
div.index-action {
  text-align: center;
}

div.index-ads {

}

div.index-ad {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
	div#welkom {
	  background-image: url(backgrounds/empty.jpg);
	}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
	div#fanfare {
	  background-image: url(backgrounds/fanfare.jpg);
	}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
	div#drumband {
	  background-image: url(backgrounds/drumband.jpg);
	}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
	div#jeugdfanfare {
	  background-image: url(backgrounds/jeugdfanfare.jpg);
	}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
	div#opleiding {
	  background-image: url(backgrounds/empty.jpg);
	}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
	div#dirigent {
	  background-image: url(backgrounds/dirigent.jpg);
	}
}

div#welkom {
}

div#gastenboek {
}

div#agenda {
}

div#ledenagenda {
}

div#nieuws {
}

div#ledennieuws {
}

div#beheernieuws {
}

div.body-content {
  padding: 4px;
}

tr.first {
  background-color: transparent; /* Overrule the style in juliana.css: don't overwrite the background-image */
}

tr.odd {
  background-color: transparent; /* Overrule the style in juliana.css: don't overwrite the background-image */
}

tr.even {
  background-color: transparent; /* Overrule the style in juliana.css: don't overwrite the background-image */
}