/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Trebuchet MS, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}
.social-media{
	position:absolute;
	right:-50px;
	top:5px;
}
.social-media *{
	outline:none;
}
.social-media ul{
	list-style-type:none;
}
.social-media ul li{
	margin:0 0 3px 0;
	text-align:left;
}
.social-media img{
	border-radius:5px;
	box-shadow:1px 1px 1px #333;
}
/*
.social-media a:hover img{
	border-left:4px solid #b3d628;
}
*/
div {
   font-size: 1em;
}

img {
   border: 0;
}

/*
default link styles
*/

a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #f60; /*#b3d628; */
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #f60; /*#b3d628;*/
}

a:hover {
   text-decoration: none;
   color: #f60; /*#385C72;*/
}

a.paragraph,
a.paragraph:link 
a.paragraph:active {
   text-decoration: none;
   background-color: inherit; 
   color: #666; /*#b3d628; */
}

a.paragraph:visited {
   text-decoration: none;
   background-color: inherit;
   color: #666; /*#b3d628;*/
}

a.paragraph:hover {
   text-decoration: none;
   color: #666; /*#385C72;*/
}
.section-title a{
	text-decoration:none;
}
.article-image .article-title a{
	color:#fff;
	text-decoration: none;
}
.newsbox a{
	text-decoration: none;
}
a.no-dec{
	text-decoration: none;
}
/*****************
basic layout 
*****************/
body {
   background: #fff url(./images/bgr.png) no-repeat  center 80px;
   color: #666;
   margin-top:0px;
}


div#pagewrapper {
   border: 0;
   margin: 0 auto;     
   width: 1076px; 
   background-color:transparent;
   color: #666;
   position: relative;
}


/*** header ***/

div#header {
   height: 140px; 
   width:1076px;
          
}

div.logo {
   float:left;
   height: 140px; 
    width:300px;     

}

div#search {
   position: absolute;
   right: 20px;
   top:3px;
   width: 220px;
   height:22px;
   text-align: right;
   padding: 0;
   margin:0;
}
.go {
	position:relative;top: 5px;width:38px; height:22px;margin:0; padding: 0;
}
.srch {height:20px; width:150px; border:1px solid #ccc; margin:0;color:#ccc;-moz-border-radius: 1em;
  border-radius: 1em;padding: 0;padding-left:5px;
}
div#topmenu {
   float:right;
   width:530px;
   text-align:right;
   margin-right:20px;
}
div#topmenu a {
   
   font-weight: bold;
   font-size: 14px;
   text-decoration:none;
   color: #666;
   line-height:30px;
}

div#topmenu a:hover {color:#f60;}
div#slide { width:1076px; height:176px; display: block; position: relative;} /*height was 311*/
div#slider { width:1076px; height:176px; /* background:url(./images/slidebg.png) */ no-repeat 0 0; display: block;}/*height was 311*/
div.tehsliderimg { margin-left: 17px; }
/*#slider {
    position:relative;
    width:1042px;
    height:275px;
    margin-left:7px;
    margin-top:15px !important;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
}
#slider a {
    border:0;
    display:block;
}
#slider div {
	display: block !important;
}*/
.nivo-controlNav {
    position:absolute;
    left:650px;
    bottom: 10px;
}

.nivo-controlNav a {
    display:block;
        padding-top: 90px;
    width:75px;
    /*background:url(./images/bullets.png) no-repeat;*/
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
  opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-transition: opacity 0.3s ease-in-out; 
}
.nivo-controlNav a.active {
    background-position:0 -75px;
}
/*#slider .nivo-controlNav a img {
        display:inline;
    position:absolute;
        border: 2px solid #fff;

}*/
.nivo-controlNav a.active, .nivo-controlNav a:hover{
    opacity: 1;
    -moz-opacity: 1;
}
.nivo-controlNav a img{
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}
.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(./images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}

.nivo-caption {
    text-shadow:#000 2px 2px 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
     font-weight:bold;
    width: 320px !important;
    height:220px !important;
    background:#333 !important;
    margin-left: 640px !important;
    margin-bottom: 20px !important;
    border:1px solid #fff; 
    padding: 10px 0 10px 10px !important;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.nivo-html-caption {width:340px; height: 210px; background-color: #f8f8f8;    opacity: 0.5;
    -moz-opacity: 0.5; position:absolute; top:800px;}

div.banner {float:right; width:468px; height:60px; margin:16px 15px;}
div.social { float:right;width:468px; margin:0px 15px;text-align:right;}
div.breadcrumbs {
   padding: 1em 0 1.2em 0; 
   font-size: 90%;             
   margin: 0 1em;            
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }


div#content {
   margin: 0 auto;
	background-color: #fff;
   /* background: url(./images/contentbg.png) no-repeat; */
    /*padding-top:5px;*/
    min-height:450px;
}

