html, body {height: 100%;}
body, td{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px;  color:#D0D8DC;}
body{margin:0; padding:0 12px; background-color:#434950; background-image:url(/assets/templates/he/img/bg.gif);}

.holder{min-height: 100%;  height: auto !important; height: 100%;  margin: 0 auto -80px; padding:0;}
.bx-controls{display:none!important;}
#logo{text-align:center; height:110px; padding-top:5px;}
#top-holder{ max-width:915px; margin:0 auto; }
.main-holder{ max-width:915px; margin:0 auto; }

.errors{margin-bottom:20px; color:#fff; background:#d20000; padding:10px;}

#kop{color: #fff; font-size: 20px; font-weight: normal; line-height: 22px; margin: 0 0 15px; padding: 0 0 8px; font-family: 'DINSchriftRegular';}

.container { clear: both; float: left; overflow: hidden; width: 100%;}
.center{max-width:915px; margin:0 auto; padding:0;}

#home-banner{height:310px; background-color:#9ea2a7; margin-bottom:20px; color:#434950;}
#home-left{float:left; margin:0 21px 15px 0; width:291px;}
#home-mid{float:left; width:291px;}
#home-right{float:right; width:291px;}

#banner-slide{width:603px; height:310px; float:left; overflow: hidden;}
#banner-txt{width:312px; float:right; background:url(/assets/templates/he/img/vaandel.png) right top no-repeat #9ea2a7; background-size:64px 92px;}
.wijn #banner-txt{background-image:url(/assets/templates/he/img/vaandel-wijn.png);}
.special #banner-txt{background-image:url(/assets/templates/he/img/vaandel-special.png); background-size:312px 310px;}
.special #banner-txt h2{color:#fff; padding:35px 85px 100px 85px;}
	
.home #banner-txt{background-size:86px 124px;}
	
#banner-txt h2{padding:55px 65px 40px 25px; margin:0; font-size:normal; color:#434950; font-weight:normal; line-height:32px; font-family: Palatino,Palatino Linotype,Georgia,Times,Times New Roman,serif; font-size: 26px; }

.reserve{position:absolute; text-align:center; line-height:17px; right:10px; top:37px; font-family: "DINSchriftRegular"; text-transform: lowercase;}
.reserve a:link{font-weight:normal!important; display:block;}
#top {position:relative;}

#nieuws-overzicht{margin-bottom:20px; clear:both; display:block;}

#nieuws-blokkie{border-bottom: 1px solid #939495; margin: 0 0 16px; padding-bottom: 15px;}
#agenda-blokkie{border-bottom: 1px solid #939495; margin: 0 0 16px; padding-bottom: 15px;}
.lastone{border:none!important;}

.n-img{float:left; margin-right:21px; height:150px; width:291px; overflow:hidden;}
.n-kop{font-size:20px; line-height:28px; padding-bottom:12px;}

#galerij ul{margin:0; padding:0; list-style:none;}
#galerij li{width:23%; float:left; margin: 0 0 12px 2%; padding:0px;}
#galerij li img{display:block;}
	
.columns {-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px;}

#temailer_form input{width:200px;}
ul.partnerlist li{float:left; width:25%; margin:0; padding:0; background:none;}
ul.partnerlist{list-style:none; margin:0; padding:0!important;}
	
#intro{font-size:18px; line-height:28px; margin-bottom:20px; font-family: 'DINSchriftRegular';}

.breed-2-colom{width:65%;}
.breed-1-colom{width:32%;}
.fl{float:left;}
.fr{float:right;}
	
.breed-2-colom-foto{width:65%;}
.breed-1-colom-foto{width:32%;}

#fancybox-title-over{text-shadow:0px 0px 6px #000; padding-top:40px; color:#fff!important; font-size:90%!important; font-weight:bold; text-align:center;}

.wit{color:#fff;}

.foo{height:79px; text-align:center;}
.foo-kenwerk{position:absolute; height:79px; right:0; overflow:hidden;}

.g-map{position:absolute; margin-left:310px; width:603px;}

#submenu{line-height:32px;  vertical-align:top; font-weight:normal!important; color:#939495; font-family: 'DINSchriftRegular'; font-size:14px;}
#submenu a{font-weight:normal!important; color:#D0D8DC;}
#submenu a:hover{color:#fff;}
#submenu a.active{color:#fff;}

.footer{margin:0 auto -80px; position:relative; max-width:915px; border-top:1px solid #939495; text-align:center; text-transform:uppercase; font-size:26px; font-family: 'TrajanProRegular'; font-weight:normal!important;}
.footer, .push{height:79px; clear:both; line-height:79px;}

h1{font-weight:normal; border-bottom:1px solid #939495; padding:0 0 8px 0; margin:0 0 15px 0; font-size:21px; line-height:22px; color:#fff; font-family:'DINSchriftRegular';}
td{vertical-align:top;}

.no-columns ul{padding-left:15px;}

p{margin-top:0; padding-top:0;}
a img{border:0;}
a:focus{outline:none;}

a{-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
a:link, a:visited{text-decoration:none; font-weight:bold; color:#fff;}
a:hover{text-decoration:none; font-weight:bold; color:#D0D8DC;}
a:active{text-decoration:none; font-weight:bold; color:#fff;}

.clear{clear:both; height:1px; overflow:hidden;}

.ster{color:#939495;}
.form{width:370px; border:1px solid #939495; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; margin:2px 0;}
.formbut{text-transform:uppercase; border:0; background:none; color:#fff; cursor:hand; cursor:pointer; font-size:18px; padding:0 0 1px 0; margin:0; font-family: 'DINSchriftRegular';}
.formbut:hover{color:#fff;}

	
/* NAVIGATIE */
    
.menu-holder{border-top:1px solid #939495; border-bottom:1px solid #939495; height:40px; line-height: 40px; padding:0; text-transform:lowercase; margin-bottom:20px; font-family: 'DINSchriftRegular'; position:relative;}
	
.menu-rechter {float:right; font-weight:normal!important; color:#939495; position:relative; z-index:21;}
.menu-rechter a{font-weight:normal!important; color:#939495;}
.menu-rechter a:hover{text-decoration:none!important; color:#D0D8DC;}
    
    
.nav-link{display:none;}

.nav{position:relative; z-index:20;}
.nav ul{position:relative; display:inline-table; z-index:101; padding:0; list-style:none;}
.nav > ul > li{float:left;}
.nav ul li a{display:block; text-decoration:none;}

.nav ul{padding:0; margin:0 auto; list-style-type:none; position:relative;}
.nav ul li {float:left; position:relative; margin:0 12px 0 0; padding:0;}
.nav ul{margin:0; padding:0; list-style:none;}
.nav ul a {font-weight:normal!important; color:#939495; width:auto; display:block; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.nav ul a:hover{text-decoration:none!important; color:#D0D8DC;}
.nav ul li.active a{color:#fff;}




@media screen and (min-width: 950px) {
	.top .nav{display:block!important;}
}
	
@media screen and (max-width: 950px) {		
	
	.holder, .footer{max-width:750px;}
		
	.menu-rechter {float:left;}
	.menu-rechter.last{margin-right:12px; margin-left:-10px;}	
		
	.nav-link {display:block; color:#fff; background:url(/assets/templates/site/img/nav-btn.png) no-repeat scroll center center; position:absolute; right:0; text-decoration:none; padding:0; width:40px; height:40px; z-index:200; overflow:hidden;}	
	
	.nav{clear:both; min-width:inherit; float:none; position:relative; top:0; left:0; padding:0; font-size:15px; background-color:#434950; background-image:url(/assets/templates/he/img/bg.gif); overflow:hidden; max-height:0;}
	.nav.active {max-height:55em;}
	.nav ul{display:inline;}
	.nav li, .nav > ul > li {display: block;}
	.nav ul li > a {height:38px; line-height:38px; padding:0;}
	.nav ul li {padding:0; border:none; margin:0; float:none;}
	.nav li a {display:block; padding:0; border-bottom:1px solid #939495; position:relative; line-height:40px;}		
	.nav ul li.active > a{color:#fff;}

		
	#home-banner{height:254px;}
	#home-left{margin:0 21px 15px 0; width:235px;}
	#home-mid{width:235px;}
	#home-right{width:235px;}

	#banner-slide, #banner-slide img{width:495px; height:254px;}
	#banner-txt{width:248px; background-size:35px 50px;}
	.home #banner-txt{background-size:70px 101px;}
	#banner-txt h2{padding:40px 35px 0 25px; line-height:28px; font-size:22px;}
		
	.special #banner-txt{background-size:255px 253px;}
	.special #banner-txt h2{padding:35px 85px 50px 70px;}
		
	.breed-2-colom-foto{width:55%;}
	.breed-1-colom-foto{width:40%;}	
		
	.g-map{width:439px;}	
		
}

@media screen and (max-width: 767px) {
	
	.holder, .footer{max-width:640px;}
	
	#home-banner{height:220px;}
	#banner-slide, #banner-slide img{width:400px; height:220px;}
	#banner-txt{width:240px; background-size:35px 50px;}
	.home #banner-txt{background-size:50px 72px;}
	#banner-txt h2{padding:30px 35px 0 25px; line-height:25px; font-size:20px;}
		
	.special #banner-txt{background-size:240px 238px;}
	.special #banner-txt h2{padding:30px 85px 45px 65px;}

	#home-left{margin:0 0 15px 0; width:100%;}
	#home-mid{width:48%; float:left; margin-bottom:15px;}
	#home-right{width:48%; float:right; margin-bottom:15px;}
	
	.columns {-moz-column-count:1; -moz-column-gap:0; -webkit-column-count:1; -webkit-column-gap:0; column-count:1; column-gap:0;}
		
	.n-img{width:200px;}
		
	.breed-2-colom-foto{width:45%;}
	.breed-1-colom-foto{width:50%;}		
	#galerij li{width:31.33%;}
		
	.g-map{width:329px;}
		
	ul.partnerlist li{width:50%;}
		
}
	
@media screen and (max-width: 680px) {	
	
	#home-banner{height:auto; max-height:330px;}
	#banner-slide, #banner-slide img{width:100%; height:auto; display:block;}
	#banner-txt{width:100%; background-size:35px 50px; margin-bottom:20px;}
	#banner-txt	.home{background-size:35px 50px;}
	#banner-txt h2{padding:15px 45px 0 15px; line-height:23px; font-size:18px;}
		
	.special #banner-txt{background-size:35px 50px; background-image:url(/assets/templates/he/img/vaandel-wijn.png);}
	.special #banner-txt h2{padding:15px 45px 0 15px;}
		
	.footer{font-size:19px;}
		
	.n-img{width:140px;}
			
	.breed-2-colom-foto{width:40%;}
	.breed-1-colom-foto{width:60%;}		
	#galerij li{width:48%;}
		
	.form{width:100%;}
	#formulier table{width:100%!important; margin-bottom:15px;}
		
	.g-map{position:relative; margin-left:0; width:100%; margin-bottom:20px;}
	
	.reserve{position:relative; text-align:center; line-height:38px; right:auto; top:auto; border-top:1px solid #939495;}
	.enter{display:none;}
	
}
	
@media screen and (max-width: 480px) {	

	.footer{margin:0 auto; border-top:1px solid #939495; text-align:center; text-transform:uppercase; font-size:16px; font-family:'TrajanProRegular'; font-weight:normal!important;}
	.footer, .push{height:auto; clear:both; line-height:40px;}
	
	.holder{margin-bottom:0;}

	#home-mid{width:100%; float:none;}
	#home-right{width:100%; float:none;}
	
	.foo-kenwerk{height:auto; margin:12px auto 0; position: relative; right:auto;}
	.foo-kenwerk img{max-width:38px;}
		
	.breed-2-colom{width:100%;}
	.breed-1-colom{width:100%;}
	.fl{float:none;}
	.fr{float:none;}
		
	.n-img{width:100%; float:none; display:block; margin-bottom:12px;}
		
	.breed-2-colom-foto{width:100%;}
	.breed-1-colom-foto{width:100%; margin-bottom:20px;}		
	#galerij li{width:31.33%;}
	
	#logo{height:75px;}
	#logo img{max-width:210px;}
	
	#submenu{line-height:21px;}
	
	
	
}
	
	
	
	.font1{ font-family: 'DINSchriftRegular';}
	.font2{ font-family: 'TrajanProRegular';}

.cookiebanner{padding:20px 15px!important;font-family:inherit!important;height:auto!important;z-index:255!important;font-size:15px!important;background:#000!important;background:rgba(0,0,0,0.85)!important;color:#fff!important;font-weight:400!important;}
.cookiebanner span{display:block;}
.cookiebanner-close{font-size:30px;}
.cookiebanner a,
.cookiebanner-close:hover{font-weight:bold; color:#939495!important;}