@font-face{
	font-family:DisorderBold;
	src:url(http://smaakvangogh.nl/shared/fonts/TypeArtFoundryDisorderBold.ttf);
}

body,html{
	font-size:16px;
	background-color:#efefef;
  height:100%;
  font-family:"rooney-sans", Helvetica, Arial, sans-serif;
}

body>.container{	
  min-height:100%;
}

#container{
	background-image:url(http://smaakvangogh.nl/shared/images/bg2.png);
  min-height:100%;
	overflow:hidden;
	padding:0 2rem;
}

.formfields
{
  clear: both;
  padding-top:1em;
}
#vincent{
	position:absolute;
	width:250px;
}

#header.header-home #vincent{
	width:381px;
}

#home-top{
	background-image:url(../images/bg.png);
	height:280px;
	background-repeat:repeat-x;
	background-position:0px 100px;
	overflow:hidden;
}

#sponsors{
	padding:40px 0px;
}

#lekkeruitede{
	margin-top:15px;
}

#strook{
	height:9px;
	background-image:url(http://smaakvangogh.nl/shared/images/strook.png);
	margin:1rem -2rem 0 -2rem;
}

#footer{	
  background-color:white;
	padding:0rem 2rem 1rem 2rem;
  margin:0 -2rem;
}

#footer .border{
	height:1px;
	background-color:black;
	margin-bottom:0.5rem;
}

#footer a{
	font-size:0.8rem;
	color:black;
}


#sponsors a{
	margin:20px;
}

#slideshow-inner{
	width:7000px;
	position:absolute;
	left:0px;
}

#slideshow-outer{
	position:relative;
	overflow:hidden;	
	height:280px;
	/*border:2px solid #E94E1B;
	height:270px;
	margin-left:50px;*/
}

.slide{
	float:left;
}




#slideshow .slideshow-body{
	font-size:24px;
	margin-top:150px;
	color:#29354b;	
	
}

#slideshow .slideshow-body h1{
  color:#29354b;
}

#slideshow .slideshow-body a{
	text-transform:uppercase;
  color:#29354b;
	font-size:14px;
	font-weight:bold;
	background-color:white;
	border:1px solid #a1a2a1;
	border-radius:15px;
	padding:6px 8px 6px 32px;
}

#slideshow .slideshow-body a i{
	color:#e55029;
	font-size:30px;
	position:absolute;
	margin-left:-29px;
	margin-top:6px;
}


#slideshow-outer #switch a, #slideshow-outer #switch-l a{
	color:#e55029;
	font-size:30px;
	cursor:pointer;
}

#switch{
	right:10px;
}

#switch,#switch-l{
	text-align:center;
	margin-top:125px;
	position:absolute;
}

#switch-l{
	left:10px;
	z-index:100;
}

h1,h2,h3,h4,h5,h6{
  font-family:DisorderBold,'HelveticaW01-RoundedBd';
	font-weight:normal;
  text-transform:uppercase;
}

.navbar{
	margin:0px;
	
}

#header{
  background-color:rgba(255,255,255,0.4);
  border-bottom:1px solid #9c7d58;
	margin:0 -2rem;
	position:relative;
}

#logo{
	position:absolute;
	right:80px;
	z-index:51;
	width:195px!important;
  height:58px!important;
  max-height:58px!important;
	box-shadow:0px 3px 10px rgba( 0,0,0,0.3);
}

.navbar{
	padding:1rem 2rem;
}
.nav a{
	font-size:1.6rem;
	color:#2e5179;
	background:none!important;
  font-family:DisorderBold,'HelveticaW01-RoundedBlk_709929';
	padding:10px!important;
  text-transform:lowercase;
}

.nav li.active a,.nav a:hover{
	color:#b4443f;
  background:none!important;
}

.nav li.vincent-btn{
	width:150px;
	height:10px;
	position:absolute;
	right:10px;
}

.mobile-vincent-btn{
  width:120px;
	height:162px;
	position:absolute;
	top:0px;
	right:10px;
  background-image:url(../images/vincentbtn.png);
  background-size:120px 162px!important;
  background-repeat:no-repeat!important;
	z-index:100;
  transition:0.5s;
}


.mobile-vincent-btn.up{
  background-position:0px -122px!important;
	
}

#header.header-home .nav li.vincent-btn a,#header.header-home .nav li.vincent-btn a:hover{
  background-image:url(../images/vincentbtn.png)!important;
  width:150px!important;
  height:203px!important;
  background-size:150px 203px!important;
}

#nav.shadow li.vincent-btn a,#nav.shadow li.vincent-btn a:hover{
  background-image:url(../images/vincentbtn.png)!important;
	background-position:0px -154px!important;
	background-repeat:no-repeat!important;
  width:150px!important;
	height:55px;
  background-size:150px auto!important;
	position:absolute;
	transition:0.5s;
	
}

.home-block{
	height:385px;
	border-radius:25px;
	margin:1.5rem 0;
	background-color:white;
	padding:0 2rem;
}

