/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Default / for Grid 1200px             
2.  960px 
3.  720px
4.  lt 720px 


**********************************************************************************************/


/********************************************************************************************* 

1.  Default / for Grid 1200px             

*********************************************************************************************/   

/* Style for demo REMOVE THIS SECTION */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,  .grid-13,  .grid-14,  .grid-15,  .grid-16 {
	/*background:#efefef;
	min-height:50px;
	color:#333;
	margin-bottom:15px;*/}
.clean{
	height:1px !important;
	min-height:1px !important;
	margin-bottom:0;
	background:none;
	clear:both;}
.ingrid{margin:5px;}
.ingrid_20{margin:0 20px;}

body{
	background:#fff;}
a{
	text-decoration:none;
	color:inherit;}

	
	
/********************************************************************************************* 

1.  Default / for Grid 1200px             

*********************************************************************************************/    

	/* +++++ COLORS +++++ */
	
	.white{color:#fff;}
	.light_gray{color:#868686;}
	.light_gray{color:#5a5a5a;}
	.dark_gray{color:#5a5a5a;}
	.black{color:#000;}

	/* +++++ ELEMENTS +++++ */

	.odd{background-color:#ffffff;}
	.even{background-color:#fafafa;}
	.white{color:#fff;}
	.results, .albums{margin:0;}
	.totaal{border-top:1px solid #000;}
	.table_head td h3{margin:0 0 5px 0;}
	.album_pics{padding-bottom:30px;}
		.album_pics img{
			-webkit-border-radius:0.4em;
			-moz-border-radius:0.4em;
			border-radius:0.4em;}
	
	/* +++++ TYPOGRAPHIE +++++ */
	body{font-family: 'Lato', sans-serif;font-weight:300;}
	h1{font-size:1.6em;font-family: 'Lato', sans-serif;font-weight:700;}
	h2{font-size:1.4em;font-family: 'Lato', sans-serif;font-weight:400;}
	h3{font-size:1.3em;font-family: 'Lato', sans-serif;font-weight:300;}
	p{font-size:0.8em;line-height:1.5em;}
		.results p{
			margin:5px;
			line-height:1;}
		.albums p{
			margin:5px 0 10px 0;
			line-height:1.3em;}
	.bold{font-weight:bold;}
	.nav a{font-size:1.4em;color:#868686;font-weight:300;}
	.nav a:hover{font-size:1.4em;color:#000;font-weight:300;}
	.nav a.active{font-size:1.4em;color:#000;font-weight:400;}
	
	.article{}
		.art_title{font-weight:400;}
		.art_intro{font-weight:300;text-align:justify;}
		.art_text{font-weight:300;text-align:justify;}
		.article a{text-decoration:underline;}
		.article .fa-chevron-right{font-size:0.7em;}
		.article ul{font-size:0.8em;line-height:1.7em;}
		.article .fa-ul .fa-li{top:5px;font-size:0.6em;}
		.article.bio p{margin:0 0 5px 0;line-height:1.3em;text-align:left;}
	.project{}
		.pro_title{font-weight:400;margin:0 0 5px 0;}
			.pro_title span{float:right;font-size:60%;}
		.pro_intro{font-weight:400;margin:0 0 5px 0;}
		.pro_text{font-weight:300;margin:0 0 5px 0;}
		/*.project a{text-decoration:underline;}*/
		.project .fa-chevron-right{font-size:0.7em;float:left;}
	.news{}
		.news_title{font-weight:400;margin:0 0 5px 0;}
			.news_title span{float:right;font-size:60%;}
		.news_intro{font-weight:400;margin:0 0 5px 0;}
		.news_text{font-weight:300;margin:0 0 5px 0;}
		/*.news a{text-decoration:underline;}*/
		.news .link .fa-chevron-right{font-size:0.7em;}
	
	.weight100{font-weight:100 !important;}	
	.weight300{font-weight:300 !important;}
	.weight400{font-weight:400 !important;}
	.weight700{font-weight:800 !important;}
	
	/* +++++ STYLE +++++ */
	
	body{}
	.nav{}
		.nav ul{
			margin:0;padding:0;
			list-style:none;
			width:100%;
			display:table;
			float:right;}
			.nav ul li{
				display:table-cell;
				vertical-align:middle;
				text-align:right;}
				.nav ul li a{
					display:block;
					height:58px;
					line-height:70px;
					padding:0 10px;}
	.fotogrid{
		clear:both;
		position:relative;
		min-height:833px;
		overflow:hidden;}
	.socials{
		font-size: 1.2em;
		clear:both;}			
	.footer{
		clear:both;
		position:relative;
		border-top:8px solid #fff;
		overflow:auto;
		height:260px;
		background-image:url('../images/bg_footer.jpg');
		background-repeat:no-repeat;
		background-position:center top;}
	.bottom{}
		.footeradres{
			font-size:0.85em;}
		.ramdesign{
			font-size:0.85em;
			text-align:right;}
		
	/* --- FORMS --- */
	
	.formtable{width:680px;}
		.formtable label{margin:0;line-height:30px;font-size:0.85em;width:120px;display:block;}
		.formtable .pad_20{ width:100px;padding-left:20px;}
		.formtable td{padding:5px 0px;}
		.formtable p{margin:0;}
	.contact_forminput, .contact_textinput{
		font-size:0.85em;
		color:#868686;
		border:1px solid #868686;
		-webkit-border-radius:0.4em;
		-moz-border-radius:0.4em;
		border-radius:0.4em;
		font-family: 'Lato', sans-serif;
		font-weight:300;}
		.contact_forminput.naam, .contact_forminput.voornaam, .contact_forminput.telefoon, .contact_forminput.emailadres{
			width:200px;
			padding:1px 5px;
			float:right;}
		.contact_forminput.onderwerp{
			width:543px;
			padding:1px 5px;
			float:right;}
	.contact_forminput{
		height:25px;}
	.contact_textinput{
		line-height:1.2em !important;
		min-height:120px;
		width:543px;
		max-width:543px;
		min-width:543px;
		padding:5px;
		float:right;
		font-family: 'Lato', sans-serif;
		font-weight:300;}
	.submit_row{
			height:40px;
			margin-top:20px;
			text-align:right;
			padding-right:52px;}
	.submit-button{
			font-family: 'Lato', sans-serif;
			font-weight:300;
			font-size:1em;
			background-color:#868686;
			-webkit-border-radius:0.4em;
			-moz-border-radius:0.4em;
			border-radius:0.4em;
			color:#fff;
			height:30px;
			line-height:30px;
			width:auto;
			padding:0 15px;
			border:none;}
		
	
	.alert{
		display: block;
		width:94%;
		margin:10px 0;
		padding: 10px;
		font-size: 14px;
		border-radius: 0.8em;
		transition: all 1s ease;
		box-shadow: #999 0 0 5px;
		-webkit-border-radius: 0.8em;
		-moz-border-radius: 0.8em;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-box-shadow: #999 0 0 5px;
		-moz-box-shadow: #999 0 0 5px;}
	.alert_success{
		border: 1px solid #79C20D;
		color: #32510F;}
	.alert_error{
		border: 1px solid #D20009;
		color:#7B040F;}
	.fout{
		color:#7B040F;
		margin:0;padding:0 0 0 5px;
		font-size:90%;
		font-weight:400;
		/*display:none;*/}
.clear{
	clear:both;}
.clear_10{
	clear:both;
	height:10px;}
.clear_15{
	clear:both;
	height:15px;}
.clear_20{
	clear:both;
	height:20px;}
.clear_25{
	clear:both;
	height:25px;}
.clear_30{
	clear:both;
	height:30px;}
.clear_40{
	clear:both;
	height:40px;}
.clear_50{
	clear:both;
	height:50px;}
	
.scale{
	max-width:100%;}
.col-2{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;}

.col-3{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
-moz-column-gap:30px; /* Firefox */
-webkit-column-gap:30px; /* Safari and Chrome */
column-gap:30px;}
.col-2 p:first-child, .col-3 p:first-child{
	margin-top:0;}

/********************************************************************************************* 

2.  960px 

*********************************************************************************************/  

/*@media only screen and (min-width: 960px) and (max-width: 1199px) {*/

	/* +++++ TYPOGRAPHIE +++++ */
	
	/*h1{font-size:1.3em;}
	h2{font-size:1.1em;}
	h3{font-size:0.9em;}
	p{font-size:0.8em}
	.top{
		height:135px;}
		.nav{
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight:400;
			height:60px;
			border-bottom:8px solid #041d27;
			margin-top:35px;}
			.nav .menu_left li, .nav .menu_right li{
				float:left;
				height:60px;
				padding:0 10px;
				position:relative;}
			.nav .menu_left li{
				border-left:1px solid #324c41;
				width:105px;}
			.nav .menu_right li{
				border-right:1px solid #324c41;
				width:100px;}
				.nav .menu_left li a, .nav .menu_right li a{
					color:#b3983c;
					font-size:1.2em;
					display:block;
					text-decoration:none;
					vertical-align:baseline;
					position:absolute;
					bottom:10px;}
		.top_top .logo{
			width:300px;
			position:absolute;
			margin-left:-150px;
			left:50%;
			top:4px;}
 
}	
*/
/********************************************************************************************* 

3.  720px 

*********************************************************************************************/ 

/*@media only screen and (min-width: 720px) and (max-width: 959px) {*/

	/* +++++ TYPOGRAPHIE +++++ */
	
	/*h1{font-size:1.3em;}
	h2{font-size:1.1em;}
	h3{font-size:0.9em;}
	p{font-size:0.8em}
 	.top_top .logo{
			width:250px;
			position:absolute;
			margin-left:-90px;
			left:50%;
			top:4px;}
			.nav .menu_left li{
				border-left:1px solid #324c41;
				width:105px;}
			.nav .menu_right li{
				border-right:1px solid #324c41;
				width:80px;}
				.nav .menu_left li a, .nav .menu_right li a{
					color:#b3983c;
					font-size:1.1em;
					display:block;
					text-decoration:none;
					vertical-align:baseline;
					position:absolute;
					bottom:10px;}
		.welkom{
			min-height:inherit;}
.clear_10, .clear_15, .clear_20, .clear_25, .clear_30, .clear_40, .clear_50{
	clear:both;
	height:10px !important;}	
}*/
 
 

/********************************************************************************************* 

4.  lt 720px 

*********************************************************************************************/ 

/*@media only screen and (max-width: 719px) {*/

	/* +++++ TYPOGRAPHIE +++++ */
	
	/*h1{font-size:1.3em;}
	h2{font-size:1.1em;}
	h3{font-size:0.9em;}
	p{font-size:0.8em}
 	.top_top .logo{
		display:none;}
		.welkom{
			min-height:inherit;}
		.nav{
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight:400;
			border-bottom:8px solid #041d27;
			}
			.nav .menu_left li{
				border-left:1px solid #324c41;
				width:105px;}
			.nav .menu_right li{
				border-right:1px solid #324c41;
				width:80px;}
				.nav .menu_left li a, .nav .menu_right li a{
					color:#b3983c;
					font-size:1.0em;
					display:block;
					text-decoration:none;
					vertical-align:baseline;
					position:absolute;
					bottom:10px;}
.clear_10, .clear_15, .clear_20, .clear_25, .clear_30, .clear_40, .clear_50{
	clear:both;
	height:10px !important;}

}*/