/*#############################################################
Name: Gezond met groenten
Date: 2010-01-10
Author: Wilfried Robert
#############################################################*/
/* standard elementen */
#main_wrap {
	background:url(../afbeeldingen/design/NEO/bg.gif) repeat-y center top;
}
#main_wrapL {  /*voor linkpagina */
	background:url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/NEO/bg.jpg) repeat-y center top;
}
.thrColHybHdr #container { /*bevat alle elementen van de site*/
	width: 1102px;
	background:url(../afbeeldingen/design/NEO/bg.gif) repeat-y center top;
	text-align: left;
	margin: 0 auto;
	border-collapse: collapse;
	border-left:1px solid #FFC;
	border-right:1px solid #FFC;
}
.thrColHybHdr #containerL {  /*voor linkpagina */
	width: 1102px;
	background:url(../afbeeldingen/design/NEO/bg.jpg) repeat-y center top;
	text-align: left;
	margin: 0 auto;
	border-collapse: collapse;
	border-left:1px solid #FFC;
	border-right:1px solid #FFC;
}
* {
	margin: 0;
	padding: 0;
}
strong {
	color: #006;
}
a {
	color: #682;
}
a:hover {
	color: #9A6;
}
em.var {
	color: #09F;
}
body {
	font: normal 62.5% "Lucida Sans Unicode", sans-serif;
	background: #5F8000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.centerdiv {
	text-align: center;
}
.centerdiv>div {
	margin: 0 auto;
}
.left {
	text-align: left;
}
.GP {
	width:195px;
	height:195px;
	border:thick;
	border:3px #F00;
	background-color: #FF0;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #06C;
	font-size:10px;
}
.gadget {
	width: 200px;
	border-collapse: collapse;
	border:2px solid #030;
	padding-left: 2px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FF0;
}
.opm {
	width: 200px;
	background-color: #990033;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
	font-size:14px;
}
.mainContent li {
	margin-left: 2.2em;
	font-family: Arial, Monaco, "arial black", verdana, chalkboard, "lucida blackletter";
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}
ul.groen, li.groen {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/balpin_groen.gif);
}
ul.bgroen, li.bgroen {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/bal_groen.gif);
}
ul.bblauw, li.bblauw {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/bal_lichtblauw.gif);
}
ul.bgeel, li.bgeel {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/bal_geel.gif);
}
ul.paars, li.paars {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/balpin_paars.gif);
}
ul.bpaars, li.bpaars {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/bal_paars.gif);
}
ul.rood, li.rood {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/balpin_rood.gif);
}
ul.brood, li.brood {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/bal_rood.gif);
}
ul.controle, li.controle {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/controle_v_lichtgroen.gif);
}
ul.kalender, li.kalender {
	list-style: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/avagroenten.gif);
}
h5 {
	font-family: chalkboard, Arial, "lucida blackletter", "arial black";
	font-size: 16px;
	font-weight: bold;
	color: #399;
	text-align: left;
}
h5:first-letter {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #900;
	text-align: left;
}
/*Hoofd van site*/
 
.thrColHybHdr #header { /*bevat de elementen van titel tot menu*/
	background:url(../afbeeldingen/design/NEO/bg.gif) repeat-y center top;
}
.thrColHybHdr #header h1 {
	margin: 0;
	padding: 0 10px;
}
/* toptitle */
.thrColHybHdr #top {
	background: #81AC00;
	float: left;
	font: normal 2.4em Verdana, sans-serif;
	height: 110px;
	margin: 0 auto;
	width: 1102px;
	text-align:center;
	padding-top:5px;
}
/* publi en logo */
.thrColHybHdr #head {
	float: left;
	height: 150px;
	margin: 0 auto;
	width:1102px;
	text-align:center;
	padding-left:12px;
	padding-right:12px;
}
.lhead {
	float: left;
	text-align: center;
	height: 150px;
	margin: 0 auto;
	width:200px;
	padding-top:13px;
}
.logo {
	float: left;
	width:678px;
	background:url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/groentenlogo.jpg) no-repeat center;
	height: 150px;
	margin: 0 auto;
}
.rhead {
	float: left;
	text-align: center;
	height: 150px;
	margin: 0 auto;
	width:200px;
	padding-top:13px;
}
/* google zoeken */
.thrColHybHdr #zoek {
	float: left;
	background: url(../afbeeldingen/design/NEO/bg.gif) repeat-y center;
	margin: 0 auto;
	width:1102px;
}
.navbar {/* navigatiebar voor het hoofdmenu */
	float: left;
	width:1102px;
	border-collapse: collapse;
	border-bottom:#060;
	background-color: #81AC00;
}
.thrColHybHdr .mainContent {/* reeleinhoud van de website */
	margin: 0 212px 0 212px;
	padding: 0 0 0 2.5em;
	width:650px;
}
.mainContent h1 {
	font-family: times, chalkboard, "lucida blackletter", "arial black";
	font-size: 36px;
	font-weight: bold;
	text-decoration: none;
	color: #5C743D;
	text-align: center;
}
.mainContent h1:first-letter {
	font-family: "comic sans MS", chalkboard, "lucida blackletter", "arial black";
	font-size: 50px;
	font-weight: bold;
	text-decoration: none;
	color: #F00;
}
.mainContent h2 {
	font-family: Arial, "lucida blackletter", chalkboard, "arial black";
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	color: #F0C;
	text-align: center;
}
.kleiner{
font-family: Arial, "lucida blackletter", chalkboard, "arial black";
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	color: #EFE4C1;
	}