.home-block .teaser{
	height:200px;
  border-top-left-radius:25px;
  border-top-right-radius:25px;
	background-size:cover;
	margin:0 -2rem;
}

.home-block h1{
	color:#b4443f;
	font-size:3rem;
}

.home-block-social{
	background-size:cover;
	background-color:rgba( 59,127,169,0.9 );
	padding-top:30px;
	height:auto!important;
	padding-bottom:20px;
}

.home-block-social h1{
	color:white;
}

#fbiframe{
	max-width:100%!important;
	border-radius:25px;
	margin-top:15px;
}

#blokken{
  color:#280401;
	margin:0 -2rem;
}


#blokken h1,#blokken-detail h1{
	color:#e55029;
	text-align:center;
	font-size:50px;
	margin-bottom:20px;
	margin-top:40px;
}

.blok{
	margin:15px 0px;
	position:relative;
}

.blok a{
	position:absolute;
	height:100%;
	width:100%;
}

.blok a:hover{
	background-color:rgba( 228 , 80 , 40 , 0.6);
	border-radius:20px;
  text-decoration:none;
}

.blok .img{
	height:150px;
	background-position:center center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-size: 100% auto;
}

.blok .body{
	background-color:white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
	padding:1rem;
	color:#006598;
}



#blokken h2{
	margin:0px;
  font-family:DisorderBold,'HelveticaW01-RoundedBd';
	color:#b4443f;
	font-size:1.2rem;
}


#blokken-first{
	margin-top:50px;
	margin-bottom:20px;
}

#blokken-first h2{
	margin-bottom:15px;
}

.blok .i-arrow{
	background-color:#e55029;
	margin:10px;
	padding:7px 10px 5px 12px;
	border-radius:5px;
	display:inline-block;
	color:white;
	font-size:20px;
	position:absolute;
}

.blok .bekijk{
	background-color:white;	
  border-radius:5px;
  display:inline-block;
	margin:10px 0px 0px 40px;
	padding:5px 5px 6px 10px;
  font-family:'HelveticaW01-RoundedBd';
	text-transform:uppercase;
	line-height:14px;
	display:none;
	width:115px;
}

.blok.restaurant .bekijk{
	width:120px;
}


.blok a:hover .bekijk{
  display:block;
}

#blokken-detail{
	background-color:#fde5c9;
}

#blokken-detail #teaser{
	height:250px;
	background-size:100% auto;
	background-position:center center;
}

#blokken-detail h2, #blokken-detail h3{
	font-size:20px;
  font-family:'HelveticaW01-RoundedBd';
	margin-top:0px;
}

#blokken-detail h3{
	font-size:16px;
}


#nav-switch{
  color:#e55029;
  font-size:24px;
	text-decoration:none;
	
}
#nav-switch i{
	margin:10px 0px;
}


input.error{
	border:1px solid #D64541;
}

#default{
	color:#006598;
}

a h1, a h2, h1 a, h2 a{
	color:#333;
}


.tweet{
	background-color:white;
	padding:10px;
	border-radius:10px;
	text-align:left;
	margin-right:40px;
}

.tweet-user-image{
	border-radius:10px;
}

.tweet-corner{
	width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid white;
  border-bottom: 10px solid transparent;
	position:absolute;
	margin-left:-25px;
}

.tweet .tweet-name,.tweet .tweet-user,.tweet .tweet-date{
	font-size:10px;
}

.tweet .tweet-date,.tweet a{
	color:#e55029;
}


.tweet .tweet-user{
  color:#a8a8a8;
}
#socials{
	padding:1rem 0;
}

.social-links a{
	color:#2f261b;
	font-size:30px;
	margin:0px 3px;
}

.home-block-social .caption{
	text-transform:uppercase;
	font-size:12px;
	color:white;
}

#tweets{
	min-height:100px;
	margin-left:-95px;
}

.tweet-outer{
}

.tweet-outer.active{
	display:block;
}

#contact-header{
	background-image:url(../images/achtergrond_texture.jpg);
	background-size:100px 100px;
	padding:20px 0px;
}

#pageheader{
	background-color:white;
	padding:2rem 0;
	margin:0 -2rem;
}

#pageheader h1{
	color:#b4443f;
	font-size:3rem;
	text-align:center;
	margin-bottom:2rem;
}

#pageheader h2{
	font-family:"Arial",sans-serif;
	font-weight:bold;
	font-size:1.3rem;
}

#pageheader h2,#pageheader .intro{
	color:#006598;
}


#contact-header h1{
	color:#e55029;
}

#contact .intro{
	margin-top:20px;
	font-size:19px;
	font-weight:bold;
}

#contact h2{
  color:#e55029;
	font-size:16px;
	text-transform:none;
}

#contact-social-links{
	margin-top:20px;
}

#contact-social-links a{
	color:#e94f1d;
	text-transform:uppercase;
	font-weight:bold;
	border:1px solid #a8a8a8;
	border-radius:20px;
	padding:5px 10px;
	display:inline-block;
	margin:5px 0px;
}

#contact-form-outer h2{
	color:black;
	font-size:22px;
}

