/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/


/* Document */

html, body, div, form, h1, h2, h3, ul {
	border	    : 0px;
	margin 	    : 0px;
	padding	    : 0px;
	font-family : Verdana, sans-serif;
	font-size	: 100%;
} 
 
body {
	text-align  : center;
}

img {
	border      : 0px;
}

#wrapper, .hfeed  {
	width		: 960px;
	margin 	    : 0 auto;
	background  : #fff url(images/achtergrond.jpg) no-repeat;
} 
 
div#container {
    float       :left;
    width       :100%;
}

div#container {
	margin      : 4px 0px;
}

 
/* Header */

div#header {
	text-align : center;
}


/* Service Menu */

div#contact-and-links {
	margin-top      : 8px;
    margin-right    : 38px;
	float           : right;
	z-index         : 2;
	font-size       : 65%;
	font-weight     : bold;
	color           : #133f68;
}

div#contact-and-links ul#service-menu {
	margin-top      : 8px;
    list-style-type : none;
}

div#contact-and-links span {
	color       : #ce3910;
    font-weight : bold;
}

div#contact-and-links ul#service-menu  li.menu-item:first-child span {
	color       : #ce3910;
    display     : none;
}

div#contact-and-links ul#service-menu li.menu-item  {
	display : block;
	float	: left;
} 

div#contact-and-links ul#service-menu li.menu-item a {
    text-transform  : lowercase;
    font-weight     : bold;
}

div#contact-and-links a, div#contact-and-links a:visited {
	text-decoration : none;
	color           : #133f68;
}

div#contact-and-links a:hover, div#contact-and-links li.current-menu-item a {
	text-decoration : none;
	color           : #18ad08;
}


/* Logo */

div#logo {
	margin : 0px 70px 0px 762px;
}

div#logo img {
    margin-top : 8px;
}

h1#blog-title, div#blog-description, .skip-link {
	font		: 4px sans-serif;
	visibility 	: hidden;
	line-height	: 0px;
	height		: 0px;
	padding		: 0px;
	margin 		: 6px 0px 4px 0px;
	border 		: 0px;
}


/* Search */

form#searchform {
    float   : right;
    border  : 1px solid #333;
    margin  : 4px 38px 0px 0px;
    display : inline;
    height  : 19px; 
    width   : 164px;
}

form#searchform div {
    display : inline;
    height  : 19px; 
    width   : 164px;
}

form#searchform div label {
    color : #fff;
    visibility : hidden;
    display: none;
    font-size  : 11px; 
}

form#searchform div input.text {
    height      : 17px;
    width       : 125px;
    display     : inline-block;    
    float       : left;
    padding     : 1px;
    font-size   : 14px; 
    border      : 0;
}

form#searchform div input#search-submit {
    margin          : 0;
    padding         : 1px;   
    width           : 37px;
    height          : 19px;
    color           : #fff;
    background      : #959595;
    border          : 0px;
    font-size       : 12px; 
    display         : inline-block;
    float           : left;
    font-family     : Verdana;
    font-weight     : bold;
    text-transform  : lowercase;
} 


/* Main Menu */

div#access {
	padding     : 0px 0px 0px 120px;  
	margin      : 40px 0px 0px 0px;
	text-align	: left;
}

div#menu {
	height  : 36px;
}

#topnavcontainer {
    vertical-align      : center;
	background-color    : transparent; 
	display	            : inline;
	width		        : 800px;
	height              : 36px; 
	float		        : left;
	clear  	            : both;
	line-height         : 36px;
}

#topnavcontainer ul {
	height              : 36px;
	list-style-type     : none;
	background-color    : transparent; 
	color               : #fff;
	font-family         : Arial, helvetica, sans-serif;
	font-variant        : small-caps;
	font-weight         : bold;
	font-size           : small;
	text-align          : left;
}

#topnavcontainer ul li { 
	text-align          : center;
    padding-right       : 32px;
}

#topnavcontainer ul li a {
	text-align          : center; 
	background-color    : transparent; 
	color               : #fff;
	text-decoration     : none;
}

#topnavcontainer li {
	display : block;
	float	: left;
}
#topnavcontainer a {
	display : block;
}

#topnavcontainer ul li#nav-separator {
	background  : transparent;
	width		: 1px;
	height		: 36px;
}

/* inactive */
#topnavcontainer ul li.c-wie-zijn-wij a {
	background  : url(images/nav-wiezijnwij-i.png) no-repeat ;
	width		: 129px;
}

