/* Hanno Smits bootstrap added style sheet voor wind-water.nl */
/* march 2013 */


/* provide a background image */
html {

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

} 


/* to prevent the background to be behind the navbar */
        padding-top: 0px; /* 40px to make the container go all the way to the bottom of the topbar */
      }


  container {
        position: absolute;
   	    margin: 0 auto;
     	margin-left: 25%;
		padding-left: 20px;
	    padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
        margin-top: 100px;
        background-color: white;

} 	
 
/* for aligning the block text in the middle and adding some padding */ 
.container-content {
        position: absolute;
   	    margin: 0 auto;
     	margin-left: 15%;
		margin-right: 15%;
		padding-left: 10px;
	    padding-right: 10px;
		padding-top: 75px;
		padding-bottom: 10px;
        margin-top: 1px;
        background-color: none;
		opacity: 1.0;
} 
 
 /* for aligning the block text in the middle and adding some padding */ 
.container-inhoud {
        position: absolute;
   	    margin: 0 auto;
     	margin-left: 2%;
		margin-right: auto;
		margin-top: 200px;
		padding-left: 10px;
	    padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 10px;

} 
 
   /* bedoeld om bij de include voor de php geen te grote optelling van de topmarge te krijgen, container wordt 2 keer gebruikt, dus ongeveer de helft van container-inhoud  */ 
.container-samenvoegen {
        position: absolute;
   	    margin: 0 auto;
     	margin-left: 2%;
		margin-right: auto;
		margin-top: 100px;
		padding-left: 10px;
	    padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 10px;

} 
 
 
 
/* for the little cards that present the links tot the actual pages */ 
.container-kaartje
{
		background-color: #F6F4F4;
		border: 2px solid none;
		border-radius:7px;
        margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 10px;
	    padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		background: url(../img/backgrounds/papier-11.jpg);
		box-shadow: 10px 10px 5px rgba(0,0,0,0.4);
}

/* for the lightly colored date in the bottom of the card */
p.licht
{		
		font-size: 14px;
		font-family: arial;
		color: blue;
		font-style: italic;
		border-radius:7px;
} 
 
 
 /* image shadow and corners */
 img.opmaak1
  {
	border-radius:7px;
 	box-shadow: 10px 10px 5px rgba(0,0,0,0.4);
  }

/* image shadow and corners en aligment */
 img.opmaak2
  {
	border-radius:7px;
 	box-shadow: 10px 10px 5px rgba(0,0,0,0.4);
	margin-left: -10%;
  }


  
 /* navbar transparency centering and rounde curves */
 div.transparency
  {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	margin-left: 15%; margin-right: 15%; 
	padding-left: 10px;
	padding-right: 10px;
	border-radius:7px;
    margin-top: 10px;
	margin-bottom: 10px;
 
  }

/* HR = horizontal line */

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #C0C0C0;
  border-style: solid none;
  border-width: 1px 0;
  margin: 10px 0;
}


#myModal {
	width: 900px; /* SET THE WIDTH OF THE MODAL */
	margin: -250px 0 0 -450px; /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}