/* --  GENERAL  -- */
#allContainer {width:100%;background:#FFFFFF}

/* --  HEADER -- */ 
#header .header {width:960px; margin:0 auto; padding:0px; position:relative;}
#header .header h2 {}
#header .header h2 a {display:block; float:left;}
#header .header .langNav {position:absolute; right:0px; bottom:35px;}
#header .header .langNav ul {float:right;}
#header .header .langNav ul li {float:left; padding-right:15px; list-style-type:disc; margin-left:5px;}
#header .header .langNav ul li.first {background:none; list-style-type:none;}
#header .header .langNav ul li a {text-decoration:none;font-size:11px;}
#header .header .langNav ul li a:hover {text-decoration:underline;}
#header .header .langNav ul li span {font-weight:700;font-size:11px;}

#header .mainNav ul {width:960px; margin:0 auto;}
#header .mainNav ul li {float:left; padding-right:50px;}
#header .mainNav ul li a {display:block; text-decoration:none; line-height:48px; font-size:14px; /*font-size:105%;*/ color:#E9E9E9; color:#CCC;}
#header .mainNav ul li a:hover {color:#fff;}
#header .mainNav ul li span {display:block; line-height:45px; color:#FFFFFF;}

#header .mainNav ul li.active a {display:block; /*font-weight:700;*/ /*font-size:150%; line-height:45px; */color:#FFFFFF;/*text-decoration:underline;*/}

#header {padding-bottom:250px;}

#home #header{background:url(../images/home.jpg) center top no-repeat}
#culinair #header {background:url(../images/recepten.jpg) center top no-repeat}
#tagatose #header {background:url(../images/tagatose.jpg) center top no-repeat}
#voedingsadvies #header {background:url(../images/Voedingsadvies1.jpg) center top no-repeat}
#bedrijfsinfo #header {background:url(../images/bedrijfsinfo.jpg) center top no-repeat}
#nieuws #header {background:url(../images/nieuws.jpg) center top no-repeat}
#contact #header {background:url(../images/contact.jpg) center top no-repeat}
#producten #header {background:url(../images/producten.jpg) center top no-repeat}

