/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/


@charset "UTF-8";
html,body {
 height:100%;
 /* color:#904800 */
}
html {
 overflow-y:scroll;
 overflow-x:hidden
}
body {
 margin:0;
 padding:0;
 font-size:12px/1.5;
}

#main {
  background-color: #fff;
}

#primary {
  margin:0 auto;
  width: 1200px;
}

#container {
 position:relative;
 min-height:100%;
 width:1200px;
 margin:0 auto;
}
#menu {
 width:1000px;
 height:40px
}
.page-template-template-bestelformulier #content #content {
 width:1000px;
 height:auto;
 float:left
}

.page-template-template-bestelformulier table{
  line-height: 15px;
}
.page-template-template-bestelformulier table tr{
  border-collapse:separate; 
  border-spacing:0 2px;
}

.page-template-template-bestelformulier .entry-content,
.page-template-template-bestelformulier .entry-content #container{
  max-width: 1200px !important;
}
#bound {
 padding-bottom:38px;
 height:0px;
 clear:both
}
#footer {
 height:20px;
 padding-top:5px
}
#bold {
 font-weight:bold
}
.beleg {
 font-size:10px;
 font-weight:bold
}
.vulbox {
 border:transparent 0px;
 background:transparent;
 text-align:center;
 outline:none;
 font-size:10px
}
.licht {
 background-position:left bottom;
 background-repeat:no-repeat
}
.donker {
 background-position:left bottom;
 background-repeat:no-repeat
}
.cart {
 border:transparent 0px;
 background:transparent;
 text-align:center;
 outline:none
}
#total {
 border:transparent 0px;
 background:transparent;
 outline:none
}
.check {
 outline:none
}
.teeuwen {
 cursor:pointer
}
#content1 {
 width:783px;
 float:left;
 margin-right:20px;
 height:265px
}
#content2 {
 width:783px;
 height:auto;
 float:left;
 margin-right:20px
}
#content3 {
 float:left;
 padding-top:20px
}
#logo {
 width:197px;
 height:241px;
 float:left
}
.siteobject_carouselsliders_carouselslider {
 overflow:hidden;
 position:relative
}
a {
 text-decoration:none
}
#menu a.level_0 {
 display:block;
 background-color:transparent;
 height:3.5em;
 line-height:3.5em;
 font-weight:bold;
 padding:0em 0.7em 0em 0.7em;
 text-decoration:none
}
#menu a:hover {
 text-decoration:none
}
div#menu ul.level ul {
 display:none
}
div#menu ul.level,
div#menu ul.level * {
 margin:0px;
 padding:0px;
 list-style-type:none
}
div#menu li {
 display:block
}
div#menu li a {
 display:block;
 white-space:nowrap
}
div#menu ul.level {
 display:block
}
div#menu ul.level li {
 float:left;
 height:35px;
 line-height:35px
}
div#menu ul.level li a {
 padding:0px 0px 0px 0px;
 display:block;
 text-align:center
}
div#menu ul.level li:hover ul.level0 {
 position:absolute;
 top:100%;
 left:0px
}
div#menu ul.level li:hover ul.level0 li {
 width:100%
}
div#menu ul li {
 position:relative;
 padding-left:10px
}
div#menu li ul {
 position:absolute;
 top:0px;
 left:100%;
 z-index:1000
}
div#menu ul.level0 li {
 padding-top:8px;
 height:30px;
 line-height:20px
}
div#menu ul.level0 li a {
 font-weight:lighter !important
}
div#menu ul li ul li {
 filter:alpha(opacity=90);
 -moz-opacity:0.9;
 -khtml-opacity:0.90;
 opacity:0.90
}
div#menu ul li ul li:hover {
 filter:alpha(opacity=100);
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1
}
div#menu li.level0:hover ul.level0,
div#menu li.level1:hover ul.level1,
div#menu li.level2:hover ul.level2,
div#menu li.level3:hover ul.level3 {
 display:block;
 width:99%;
 text-align:center
}
.knop {
 text-align:center;
 position:relative;
 width:auto;
 float:left;
 width:auto;
 margin-right:5px;
 padding-top:4px;
 cursor:pointer
}
.beleg {
 font-size:10px;
 font-weight:bold
}
.vulbox {
 border:transparent 0px !important;
 background:transparent !important;
 text-align:center;
 outline:none;
 font-size:10px;
 padding: 0 !important;
}
.vulbox:focus {
  background:transparent !important;
  outline:none !important;
}
.cart {
 border:transparent 0px;
 background:transparent;
 text-align:center;
 outline:none
}
#total {
 border:transparent 0px;
 background:transparent;
 outline:none
}
.check {
 outline:none;
 margin:0px;
 width:12px;
 height:12px
}
.inv {
 display:none
}
.pice {
 font-size:9px
}
.title {
 font-size:10px
}
.inf {
 font-size:11px
}
.warning {
 border:thin #F00;
 font-size:11px
}
@charset "UTF-8";
h2 {
 font-size:20px
}
.head {
 color:#000000;
 font-size:17px
}
.navbar {
 margin-bottom:0
}
.navbar-default {
 background:none;
 border-color:transparent
}
.nav li img {
 width:100%;
 height:20px;
 position:absolute;
 top:0px;
 left:0px
}
.nav li {
 position:relative;
 margin-left:5px;
 margin-right:5px;
 height:35px;
 line-height:35px;
 text-align:center
}
.nav li a {
 line-height:35px
}
.nav li.active a {
 background-color:transparent !important
}
.nav li img {
 display:none
}
.footerContent {
 height:20px
}
.debug {
 width:100%;
 height:20px
}
@media (min-width: 768px) {
 body {
  padding-top:26px
 }
 .nav li img {
  display:block
 }
 .head {
  color:rgb(244, 229, 215)
 }
}
@media (min-width: 992px) {
 body {
  padding-top:26px
 }
 .nav li img {
  display:block
 }
 .head {
  color:rgb(244, 229, 215)
 }
}
@media (min-width: 1200px) {
 body {
  padding-top:26px
 }
 .nav li img {
  display:block
 }
 .head {
  color:rgb(244, 229, 215)
 }
}
a {
 color:#C19B87
}
a:hover {
 color:#904800
}
.teeuwen {
 color:#C19B87
}
.teeuwen:hover {
 color:#904800
}
.licht {
 background-image:url('img/licht.png');
 background-position:left bottom;
 background-repeat:no-repeat
}
.donker {
 background-image:url('img/donker.png');
 background-position:left bottom;
 background-repeat:no-repeat
}
#logo {
 background-image:url('img/logo.gif');
 background-position:center;
 background-repeat:no-repeat
}
#menu ul li ul li {
 background-color:#FFFFFF
}
#menu {
 font-size:11px
}
#footer {
 background-color:#FFFFFF;
 border-top:#904800 1px solid;
 font-size:9px;
 color:#C19B87
}
.vulbox {
 color:#904800
}
.cart {
 color:#904800
}
#total {
 color:#904800
}
.inf {
 border:#904800 1px solid;
 color:#904800
}
.nav {
 font-size:11px
}
.nav li a {
 margin-left:5px;
 margin-right:5px;
 color:#904800 !important;
 position:relative;
 z-index:20;
 padding:0
}

