/*

Mijn CSS
=============

Author:  Danny Herremans
 
 



/* Basis pagina styling */
/* Basis pagina styling (achtergrond blijft licht) */
/*
*/

.guimardbg {
background: #f9f9f9 url(../images/bgguimard.png);
   
background-repeat: no-repeat;
background-position-x: right;
background-position-y: top;
}





/* --------------------------------------
   Layout
   -------------------------------------- */


.mogelijkheid{
	text-align:center;
}
#mogelijkheden img{
	margin-bottom: 20px;
}
#mogelijkheden p{
	min-height:200px
}
#boodschap {
	margin-top:20px;
	display:none;
	
}
#welkomtekst{
	margin-top:20px;
	
}
#fotoguimard{
	margin-bottom:20px;
	margin-right:20px;
	
	
}

#rondetabel{
	background: #E1E5E8;
    border-radius:10px;
	margin-top: 50px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	
	
	
}


/* --------------------------------------
   Tekst
   -------------------------------------- */



/* --------------------------------------
   Navbar
   -------------------------------------- */
   
   
   
/* --------------------------------------
   Slider en fotogalerij default instellingen
   -------------------------------------- */
   		 
   #fotoslider { 
   		/* afhankelijk van de hoogte van de navigatie balk. */
		margin-top:50px; 
		
		}
  	#fotoslider .item { 
   		/* Hoogte 1 slider */
		height:200px; 
		
		}
		
#footer {
	background:#000000;
	color:#ffffff;
	font-size:12px;
	padding:20px;
	width: 100%;
}

#fotoeigenaars {
	height: 250px;
		
}
#logoeigenaars {
	float:right;
		
	}
	


/* --------------------------------------
   login
   -------------------------------------- */
.wrapper {    
	margin-top: 0px;
	margin-bottom: 20px;
}

.form-signin {
  max-width: 420px;
  padding: 30px 38px 66px;
  margin: 0 auto;
  background-color: #eee;
  border: 3px dotted rgba(0,0,0,0.1);  
  }
 
 .form-registreer {
  max-width: 900px;
  padding: 30px 38px 66px;
  margin: 0 auto;
  background-color: #eee;
  border: 3px dotted rgba(0,0,0,0.1);  
  }
 .form-registreermax {
  max-width: 900px;
  padding: 30px 38px 66px;
  margin: 0 auto;
  background-color: #eee;
  border: 3px dotted rgba(0,0,0,0.1);  
  }
.form-signin-heading {
  text-align:center;
  margin-bottom: 30px;
}




input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.colorgraph {
  height: 7px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.blok {
	height:80px;
	background-color:rgba(255,255,255,1.00);
	
}

/* --------------------------------------
   Media Queries :  aangepaste CSS
   -------------------------------------- */

/* Portrait & landscape gsm */
@media only screen and (max-width: 480px) {
	#fotoslider .item { 
   		/* Hoogte 1 slider */
		height:100px; 
		
		}
	#foto1 {
		background-image: 		url(../../images/g02.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}
	#foto2 {
		background-image: 		url(../../images/g04.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}
	#foto3 {
		background-image: 		url(../../images/g05.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}
	#foto4 {
		background-image: 		url(../../images/g07.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	} 
}

/* Landscape gsm > portrait tablet / ipad */
@media only screen and  (min-width: 481px) and (max-width: 768px) {
 	#fotoslider .item { 
   		/* Hoogte 1 slider */
		height:200px; 
		
		}
	#foto1 {
		background-image: 		url(../../images/t02.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}
	#foto2 {
		background-image: 		url(../../images/t04.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}
	#foto3 {
		background-image: 		url(../../images/t05.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}
	#foto4 {
		background-image: 		url(../../images/t07.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}  
}

/* PC  /  desktop */
@media only screen and (min-width: 769px) {
	#fotoslider .item { 
   		/* Hoogte 1 slider */
		height:310px; 
		
		
		}
	#foto1 {
		background-image: 		url(../../images/d02.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}
	#foto2 {
		background-image: 		url(../../images/d03.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}
	#foto3 {
		background-image: 		url(../../images/d04.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}
	#foto4 {
		background-image: 		url(../../images/d05.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}	
	#foto5 {
		background-image: 		url(../../images/d06.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}	
 	#foto6 {
		background-image: 		url(../../images/d07.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}	
 	#foto7 {
		background-image: 		url(../../images/d08.jpg);
		background-repeat: 		no-repeat;
		background-position: 	center top;
		
	}	
 
	
}