.kleiner_tekst{
font-family: Arial, "lucida blackletter", chalkboard, "arial black";
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	color: #90C;
	}
img.midden {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode", sans-serif;
}
p, cite, code, ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
ul {
	margin-left: 1.2em;
}
li {
	list-style-image: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/NEO/li.gif);
}
li.titel {
	list-style-image: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/knop_groen.gif);
	font-size:16px;
	font-weight:bold;
	color:#0F0;
	margin-left: 1.4em;
}
h1 {
	font-size: 1.4em;
}
blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
	margin-left:10px;
	margin-right:20px;
}
blockquote p {
	padding: 3px 0;
}
h1, h2, h3 {
	color: #C33;
}
a.maand {
	color: #FFF;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
}
img.kant {
	text-align:center;
	width: 200px;
}
img.pijl {
	text-align:center;
	width: 32px;
}
/* structure */
.date {
	background:url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/NEO/bgdate.gif) no-repeat;
	color: #FDD;
	float: left;
	height: 52px;
	text-align: center;
	width: 36px;
	margin-top:2px;
}
.date div {
	padding-top: 4px;
}
.date span {
	font: normal 1.6em serif;
}
.content {
	float: left;
	width: 626px;
	padding-left: 0px;
}
.bron {
	font-size:10px;
	text-align:right;
	color:#F63;
}
.bodyspec {
	float: left;
	width: 600px;
	background: #5F8000;
	padding-left: 0px;
	margin-left:20px;
}
.content h1 {
	background: #567300;
	color: #FFF;
	font-size: 1.8em;
	line-height: 50px;
	padding-left: 10px;
	text-align:left;
}
.content h1:first-letter {
	font-family: "comic sans MS", chalkboard, "lucida blacklette", "arial black";
	line-height: 46px;
	font-size: 2.2em;
	font-weight: bold;
	text-decoration: none;
	color: #F00;
}
.content h2 {
	color: #363;
	font-size: 1.2em;
	line-height: 30px;
	padding-left: 10px;
	text-align:left;
}
.content h2:first-letter {
	font-family: "comic sans MS", chalkboard, "lucida blackletter", "arial black";
	line-height: 36px;
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
	color: #F00;
}
.content p {
	font-size:14px;
	color: #000;
	padding-right:15px;
	padding-left: 15px;
}
p.subtitel {
	font-size:14px;
	font-family:"Bamf Bold", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	color: #F3C;
}
.sublat {
	font-family: Arial, "lucida blackletter", chalkboard, "arial black";
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	color: #F3C;
	}

