/*
 Default Stylesheet
 V2.0.0
 Updated 9-1-2014
*/


/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);

/* Style */
body {
	font-family: "Open Sans";
	font-size: 13px;
	background: #FFF;
}

/* General */
.wrapper {  margin: 10px; border: 1px solid gray; }
.clear { clear: both; visibility: hidden; }
.hidden { display: none; }


/* Headers */
h1 { font-size: 24px; }


/* Grid system */
div.grid.last {
	margin-right: 0;
}

p {margin: 0 0 10px; line-height: 20px; font-size: 16px;}

.grid_4 img { width: 100%}

form#login label { font-weight: bold; margin: 20px 0 -10px; cursor: pointer; }
form#login input { border: 1px solid #99EBFF; margin: 10px 0; padding: 10px; width: 90%;  font-size: 20px; }
form#login input[type="submit"] {
color: white;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.27, #1FA8ED),
	color-stop(1, #99EBFF)
);
background-image: -o-linear-gradient(bottom, #1FA8ED 27%, #99EBFF 100%);
background-image: -moz-linear-gradient(bottom, #1FA8ED 27%, #99EBFF 100%);
background-image: -webkit-linear-gradient(bottom, #1FA8ED 27%, #99EBFF 100%);
background-image: -ms-linear-gradient(bottom, #1FA8ED 27%, #99EBFF 100%);
background-image: linear-gradient(to bottom, #1FA8ED 27%, #99EBFF 100%); }
form#login input[type="submit"]:hover {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.27, #015078),
	color-stop(1, #99EBFF)
);
background-image: -o-linear-gradient(bottom, #015078 27%, #99EBFF 100%);
background-image: -moz-linear-gradient(bottom, #015078 27%, #99EBFF 100%);
background-image: -webkit-linear-gradient(bottom, #015078 27%, #99EBFF 100%);
background-image: -ms-linear-gradient(bottom, #015078 27%, #99EBFF 100%);
background-image: linear-gradient(to bottom, #015078 27%, #99EBFF 100%);

}


/* MOBILE */
@media screen and (max-width: 299px) {

	/* Style */
	body { background: ; }

	/* Elements */
	header,
	footer { width: 100%; padding: 10px 0; background: ; }


	/* Headers */
	header h1:after { content: "your screen is 2 small"; }
	
	/* Homepage */
		/* Slider */
	
	
	/* Grid system */
	div.grid { float: left; margin: 20px 5% 0 0; background: ;}

	div.grid.grid_1 { width: 100%; }
	div.grid.grid_2 { width: 100%;}
	div.grid.grid_3 { width: 100%;}
	div.grid.grid_4 { width: 100%; }
	div.grid.grid_5 { width: 100%; }
}
/* MOBILE */
@media screen and (min-width: 300px) {

	/* Style */
	body { background: ; }

	/* Elements */
	header,
	footer { width: 100%; padding: 10px 0; background: ; }


	/* Headers */
	header h1:after { content: "max-640 Mobile"; }
	
	/* Homepage */
		/* Slider */
	
	
	/* Grid system */
	div.grid { float: left; margin: 20px 5% 0 0; background: ;}

	div.grid.grid_1 { width: 100%; }
	div.grid.grid_2 { width: 100%;}
	div.grid.grid_3 { width: 100%;}
	div.grid.grid_4 { width: 100%; }
	div.grid.grid_5 { width: 100%; }
	div.grid.grid_6 { width: 45%; }
	/* div.grid.grid_6 { margin: 20px 10px 0 7px; } */
	
	div.grid.grid_6_4 { width: 65%; }
	div.grid.grid_6_2 { width: 30%; }
	div.grid.grid_2._2 { width: 47.5%; }
}


/* TABLET */
@media screen and (min-width: 641px) {

	/* Style */
	body { background: ; }


	/* General */
	.wrapper {  margin: 10px; background: ; }


	/* Elements */
	header,
	footer { width: 100%; padding: 10px 0; background: ; }


	/* Headers */
	header h1:after { content: "max-960 Tablet"; }

	
	/* Grid system */
	div.grid { float: left; margin: 20px 5% 0 0; background: ;  }

	div.grid.grid_1 { width: 100%; }
	div.grid.grid_2 { width: 47.5%; }
	div.grid.grid_3 { width: 30%; }
	div.grid.grid_4 { width: 21.25%; }
	div.grid.grid_5 { width: 16%; }
	div.grid.grid_6 { width: 12.50%; }
	
	div.grid.grid_6_4 { width: 65%; }
	div.grid.grid_6_2 { width: 30%; }
	div.grid.grid_2._2 { width: 47.5%; }
	
	div.grid.last { margin-right: 0; }
}

@media only screen and (max-device-width: 641px) {
	div.grid.grid_6._m { margin: 20px 2% 0; }

}

/* DESKTOP */
@media screen and (min-width: 1200px) {

	body { background: rgb(212, 217, 224);; }
	
	/* General */
	.wrapper { margin-left: auto; margin-right: auto; width: 1200px;}
	
	
	/* Elements */
	header,
	footer { width: 100%; padding: 10px 0; background: ; }
	

	/* Headers */
	header h1:after {
		content: "max-1200(1180) Desktop, zijrand 10px margin";
	}
	
	
	/* Grid system */
	div.grid { display: inline;float: left; margin-left: 10px; margin-right: 10px;   min-height: 25px;}
	
	div.grid.grid_1 { width: 1180px; }
	div.grid.grid_2 { width: 580px; }
	div.grid.grid_3 { width: 380px; }
	div.grid.grid_5 { width: 220px; }
	div.grid.grid_6 { width: 180px; margin: 20px 10px 0 10px; }
	
	div.grid.grid_6_4 { width: 780px; }
	div.grid.grid_6_2 { width: 380px; }
	div.grid.grid_2._2 { width: 580px; }
	div.grid.last { margin-right: 0; }


	div.grid.grid_4 { width: 280px; -webkit-transition: all 0.7s ease;
transition: all 0.7s ease;}

	div.grid.grid_4:hover {-webkit-transform: translate(0px,-10px);
transform: translate(0px,-10px);}
}