/* BASE STYLES
	-------------------------------------------------- */
html {
	overflow-y: scroll;
	overflow-x: hidden;
}



html, body {
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	background-color: #d8e6e9;

	font-family: 'Special Elite', cursive;
	color: black;
	font-weight: 600;
	line-height: 1.50em;
	font-size: 16px;
}
.backgroundcover {

	background-size: cover;
	-webkit-background-size: cover;
		-moz-background-size: cover;
			-o-background-size: cover;
}

.krijtbord {
	background-image: url('http://www.sectionz.nl/cms/LEBEAUGATEAU/media/img/krijtbord.jpg');
	height: 700px;
	color: white;
	font-size: 18px !important;
	line-height: 24px;
	padding: 30px;
}

a {
	color: #E2C117;
	
}
a:hover {
	color: #E2C117;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Courier New',serif;
	font-weight: 600;
	margin-top:0;
	padding-top:0;
	font-size: 24px;
}

h1 {
	font-size: 22px;
}

h5 {
	font-size: 20px;
}
hr {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ffffff;
}

.webcontainer {
	padding: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
}

.hoofdmenu {
	text-align: center;
	padding: 40px;
}

.content {
	padding: 50px 15px 15px 15px;
	border-top: 1px solid silver;
}
.contact {
	padding: 15px;
}

.content.bordered {
	border-width:50px 50px 50px 50px;
	-moz-border-image:url("border-image.png") 50 50 50 50 repeat stretch;
	-webkit-border-image:url("border-image.png") 50 50 50 50 repeat stretch;
	border-image:url("border-image.png") 50 50 50 50 repeat stretch;
}
.kroon {
	text-align: center;
	
}



.head {
	position: fixed;
	width: 100%;
	right: 0px;
	top:0px;
	background: rgba(255,255,255,0);
	height: 30px;
	text-align: center;
	padding-top:30px;
	z-index: 1900;
	text-transform: uppercase;
}


.menu2{
	margin-top: -5px;
	text-align: center;
	margin-left: 20px;
}


/* NAVIGATIE2 topmenu 2015 */
nav2 {
	margin: 0px auto; 
	text-align: center;
	height: 31px;
	font-size: 14px;
	font-weight: normal;
	z-index: 18000;
	
}

nav2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	display: inline-table;
}
nav2 ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

nav2 ul li {
	float: left;
	height: 31px;
	color: black;
}

nav2 ul li a {
	display: block; 
	padding: 5px 20px;
	color: black; 
	text-decoration: none;
}

nav2 ul li:hover a {
	color: gray;
}

nav2 ul ul {
	display: none;
	list-style-type: none;
	z-index: 18000;
	background: white; 
	border-radius: 0px; 
	padding: 0;
	position: absolute; 
	top: 100%;
}

nav2 ul ul li {
	float: none; 
	border-bottom: 1px solid gray; 
	position: relative;
}

nav2 ul li:hover > ul {
	display: block;
}
			
nav2 ul ul li a {
	padding: 5px 20px;
	color: black;
}	
nav2 ul ul li a:hover {
	color: black;
}

nav2 ul ul ul {
	background: white;
	position: absolute; 
	left: 100%; 
	top: 0px;
}


.active, .activetext, .activesub {
	color: #9A5F37;
}
.activetext:hover, .activesub:hover {
	color: black;
}
/* END NAVIGATIE */


/* TAALWISSEL */
	.taalwissel {
		position: absolute;
		top:0px;
		right:0px;
		z-index: 2000;
	}
	.taalwissel a:hover {
		text-decoration: none;
		color: silver;
	}
	.taalwissel a:after {
		content: " | ";
	}
	.taalwissel a:last-child:after {
		content: "";
	}
/* END TAALWISSEL */

/* FORMVALIDATOR */
	input.fillme, textarea.fillme { /* DE STIJL VOOR VERPLICHTE VELDEN DIE NIET INGEVULD ZIJN. */
		background: pink;
	}
/* END FORMVALIDATOR */

