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

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:10px;}

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



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

1.  Default / for Grid 1200px

*********************************************************************************************/
	/* +++++ COLORS +++++ */


	.gold{color:#b3983c;}
	.bleu{color:#083342;}
	.white{color:#fff;}

	/* +++++ TYPOGRAPHIE +++++ */

	h1{font-size:1.6em;font-family:'Yanone Kaffeesatz', sans-serif;font-weight:700;}
		.welkom h1{font-weight:300;color:#fff;padding-left:10px;}
        .info h1{font-weight:300;margin:3px 0 5px 0;padding:0 0 5px 10px;border-bottom:1px solid #b3983c;color:#b3983c !important;}
.info ul{
    color:#fff;
    list-style:circle;
    margin:0;
    padding:0 0 0 25px;}
		.domein h1{font-weight:300;color:#b3983c;padding-left:10px;}
	h2{font-size:1.4em;font-family:'Yanone Kaffeesatz', sans-serif;font-weight:400;}
	h3{font-size:1.1em;}
	p, ul{font-size:0.9em;line-height:1.7em;}
		.welkom p{
			margin:0 0 5px 0;}
		.welkom .intro{font-size:0.9em;}
		.welkom .tekst{
			color:#fff;}
		.event_desc ul{margin:0;padding-left:15px;}
        .info p{font-size:1em;line-height:1.7.em;margin:8px 0;}


	.bold{font-weight:bold;}
	/* +++++ ELEMENTS +++++ */


	body{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		background-color:#eeeadc;}
	.homepage, .event{
		background-image: url('../images/background.jpg'), url('../images/bg_winerank.png');
		background-repeat: no-repeat;
		background-position: center top, 100px 750px;}
	.wijnen{
		background-image: url('../images/background_wijnen.jpg');
		background-repeat: no-repeat;
		background-position: center top;}
	.wijnbouw{
		background-image: url('../images/background_wijnbouw.jpg');
		background-repeat: no-repeat;
		background-position: center 50px;}
	.contact{
		background-image: url('../images/background_contact.jpg');
		background-repeat: no-repeat;
		background-position: center 50px;}
	.top{
		clear:both;
		position:relative;
		overflow:visible;
		background-color:#083342;
		min-height:180px;}
		.top_top{
			background-color:#083342;
			height:40px;
			position:relative;}
			.top_top .logo{
				width:406px;
				position:absolute;
				margin-left:-203px;
				left:50%;
				top:4px;}
			.top .home{
				font-size:1.3em;
				margin-left:20px;
				background-color:#041d27;
				width:auto;
				display:inline-block;
				-webkit-border-radius:0 0 0.3em 0.3em;
				-moz-border-radius:0 0 0.3em 0.3em;
				border-radius:0 0 0.3em 0.3em;
				text-align:center;
				line-height:20px;}
				.top .home a{
					display:inline-block;
					margin:7px;}
					.top .home .socials{
						font-size:0.7em;
						color:#fff;}
		.top_menu{
			clear:both;
			overflow:auto;}

	/* +++++ NAVIGATION +++++ */
		.hoofdmenu{}
		.minimenu{display:none;
		margin-top:60px;}
		.minimenu .fa-bars{
			font-size:40px;
			color:#b2973c;
			cursor:pointer;
		}
		.minimenu a{
			color:#b2973c;
		}
		.minimenu a.active{
			color:#fff;
		}

			.nav{
				font-family: 'Yanone Kaffeesatz', sans-serif;
				font-weight:400;
				min-height:80px;
				border-bottom:8px solid #041d27;
				margin-top:60px;
			}
				.nav .menu_left, .nav .menu_right{
					list-style:none;
					overflow:auto;
					width:auto;
					vertical-align:bottom;}
				.nav .menu_left{
					float:left;
					margin:0;
					padding:0;}
				.nav .menu_right{
					float:right;
					margin:0;
					padding:0;}
					.nav .menu_left li, .nav .menu_right li{
						float:left;
						height:80px;
						max-width:125px;
						padding:0 10px;
						position:relative;}
					.nav .menu_left li{
						border-left:1px solid #324c41;
						width:125px;}
					.nav .menu_right li{
						border-right:1px solid #324c41;
						width:125px;}
						.nav .menu_left li a, .nav .menu_right li a{
							color:#b3983c;
							font-size:1.4em;
							display:block;
							text-decoration:none;
							vertical-align:baseline;
							position:absolute;
							bottom:10px;}
						.nav .menu_right li a{
							width:inherit;
							text-align:right;}
						.nav .menu_left li a:hover, .nav .menu_left li a.active, .nav .menu_right li a:hover, .nav .menu_right li a.active{
							color:#fff;}
				.nav .langs{
					list-style:none;
					float:right;}
					.nav .langs li{
						float:left;}
						.nav .langs li a{
							display:block;
							text-decoration:none;}
						.nav .langs li a:hover, .nav .langs li a.active{
							background-color:#ccc;}

	@media (max-width : 1200px) {
		.hoofdmenu{display:none}
		.minimenu{display:flex;}
		.top_top .logo{
			display:none;
			width:300px;
			margin-left:0;
			right:0;
			left:auto;
		}
		.nav{margin-top:0;}
	}

	.content{
		clear:both;
		position:relative;
		margin-top:50px;}
		.welkom{
			min-height:300px;}
		.welkom .chart_titel{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:1.8em;
			font-weight:400;
			color:#083342;
			display:block;
			background-color:rgba(220,206,158,0.3);
			padding:0 0 5px 10px;
			margin-left:-10px;}
		.page_titel{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:2.4em;
			font-weight:400;
			color:#083342;
			display:inline-block;
			background-color:rgba(220,206,158,0.3);
			padding:10px;
			margin-left:-10px;}
		.domein h1, .domein img{
			margin-left:40px;}
		.domein .chart_titel{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-weight:400;
			font-size:1.8em;
			color:#083342;
			display:block;}
		.domein .tekst{
			color:#083342;}
			.domein .first_line::first-line{
				color:#b1963b;
				font-size:inherit;}
		.vlavak{
			text-align:center;}

		.info{
			margin:0 auto;
			padding:20px 15px;
			-webkit-border-radius:0.4em;
			-moz-border-radius:0.4em;
			border-radius:0.4em;}
.info h1{
    color:#fff;
}
		.info_knop{
			margin:0 auto;
			padding:20px 15px;
			-webkit-border-radius:0.4em;
			-moz-border-radius:0.4em;
			border-radius:0.4em;}
			.knop_brown{
			     width:80%;
				background-color:#b2973b;
				-webkit-box-shadow:2px 2px 2px 0px #6f5c1c;
				box-shadow:2px 2px 2px 0px #6f5c1c;}
				.info_knop.knop_brown .pijl{
					background-color:#6f5c1c;}
			.knop_bleu{
				background-color:#083342;
				-webkit-box-shadow:2px 2px 2px 0px #041d27;
				box-shadow:2px 2px 2px 0px #041d27;}
				.info_knop.knop_bleu .pijl{
					background-color:#041d27;}
			.knop_wit{
			     width:80%;
				background-color:#cbb360;
				-webkit-box-shadow:2px 2px 2px 0px #6f5c1c;
				box-shadow:2px 2px 2px 0px #6f5c1c;}
				.info_knop.knop_wit .pijl{
					background-color:#6f5c1c;}
			.knop_rood{
			     width:80%;
				background-color:#5b1d1d;
				-webkit-box-shadow:2px 2px 2px 0px #3d0c0c;
				box-shadow:2px 2px 2px 0px #3d0c0c;}
				.info_knop.knop_rood .pijl{
					background-color:#3d0c0c;}
			.knop_brut{
			     width:80%;
				background-color:#4a5d2e;
				-webkit-box-shadow:2px 2px 2px 0px #283d0a;
				box-shadow:2px 2px 2px 0px #283d0a;}
				.info_knop.knop_brut .pijl{
					background-color:#283d0a;}
				.info_knop a{
					color:#fff;
					font-size:1.0em;}
				.info_knop .pijl{
					width:25px;
					height:25px;
					float:right;
					-webkit-border-radius:0.8em;
					-moz-border-radius:0.8em;
					border-radius:0.8em;
					margin-top:-3px;
					text-align:center;
					line-height:25px;}

		.wijn{
			position:relative;
			min-height:340px;}
		.wijn .box{
			position:absolute;
			right:0;
			width:75%;
			min-height:80%;
			-webkit-border-radius:0.3em;
			-moz-border-radius:0.3em;
			border-radius:0.3em;}
			.wijn .box h1, .wijn .box div{
				margin-left:50px;
				margin-right:25px;
				color:#fff;
				font-weight:300;}
			.wijn .box h1{
				border-bottom:1px solid #fff;
				padding-bottom:10px;
				margin-bottom:5px;}
			.wijn .box div{
				font-size:0.8em;}
		.wijn .wit{
			background:#cbb360 url('../images/bg_winerank.png') -20px 150px no-repeat;
			border:5px solid #fff;
			-webkit-box-shadow:2px 2px 2px 0px #6f5c1c;
			box-shadow:2px 2px 2px 0px #6f5c1c;}
			.wit h1, .wit div{
				color:#083342 !important;
				border-color:#083342 !important;}
			.wit h1{
				font-weight:500 !important;}
		.wijn .rood{
			background:#5b1d1d url('../images/bg_winerank.png') 60px 150px no-repeat;
			border:5px solid #fff;
			-webkit-box-shadow:2px 2px 2px 0px #3d0c0c;
			box-shadow:2px 2px 2px 0px #3d0c0c;}
		.wijn .brut{
			background:#4a5d2e url('../images/bg_winerank.png') -300px 150px no-repeat;
			border:5px solid #fff;
			-webkit-box-shadow:2px 2px 2px 0px #283d0a;
			box-shadow:2px 2px 2px 0px #283d0a;}

		.wijn .rose{
			background:#c96125 url('../images/bg_winerank.png') -250px 150px no-repeat;
			border:5px solid #fff;
			-webkit-box-shadow:2px 2px 2px 0px #bf3200;
			box-shadow:2px 2px 2px 0px #bf3200;}

		.wijn .rosebrut{
			background:#d18058 url('../images/bg_winerank.png') -100px 150px no-repeat;
			border:5px solid #fff;
			-webkit-box-shadow:2px 2px 2px 0px #bf3200;
			box-shadow:2px 2px 2px 0px #bf3200;}
		.wijn img{
			position:absolute;
			bottom:0;
			left:-15px;}
		.wijnen .info_knop{
			width:65%;
			float:right;
			margin-right:10px;}
		.album{}
			.album ul{
				margin:0;
				padding:0;
				list-style:none;}
				.album ul li{
					float:left;}
					.album ul li img{
						max-width:95px;
						border:5px solid #fff;
						-webkit-border-radius:0.3em;
						-moz-border-radius:0.3em;
						border-radius:0.3em;
						-webkit-box-shadow:2px 2px 2px 0px #6f5c1c;
						box-shadow:2px 2px 2px 0px #6f5c1c;
						margin:0 15px 15px 0;}
		.event .event_box{
			border:5px solid #fff;
			-webkit-border-radius:0.3em;
			-moz-border-radius:0.3em;
			border-radius:0.3em;
			-webkit-box-shadow:2px 2px 2px 0px #6f5c1c;
			box-shadow:2px 2px 2px 0px #6f5c1c;}
		 .contact .social{
			font-size:1.2em;
			color:#fff;
			-webkit-border-radius:0.3em;
			-moz-border-radius:0.3em;
			border-radius:0.3em;
			background-color:#6f5c1c;
			line-height:1.5em;
			text-align:center;
			width:25px;
			height:25px;
			display:inline-block;}
		.contact .contactfoto, .event .contactfoto{
			border:5px solid #fff;
			-webkit-border-radius:0.3em;
			-moz-border-radius:0.3em;
			border-radius:0.3em;
			-webkit-box-shadow:2px 2px 2px 0px #6f5c1c;
			box-shadow:2px 2px 2px 0px #6f5c1c;
			margin:0 15px 15px 0;}

		.contact .map{
			border:5px solid #fff;
			-webkit-border-radius:0.3em;
			-moz-border-radius:0.3em;
			border-radius:0.3em;
			-webkit-box-shadow:2px 2px 2px 0px #6f5c1c;
			box-shadow:2px 2px 2px 0px #6f5c1c;
			width:100%;
			height:220px;}
		.head_news{
			min-height:400px;}
		.head_news img, .news_item img{
			border:5px solid #fff;
			-webkit-border-radius:0.3em;
			-moz-border-radius:0.3em;
			border-radius:0.3em;
			-webkit-box-shadow:2px 2px 2px 0px #6f5c1c;
			box-shadow:2px 2px 2px 0px #6f5c1c;
			width:250px;
			float:left;
			margin:0 10px 0 0;}
		.head_news .link{
			color:#083342;font-size:0.9em;font-weight:bold;}
		.news_item .link{
			color:#083342;font-size:0.9em;font-weight:bold;}
		.content .news_item{
			margin:5px;}

	.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;}
		.footer .contact_adres{
			width:421px;
			height:150px;
			background-image:url('../images/bg_adres.png');
			background-repeat:no-repeat;
			position:absolute;
			margin:-80px 0 0 -250px;
    		top:50%;
    		left:50%;}
			.footer .contact_adres h2{
				width:325px;
				margin:25px 0 0px 25px;
				padding-bottom:10px;
				border-bottom:2px solid #e5ddc4;}
			.footer .contact_adres p{
				margin-left:25px;
				width:150px;
				float:left;
				font-size:0.8em}
		.footer .contact_logo{
			width:58px;
			height:56px;
			background-image:url('../images/bg_contact_logo.png');
			background-repeat:no-repeat;
			position:absolute;
			margin:-30px 0 0 210px;
    		top:50%;
    		left:50%;
			cursor:pointer;}
	.pagefooter{
		clear:both;
		position:relative;
		height:100px;
		background-color:#fff;}
		.pagefooter .adres{
			height:100px;
			position:relative;}
		.pagefooter .contact_adres{
			position:absolute;
    		left:200px;}
			.pagefooter .contact_adres h2{
				float:left;
				line-height:60px;}
			.pagefooter .contact_adres div{
				float:left;
				margin:25px 0 0 30px;
				padding:0;
				border-left:2px solid #e5ddc4;}
				.pagefooter .contact_adres div p{
					float:left;
					width:auto;
					line-height:none;
					margin:0;
					padding:0 30px;}
		.pagefooter .contact_logo{
			width:58px;
			height:56px;
			background-image:url('../images/bg_contact_logo.png');
			background-repeat:no-repeat;
			position:absolute;
			margin:-30px 50px 0 0;
    		top:50%;
			left:75px;}
	.bottom{
		clear:both;
		position:relative;
		background-color:#083342;
		overflow:auto;
		font-size:0.8em}
		.bottom .footeradres{
			color:#fff;}
		.bottom .ramdesign{
			text-align:right;
			color:#fff;}
			.bottom .ramdesign a{
				color:#b2973b;
				text-decoration:none;}

	/* --- FORMS --- */

	form{
		margin-top:-20px;}
	.forminput{
		width:230px;
		font-size:0.8em;
		margin-top:20px;}
	.contact_forminput{
		width:230px;
		font-size:0.8em;
		/*margin:5px 0;*/
		margin-top:20px;}
	.contact_email_forminput{
		width:532px;
		font-size:0.8em;
		margin-top:10px;}
	.datetime{
		width:203px;
		font-size:0.8em;
		margin-top:20px;}
	.text{
		width:700px;
		max-width:700px;
		min-height:80px;
		font-size:0.8em;
		margin-top:20px;}
	.contact_text{
		width:471px;
		max-width:471px;
		min-height:80px;
		font-size:0.8em;
		line-height:1.2em !important;
		margin-top:20px;
		padding-bottom:5px;}
	.corner-all{
		-webkit-border-radius:0.4em;
		-moz-border-radius:0.4em;
		border-radius:0.4em;
		border:1px solid #083342;
		height:25px;
		line-height:25px;
		padding-left:5px;}
	.submit-button{
			/*background: #f6a828 url(../admin/css/ui-lightness/images/ui-bg_gloss-wave_35_blue_500x100.png) 50% 50% repeat-x;*/
			font-size:1.1em;font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:700;color:#fff;height:30px !important;padding:0 20px !important;
			background-color:#cbb360; -webkit-box-shadow:2px 2px 2px 0px #6f5c1c; box-shadow:2px 2px 2px 0px #6f5c1c;border:1px solid #6f5c1c;
			margin:20px 0 5px 390px;}
			.info_knop.knop_wit .pijl{
				background-color:#6f5c1c;}

	/*
	.ui-datepicker{font-size:0.75em !important;display:none;}
	.ui-widget-header{border:1px solid #333; background: #f6a828 url(../admin/css/ui-lightness/images/ui-bg_gloss-wave_35_cccccc_500x100.png) 50% 50% repeat-x !important; color: #ffffff; font-weight: bold;}
	.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #333;}
	*/

	.alert{
		display: block;
		width: 455px;
		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;}
	.succes{
		border: 1px solid #79C20D;
		color: #32510F;}
	.error{
		border: 1px solid #D20009;
		color:#7B040F;}
	.fout{
		color:#7B040F;
		margin:0;padding:0;
		width:238px;float:left;
		margin-right:5px;
		font-size:90%;
		display:none;
		position:absolute;}
		#err_name, #err_email{
			margin-left:240px;}
.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-4{
-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
column-count:4;
-moz-column-gap:20px; /* Firefox */
-webkit-column-gap:20px; /* Safari and Chrome */
column-gap:20px;}
.col-2 p:first-child, .col-3 p:first-child, .col-4 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;}

}*/