div#main {
	 float: left;
    margin: 0 0 0 10px;
    position: relative;
    width: 64%;
}


div#sidebar {
   float: right;  
   width: 340px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-right: 15px;
   position:relative;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 340px;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}
.featured {width:675px; padding:10px 5px 5px 10px; margin:10px 5px 15px 13px;background:#819f0b;}
.featured-inside{ width:360px; float:left;}
.featured h1 {color: orange;line-height:22px;margin-bottom:10px;} 
div#content .featured h2 {padding-left:0; color:#fff;} 
div#content .featured h2 a{color:#fff !important;} 
div#content .featured p {color:#fff;} 
.img {float:left; width:290px;height: 172px; margin-right:10px; background:#fff; padding:5px;background:url(./images/imgshadow-big.png) no-repeat bottom center;}
#page2 .img {float:right; width:290px;height: 172px; margin-left:10px; background:#fff; padding:5px;background:url(./images/imgshadow-big.png) no-repeat bottom center;}
.imgwrap {border:1px solid #f1f1f1;width:100%; position:relative}
.imgwrap img {margin:5px;}
.newsbox {width:701px;float:left;padding-bottom:15px; background:url(./images/h-separator.png) no-repeat bottom center;}
.newsbox.hp {width:320px; height:310px;float:left;margin:0 20px 15px 0; padding:0; background:none; text-align:justify}
.newsbox.hp.right {width:320px;float:right;padding:0; margin:0 0 15px 0;}
.newsbox.hp .article-image{
	height:200px;
	width:320px;
	overflow:hidden;
	position:relative;
	padding-bottom:25px;
}
.newsbox.hp .article-image .article-title{
	width:281px;
	position:absolute;
	bottom:14px;
	left:11px;
	color:#fff;
	background:url(images/hp-a-title.png) repeat;
	padding:10px;
	text-align:left;
}

.homepage-articles{
	display:block;
	margin-top:20px;
}
.homepage-articles p{
	font-size:12px;
	margin:5px 0;
	padding:0 11px;
	text-align:left;
}
.homepage-articles p.article-category{
	font-weight:bold;
}

div#content .section-title h1{
	padding-left:0px;
	background:url(images/bullet.png) no-repeat right center;
	color:#b3d628;
	border-bottom:1px dotted #b3d628;
}
span.section-moreinfo{
	display:inline-block;
	width:100%;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:5px 0 40px;
	padding:10px 0;
}


.newsbox.begrip {width:681px;float:left;padding:0 20px 15px 0; background:url(./images/h-separator.png) no-repeat bottom center; text-align:justify}
#content .newsbox h2{ margin:20px 0}
#content .newsbox.begrip h2{ margin:10px 0}
#content .newsbox.begrip h5{ margin:10px 0 0}
#content .newsbox.begrip h5 a{ margin:10px 0 0}
.newsblock-left {float:left;width:340px; padding:5px 10px 0 0;margin-left:5px;background:url(./images/vseparator.png) no-repeat top right;}
.newsblock-right {float:right;width:330px; padding:5px;margin-left:5px;}
.nbimg {float:left; /*width:110px;height: 117px;*/ margin-right:10px; background:#fff; padding:5px 5px 10px;background:url(./images/thumbshadow.png) no-repeat bottom left;}
.login {background:#b3d628 url(./images/loginbg.png) no-repeat;/*height:200px;*/}
.hseparator {width:701px; height:3px; background: url(./images/h-separator.png) no-repeat top center;margin-top:25px;clear:left;}
.more {width:100%; margin-bottom:10px;}
.eetlogin {padding:28px 0;text-align:right;}
.wachtwoord {font-size:16px; color:#fff; font-weight:bold;margin:0 10px 10px 5px ;}
.cms_password {border:0; height:30px; width:200px;margin: 0 10px 10px 10px;}
.submit { margin-top: 10px; line-height: 34px;}
.loginbtn {margin: 0px 10px 10px 10px; float: right;}
.aanmelden {float:left;margin:10px;}
.iabbig {/*height:280px;*/background:#f1f1f1;margin-top:5px;text-align:center; padding:6px 4px; border:1px solid #ccc;}
.vitaminerals {
	background:#f0ffb5;
	margin:0 15px 15px 0;
	float:left;
	text-align:left; 
	padding:6px 10px;
	width:150px;
	border-radius:5px;
}
.vitaminerals a{
	color:#8ba427;
}
.vitaminerals ul{
	list-style-type:none;
}
#main .vitaminerals ul li{
	margin:0 0 0 10px;
	padding:0;
}
.vitaminerals-right {
	float:left;
	width:500px;
	
}
#content .iabbig h1.links{ 
	border-bottom:1px solid #ccc; 
	margin:0 0 5px; 
	padding:0 0 5px;  
	font-size:16px; 
	text-transform: uppercase;
	line-height:inherit;
}

.iabbig ul{
	list-style-type: none;
}

.iabbig ul li{
	margin: 10px 0;
}

.iabbig ul li a{
	font-size:12px;
}

.middle {margin-top: 90px;}
.iabsmall {margin: 10px auto; text-align:center;}
.iabsmall img {margin:20px;}

#futer {
   width:1076px;
   clear:both;    
   color: #fff;
   background: #333333 !important;
   /*height:56px;*/
  /*padding-bottom:15px;*/
}

.footerleft {
   position:relative;
   width:570px;
   float:left;
   font-size: 16px;
   font-weight:bold;
   padding: 20px;     
   text-align: center; 
   margin:0;
}
.footerright {
   float:right;
   color:#f3f3f3;
   font-size: 14px;
   font-weight:bold;
   padding: 20px;     
   text-align: center; 
   margin:0;
}

.footer-sites{
	display:block;
	float:left;
	width:100%;
}

.footer-sites ul{
	width:1015px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.footer-sites ul li{
	float:left;
	margin-right:34px;
}

.footer-sites ul li.last{
	float:left;
	margin-right:0px;
}

.footer-sites ul li a{
	font-size:14px;
	color:#ccc;
	font-weight: bold;
	text-decoration:none;
}

.footer-sites ul li a:hover{
	color:#fff;
}

.footerleft a {
   color: #fff;
   text-decoration:none; 
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 2em;
   margin: 0;
}
div#content h2 {
   color: #666; 
   font-size: 18px; 
   font-weight:600;
   text-align: left; 
/* some air around the text */
   padding-left: 0.5em;
   padding-bottom: 1px;
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
}
div#content h3 {
   /*color: #294B5F; */ color: #ff6600;
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1.15em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

div#menu_horiz {
   background-color: #b3d628;
   width: 1049px;
   margin: 0px auto 5px auto;
   position:relative;
}


div#menu_horiz ul {
   margin: 0;
   padding: 0;
   height:40px;
   /*padding-bottom:40px;*/
}

div#menu_horiz ul ul.submenu{
   margin: 0px 0 0 0;
   padding: 0 0 5px 0;
   display:none;
   position:absolute;
   background:#829f10;
   height:auto;
   border-radius:5px;
   z-index:9999;
   /*left:0px;
   width:100%;*/
}
div#menu_horiz ul ul.submenu li{
	float:none;
	background:none;
}