.item .body {
	padding: 12px 12px;
	padding-left: 25px;
}
/* Speciale opmaak */
h3.waarschuwing {
	font-family: Monaco, "lucida blackletter", "comic sans MS", chalkboard, "arial black";
	font-size:large;
	font-weight:bold;
	color:#F00;
	text-align: center;
	line-height:30px;
}
h3.waarschuwing:first-letter {
	font-family: "comic sans MS", "lucida blackletter", chalkboard;
	font-size:xx-large;
	font-weight:bold;
	color:#F00;
	text-align: center;
	line-height:30px;
}
p.waarschuwing {
	font-family: Arial, Monaco, "arial black", verdana, chalkboard, "lucida blackletter";
	font-size:medium;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	color: #F00;
}
.rood {
	font-family: Arial, Monaco, "arial black", verdana, chalkboard, "lucida blackletter";
	font-weight: bold;
	text-decoration: none;
	color: #F00;
}
.oranje {
	font-family: Arial, Monaco, "arial black", verdana, chalkboard, "lucida blackletter";
	font-weight: bold;
	text-decoration: none;
	color: #f63;
}
/* main */
.main {
	float: left;
}
/* inhoud */
.inhoud {
	float: left;
	width: 674px;
}
/* navigation */
.navigation {
	float:right;
	margin-left: 1px;
	width: 200px;
	background: #E8F6BF;
}
.navigation h1 {
	background: #81AC00;
	color: #FFF;
	font-size: 1.3em;
	line-height: 40px;
	padding-left: 12px;
}
.navigation ul {
	margin: 0;
	padding: 0;
}
.navigation li {
	border-bottom: 1px solid #D5E8AD;
	list-style: none;
}
.navigation li a {
	background: #E8F6BF url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/NEO/bgnavigation.gif) repeat-x;
	color: #553;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
	font-family: "MS Sans Serif", Arial, sans-serif;
	font-weight:bold;
}
.navigation li a:hover {
	background: #F0FFC6;
	color: #553;
}
.side {
	width: 98%;
	border:solid 1px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#81AC00;
	vertical-align: top;
	font-size:12px;
}
.thrColHybHdr #sidebar1 {
	float: left;
	width: 200px;
	padding: 15px 0;
	padding-left: 15px;
}
.thrColHybHdr #sidebar2 {
	float: right;
	width: 200px;
	padding: 15px 0;
	padding-right:15px;
}
.thrColHybHdr #sidebar2 a.nav {
	font-size: 14px;
	color: #000;
	
	
	
}
.thrColHybHdr #sidebar1 h1, .thrColHybHdr #sidebar2 h1 {
	background: #567300;
	color: #FFF;
	font-size: 1.3em;
	line-height: 32px;
	padding-left: 12px;
}
.thrColHybHdr #sidebar1 h1:first-letter, .thrColHybHdr #sidebar2 h1:first-letter {
	font-family: "comic sans MS", chalkboard, "lucida blackletter", "arial black";
	background: #567300;
	font-size: 2.0em;
	color: #FF0;
	padding-left: 12px;
	line-height:30px;
}
.thrColHybHdr #sidebar1 h2, .thrColHybHdr #sidebar2 h2 {
	color: #ff0;
	font-size: 1.3em;
	font-weight:800;
	line-height: 32px;
	padding-left: 12px;
}
.thrColHybHdr #sidebar1 ol.getal, li.getal, .thrColHybHdr #sidebar2 ol.getal, li.getal {
	margin-left: 1.2em;
	list-style-type:decimal;
}
.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
	margin-left: 10px; /* de linker- en rechtermarge moeten aan elk element worden gegeven dat in de kolommen aan de zijkant wordt geplaatst */
	margin-right: 10px;
	font-size:1.2em;
}
.thrColHybHdr #sidebar2 img, #sidebar1 img {
	width:190px;
}
.thrColHybHdr #sidebar2 blockquote, #sidebar1 blockquote {
	width:160px;
}
.thrColHybHdr #sidebar2 a, #sidebar1 a {
	background: #C0FFC6;
	color: #553;
	text-decoration: none;
	font-family: "MS Sans Serif", Arial, sans-serif;
	font-size:9px;
	font-weight:bold;
}
.thrColHybHdr #sidebar2 a:hover, #sidebar1 a:hover {
	background: #F0FFC6;
	color: #553;
}
.thrColHybHdr #sidebar1 ul, #sidebar2 ul {
	margin-left: 1.2em;
}
.thrColHybHdr #sidebar1 li, #sidebar2 li {
	list-style:url(../afbeeldingen/design/NEO/li.gif);
}
/* footer */
.footer {
	background: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/NEO/bgfooter.gif) repeat-x;
	color: #FFF;
	font-size: 1.1em;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	vertical-align:middle;
	width: 1080px;
}
.footer a {
	color: #FFF;
}
.footer a:hover {
	color: #FAFCB0;
}
/* Verschillende exemplaren van class voor hergebruik */
.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* MENU STIJLBLAD */
div.WinBalk, div.WinBalk a.WinKnop, div.menu, div.menu a.WinItem {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: yellow;
	text-align:left;
	position:relative;
}
/* De achtergrondkleur van de bovenste menubalk */
div.WinBalk {
	background: #E8F6BF url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/NEO/bgnavigation.gif) repeat-x;
	border:  1px solid #060;
	padding: 5px 2px 5px 2px;
	text-align: center;
}
/* De 'normale' kleur van de tekst op de bovenste menubalk */
div.WinBalk a.WinKnop {
	background-color: transparent;
	border:  1px solid #D5E8AD;
	color: #533;
	left: 0px;
	margin: 1px;
	padding: 2px 7px 2px 7px;
	position: relative;
	text-decoration: none;
	top: 0px;
	z-index: 100;
}
/* De kleur bij muisover van de tekst op de bovenste menubalk */
div.WinBalk a.WinKnop:hover {
	background-color: transparent;
	border-color: #CC9900 #CC9966 #CC9966 #CC9900;
	color: #533;
}
/* De kleur van de actieve (= aangeklikte) tekst op de bovenste menubalk */
div.WinBalk a.WinKnopActive, div.WinBalk a.WinKnopActive:hover {
	background-color: #99cc66;
	border-color: #CC9900 #CC9966 #CC9966 #CC9900;
	color: white;
	left: 1px;
	top: 1px;
}
/* De achtergrondkleur van de submenu's */
div.menu {
	background-color: #81AC00;
	border: 2px solid;
	border-color: #CC9900 #CC9966 #CC9966 #CC9900;
	font-size: 1.0em;
	line-height: 16px;
	left: 0px;
	padding: 0px 1px 1px 0px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 101;
}
/* De 'normale' tekstkleur van de submenu's */
div.menu a.WinItem {
	color: white;
	display: block;
	padding: 3px 1em;
	text-decoration: none;
	white-space: nowrap;
}
/* Achtergrondkleur en tekstkleur submenu's bij mouseover */
div.menu a.WinItem:hover, div.menu a.WinItemOplichten {
	background-color: yellow;
	color: #996600;
}
div.menu a.WinItem span.WinItemText {
}
div.menu a.WinItem span.WinItempijltje {
	margin-right: -.75em;
}
div.menu div.WinItemlijntje {
	border-top: 1px solid #CC9900;
	border-bottom: 1px solid #CC9966;
	margin: 4px 2px;
}
/* EINDE MENU STIJLBLAD */