#contact-form{
	margin:20px 0px;
}

#contact-form input.form-control,#contact-form textarea.form-control{
	border:1px solid #c5c5c5;
	background-color:#ececec;
	border-radius:10px;
}

#contact-form textarea.form-control{
	height:150px;
}

#contact-form input[type="submit"]{
	background-color:#e55029;
	color:white;
	text-transform:uppercase;
  border-radius:15px;
	border:0px;
	padding:5px 15px;
}


.article{
	background-color:white;
	margin:10px 0px;
	padding:10px;
	border-radius:5px;
}

.article a{
	color:#e94f1d;
	font-weight:bold;
}

.article h2{
	display:inline-block;
	color:#e94f1d;
	font-size:24px;
	margin:0px;
	text-transform:none;
}

.article .date{
	color:#1A367F;
	font-size:18px;
	font-weight:bold;
}

.article-header{
  line-height:30px;}

.article-header strong{
	font-size:18px;
}

#ede{
	margin:20px 280px 0px 0px;
}

img {
  max-width:100%!important;
  max-height:100%!important;
  width: auto!important;
  height: auto!important;
}

#sponsors{
	background-color:white;
	margin:0 -2rem;
	text-align:left;
}

#sponsors img{
	margin:0 1rem;
	
}

#logo-gemeente-ede{
	max-height:100px!important;
}
#logo-kroller-muller-museum{
  max-height:100px!important;
}

#logo-visit-veluwe{
	max-height:40px!important;
}

.home-block-social{
	padding:0px!important;
	background:none;
  height:385px!important;
	overflow:hidden!important;
}

.home-block-social iframe{
	width:100%!important;
  border-radius:25px;
	margin:0px!important;
	height:385px!important;
}


@media (max-width: 1200px) {
  .product .img,.project .img,.restaurant .img{
    height:200px;
  }
}

@media (max-width: 990px) {
  .product .img,.project .img,.restaurant .img{
    height:150px;
  }
	
	#pageheader{
		padding-top:120px;
	}
	
	#pageheader h1{
		font-size:26px;
	}
	
	.article{
		margin-left:15px;
		margin-right:15px;
	}
	
	body>.container{
		padding:0px;
	}
	
	#nav,#header{
		position:static;
		height:auto;
	}
	
	#nav{
	}
	
	.nav li.vincent-btn{
		display:none!important;
	}
	
	.nav a,.nav li.active a{
		background-color:white!important;
		padding:10px!important;
		font-size:18px;
		line-height:20px!important;
		text-align:left;
    font-family:'HelveticaW01-RoundedBd';
		color:black;
		border-top:1px solid #e94f1d;
	}
	
	.nav a i,.nav li.active a i{
		color:#e94f1d;
	}
	
	.nav li:last-child a{
    border-bottom:1px solid #e94f1d;		
	}
	
	.nav li.active a{
		color:#e94f1d;
	}
	
	.navbar-nav{
		margin:0px -15px;
	}
	
	#vincent{
		display:none;
	}
	
	#blokken h1,#blokken-detail h1{
		font-size:30px;
	}
	
	#blokken-first{
		margin-top:0px;
	}
	
	.home-block{
		padding:0px;
		height:auto;
		color:white;
		font-size:30px;
	}
	
	.home-block .body,.home-block a,.home-block .link,.home-block .row,.home-block .fa,.home-block .social-links,.slideshow-body-outer{
		display:none!important;
	}
	
  .home-block .body.visible{
    display:block!important;
  }
	.home-block h1{
		font-size:20px;
		margin:0px;
		padding-top:6px;
		padding:10px;
	}
	
	#blokken-detail #teaser{
		height:150px;
		background-size:  100% auto;
	}
	
	#blokken-detail>.row{
		margin:0px;
	}
	
	*{
		font-size:18px;
		line-height:26px;
	}
		
  #home-top{
    background-repeat:repeat;
  }
	
	
	
  .home-block .body a{
    display:block!important;
  }
	
	.home-block .row{		
    padding:0px!important;
	}
	
  .home-block .body a{
    text-align:center;
    padding:5px!important;
    margin:0px!important;
		border-radius:0px;
		border-bottom:1px solid #e94f1d;
		background-color:white;
		color:black;
  }
	
	.home-block .body p{
		margin:0px!important;
	}
	
	#switch,#switch-l{
		position:absolute;
		top:30px;
		right:30px;
		z-index:10001;
	}
	
	#switch-l{
		left:-250px;
	}
	
	.home-footer{
		background-color:#e94f1d;
		color:white!important;
    margin-bottom:-10px;  
		padding:10px 20px;
	}
	
	
	.home-footer *{
    color:white!important;	
    font-size:14px!important;
		line-height:18px!important;
	}
	
	
  .home-footer .intro{
    font-size:18px!important;
  }
	
	.home-footer h1{
		font-size:20px;
	}
	
	
	#sponsors img{
	  max-height:20px!important;
	}
	
	#sponsors img#logo-kroller-muller-museum{
	  max-height:40px!important;
	}
}