/* menu list items */
div#menu_horiz li {
   float: left; 
   list-style: none; 
   margin: 7px 0 0 0;
   background:url(images/menu-sep.png) no-repeat right center;
   padding:0 2px 0 2px;
}
div#menu_horiz li.last {
   background:none;
   padding:0 0 0 5px;
}

div#menu_horiz li:hover ul.submenu, div#menu_horiz li:hover ul.submenu.active {
	display:block;
	/*background:url('images/submenu.png') no-repeat top center;*/
}

/* the links, that is each list item */
div#menu_horiz a {
   padding:5px 5px 8px;  /*padding inside the list item box */
   margin: 0; 
   text-decoration: none; /* no underline for links */
   color: #fff;
   display: block; /* IE has problems with this, fixed above */
   font-size: 15px;
   font-weight:600;

}


/* hover state for links */
div#menu_horiz li a:hover {
   background-color: #fff;
   color: #f60; /*#b3d628;*/
-moz-border-radius: 1em;
  border-radius: 1em;

}
div#menu_horiz a.activeparent:hover {
   background-color: #fff;
   color: #f60; /*#b3d628;*/
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   color: #fff;
}

div.signup {
   width:310px;
   height:68px;
   padding: 15px;
   background: #b3d628 url(./images/loginbg.png) no-repeat;
   margin-top:5px;
   text-align:center;
   color: #fff;
   font-size: 22px;
   font-weight:bold;
   vertical-align:middle;

}
div.signup img {vertical-align:middle;}
div.signup a {color:#fff; text-decoration:none;}
div.signup a:hover {text-shadow:black 0.1em 0.1em 0.2em}

/* Specific to example one */

#example-one { background: #eee; padding: 10px; margin: 7px -14px 15px 3px; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width: 150px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 14px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover, #example-one ul li a:focus { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one li.nav-one a.current, ul.featured li a:hover { background-color: #0575f4; color: white; }
#example-one li.nav-two a.current, ul.core li a:hover { background-color: #d30000; color: white; }
#example-one li.nav-three a.current, ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#example-one li.nav-four a.current, ul.classics li a:hover { background-color: #FE4902; color: white; }

#Inschrijven {float:left;width:520px;height: 100%;margin-bottom:15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
#Inschrijven label {float:left;width:200px; font-style:italic; font-weight:bold; margin:10px 5px;}
#Inschrijven input, #Inschrijven select {float:left;border:1px solid #ccc; margin: 10px 5px;}

#page {padding:10px 15px;}
/* End of 'Layout: Top menu + 2 columns' */

#page2 {width:690px; padding:0px 15px;}
#page2 h1 {color: #b3d628}
#page2 h2 {color: #ff6600 !important;}
#page2 h3 {color: #ff6600 !important; font-size:18px !important; font-weight: 800 !important; padding-left: 5px;}
.dag {float:left;width:670px; padding:15px 10px 0 0;margin-left:5px;margin-top:10px;background:url(./images/h-separator.png) no-repeat top center;}

.dag_more {width:95%; text-align: left; cursor: pointer; padding: 0px; font-weight: bold; font-size: 14px; color: #99cc00; }
.dag_body { /*padding-left:130px;*/ margin-top: 5px;}

h3 a {
	text-decoration: none;
	cursor: pointer;
}


/* hack for Internet Explorer */
* html div#menu_logged {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

div#menu_logged {
   /*background-color: #b3d628;*/
   background-color: #A7C525;
   background-image: url('images/submenu.png');
   background-position: center top;
   width: 1049px;
   margin: -5px auto 5px auto;
}


div#menu_logged ul {
   margin: 0;
   padding: 0;
   height:40px;

}