/* LINKEN PAGINA STYLE */
#linkblad {
	float:left;
	width:1102px;
	border:none;
	padding-left:1px;
	padding-right:1px;
}
#linkblad h1 {
	background: #81AC00;
	color: #FFF;
	font-size: 1.3em;
	line-height: 32px;
	padding-left: 5px;
}
#linkblad h1:first-letter {
	font-family: "comic sans MS", chalkboard, "lucida blackletter", "arial black";
	background: #81AC00;
	font-size: 2.0em;
	color: #060;
	padding-left: 5px;
	line-height:30px;
}
#linkblad li {
	color: #063;
	font-size:14px;
	list-style-image:url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/NEO/li.gif);
	list-style-position: inside;
}
#linkpage1 {
	float:left;
	width: 260px;
	margin-left:9px;
}
#linkpage2 {
	float:left;
	width: 260px;
	margin-left:10px;
}
#linkpage3 {
	float:left;
	width: 260px;
	margin-left:10px;
}
#linkpage4 {
	float:left;
	width: 260px;
	margin-left:10px;
}
.linkblok {
	border: 2px solid #666;
	padding: 5px;
	width:248px;
	height:100%;
	color:#666;
	background-color:#FFC;
}
.ticker {
	font-family:times new roman;
	font-weight: bold;
	font-size:20px;
	color: #000000;
}
/*  WORLDPIC STYLE   */
#WORLDPIC {
	background: #81AC00;
}
body #WORLDPIC {
	font: normal 62.5% "Lucida Sans Unicode", sans-serif;
	background: #81AC00;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
#WPcontainer { /*bevat alle elementen van de site*/
	width: 1102px;
	background: #81AC00;
	text-align: left;
	margin: 0 auto;
	border-collapse: collapse;
	border-left:1px solid #FFC;
	border-right:1px solid #FFC;
}
#WPtop {
	background: #81AC00;
	float: left;
	height: 110px;
	margin: 0 auto;
	width: 1102px;
	text-align:center;
	padding-top:5px;
}
#WPzoek {
	float: left;
	background: #81AC00;
	margin: 0 auto;
	width:1102px;
}
#WPheader {
	width: 1020px;
	margin: 0 auto;
	height: 50px;
	background: #81AC00;
}
#WPpage {
	width:1080px;
	margin: 0 auto;
	padding: 10px 10px 20px 10px;
	background: #81AC00;
}
#WPcontent {
	float: left;
	width: 850px;
}
.WPcontent p{
	color:#FFC;
	font-size:16px;
}
#WPsidebar {
	width: 210px;
	float: right;
	margin: 0;
	padding-top: 20px;
}
p.WPsidebar {
	color:#FFC;
	font-size:14px;
}
.WPfooter {
	background: url(http://i195.photobucket.com/albums/z276/friedje/Webfoto/design/NEO/bgfooter.gif) repeat-x;
	color: #FFF;
	font-size: 1.1em;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	vertical-align:middle;
	width: 1080px;
}