#topnavcontainer ul li.c-iets-voor-jou  a {
	background  : url(images/nav-ietsvoorjou-i.png) no-repeat;
	width		: 143px;
}

#topnavcontainer ul li.c-wereldwijd  a {
	background  : url(images/nav-wereldwijd-i.png) no-repeat;
	width		: 102px;
}

#topnavcontainer ul li.c-steun-ons a {
	background  : url(images/nav-steunons-i.png) no-repeat;
	width		: 100px;
}

#topnavcontainer ul li.c-actueel a {
	background  : url(images/nav-actueel-i.png) no-repeat;
	width		: 73px;
}


/* hover */
#topnavcontainer ul li.c-wie-zijn-wij a:hover {
	background  : url(images/nav-wiezijnwij-a.png) no-repeat ;
	width		: 129px;
	
}

#topnavcontainer ul li.c-iets-voor-jou a:hover {
	background  : url(images/nav-ietsvoorjou-a.png) no-repeat;
	width		: 143px;
}

#topnavcontainer ul li.c-wereldwijd a:hover {
	background  : url(images/nav-wereldwijd-a.png) no-repeat;
	width		: 102px;
}

#topnavcontainer ul li.c-steun-ons a:hover {
	background  : url(images/nav-steunons-a.png) no-repeat;
	width		: 100px;
}

#topnavcontainer ul li.c-actueel a:hover {
	background  : url(images/nav-actueel-a.png) no-repeat;
	width		: 73px;
}

/* active */
#topnavcontainer ul li.c-wie-zijn-wij-active {
	background  : url(images/nav-wiezijnwij-a.png) no-repeat ;
	width		: 129px;
}

#topnavcontainer ul li.c-iets-voor-jou-active {
	background  : url(images/nav-ietsvoorjou-a.png) no-repeat;
	width		: 143px;
}

#topnavcontainer ul li.c-wereldwijd-active {
	background  : url(images/nav-wereldwijd-a.png) no-repeat;
	width		: 102px;
}

#topnavcontainer ul li.c-steun-ons-active {
	background  : url(images/nav-steunons-a.png) no-repeat;
	width		: 100px;
}

#topnavcontainer ul li.c-actueel-active {
	background  : url(images/nav-actueel-a.png) no-repeat;
	width		: 73px;
}

/* Sidebar */

div.sidebar {
	display     : inline;
    overflow    : hidden;
}

div#primary {
	font-size	    : 80%;
	margin          : 22px 0px 0px 0px;
	padding	        : 0px 18px;
	border-right    : 1px solid #ce3910;
	float		    : left;
	display         : inline;
	text-align	    : right;
	width		    : 202px;
	list-style-type : none;
}

div#primary  ul {
	list-style-type : none;
}

div#primary ul li.widget_nav_menu h3.widget-title {
	visibility  : hidden;
	display	    : none;
}

/* 
- niks actief
- ul.menu li --> submenu niet tonen (groen)
- ul.menu li.current-menu-item --> submenu tonen (rood)
- ul.menu li.current-menu-ancestor --> submenu tonen (rood)
- ul.menu li.menu-item ul.submenu li.menu-item --> blauw, klein

*/

div#primary ul.menu {
    margin-top      : -1em; 
}

div#primary ul.menu li, div#primary ul.menu li a{
	color           : #18ad08;
	font-weight     : bold;
	text-decoration : none; 
	margin-top      : 1em;    
}

div#primary ul.menu li.menu-item ul.sub-menu {
	visibility  : hidden;
	display	    : none;
}

div#primary ul.menu li.current-menu-item a,
div#primary ul.menu li.current-menu-ancestor a {
 	color : #ce3910; 
}

div#primary ul.menu li.current-menu-item ul.sub-menu,
div#primary ul.menu li.current-menu-ancestor ul.sub-menu {
	visibility  : visible!important;
	display	    : block!important;
}

div#primary ul.menu li.current-menu-item ul.sub-menu li.menu-item a,
div#primary ul.menu li.current-menu-ancestor ul.sub-menu li.menu-item a{
 	color       : #133f68; 
    font-size   : 80%;
}

div#certification {
	margin: 272px 0px 2px auto;
    float : right;
    width : 120px;
}

div#certification  img {
    float : right;
}
div#certification  img.dnv {
    margin-top : 34px;
    float : left;
}

div#certification  img.anbi {
    margin-top : 5px;
    float : right;
}

/* Secondary Sidebar: right */

div#secondary {
	float       : left;
	display     : inline;
	text-align  : left;
	border      : 0px; 
}


/* Content */