/* menu list items */
div#menu_logged li {
   float: left; 
   list-style: none; 
   margin: 0 ;
}


/* the links, that is each list item */
div#menu_logged a {
   padding:5px 8px 8px 8px;  /*padding inside the list item box */
   margin: 7px 0 0 2px; 
   text-decoration: none; /* no underline for links */
   color: #fff;
   display: block; /* IE has problems with this, fixed above */
   font-size: 16px;
   font-weight:600;

}


/* hover state for links */
div#menu_logged li a:hover {
   background-color: #fff;
   color: #f60; /*#b3d628;*/
-moz-border-radius: 1em;
  border-radius: 1em;

}
div#menu_logged a.activeparent:hover {
   background-color: #fff;
   color: #f60; /*#b3d628;*/
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_logged li.activeparent a {
   color: #fff;
}

h2 a, h2 a:visited, h2 a:link, h2 a:hover {
	color: #666 !important;
	text-decoration: none;
}
a.qmark {
	width: 16px;
	padding-left: 14px;
	height: 16px !important;
	background-image: url("images/q.png");
	background-position: 0px -32px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-decoration: none !important;
}
a.qmark:hover {
	background-position: 0px 0px;
}

.clear{
	clear:both;
}

.beauty-image{
	float:left;
	margin:0 8px 5px 0;
}

.beauty-news{
	float:left;
	margin-top:20px;
}

.alphabet{
	border-bottom:1px dashed #CCC;
	border-top:1px dashed #CCC;
	padding:10px 0;
	margin:10px 0;
}
.alphabet ul{
	list-style-type:none;
}
div#main .alphabet ul li{
	float:left;
   margin: 0 5px;
}

.cat-filter{
	border-bottom:1px dashed #CCC;
	padding:10px 0;
	margin:10px 0;
}
.cat-filter ul{
	list-style-type:none;
}
div#main .cat-filter ul li{
	float:left;
   	margin: 0 5px;
}

.social-share-block div.item{
	float:left;
	margin:10px 5px 0 0;
}

.twitter-share-button{
	width:105px !important;
}

a.bigimage{
	height:30px;
	width:30px;
	position:absolute;
	top:5px;
	right:5px;
	text-decoration:none;
	background:url(images/bigimage.png) no-repeat top right;
}

.social-comment-block{
	margin:50px 0;
}

.login-panel-control{
	position:absolute;
	right:220px;
	top:0;
	z-index:9;
}
.login-panel-control a#toggle-login{
	margin:0;
	padding:0;
	outline:none;
}

.login-panel .login{
	width:341px;
	position:absolute;
	right:0;
	z-index:9999;
	top:40px;
}

.warning{
	color:#F30;
	display:block;
	font-size:18px;
	margin:10px 0;
	text-align:center;
}
a#mobile-menu,
.logo-mobile,
.footer-bottom-mobile,
.footerright-mobile,
.footerleft-mobile,
a.readon-mobile{
	display:none;
}