@CHARSET "UTF-8";

@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700);
.invisable{display:none;visability:hidden;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,del,dfn,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	border: 0;
	margin: 0px;
	padding: 0px;
	font-family: inherit;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
	line-height: inherit;
	outline: 0;
	position: relative;
	vertical-align: baseline;
}

*:focus {
	outline: 0;
}

body {
	background: #96bf00 url(../images/kiwi_achtergrond.gif) center center
		fixed no-repeat;
	color: #000;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-size: 62.5%;
	font-weight: 400;
	line-height: 2.2em;
}

a {
	color: #96bf00;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	margin: 1em 0;
	font-weight: 700;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
	color: #96bf00;
}

h3,h4,h5,h6 {
	font-size: 1.2em;
}

p {
	font-size: 1.2em;
	margin: 1em 0;
}

hr {
	background: #96bf00;
	border: none;
	height: 1px;
	margin: 20px 0;
}

ol,ul {
	font-size: 1.2em;
	margin: 0.5em 0;
	padding: 0 1.5em;
}

ol *,ul * {
	font-size: inherit;
}

table {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.2em;
}

td,th,td *,th * {
	font-size: inherit;
}

th {
	font-weight: bold;
}

strong {
	font-weight: 700;
}

sup,sub {
	height: 0;
	line-height: 1;
	font-size: 1em;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/* CLASSES */
.wrapper {
	background: #fff;
	margin: 0 auto;
	width: 994px;
	padding: 0 15px;
}

.clear {
	clear: both;
}

.header {
	margin-bottom: 15px;
	padding: 0 15px;
}

.footer {
	background-color: #96bf00;
	margin: 50px -15px 0 -15px;
	padding: 5px 0;
}

.footer,.footer * {
	color: #fff;
}

/* NAVIGATIE */
.mainmenu {
	background-color: #96bf00;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 15px;
	text-transform: uppercase;
}

ul.menu {
	list-style: none;
	padding: 0;
	clear: both;
	z-index: 9999;
}

/* Top level list items */
ul.menu>li {
	position: relative;
	display: block;
	float: left;
	z-index: 999;
}

/*Top level menu link items style*/
ul.menu>li>a {
	color: #fff;
	position: relative;
	display: block;
	position: relative;
	padding: 7px 15px;
}

* html ul.menu li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

ul.menu li a:hover,ul.menu li a.active {
	color: #000;
	text-decoration: none;
}

/*1st sub level menu*/
ul.menu li ul {
	background: #96bf00;
	border-top: 1px solid #97b91b;
	position: absolute;
	display: block;
	visibility: hidden;
	width: auto;
}

/*Sub level menu list items (undo style from Top level List Items)*/
ul.menu li ul li {
	display: list-item;
	float: none;
	border: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
ul.menu li ul li ul {
	top: 0;
}

/* Sub level menu links style */
ul.menu li ul li a {
	display: block;
	min-width: 120px; /*width of sub menus*/
	border-bottom: 1px solid #97b91b;
	border-top: 1px solid #aacf4c;
	padding: 5px 15px;
}

ul.menu li ul li a:hover { /*sub menus hover style*/
	
}

/* footer menu */
.footmenu {
	display: block;
	position: absolute;
	font-size: 1em;
	top: 0;
	right: 0;
}

ul.fmenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.fmenu li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

ul.fmenu li::after {
	content: ' |';
	margin: 0 5px;
}

ul.fmenu li:last-child::after {
	display: none;
}

/* logged in menu */
.membernavi {
	background: #000;
	font-size: inherit;
	margin: 0 -15px;
	padding: 0 15px;
	height: 32px;
	z-index: 9999;
}

.membernavi>ul.menu {
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.membernavi>ul.menu a {
	padding: 5px 15px;
}

.membernavi>ul.menu li a:hover,.membernavi>ul.menu li a.active {
	color: #96bf00;
}

.membernavi>ul.menu li>ul {
	background: #000;
}

/* profilemenu */
.umenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.umenu li a {
	background-color: #96bf00;
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 1px;
	padding: 5px 15px;
	text-decoration: none;
}

.umenu li a::after {
	content: '\00bb';
	position: absolute;
	right: 10px;
}

.umenu a:hover,.umenu a.active {
	background-color: #eaf2cc;
	background-position: right -42px;
	color: #96bf00;
}

/* MINI PROFILE */
.miniProfile {
	display: block;
	margin: 1px;
	padding: 5px 45px;
	position: absolute;
	top: 0;
	right: 0;
}

.miniProfile a {
	color: #fff;
	text-decoration: none;
	margin-left: 15px;
}

.miniProfile a:hover {
	color: #96bf00;
}

.topAvatar {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
}

.topAvatar img {
	max-height: 100%;
	width: auto;
}

/* COLUMNS */
.container {
	float: left;
}

.colContainer {
	margin: 0 -15px;
}

.column {
	float: left;
	margin: 0 15px;
}

.col3 img {
	max-width: 100%;
	height: auto;
}

.col1 {
	width: 112px;
}

.col2 {
	width: 254px;
}

.col3 {
	width: 396px;
}

.col4 {
	width: 538px;
}

.col5 {
	width: 680px;
}

.col6 {
	width: 822px;
}

.col7 {
	width: 964px;
}

/* FORMS */

.siteform input,.siteform textarea {
	background: #eaf2cc;
	border: none;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-size: inherit;
	margin: 1px 0;
	padding: 5px;
	max-width: 400px;
}

.siteform input[type=submit],input[type=button],a.contentBtn, a.weekmenuLink {
	background-color: none;
	background-image: url(../images/btn_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #82a501;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	height: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 15px;
	box-shadow: inset 0 0 2px #bdd738;
	-webkit-box-shadow: inset 0 0 2px #bdd738;
	-moz-box-shadow: inset 0 0 2px #bdd738;
	width: auto;
}

a.weekmenuLink {
	background: -webkit-linear-gradient(#a9c901, #82a501); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#a9c901, #82a501); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#a9c901, #82a501); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#a9c901, #82a501); /* Standard syntax */
	display: block;
	font-size: 1.2em;
	height: auto;
	margin-bottom: 20px;
	padding: 10px 0;
	text-transform: none;
	text-decoration: none;
}

a.weekmenuLink  strong {
	font-size: 1.8em;
	line-height: 1.3em;
	text-transform: uppercase;
	text-shadow: 0px -1px #82a501;
}

.siteform input[type=submit]:hover,input[type=button]:hover,a.contentBtn:hover
	{
	color: #000;
	text-decoration: none;
}
.siteform select {
	margin: 5px 0;
}

input.datePicker {
	width: auto;
}

a.contentBtn {
	display: inline-block;
}

label.block {
	display: inline-block;
	width: 100px;
	vertical-align: top;
}

label.medBlock {
	display: inline-block;
	width: 125px;
	vertical-align: top;
	padding: 0;
}

label.bigBlock {
	display: inline-block;
	width: 195px;
	vertical-align: top;
	padding: 0;
}

input.required {
	background: #fcc;
}

/* PROFILE */

.profilePic {
	cursor: pointer;
	display: inline-block;
	text-align: center;
}

.editButton {
	background: #eee url(../../../images/edit.gif) 5px center no-repeat;
	border: 1px solid #999;
	color: #999;
	display: block;
	margin: 3px 0;
	padding: 0 10px 0 20px;
	text-transform: lowercase;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.editThis {
	display: none;
}

/* RECEPTEN */

p.bigSearch {
	background: #eaf2cc;
	color: #96bf00;
	padding: 10px 20px;
	font-size: 1.8em;
	font-weight: 300;
}

p.bigSearch label {
	display: inline-block;
	width: 200px;
}

p.bigSearch input[type=text] {
	background-color: #fff;
	color: #999;
	font-size: 0.8em;
	padding: 10px;
	max-width: none;
	width: 325px;
}

p.bigSearch input[type=submit] {
	font-size: 0.8em;
	padding: 9px 10px;
	height: auto;
}

span.gerecht {
	cursor: pointer;
	display: inline-block;
	width: 150px;
}

span.gerecht:hover, span.course {
	color: #96bf00;
}

.recepten {
	margin: 0 -10px;
}

.recepten h2 {
	color: #96bf00;
	font-size: 2em;
	font-weight: 300;
	margin: 20px 10px;
}

.recept {
	background: #eaf2cc;
	display: block;
	float: left;
	margin: 10px;
	width: 213px;
}

.recept h3 {
	font-size: 1.4em;
	font-weight: 400;
	height: 75px;
	margin: 10px;
}

.recept a {
	color: #000;
}

.recept a:hover {
	text-decoration: none;
}

.rcptImg {
	display: block;
	height: 150px;
	overflow: hidden;
	width: 100%;
}

.rcptImg img {
	position: absolute;
	top: 50%;
	left: 50%;
}

span.filter {
	background-color: #96bf00;
	background-image: url(../images/remove.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5em;
	margin: 2px;
	padding: 5px 15px 5px 25px;
	white-space: nowrap;
}

/* MODULES */
.rightMod {
	border: 2px solid #96bf00;
	padding: 0 10px;
	margin-bottom: 15px;
}

.module {
	background: #96bf00;
	padding: 10px 15px;
	margin-bottom: 15px;
}

.module h4,.module h5,.module h6,.module a {
	color: #fff;
}

.mod_crumbs {
	margin: 5px 15px;
	z-index: 9999;
}

.mod_inloggen {
	height: 80px;
	margin: 0;
}

.mod_inloggen * {
	margin: 0;
}

.mod_inloggen a {
	color: #000;
}

.mod_inloggen h4.login {
	background: url(../images/inloggen.png) no-repeat;
	text-indent: -9999px;
	height: 15px;
	margin: 0 0 8px 0;
}

.mod_inloggen h4.loggedin {
	background: url(../images/ingelogd.png) no-repeat;
	text-indent: -9999px;
	height: 15px;
	margin: 0 0 8px 0;
}

.module .siteform input[type=text],.module .siteform input[type=password]
	{
	background: #fff;
	border: 1px solid #82a501;
	width: 202px;
	height: 16px;
	padding: 1px 5px;
}

.module .siteform input[type=password] {
	width: 149px;
}

.mod_mailing .siteform input[type=text] {
	width: 204px;
}

.mod_inloggen .siteform input[type=submit] {
	width: auto;
}

.mod_mailing .siteform input[type=submit] {
	width: 216px;
}

.mod_social {
	background: none;
	padding: 0;
}

/* NEWS */
.newsThumb {
	display: block;
	float: left;
	margin-right: 20px;
	width: 100px;
}

.newsThumb img {
	max-width: 100%;
	height: auto;
}

.newsSmall,.newsWide {
	margin: 0;
}

.newsSmall {
	display: block;
	float: left;
	width: 560px;
}

.newsWide {
	display: block;
}

/* KALENDER */
table.calendar {
	border-collapse: collapse;
	margin: 0;
	text-align: center;
}

.calendar a {
	
}

.calendar td {
	background: #eaf2cc;
	padding: 1px 0;
	text-align: center;
}

.calendar td span,.calendar td a {
	display: inline-block;
	text-align: center;
	padding: 5px;
}

td.today {
	font-weight: 700;
}

.calendar th {
	background: #96bf00;
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
	padding: 0;
}

.calendar th.monthname {
	
}

.calendar th a {
	background-color: none;
	background-image: url(../images/btn_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #82a501;
	color: #fff;
	cursor: pointer;
	display: block;
	font-weight: 700;
	height: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 15px;
	box-shadow: inset 0 0 2px #bdd738;
	-webkit-box-shadow: inset 0 0 2px #bdd738;
	-moz-box-shadow: inset 0 0 2px #bdd738;
}

.calendar th a:hover {
	color: #000;
	text-decoration: none;
}

th.dayName {
	background: #96bf00;
	color: #fff;
	text-transform: lowercase;
	padding: 5px 0;
}

.calendar td.today span,.calendar td.today a.balloon {
	border: 1px solid #96bf00;
}

.calendar td.noDay {
	color: #eaf2cc;
}

.calendar td.day span {
	border: 1px solid transparent;
	height: 20px;
	width: 20px;
}

.calendar td.weekend span {
	
}

.calendar span.inactive {
	
}

.calendar td a.balloon {
	border: 1px solid transparent;
	color: #96bf00;
	cursor: pointer;
	font-weight: 700;
	height: 20px;
	text-decoration: none;
	width: 20px;
}

.calendar td a.balloon:hover,.calendar td a.active {
	background: #96bf00;
	color: #fff;
}

.calendar td span.mark {
	background: #96bf00;
	border: 1px solid #fff;
	display: block;
	height: 5px;
	left: 3px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 3px;
	width: 5px;
}

.sizes {
	float: left;
}

/* CHARTS */
.jqplot-highlighter-tooltip {
	background: #fff;
	border: 1px solid #96bf00;
	padding: 5px;
}

.tooltip th {
	font-weight: 700;
	padding-right: 10px;
}

.tooltip td,.tooltip th {
	text-align: left;
	font-size: 1em;
}

.jqplot-table-legend {
	width: auto;
}

/* PROGRESSIE */

.image {
	display: block;
	float: left;
	text-align: center;
}

.image .img {
	background-color: #eaf2cc;
	background-image: url(../../../upload/leden/no-image.jpg);
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #eaf2cc;
	display: block;
	height: 418px;
	width: 268px;
}

.imageNavi {
	display: block;
	float: left;
	padding-top: 140px;
	text-align: center;
	width: 140px;
}

.imageNavi input {
	margin: 10px 0;
}

/* SIGNUP PROGRESS */
.ideallogo {
	position: absolute;
}

.step {
	display: none;
}

div.active {
	display: block;
}

.steps {
	text-align: center;
	margin: 30px 0;
}

ul.progress {
	list-style: none;
	counter-reset: section;
}

ul.progress li {
	color: #eee;
	display: inline-block;
	padding: 0 0 10px 0;
	width: 150px;
	border-bottom: 4px solid #eee;
}

ul.progress li.active {
	color: #000;
	border-color: #96bf00;
}

ul.progress li::after {
    content: counter(section);
    counter-increment: section;
    color: #fff;
    background-color: #eee;
    width: 24px;
    height: 24px;
    display: block;
    font-size: 12px;
    border-radius: 50%;
    margin: 0 auto -24px auto;
    line-height: 24px;
}

ul.progress li.active:before,ul.progress li.active:after {
	background-color: #96bf00;
}

/* FOOD DIARY */
table.food th,table.food td {
	padding: 1px;
	text-align: left;
}

/* VARIATIONS */

ul.variations,ul.products {
	background: #96bf00;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	z-index: 9999;
}

/* Top level list items */
ul.variations>li,ul.products>li {
	cursor: pointer;
	padding: 3px 5px;
	position: relative;
	display: block;
	z-index: 999;
}

/*1st sub level menu*/
ul.variations li ul {
	background: #eaf2cc;
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	visibility: hidden;
	width: 200px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
ul.variations li ul li {
	display: list-item;
	float: none;
	border: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
ul.variations li ul {
	top: 0;
}

ul.variations li ul.products li {
	background: #fff;
	margin-bottom: 1px;
}

ul.variations li ul.products li:last-child {
	margin-bottom: 0;
}


/* TABS */
table.listTable tr:hover td {
	background-color: #eaf2cc;
}

.shadetabs {
	padding:0;
	margin:0 0 10px 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a {
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin: 0;
	color: #000;
	background: #eaf2cc;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.shadetabs li a:hover{
	color: #000;
	text-decoration:none;
}

.shadetabs li a.selected{ /*selected main tab style */
	background: #96bf00;
	color:#fff;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
}

.tabcontent{
	display:none;
}