.header h2 a {display:block:float:none;height:130px;width:235px;text-indent:-3000px;}
.header h2 a {background:#a5d600 url(../images/logo_trans.png) top left no-repeat;}

/* --  CONTENT  -- */
#content {width:960px; margin:0 auto;}
#content .gridTwoLeft {}
#content .gridTwoLeft .sidebar {float:left; width:300px;}
#content .gridTwoLeft .content {float:left; width:660px;}
#content p {color:#777777; margin-bottom:10px; line-height:20px;}
#content h2 {margin-bottom:20px;}
/*div .content ul li {color:#777777; margin-bottom:10px; line-height:20px;margin-left:15px;list-style-type:circle;}*/

/* --  FOOTER  -- */
#footer {background:#f0f0f0; border-top:6px solid #DDDEE0; margin-top:40px;text-align:left;}
#footer .wrapper {width:960px; margin:0 auto; min-height:210px;}
#footer .wrapper h3 {font-weight:300; color:#777777; font-size:130%; padding:15px 0px 10px 0px;}
#footer .wrapper ul {}
#footer .wrapper ul li {float:left; display:block; padding-right:11px; width:125px;}
/*#footer .wrapper ul li.width130 {width:130px;}
#footer .wrapper ul li.width130 ul li {width:130px;}
#footer .wrapper ul li.width140 {width:140px;}
#footer .wrapper ul li.width140 ul li {width:140px;}
#footer .wrapper ul li.width110 {width:110px;}
#footer .wrapper ul li.width110 ul li {width:110px;}*/
#footer .wrapper ul li h4 {font-weight:300; padding-bottom:0px;margin-bottom:2px;font-size:13px;border-bottom:1px solid;}
#footer .wrapper ul li.last {padding-right:0px;}
#footer .wrapper ul li ul {padding-left:2px;}
#footer .wrapper ul li ul li {float:none; padding:2px 0px 2px 0px; list-style-type:none; display:list-item;}
#footer .wrapper ul li ul li a {text-decoration:none; color:#777777; font-size:90%;}
#footer .wrapper ul li ul li a:hover {text-decoration:underline;}
#footer .wrapper p {clear:both; color:#AAAAAA; font-size:90%; padding-top:15px;}

#footer_recept {margin-top:40px;padding-left:10px; font-size:.9em;}
#footer_recept .wrapper {width:960px; margin:0 auto;color:#777777;padding-bottom:20px;}

/* --  COMPONENTS  -- */
.verticalNav {width:225px; }
.verticalNav ul {}
.verticalNav ul li {border-bottom:1px solid #FFFFFF;}
.verticalNav ul li a { display:block; line-height:32px; width:185px; padding:0px 20px; color:#fff; text-decoration:none;background-image:none;}
.verticalNav ul li.first a {background:url("../images/vertNavTop.png") left top no-repeat;color:#fff;}
.verticalNav ul li.last a {background:url("../images/vertNavBottom.png") left bottom no-repeat; border-bottom:none;color:#fff;}
.verticalNav ul li.firstactive a {background:url("../images/vertNavTop.png") left top no-repeat;color:#fff;}
.verticalNav ul li.lastactive a{background:url("../images/vertNavBottom.png") left bottom no-repeat; border-bottom:none;color:#fff;}
.verticalNav ul li a:hover {color:#fff;}

.verticalNav ul li ul.subMenu li a {display:block; line-height:25px; color:#FFFFFF; text-decoration:none;background-image:none;padding:0px 10px 0 30px;}
.verticalNav ul li ul.subMenu li.lastSub {border:none;}
.verticalNav ul li ul.subMenu li.firstSub {border-top:1px solid #FFFFFF;}
.verticalNav ul li ul.subMenu li.firstSub a{background-image:none;}
.verticalNav ul li ul.subMenu li.lastSub a {background-image:none;}
.verticalNav ul li.first ul li a {background-image:none;}
.verticalNav ul li.active ul li a {background-image:none;}
.verticalNav ul li ul li.first a {background-image:none;}
.verticalNav ul li.last ul li a {background-image:none;}
.verticalNav ul li ul.last li.last a {background-image:none;}
.verticalNav ul li.firstactive ul.subMenu li a  {background-image:none;}

/* --  COMPONENTS: Focus Block for Home Page -- */
#home .focusBlock {width:280px; padding-right:60px; float:left;padding-top:30px;}
#home .focusBlock.last {padding-right:0px;}
#home .focusBlock .header h3 {color:#777777; font-weight:300; font-size:100%;padding-bottom:0;margin-bottom:0;}
#home .focusBlock .header h3 span {color:#8dc641;}
#home .focusBlock .header h4 {font-size:20px; color:#01652f; padding:0px 0px 8px 0px;margin-top:-5px;text-align: left;}
#home .focusBlock .content p {color:#777777; padding-top:20px; line-height:18px; /*text-align:justify;*/}

.searchBox {background:#a5d600 url("../images/vertNavTop.png") left top no-repeat; width:225px; margin-bottom:20px;} 
.searchBox .wrapper {background:url("../images/vertNavBottom.png") left bottom no-repeat; padding:15px 20px;}
.searchBox h3 {color: #ffffff;
/*font-size: 90%;*/
padding:0;
color:#fff;
padding-bottom: 5px;
padding-left:5px;
}
.searchBox .searchField {}
.searchBox .searchField input {border:1px solid #ccc; font-size:85%; background:#FFFFFF; margin-top:1px; color:#999999; width:170px;}
.searchBox .searchField input:focus {border:1px solid #ba4d3e;}
.searchBox .searchButton {text-align:left; padding-top:10px;}
.searchBox .searchButton input {border:none; background:#FFFFFF; color:#000;}

a.actionComment {
	border:none;
	padding-bottom: 5px;
	margin-right: 5px;
	white-space: nowrap;
	background :  url(action/comment.gif) top left no-repeat;
	padding-left : 20px;
}