#container #content table td {
  padding: 0;
  border: 0;
}

.page-template-template-bestelformulier .entry-content input[type="text"] {
  padding: 3px;
  background: transparent;
  border: 0;
}
.page-template-template-bestelformulier .entry-content .adresgegevens input[type="text"],
.page-template-template-bestelformulier .entry-content .adresgegevens textarea {
  border: 1px solid #C19B87;
  margin: 2px 0 1px;
}
.page-template-template-bestelformulier .entry-content table {
  margin-bottom: 0;
}

/*Make bestelformulier content scrollable*/
.page-template-template-bestelformulier  .block-content:last-of-type{
	overflow-x: auto;
}

@media only screen and (min-width: 1300px) {
	.page-template-template-bestelformulier #rightSide {
		background: white;
		bottom: 0;
		border: 1px solid gray;
		float: none;
		height: calc(100% - 129px);
		margin-left: 0px;
		overflow-y: scroll;
		padding: 12px 0;
		position: fixed;
		right: 0;
		width: 420px;
	}
}



/*Date picker*/
/* div.hasDatepicker{ display: block; padding: 0; overflow: visible;  margin: 8px 0; max-width:340px }
.ui-datepicker {  overflow: visible; margin: 0;  }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border-bottom: 0; font-weight: bold; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 1px 0 1px 2px; position:absolute; top: .6em; margin-top: 0; text-indent: -9999px; }

.ui-datepicker .ui-datepicker-prev { left:9px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0; }
.ui-datepicker td { border-width: 1px; padding:0; text-align: center; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em 0; font-weight: bold; margin: 0; border-width: 0; text-align: center; text-decoration: none; }

.ui-datepicker-calendar th { padding-top: .4em; padding-bottom: .4em; }
.ui-datepicker-calendar th span, .ui-datepicker-calendar span.ui-state-default { opacity: .7; }
.ui-datepicker-calendar td a { padding:.2em; }

#ui-datepicker-div {
  background: white;
  border: 1px solid #999;
  border-radius: 2px;
} */