div#content {
	margin      : 22px 0px 0px 0px;
	padding     : 0px 16px;
	width		: 440px;
	float       : left;
	display     : inline;
	font-family : Verdana, Arial, sans-serif;
	text-align 	: left;
	color		: #073a63;
	font-size	: 80%;
}

div#content h2.entry-title {
	font-family : Verdana, Arial, sans-serif;
	/*font-size	: 90%;*/
    font-size   : 12px;
	text-align 	: left;
	color		: #073a63;
	font-weight : bold;
	font-style  : italic;
}

div#content p, div#content address {
	margin		: 0.5em 0px 1em 0px;
	padding		: 0px;
	/* font-size	: 90%; */
    font-size   : 11px;
	line-height : 16px;
    font-style  : normal;
}

.entry-title, .entry-meta {
    clear   : both;
}

form#commentform .form-label {
    margin  : 1em 0 0;
}

form#commentform span.required {
    background  : #fff;
    color       : #c30;
}

form#commentform,form#commentform p {
    padding : 0;
}

input#author, input#email, input#url, textarea#comment {
    padding : 0.2em;
}

div.comments ol li {
    margin  : 0 0 3.5em;
}

textarea#comment {
    height      : 13em;
    margin      : 0 0 0.5em;
    overflow    : auto;
    width       : 66%;
}

.alignright, img.alignright{
    float   :right;
    margin  :1em 0 0 1em;
}

.alignleft, img.alignleft{
    float   : left;
    margin  : 1em 1em 0 0;
}

.aligncenter, img.aligncenter{
    display     : block;
    margin      : 1em auto;
    text-align  : center;
}

div.gallery {
    clear   : both;
    height  : 180px;
    margin  : 1em 0;
    width   : 100%;
}

p.wp-caption-text {
    font-style  : italic;
}

div.gallery dl {
    margin      : 1em auto;
    overflow    : hidden;
    text-align  : center;
}

div.gallery dl.gallery-columns-1 {
    width   : 100%;
}

div.gallery dl.gallery-columns-2 {
    width   : 49%;
}

div.gallery dl.gallery-columns-3 {
    width   : 33%;
}

div.gallery dl.gallery-columns-4 {
    width   : 24%;
}

div.gallery dl.gallery-columns-5 {
    width   : 19%;
}

div#nav-above {
    margin-bottom   : 1em;
}

div#nav-below {
    margin-top  : 1em;
}

div#nav-images {
    height  : 150px;
    margin  : 1em 0;
}

div.navigation {
    height  : 1.25em;
}

div.navigation div.nav-next {
    float       : right;
    text-align  : right;
}

div.gallery dl, div.navigation div.nav-previous {
    float   : left;
}

input#author, input#email, input#url, div.navigation div {
    width   : 50%;
}


/* Footer */

div#footer {
    clear       : left;
    width       : 100%;
    text-align  : center;
}

/* Search Results */
form#searchform-no-results {
    float   : left;
    border  : 1px solid #333;
    margin  : 4px 38px 0px 0px;
    display : inline;
    height  : 19px; 
    width   : 314px;
}

form#searchform-no-results div {
    display : inline;
    height  : 19px; 
    width   : 164px;
}

form#searchform-no-results div label {
    color : #fff;
    visibility : hidden;
    display: none;
    font-size  : 11px; 
}

form#searchform-no-results div input.text {
    height      : 17px;
    width       : 275px;
    display     : inline-block;    
    float       : left;
    padding     : 1px;
    font-size   : 14px; 
    border      : 0;
}

form#searchform-no-results div input#search-submit {
    margin          : 0;
    padding         : 1px;   
    width           : 37px;
    height          : 19px;
    color           : #fff;
    background      : #959595;
    border          : 0px;
    font-size       : 12px; 
    display         : inline-block;
    float           : left;
    font-family     : Verdana;
    font-weight     : bold;
    text-transform  : lowercase;
} 

body.search div#content > div.hentry {
    margin-bottom: 2em;
}

body.search div#content > div.hentry  > h3.entry-title {
    font-style : italic;
}

body.search div#content > div.hentry  > h3.entry-title > a {
    text-decoration : none;
    color		    : #073a63;
}

body.search div#content > div.hentry  > h3.entry-title > a:hover {
    text-decoration : underline;
    color		    : #073a63;
}

body.search div#content > div.hentry  > h3.entry-title > a:visited {
    color		    : #073a63;
}

body.search div#content > div.hentry  > div.entry-date {
    display     : none;
    visibility  : hidden;
}