/* NAVBAR */
	.navbar {
		margin-top: 80px;
		margin-bottom: 50px;
		z-index: 2500;
	}
	.navbar-inner {
		padding-right: 0px;
		padding-left: 0px;
		background-color: transparent;
		background-image: none;
		border: 0;
		-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
				border-radius: 0px;
		filter: none;
		-webkit-box-shadow: none;
			-moz-box-shadow: none;
				box-shadow: none;
	}
	.navbar .nav > li > a {
		padding: 10px 15px 10px 15px;
		color: #fff;
		text-shadow: 0 0px 0 transparent;
		font-size: 16px;
		font-weight: 600;
	}
	.navbar .nav > li:last-child > a {
		padding-right: 0px;
	}
	.navbar .nav > li > a:focus,
	.navbar .nav > li > a:hover {
		color: orange;
		font-weight: 600;
	}
	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active > a:focus {
		color: black;
		background-color: transparent;
		-webkit-box-shadow: none;
			-moz-box-shadow: none;
				box-shadow: none;
	}
	.navbar .nav li.dropdown.open > .dropdown-toggle,
	.navbar .nav li.dropdown.active > .dropdown-toggle,
	.navbar .nav li.dropdown.open.active > .dropdown-toggle {
		color: black;
		background-color: transparent;
	}
	.dropdown-menu > li > a {
		color: #999;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-submenu:hover > a,
	.dropdown-submenu:focus > a {
		color: black;
		background-color: transparent;
		background-image: none;
		filter: none;
	}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
		color: black;
		text-decoration: none;
		background-color: transparent;
		background-image: none;
		filter: none;
	}
	.nav-collapse {
		background: white;
	}
	.nav-collapse.in {
		background: white;
	}
	.nav-collapse.in .nav > li > a {
		border-bottom: 1px solid silver;
	}
	.nav-collapse.in .nav > li:last-child > a {
		border-bottom: 1px none silver;
	}
	.nav-collapse.in .nav > li > a:hover {
	}
	
	.nav-collapse.in .nav > li.active {
	}
/* END NAVBAR */

/* FLICKR */
	.flickrSetTitle {}
	.flickrSetPhotos {}
	.flickrPhoto {}
/* END FLICKR */

/* LIGHTBOX */
	.lightbox {
		position: absolute;
		top:0px;
		left:0;
		bottom:0;
		right:0;
		background: #fff;
	}
	.close {
		position: absolute;
		top:8px;
		right:10px;
		cursor: pointer;
		z-index: 100;
	}
	.poplogo {
		position: absolute;
		top:3px;
		left:3px;
		cursor: pointer;
		z-index: 100;
			font-size: 16px;
		font-weight: 600;
		color: gray;
		line-height: 30px;
	}
	.poplogo img {
		float: left;
	}
	.rsDefaultInv,
	.rsDefaultInv .rsOverflow,
	.rsDefaultInv .rsSlide,
	.rsDefaultInv .rsVideoFrameHolder,
	.rsDefaultInv .rsThumbs {
		background: #b2aca8;
		color: #fff;
	}
	#fadeandscale {
		width: 100%;
		height: 100%;
	}
/* END LIGHTBOX */

/* ROYAL SLIDER */
	.heroSlider .rsOverflow,
	.royalSlider.heroSlider {
		width: 100%;
		height: 440px !important;
		z-index: 0;
		background: transparent;
	}
/* END ROYAL SLIDER */

@media (max-width: 960px) {
	.heroSlider .rsOverflow,
	.royalSlider.heroSlider {
		width: 100%;
		height: 240px !important;
		 z-index: 0;
	}
	.head {
	background: transparent;
	height: 120px;
	text-align: center;
}

}



/* FRAMES */
.contentframekaal {
	margin-top: 0px;
	font-size: 20px;
	line-height: 25px;
	position: absolute;
	top:150px;
	left:130px;
	bottom: 130px;
	border:41px none transparent;
	-webkit-border-image:url(../css/border-image.png) 40 40 stretch; /* Safari 5 */
	-o-border-image:url(../css/border-image.png) 40 40 stretch; /* Opera */
	border-image:url(../css/border-image.png) 40 40 stretch;
	width:400px;
	padding:0;
	z-index: 1800;
}
.contentframe {
	margin-top: 20px;
	font-size: 20px;
	line-height: 25px;
	position: absolute;
	top:150px;
	left:130px;
	bottom: 130px;
	border:41px solid transparent;
	-webkit-border-image:url(../css/border-image.png) 40 40 stretch; /* Safari 5 */
	-o-border-image:url(../css/border-image.png) 40 40 stretch; /* Opera */
	border-image:url(../css/border-image.png) 40 40 stretch;
	width:400px;
	padding:0;
	z-index: 1800;
}
.innerbackground {
	position: relative;
	background: rgba(85,73,55,0.5);
	padding: 0px;
	color: white;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}
.innercontent {
	padding: 50px 0 0px 0;
	color: white;
}
.innercontent.text {
	line-height: 16px;
	font-size: 14px;
	text-align: left;
}
.innercontent h1 {
	margin-bottom: 0px;
}

.nano .nano-content {
		padding: 0px;
	}
	.nano .nano-pane {
		background: transparent;
		width: 3px;
		right: 1px;
		margin: 2px;
	}
	
	.nano .nano-slider {
		background: #111;
	}
	
