/** * @author Freek Tepe *  * 1.	Default HTML elements * 2.	Header * * **/
/**	1.	Default HTML elements */
body {
	width: 100%;
	height: 100%;
	font-family: Asap;
	font-size: 14px;
	color: #555;
	padding: 0;
	margin: 0;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 15%, #dbdbdb 55%, #dbdbdb 70%, #ffffff
		100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #ffffff),
		color-stop(55%, #dbdbdb), color-stop(70%, #dbdbdb),
		color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 15%, #dbdbdb 55%, #dbdbdb 70%,
		#ffffff 100%);
	background: -o-linear-gradient(top, #ffffff 15%, #dbdbdb 55%, #dbdbdb 70%, #ffffff
		100%);
	background: -ms-linear-gradient(top, #ffffff 15%, #dbdbdb 55%, #dbdbdb 70%, #ffffff
		100%);
	background: linear-gradient(to bottom, #ffffff 15%, #dbdbdb 55%, #dbdbdb 70%,
		#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#ffffff', GradientType=0);
	background-repeat: repeat-x;
}

h1 {
	font-family: moolboran;
	color: #9b7a68;
	font-size: 500%;
}

h2 {
	font-family: moolboran;
	color: #9b7a68;
	font-size: 450%;
}

h3 {
	font-family: moolboran;
	color: #9b7a68;
	font-size: 400%;
}

h4 {
	font-family: moolboran;
	color: #9b7a68;
	font-size: 350%;
}

h5 {
	font-family: moolboran;
	color: #9b7a68;
	font-size: 300%;
}

h6 {
	font-family: moolboran;
	color: #9b7a68;
	font-size: 250%;
}

/**	0.	Default classes	*/
.important-text-block {
	font-weight: bold;
	font-size: 16px;
	margin: 1em 0;
}

.align-right {
	text-align: right;
}

.align-middle {
	vertical-align: middle;
}

.text-primary-honkies {
	color: #8dc63f;
}

.help-block {
	font-size: 12px;
}

.color-white {
	color: #fff;
} /**	0.	Body	*/
.body {
	background-image: url('/Frontend/Media/bkg-body.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	font-family: Asap;
} /**	2.	Header */
.header {
	width: 100%;
	height: 153px;
	background-image: url('/Frontend/Media/bkg-header.png');
	background-repeat: no-repeat;
}

.header .logo {
	float: left;
	width: 125px;
	height: 140px;
	background-image: url('/Frontend/Media/logo.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.header .logo a {
	display: block;
	width: 125px;
	height: 140px;
}

.header .business {
	float: right;
	width: 259px;
	height: 108px;
}

.header .business.open {
	background-image: url('/Frontend/Media/opened.png');
}

.header .business.closed {
	background-image: url('/Frontend/Media/closed.png');
	background-size: 259px 108px;
}

.header .menu-container {
	position: relative;
	left: -59px;
	display: inline-block;
	width: 100%;
	height: 41px;
}

.header .menu-container .item-seporator {
	display: block;
	float: left;
	width: 1px;
	height: 41px;
	border-left: 1px solid #d4e8b8;
	border-right: 1px solid #b3d881;
}

.header .menu-container .item {
	display: block;
	float: left;
	height: 41px; /*width:auto;height:40px;*/
}

.header .menu-container .item a {
	display: block;
	position: relative;
	top: -9px;
	color: #8dc63f;
	font-family: moolboran;
	font-size: 50px;
	padding: 0px 10px;
}

.header .menu-container .item a:hover {
	text-decoration: none;
} /**	0.	Main */
.main {
	
} /**	0.	Frontend login	*/
.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.form-signin.form-signin-heading,.form-signin.checkbox {
	margin-bottom: 10px;
}

.form-signin.checkbox {
	font-weight: normal;
}

.form-signin.form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}

.form-signin.form-control:focus {
	z-index: 2;
}

.form-signininput[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signininput[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
} /**	0.	Footer */
.footer {
	padding: 20px 0px;
	margin-top: 20px;
} /**	0.	Slider	*/
.slider-contianer {
	height: 300px;
	margin-bottom: 10px;
}

.carousel.slide {
	position: relative;
	width: 100%;
	height: 300px;
}

.carousel.slide .carousel-control.left {
	background: none;
}

.carousel.slide .carousel-control.right {
	background: none;
}

.carousel.slide .carousel-inner .item {
	
}

.carousel.slide .carousel-inner .item img {
	margin-left: 0px;
}

.carousel.slide .carousel-inner .item .carousel-caption {
	position: absolute;
	width: 60%;
	left: 39%;
	top: 0;
	right: auto;
	color: #8dc63f;
	text-align: left;
	text-shadow: none;
}

.carousel.slide .carousel-inner .item .carousel-caption .text-large {
	font-weight: bold;
	font-size: 18px;
}

.carousel.slide .carousel-inner .item .carousel-caption .text-medium {
	font-weight: bold;
	font-size: 14px;
}

.carousel.slide .carousel-inner .item .carousel-caption .text-small {
	font-size: 12px;
}

.carousel-indicators {
	bottom: -12px;
}

.carousel-indicators li { /*border:1px solid #8dc63f;*/
	
}

.carousel-indicators .active {
	background-color: #8dc63f;
} /**	0.	Teaser	*/
.teaser-container {
	width: 100%;
	height: 201px;
	margin: 10px 0px;
}

.teaser-container .teaser {
	width: 100%;
	height: 201px;
	background-image: url('/Frontend/Media/bkg-teaser.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.teaser-container .teaser .main {
	position: relative;
	width: 100%;
	height: 170px;
	font-family: Asap;
	text-align: center;
	color: #fff;
}

.teaser-container .teaser .title {
	width: 100%;
	height: 31px;
	font-family: comixloud;
	text-align: center;
	color: #fff;
} /**	0.	Teaser - reserve online	*/
.teaser-container .teaser .main.reserve-online .reserve-online-calendar
	{
	float: left;
	margin-left: 40px;
	margin-top: 20px;
}

.teaser-container .teaser .main.reserve-online .reserve-online-text {
	display: inline-block;
	font-size: 18px;
	width: 120px;
	margin-right: 50px;
	margin-top: 20px;
}

.teaser-container .teaser .main.reserve-online .reserve-online-text-moolboran
	{
	display: inline-block;
	font-family: moolboran;
	font-size: 30px;
	margin-right: 40px;
} /**	0.	Teaser - order online	*/
.teaser-container .teaser .main.order-online .order-online-text {
	display: inline-block;
	font-size: 18px;
	width: 120px;
	margin-right: -50px;
	margin-top: 50px;
}

.teaser-container .teaser .main.order-online .order-online-image {
	float: right;
	margin-right: 50px;
} /**	0.	Teaser - busy	*/
.teaser-container .teaser .main.busy .busy-text {
	display: inline-block;
	font-size: 18px;
	width: 120px;
	margin-right: -50px;
	margin-top: 58px;
}

.teaser-container .teaser .main.busy .busy-message {
	position: absolute;
	left: 40px;
	width: 90%;
	text-align: center;
	font-family: moolboran;
	font-size: 50px;
	color: #fff;
	margin: 0px 46px;
}

.teaser-container .teaser .main.busy .busy-image {
	float: right;
	margin-right: 50px;
	margin-top: 20px;
} /**	0.	Modal	*/
.modal-content {
	background-image: url('/Frontend/Media/bkg-modal.png');
	background-repeat: no-repeat;
}

.modal-content .modal-header {
	height: 51px;
}

.modal-content .modal-header h4 {
	font-family: comixloud;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.modal-content .modal-body {
	height: 537px;
	overflow-x: scroll;
}

.modal-content .modal-footer {
	height: 51px;
	padding: 4px 4px;
} /**	0.	Modal - reserve online	*/
.honkies-map-container {
	width: 100%;
}

.honkies-map-container .left {
	display: inline-block;
	width: 50%;
}

.honkies-map-container .left .honkies-map {
	position: relative;
	width: 100%;
	height: 400px;
	background-image: url('/Frontend/Media/hong-plattegrond.png');
	background-repeat: no-repeat;
	background-position: center top;
}

.honkies-map-container .left .honkies-map .table-two-first {
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url('/Frontend/Media/tafel-2.png') no-repeat center center;
}

.honkies-map-container .left .honkies-map .table-two-second {
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url('/Frontend/Media/tafel-2.png') no-repeat center center;
}

.honkies-map-container .left .honkies-map .table-four {
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 200px;
	background: url('/Frontend/Media/tafel-4.png') no-repeat center top;
}

.honkies-map-container .left .honkies-map .two-four .table-two-first {
	top: 20px;
	left: 280px;
}

.honkies-map-container .left .honkies-map .two-four .table-two-second {
	top: 200px;
	left: 280px;
}

.honkies-map-container .left .honkies-map .two-four .table-four {
	top: 80px;
	left: 30px;
}

.honkies-map-container .left .honkies-map .six .table-two-first {
	top: 120px;
	left: 30px;
}

.honkies-map-container .left .honkies-map .six .table-two-second {
	top: 240px;
	left: 280px;
}

.honkies-map-container .left .honkies-map .six .table-four {
	top: 90px;
	left: 280px;
}

.honkies-map-container .left .honkies-map .eight .table-two-first {
	top: 100px;
	left: 280px;
}

.honkies-map-container .left .honkies-map .eight .table-two-second {
	top: 200px;
	left: 280px;
}

.honkies-map-container .left .honkies-map .eight .table-four {
	top: 100px;
	left: 180px;
}

.honkies-map-container .right {
	display: inline-block;
	width: 49%;
} /**	0.	Modal - order online	*/
.modal-order-online-container {
	width: 100%;
}

.modal-order-online-container .left {
	display: inline-block;
	width: 69%;
}

.modal-order-online-container .left .menu-order-online {
	width: 100%;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container
	{
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 2px dotted #9b7a68;
	margin-bottom: 10px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item
	{
	position: relative;
	display: inline-block;
	width: 24%;
	padding: 4px;
	cursor: pointer;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item.full
	{
	display: block;
	width: 100%;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon
	{
	position: relative;
	width: 100%;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon.height-large
	{
	height: 120px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon.height-medium
	{
	height: 100px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon.height-small
	{
	height: 80px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon .item-number
	{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 10px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon .leganda-icon
	{
	position: absolute;
	display: inline-block;
	right: -4px;
	bottom: -4px;
	width: 20px;
	height: 20px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon .leganda-icon.with-fish
	{
	background-image: url('/Frontend/Media/menu-lagenda-met-rauwe-vis.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon .leganda-icon.without-fish
	{
	background-image:
		url('/Frontend/Media/menu-lagenda-zonder-rauwe-vis.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon .leganda-icon.vegiterian
	{
	background-image: url('/Frontend/Media/menu-lagenda-vegetarisch.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .item-icon .leganda-icon.with-meat
	{
	background-image: url('/Frontend/Media/menu-lagenda-met-vlees.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .menu-item-info
	{
	font-family: Asap;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .menu-item-info.height-large
	{
	height: 150px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .menu-item-info.height-medium
	{
	height: 60px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .menu-item-info.height-small
	{
	height: 20px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .menu-item-info.height-small.offset-medium
	{
	padding-bottom: 60px;
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .menu-item-pricing
	{
	
}

.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .menu-item-pricing .pricing-price h6
	{
	display: inline-block;
	font-size: 36px;
	width: auto;
}
.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .menu-item-pricing .pricing-price h6.out-of-stock{font-size:34px;}
.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item .menu-item-pricing .pricing-amount
	{
	font-size: 10px;
}

.modal-order-online-container .right {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	padding: 0px 6px;
}

.modal-order-online-container .right h4 i {
	font-size: 30px;
	cursor: pointer;
}

.modal-order-online-container .right .order-meals-container {
	width: 100%;
	padding: 6px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 10px 0px;
}

.modal-order-online-container .right .order-meals-container .order-meal-item
	{
	font-family: Asap;
	padding: 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 0px 0px 4px 0px;
}

.modal-order-online-container .right .order-meals-container .order-meal-item .item-close-button
	{
	cursor: pointer;
}

.modal-order-online-container .right .order-meals-container .order-meal-item .title
	{
	font-weight: bold;
}

.modal-order-online-container .right .order-meals-container .order-meal-item .amount-text
	{
	display: inline-block;
	width: 30%;
}

.modal-order-online-container .right .order-meals-container .order-meal-item .amount
	{
	display: inline-block;
	width: 68%;
}

.modal-order-online-container .right .order-meals-container .order-meal-item .amount input
	{
	width: 50%;
}

.modal-order-online-container .right .order-meals-container .order-meal-item .price-text
	{
	display: inline-block;
	width: 30%;
}

.modal-order-online-container .right .order-meals-container .order-meal-item .price
	{
	display: inline-block;
	width: 68%;
}

.modal-order-online-container .right .totals {
	padding: 10px;
}

.modal-order-online-container .right .totals .subtotal {
	
}

.modal-order-online-container .right .totals .subtotal .subtotal-text {
	display: inline-block;
	width: 40%;
}

.modal-order-online-container .right .totals .subtotal .subtotal-total {
	display: inline-block;
	width: 58%;
}

.modal-order-online-container .right .totals .taxes {
	
}

.modal-order-online-container .right .totals .taxes .taxes-text {
	display: inline-block;
	width: 40%;
}

.modal-order-online-container .right .totals .taxes .taxes-total {
	display: inline-block;
	width: 58%;
}

.modal-order-online-container .right .totals .delivery-costs {
	
}

.modal-order-online-container .right .totals .delivery-costs .delivery-costs-text
	{
	display: inline-block;
	width: 40%;
}

.modal-order-online-container .right .totals .delivery-costs .delivery-costs-total
	{
	display: inline-block;
	width: 58%;
}

.modal-order-online-container .right .totals .total {
	padding-top: 4px;
	border-top: 2px solid #000;
	margin-top: 4px;
}

.modal-order-online-container .right .totals .total .total-text {
	display: inline-block;
	width: 40%;
	font-weight: bold;
}

.modal-order-online-container .right .totals .total .total-price {
	display: inline-block;
	width: 58%;
}

.order-online-legenda {
	text-align: center;
}

.order-online-legenda .legenda-item {
	position: relative;
	display: inline-block;
	width: auto;
	height: 43px;
	margin: 0px 10px;
}

.order-online-legenda .legenda-item .item-icon {
	float: left;
}

.order-online-legenda .legenda-item .item-icon img {
	height: 43px;
}

.order-online-legenda .legenda-item .item-text {
	line-height: 43px;
	font-family: comixloud;
	font-size: 8px;
	color: #fff;
}
/**	0.	media queries	*/ /*		Small mobile screens	*/
@media ( max-width : 500px) {
	.modal-order-online-container .left {
		width: 100%;
	}
	.modal-order-online-container .right {
		width: 100%;
	}
	.order-online-legenda .legenda-item {
		display: block;
	}
	.modal-content .modal-footer {
		height: 230px;
	}
	.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item
		{
		width: 100%;
	}
} /*		XS	*/
@media ( max-width : 768px) {
	.header .menu-container {
		left: 0;
	}
	.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item
		{
		width: 100%;
	}
} /*		SM	*/
@media ( min-width : 768px) {
	.header .menu-container {
		left: 10px;
	}
	.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item
		{
		width: 50%;
	}
} /*		MD	*/
@media ( min-width : 992px) {
	.header .menu-container {
		left: -26px;
	}
	.modal-order-online-container .left .menu-order-online .menu-order-online-container .menu-item
		{
		width: 24%;
	}
} /*		LG	*/
@media ( min-width : 1200px) {
	.header .menu-container {
		left: -59px;
	}
}

/**	Bootstrap overrules	**/
.img-responsive{max-height:100%;}