/* .ll-skin-latoja {
	font-size: 90%;
} */

#ui-datepicker-div {
  display: none;
}

 .ui-widget {
	font-family: "Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
	background: #fff;
}

 .ui-datepicker {
	padding: 0;
}

 .ui-datepicker-header {
	border: none;
	font-size: 80%;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #e0e8ec; /* layer fill content */
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12); /* drop shadow and inner shadow */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, rgba(0,0,0,.21) 0%, rgba(255,255,255,.21) 100%); /* gradient overlay */
}

 .ui-datepicker-title {
	color: #515d65; /* text color */
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255,255,255,.8); /* drop shadow */

}

 .ui-icon-circle-triangle-e {
	background-image: url(images/ui-icons_454545_256x240.png);
	background-position: -32px -16px;
}

 .ui-icon-circle-triangle-w {
	background-image: url(images/ui-icons_454545_256x240.png);
	background-position: -96px -16px;
}

 .ui-datepicker .ui-datepicker-prev,
 .ui-datepicker .ui-datepicker-next {
	border-color: transparent;
	padding: 5px;
	cursor: pointer;
}

 .ui-state-default {
	background: transparent;
	border: none;
	color: #2b2b2b;
	font-family: "Myriad Pro";
	font-weight: normal;
	text-align: center;
}

.ui-datepicker .ui-datepicker-unselectable.ui-state-disabled span{
	color: #c1bdbd;
}

.ui-datepicker-header .ui-state-hover {
	background: #bdc5c9;
}

 .ui-datepicker table {
	margin: 0;
}

 .ui-datepicker th {
	color: #9da7af;
	font-size: 12px;
	font-weight: normal;
	-moz-border-radius: 216px 0 0 0 / 0 0 0 0;
	-webkit-border-radius: 216px 0 0 0 / 0 0 0 0;
	border-radius: 216px 0 0 0 / 0 0 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgba(0,0,0,.08);

}

 .ui-datepicker td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA2Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);
	background-image: linear-gradient(bottom, rgba(0,0,0,.06) 0%, rgba(255,255,255,.06) 100%);

}

 .ui-datepicker td:last-child {
	border-right: none;
}

 .ui-datepicker td span,
 .ui-datepicker td a {
	padding: .7em 0;
	color: #6a747a;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}

 .ui-datepicker-calendar .ui-state-hover {
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.12) 0%, rgba(255,255,255,.06) 100%);
}

 td a.ui-state-active,
 td a.ui-state-active.ui-state-hover {
	color: #fff;
	background-color: #8ab8ed;
	text-shadow: 0 1px 0 rgba(0,0,0,.26);
	-moz-box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
	-webkit-box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
	box-shadow: inset 0 4px 9px rgba(0,0,0,.24);
}