.contentframeleft {
	position: relative;
	width: 192px;
	height: 603px;
	overflow: hidden;
	float: left;
	margin: 0 20px 5px 0;
	font-size: 12px;
	line-height: 18px;
	border:20px solid transparent;
	-webkit-border-image:url(../css/border-image.png) 40 40 stretch; /* Safari 5 */
	-o-border-image:url(../css/border-image.png) 40 40 stretch; /* Opera */
	border-image:url(../css/border-image.png) 40 40 stretch;
	padding:0;
	text-align:center;
}
.contentframeleft .innercontent {
	padding: 0;
	color: white;
	min-height: 565px;
}



.contentframeleft3 {
	position: absolute;
	margin-top: 30px;
	top:60px;
	left:210px;
	bottom: 130px;
	overflow: hidden;
	float: left;
	margin: 100px 80px 5px 20px;
	font-size: 14px;
	line-height: 18px;
	border:20px solid transparent;
	-webkit-border-image:url(../css/border-image.png) 40 40 stretch; /* Safari 5 */
	-o-border-image:url(../css/border-image.png) 40 40 stretch; /* Opera */
	border-image:url(../css/border-image.png) 40 40 stretch;
	padding:0;
	text-align:left;
	z-index: 1800;
	
}
.contentframeleft3 .innercontent {
	padding: 0;
	color: white;
	min-height: 565px;
}







.contentframeleft2 {
	position: absolute;
	left: 20px;
	top: 95px;
	overflow: hidden;
	float: left;
	font-size: 16px;
	line-height: 18px;
	text-align:left;
	border:41px solid transparent;
		-webkit-border-image:url(../css/border-image.png) 40 40 stretch; /* Safari 5 */
	-o-border-image:url(../css/border-image.png) 40 40 stretch; /* Opera */
	border-image:url(../css/border-image.png) 40 40 stretch;
}


.contentframeleft2 .innercontent {
	padding: 0;
	color: white;
	min-height: 565px;
}

.contentframeleft2 img {
	display: none;
}


.framecontainer {
	position: relative;
	width: 235px;
	height: 317px;
	float: left;
	margin: 0 20px 12px 0;
}
.framer {
	border:25px solid transparent;
	width:185px;
	height: 267px;
	padding:0;
			-webkit-border-image:url(../css/border-wit.png) 22 122 stretch; /* Safari 5 */
	-o-border-image:url(../css/border-wit.png) 22 22 stretch; /* Opera */
	border-image:url(../css/border-wit.png) 22 22 stretch;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 10;
	cursor: pointer;
}

.fav {
	position: absolute;
	left:91px;
	bottom:-18px;
	z-index: 10;
	width: 53px;
	height: 53px;
	border-radius: 17px;
	background: transparent url(../media/img/tellertje.png) center center;
	background-repeat:no-repeat;
	font-size: 9px;
	font-weight: 700;
	text-align: center;
	line-height: 60px;
	color: black;
}
.favrood {
	background: white url(../media/img/kroon-rood-zwart.png) center center;
	background-repeat:no-repeat;
	color: white;
}

.taarten {
	position: relative;
	margin: 0 auto;
	margin-top: 80px;
	
}
.kantje {
	font-family: 'eccentricregular';
	color: black;
	background: transparent url(../media/img/kalekant.png) 0 0 ;
	background-repeat:no-repeat;
	position: relative;
	margin: 0 auto;
	width: 84px;
	height: 83px;
	z-index:12;
	text-align: center;
	padding:50px 17px 0 17px;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 18px;
}
.homeknop {
	position: fixed;
	bottom: 20px;
	right:20px;
	z-index:12;
}
.overzichtlink {
	position: absolute;
	bottom: 20px;
	left:70px;
	z-index:12;
	font-size: 18px;
}
.medaillon {
	position: absolute;
	top: -120px;
	margin-left: -84px;
	left: 50%;
	z-index: 1000;
}

.beurs {
	position: absolute;
	top: 450px;
	left: 20px;
	z-index: 1000;
}


/* END FRAMES */

.homeribbon {
	position: fixed;
	bottom:0px;right: 0px;
	z-index: 100;
}

/* SMARTPHONE */
	.phonecontainer {
		padding: 0px 0 0 0;
		position: relative;
		margin:0 auto;
		background-color: #b2aca8;
		background-image: none;
	}
	.phoneheader {
		height: 40px;
		background: #b2aca8;
		border-bottom: 1px solid white;
	}
	
	.phonecontainer .logo {
		margin-bottom: 20px;
		padding: 0 20px;
		margin-top: 30px;
	}
	.phonecontainer .logo img {
		width: 100%;
	}
	
	.phonecontent {
		background: #D8E6E9;
		text-align: center;
		font-size: 16px;
		line-height: 22px;
		text-align: center;
	}
	
	.phonecontent img {
		width: auto;;
	}
	
	.phonecontainer ul.phonemenu {
		background: white;
		text-align: left;
	}
	.phonecontainer ul.phonemenu a {
		text-transform: uppercase;
		color: #867863;
	}
	.phonecontainer ul.phonemenu, .phonecontainer ul.phonemenu li ul {
		list-style-type: none;
		padding:0;
		margin:0;
		font-size: 16px;
	}
	.phonecontainer ul.phonemenu li ul {
		margin-top: 10px;
		display: none;
	}
	.phonecontainer ul.phonemenu > li {
		padding: 10px 10px 10px 20px;
		border-bottom: 1px solid #867863;
	}
	.phonecontainer ul.phonemenu > li:last-child {
		border-bottom: 0px none red;
	}
	.phonecontainer ul.phonemenu li ul > li {
		padding: 10px 10px 10px 20px;
	}
	.phonecontainer ul.phonemenu li ul > li input {
		width: 80%;
		margin-right: 3%;
	}
	.mobilehome img {
		width: auto;
		margin-bottom: 20px;
	}
	.pointer {
		cursor: pointer;
	}
	
	.mobilehome {
		padding: 20px;
	}
	.mobilehome .laywerthumb {
		text-align:center;
		font-size: 12px;
		position: relative;
		display: inline-block;
		margin: 0px 5px 0 0;
		width: 130px;
		height: 240px;
		overflow: hidden;
	}
	ul.gift {
	}
	.phonecontainer ul.gift > li {
		background: #7B7068;
		border-bottom: 1px solid white;
	}
	.phonecontainer ul.gift > li a {
		color: white;
	}
	.phonecontainer .taalwissel {
		font-size: 12px;
		top:10px;
		right:10px;
	}
	.phonecontainer ul.gift > li:last-child {
		background: #b2aca8;
		font-size: 10px;
		color: gray;

	}
	.phonecontainer ul.gift > li:last-child img {
		width: 100%;
		margin-bottom: 10px;
	}
	.phonecontainer ul.gift li ul > li {
		color: white;
	}
	.phonecontainer ul.gift li ul > li a {
		text-transform: none;
	}
	.phonecontainer ul.gift img {
		margin-right: 10px;
	}
	
	.buildwithlink, .buildwithlink a {
		color: black;
		text-align: right;
	}
/* END SMARTPHONE */

.phoneframecontainer {
	position: relative;
	width: 235px;
	height: 317px;
	margin: 0 auto;
}
.phoneframer {
	border:25px solid transparent;
	width:185px;
	height: 267px;
	padding:0;
			-webkit-border-image:url(../css/border-wit.png) 22 122 stretch; /* Safari 5 */
	-o-border-image:url(../css/border-wit.png) 22 22 stretch; /* Opera */
	border-image:url(../css/border-wit.png) 22 22 stretch;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 10;
	cursor: pointer;
}


@media screen and (min-width:960px) and (min-height:660px) {




}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  
  .head {
	height: 70px;
}

.contentframeleft3 {
	left:20px;
	margin: 60px 80px 5px 10px;
	height: 500px;
	width: 550px;
	
}

.contentframe {
	left:10px;
	margin-top: 50px;
	height: 450px;
}
.taarten {
	
	margin-top: 110px;
	
}

}


@media (max-width: 1100px) {
}

@media screen and (min-width:960px) and (min-height:1000px) {

.contentframeleft3 {
	margin-right: 50px;
}

}

@media screen and (min-width: 0px) and (max-width: 800px) {
}
@media (max-width: 990px) {

.head {
	height: 100px;
}

.contentframeleft3 {
	position: absolute;
	margin-top: 30px;
	top:160px;
	left:10px;
	bottom: 130px;
	overflow: hidden;
	float: left;
	margin: 60px 80px 5px 50px;
	z-index: 1800;
}

.contentframe {
	margin-top: 110px;
}

}
@media (max-width: 780px) {

.head {
	height: 75px;
}

.contentframeleft3 {
	margin-top: 30px;
	overflow: hidden;
	float: left;
	margin: 60px 80px 5px 50px;
	z-index: 1800;
	width: 500px;
}


.taarten {
	
	margin-top: 120px;
	
}

.homeribbon{
	display: none;
}

.overview {
	margin-top: 80px !important;
	max-width: 100%;
}



}
@media (max-width: 768px) {
	



}
@media (max-width: 320px) {