/* Structuur **************************************************************************/
h1{
   display: none;
}
body,html {
  padding: 0px;
  margin: 0px;
  font-size: 100%;
  height: 100%;
}
#back{
   width: 100%;
   background-color: #b2e4f4;
   background-image: url(/images/back_verloop.jpg);
   background-position: bottom;
   background-repeat: repeat-x;
}
#top{
   width: 975px;
   margin: 0px auto;
   display: block;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.7em;
}
a:link, a:visited{
   text-decoration: underline;
   color: #5D0E68;
}
a:link:hover, a:visited:hover{
   text-decoration: none;
}

a:focus{
   border: 0px;
}

#containershadow{
   background-image: url(/images/back_verloop_shadow.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
   width: 955px;
   padding: 0px 10px;
}
#container{
   background-image: url(/images/back_shadow.gif);
   background-repeat: repeat-y;
   width: 975px;  
   z-index: 5;
}
   #header{
      float: left;
      width: 955px;
      height: 198px;
      background-image: url(/images/headerback1.gif);
      background-repeat: no-repeat;
   }
      #logo{
         margin-top: 10px;
         margin-left: 25px;
      }

      #topggz_keurmerk{
         position:absolute;
         top:55px;
         right:20px;
      }

      #headerboog{
         background-image: url(/images/kruimelpad.png);
         background-repeat: no-repeat;
         height: 81px;
         top: 123px;
         left: 10px;
         width: 899px;
         padding: 5px 28px;
         position: absolute;
         z-index: 500;
      }
      #kruimelpad{
         height: 81px;
         top: 123px;
         left: 10px;
         width: 899px;
         padding: 5px 28px;
         position: absolute;
         color:#DFCFE1;
         z-index: 600;
      }
      #kruimelpad a{
         color: #DFCFE1;
         text-decoration: none;
      }
      #kruimelpad a:hover{
         text-decoration: underline;
      }
            #kruimelpad h2{
               color: #FFFFFF;
               font-style: italic;
            }
            
      #print{
         top: 166px;
         left: 806px;
         position: absolute;
         z-index: 603;
         color: #dfcfe1;
      }
      #print a{
         color: #dfcfe1;
         font-size: 1.1em;
         }
      #print img{
         vertical-align: middle;
      }
   #skiplinks{
      visibility: hidden; /* ivm IE6! */
      position: absolute; /* ivm IE6! */
      top: 0px;
      left: 0px;
   }
   #kolomwrapper{
      float: left;
      width: 955px; /* nodig voor Opera */
      z-index: 50;
      padding-bottom: 20px;
   }
      #intro_titel{
         padding: 44px 0px 30px 28px;
         font-size: 1.1em;
         color: #5d0e68;
         line-height: 1.6em;
         min-height: 0px;  /* min-height: 147px; */
      }
         #intro_titel h2{
            color: #008fbd;
            font-weight: normal;
            font-style: italic;
            font-size: 1.6em;
            width: 540px;
            padding: 0px;
         }
         #intro_titel .datum{
            color: #008fbd;
            font-size: 0.9em;
            float: right;
            margin-top: 0.6em;
            width: 190px;
            text-align: right;
         }
         #intro_titel .onderschrift{
            color: #008fbd;
            font-size: 0.9em;
            margin-bottom: 4px;
         }
      #content_navigatie{
         float: left;
         width: 765px;
         padding-right: 32px;
         padding-bottom: 20px;
      }
         #meerinfo{
            float: left;
            margin-left: 179px;
            margin-top: -40px;
            background-image: url(/images/stippellijn2.gif);
            background-repeat: repeat-x;
            background-position: top left;
            padding-top: 5px;
            width: 776px;
            display: inline;
            padding-bottom: 40px;
            font-size: 0.9em;
         }
         
         #meerinfo .kader{
            width: 182px;
            float: left;
         }
         #meerinfo .kaderlines{
            min-height: 127px;
         }
            #meerinfo h2{
               font-style: italic;
               font-size: 1.2em;
               padding: 0px 0px 10px 0px;
            }
            #meerinfo h3{
               color: #008fbd;
               font-size: 1.2em;
               padding: 0px;
            }
            #meerinfo ul{
               margin: 4px 0px 10px 0px;
               padding: 0px;
               list-style: none;
               width: 167px;
            }
            #meerinfo li{
               background-image: url(/images/stippellijn_meerinfo.gif);
               background-position: left bottom;
               background-repeat: no-repeat;
               display: inline-block;
               width: 167px;
            }
            #meerinfo ul a{
               display: block;
               padding: 2px 0px 2px 10px;
               background-image: url(/images/zieook_list.gif);
               background-repeat: no-repeat;
               background-position: left 1px;
               text-decoration: none;
               color: #5D0E68;
            }       
            #meerinfo ul a:hover{
               text-decoration: underline;
            }  
            #meerinfo ul.files li a{
               padding: 2px 0px 2px 19px;
            }
            #meerinfo ul.files li{
               background-position: 7px bottom;
            }
            
            #meerinfo ul li .pdf{   background-image: url(/images/icon_pdf.gif);}
            #meerinfo ul li .doc{   background-image: url(/images/icon_doc.gif);}
            #meerinfo ul li .zip{   background-image: url(/images/icon_zip.gif);}
            #meerinfo ul li .xls{   background-image: url(/images/icon_xls.gif);}
            #meerinfo ul li .html{   background-image: url(/images/icon_html.gif);}
            #meerinfo ul li .txt{   background-image: url(/images/icon_txt.gif);}
         
         
         #submenu{
            float: left;
            width: 152px;
            padding: 0px 12px 0px 15px;
            font-size: 0.9em;
         }
         #submenu ul{
               margin: -2px 0px 0px 0px;
               padding: 0px;
               list-style: none;
               width: 142px;
            }
            #submenu li{
               background-image: url(/images/stippellijn_submenu.gif);
               background-repeat: repeat-x;
               background-position: bottom left;
               line-height: 1.2em;
            }
            #submenu ul a{
               display: block;
               padding: 3px 0px 4px 10px;
               background-image: url(/images/submenu_bullet.gif);
               background-repeat: no-repeat;
               background-position: left 7px;
               text-decoration: none;
               font-weight: bold;
            }
            #kolomwrapper #submenu ul .parent{
               background-image: url(/images/submenu_parent.gif);
               color: #008fbd;
            }
         #zieook{
            float: left;
            width: 158px;
            padding-top: 3px;
            padding-bottom: 25px;
            font-size: 1.0em;
         }
            #zieook h2{
               color: #008fbd;
               font-size: 1.3em;
               font-style: italic;
               padding: 0px 0px 0.3em 0px;
               background-image: url(/images/stippellijn1.gif);
               background-position: bottom;
               background-repeat: repeat-x;
            }
            #zieook ul{
               margin: 4px 0px 10px 0px;
               padding: 0px;
               list-style: none;
               width: 142px;
            }
            #zieook ul a{
               display: block;
               padding: 2px 0px 1px 10px;
               background-image: url(/images/zieook_list.gif);
               background-repeat: no-repeat;
               background-position: left top;
               text-decoration: none;
            }
            #zieook ul a:hover{
               text-decoration: underline;
            }
         #content{
            float: right;
            width: 586px;
            line-height: 1.4em;
            color: #008fbd;
         }
            #content #image{
               float: right;
               width: 270px;
               overflow: hidden;
               margin: 0em 0px 0px 20px;
            }
            #content #image span{
               display: block;
               position: absolute;
               background-image: url(/images/imagemask.png);
               background-repeat: no-repeat;
               background-position: top right;
               width: 270px;
               height: 27px;
               top: 0px;
               left: 0px;
            }
         .clear{
            clear: both;
         }

#content p img {
	padding-right:7px;
	padding-bottom:3px;
}

#footer{
   width: 975px;
   margin: 0px -10px 0px -10px;
   height: 54px;
   clear: both;
   float: none;
   padding: 05px 0px 0px 0px;
   background-color: #FFFFFF;
   color:#959595;
   font-size: 0.9em;
   z-index: 101;
}
   #footerboog{
      background-image: url(/images/footer1.png);
      background-repeat: no-repeat;
      width: 635px;      
      height: 29px;
      top: -27px;
      left: 0px;
      position: absolute;
   }
   #footerboogpng{
      background-image: url(/images/footer2.png);
      background-repeat: no-repeat;
      width: 340px;      
      height: 60px;
      top: -60px;
      left: 635px;
      position: absolute;
   }
   #footer p{
      margin: 0px 10px 0px 21px;
      padding: 0px;
      width: 192px;
   }
   #footer a{
      color:#959595;
      text-decoration: none;
   }
   #footer a:hover{
      text-decoration: underline;
   }
   #footer .telefoonnummer{
      float: right;
      display: block;
      border-left: 1px solid #959595;
      padding-left: 5px;
   }
   #footer #disclaimers{
      float: right;
      text-align: right;
      width: 300px;
   }
   #footer select{
      color:#959595;
      border: 1px solid #959595;
      font-size: 0.9em;
   }
   #footer label, #footer select{
      margin-top: 5px;
   }
#hoofdmenu{
   position: absolute;
   left: 317px;   /*  left: 271px; */
   top: 74px;
   z-index: 800;
}
   #hoofdmenu ul{
      margin: 0px;
      padding: 0px;
      list-style: none;
   }
   #hoofdmenu ul li {
      float: left;
   }
   #hoofdmenu ul li a{
      display: block;
      height: 0px;
      padding-top: 48px;
      background-repeat: no-repeat;
      overflow: hidden;
   }
   #hoofdmenu .b1 a{
      background-image: url(/images/b1a.jpg);
      width: 221px;
   }
   #hoofdmenu .b2 a{
      background-image: url(/images/b2a.jpg);
      width: 118px;
   }
   #hoofdmenu .b3 a{
      background-image: url(/images/b3.gif);
      width: 119px;
   }
   #hoofdmenu .b1 a:hover{  background-image: url(/images/b1ahover.jpg);   }
   #hoofdmenu .b2 a:hover{  background-image: url(/images/b2ahover.jpg);   }
   #hoofdmenu .b3 a:hover{  background-image: url(/images/b3_over.gif);   }
 
   #hoofdmenu .b1 a.active{  background-image: url(/images/b1ahover.jpg);   }
   #hoofdmenu .b2 a.active{  background-image: url(/images/b2ahover.jpg);   }
   #hoofdmenu .b3 a.active{  background-image: url(/images/b3_over.gif);   }
   
#zoeken{
   position: absolute;
   top: 6px;
   left: 240px;
   width: 706px;
   text-align: right;
   color:#b3e4f4;
   font-size: 0.9em;
   z-index: 800;
}
   #zoeken ul{
      margin: 4px 0px 3px 0px;
      padding: 0px;
      list-style: none;
      float: right;
      clear: both;
   }
   #zoeken ul li {
      float: left;
      margin-left: 4px;
   }
   #zoeken ul li a{
      color:#b3e4f4;
      text-decoration: none;
   }
   #zoeken ul li a:hover{
      color: #FFFFFF;
      text-decoration: underline;
   }
   #zoeken img{
      vertical-align: top;
   }
   #zoeken .field{
      width: 113px;
      background-color: #42bce3;
      border: 1px solid #FFFFFF;
      vertical-align: middle;
      color:#FFFFFF;
      font-size: 1em;
      padding: 0px;
   }
   #zoeken .button{
      color: #FFFFFF;
      font-weight: bold;
      border: 0px;
      background-color: transparent;
      font-size: 1em;
      padding: 0px 0px 0px 4px;
   }
   #zoeken ul{
      margin-top: 0px;
   }
   #zoeken .menu,#zoeken .menu a{
      color: #FFFFFF;
   }
   .veld{ width: 270px;}
   .veld input,
   .veld select{
      width: 100%;
   }
   input, select{
      font-size: 1em;
      padding: 1px 1px;
   }
   .fontsmaller{
      font-size: 80%;
   }
   .fontbigger{
      font-size: 120%;
   }
#sfeerbeeld{
   overflow: hidden;
   width: 158px;
   height: 216px;
}
#sfeerbeeldafronding{
   background-image: url(/images/sfeerbeeldafronding.png);
   width: 158px;
   height: 55px;
   position: absolute;
   left: 0px;
   bottom: 0px;
}
/* sIFR CSS **************************************************************************/
/* 
   hier kunnen via css de blokelementen van de headers voorzien worden van font-size, padding en margin.
   Overige zaken zoals kleur, link-kleur, :hover, text-align, backgroundcolor, etc, worden meegegeven 
   in sifr-css.js
*/
 .sIFR-active #kruimelpad h2{
   visibility: hidden;
   padding-top: 10px;
 }
 .sIFR-active #intro_titel h2{
   visibility: hidden;
   padding-top: 0px;
   margin-top: -10px;
 }
  .sIFR-active #intro_titel .onderschrift{
     margin-top: -10px;
  }
/* Home **************************************************************************/
#home_visual{
   height: 228px;
   top: 123px;
   left: 10px;
   width: 955px;
   position: absolute;
   background-image: url(/images/Home_visual10.gif);
   background-repeat: no-repeat;
   z-index: 400;
}
#visual_left{
   position: absolute;
   display: none;
   top: 123px;
   left: 10px;
   width: 478px;
   height: 228px;
   background-image: url(/images/Home_wathebik_over.gif);
   z-index: 500;
}
#visual_right{
   position: absolute;
   display: none;
   top: 123px;
   left: 487px;
   width: 478px;
   height: 228px;
   background-image: url(/images/Home_watdoetAltrecht_over.gif);
   z-index: 500;
}
#visual_left.active{
   background-image: url(/images/Home_wathebik_over.gif);
}
#visual_right.active{
   background-image: url(/images/Home_watdoetAltrecht_over.gif);
}
#wathebik{
   position: absolute;
   display: block;
   top: 290px;
   left: 10px;
   width: 417px;
   height: 0px;
   z-index: 400;
   background-color: #5D0E68;
   border-right: 1px solid #FFFFFF;
   overflow: hidden;
   z-index: 60;
   padding: 0px 28px 0px 32px;
   background-image: url(/images/Home_wathebik_over2.gif);
   background-repeat: no-repeat;

}
#watdoetaltrecht{
   position: absolute;
   display: block;
   top: 290px;
   left: 487px;
   width: 417px;
   height: 0px;
   z-index: 400;  
   border-left: 1px solid #FFFFFF;
   overflow: hidden;
   z-index: 60;
   padding: 0px 32px 0px 28px;
   background-image: url(/images/Home_watdoetAltrecht_over2.gif);
   background-repeat: no-repeat;

}
.home .textbox{
   padding: 65px 0px 0px 0px;
}
.diap{
   background-color: #5D0E68;
   color: #FFFFFF;
   line-height: 1.4em;
}
   .diap a,.diap h2,.diap h3{
      color: #FFFFFF;
   }
   .diap h2{
      font-size: 1.3em;
      font-weight: normal;
      margin-bottom: 10px;
   }
   .diap h3{
      font-size: 1em;
      padding: 0px 0px 5px 0px;
   }
   .diap .intro{
      background-image: url(/images/stippellijn3.gif);
      background-position: left bottom;
      background-repeat: repeat-x;
      padding-bottom: 8px;
   }
   .diap .col1{
      width: 200px;
      float: left;
   }
   .diap .col2{
      width: 200px;
      float: right;
   }
   .diap img{
      border: 1px solid #FFFFFF;
   }
   .diap p{
      padding: 8px 0px 0px 0px;
   }
   .diap .meer{
      display: block;
      padding: 1px 0px 2px 20px ;
      background-image: url(/images/home_meer.gif);
      background-repeat: no-repeat;
      margin-top: 5px;
   }
   .diap ul{
      margin: 0px;
      padding: 0px;
      list-style: none;
   }
      .diap ul li{
         display: inline;
      }
      .diap ul li a{
         display: block;
         background-image: url(/images/stippellijn3.gif);
         background-position: left bottom;
         background-repeat: repeat-x;
         padding: 2px 0px 2px 0px;
         text-decoration: none;
      }
      .diap ul li a:hover{
         text-decoration: underline;
      }
   
.hover{
   cursor: pointer;
}
.home #header{
   height: 310px;
}
#titel{
   width: 229;
   float: left;
}
.meerlink{
   font-style: italic;
}
.meerlink a{
   text-decoration: none;
}
.meerlink a:hover{
   text-decoration: underline;
}
#homecontent{
   float: left;
   width: 726px;
   background-image: url(/images/home_back.jpg);
   background-repeat: no-repeat;
}
   #homecontent h2{
      color: #008fbd;
      font-weight: normal;
      font-size: 1.6em;
      margin: 0px 0px 5px 11px;
      padding: 0px;
      background-image: url(/images/stippellijn2.gif);
      background-position: bottom;
      background-repeat: repeat-x;
   }
   #homecontent h2.spotlight{
      width: 540px;
      margin: 0px;
      padding: 38px 10px 5px 11px;
      background-image: url(/images/spotlight_top.gif);
      background-repeat: no-repeat;
      background-position: 8px bottom;
   }
#spotlight_nieuws  {
   width: 389px;
   float: left;
}
   #spotlight {
      width: 378px;
      float: left;
      background-image: url(/images/spotlight_back.gif);
      background-repeat: repeat-y;
      padding-left: 11px;
      line-height: 1.6em;
      color: #5D0E68;
   }
   #spotlight .fade{
      min-height: 175px;
      background-image: url(/images/backfade.jpg);
      background-repeat: no-repeat;
      padding: 0px 11px 0px 6px;
      float: left;
   }
   #spotlight table{
      border-collapse: collapse;
   }
   #spotlight table td{
      border: 0px;
      padding: 0px;
   }
   #spotlight img{
      margin-right: 6px;
      margin-top: 5px;
   }
   #spotlight h3{
      font-size: 1.2em; 
      padding-top: 0.5em;
   }
   #spotlightfooter{
      background-image: url(/images/spotlight_foot.gif);
      background-repeat: no-repeat;
      background-position: left top;
      height: 8px;
      width: 389px;
      float: left;
      clear: both;
   }
   #nieuws {
      width: 384px;
      float: left;
   }
      #nieuws ul{
         margin: 0px 0px 20px 11px;
         padding: 0px;
         list-style: none;
         font-size: 0.9em;
         color: #008fbd;
      }
      #nieuws ul li{
         margin: 2px 0px;
         padding-left: 100px;
         display: block;
         width: 273px;
         clear: both;
         float: left;
      }
      #nieuws ul a{
         font-size: 1.1em;
         float: left;
         display: block;
         width: 258px;
         text-decoration: none;
      }
      #nieuws ul a:hover{
         text-decoration: underline;
      }
      #nieuws ul .datum{
         width: 115px;
         height: 1.8em;
         float: left;
         margin-left: -100px;
      }
#links_tabs {
   width: 342px;
   float: left;
   margin-left: -5px;
}
   #spottabs tr{
      background-image: url(/images/spottabs.gif);
      background-repeat: repeat-y;
      background-position: left top;
   }
   #spottabs td{
      border: 0px;
      padding: 0px; 
      background-image: url(/images/spottabs_back.gif);
      background-repeat: no-repeat;
      background-position: left top;
      vertical-align: middle;
      padding: 0px 3px 0px 17px;
      height: 30px;
   }
   #top #spottabs td a{
      font-weight: bold;
      color: #008FBD;
      text-decoration: none;
   }
   #top #spottabs td a:hover{
      text-decoration: underline;
   }
   #top #spottabs td.hover{
      background-image: url(/images/spottabs_back_over.jpg);
      text-decoration: none;
   }
   #spottabs .active{
      background-image: url(/images/spottabs_back_over.jpg);
   }
   #top #spottabs td.active a{
      color: #5D0E68;
   }
   #top #spottabs td.last{
      height: 10px;
   }
   #spottabs ul{
      margin: 7px 0px 0px 0px;
      padding: 0px;
      list-style: none;
      background-image: url(/images/spottabs.gif);
      background-repeat: repeat-y;
      background-position: left top;
   }
   #spottabs ul li{
      margin-top: -7px;
      background-image: url(/images/spottabs_back.gif);
      background-repeat: no-repeat;
      background-position: left top;
      font-weight: bold;
      line-height: 1.2em;
      height: 37px;
      overflow: hidden;
      display: block;
   }
   #spottabs ul li a{
      display: block;
      padding: 7px 3px 0px 17px;
      height: 57px;
      background-image: none;
      background-repeat: no-repeat;
      background-position: left top;
   }
   #top #spottabs ul li .hover{
      background-image: url(/images/spottabs_back_over.jpg);
      text-decoration: none;
   }
   #spottabs ul li .active{
      background-image: url(/images/spottabs_back_over.jpg);
      color: #000000;
   }
#spottabs {
   width: 175px;
   float: left;
}
#links {
   width: 167px;
   float: left;
}
   #links ul{
      margin: 0px 0px 0px 11px;
      padding:0px;
      list-style: none;
   }
      #links ul li {
         display: inline;
      }

.home #links {
	margin-top:-35px;
}

.home #links h3 {
	font-size:1.3em;
	padding-left:10px;
	padding-bottom:5px;
}

   #kolomwrapper #links ul li a{
      display: block;
      background-image: url(/images/stippellijn2.gif);
      background-repeat: repeat-x;
      background-position: left top;
      font-weight: bold;
      color: #008fbd;
      padding: 2px 0px 1px 0px;
      text-decoration: none;
      width: 156px;
   }
   #kolomwrapper #links ul li a:hover{
      text-decoration: underline;
   }
   #kolomwrapper #links ul li a.first{
      background-image: none;
   }
   
#banners {
   width: 334px;
   float: right;
   padding-left: 3px
}
#banners a{
   float: left;
   display: inline;
   margin: 0px 0px 2px 9px;
}
   #banners .ie6fix{
      display: none;
   }


div.merk_logo{
	margin-top:10px;
}

/* Homepage ************************************************************************************/
ul.merken
{
	margin:62px 0 0 20px;
	padding:0;
	width:209px;
}
		
ul.merken li
{
	list-style:none;
	padding:0 0 2px 0;
}

/* Merk landingpages  *****************************************************************************/

/* Visuals */
.visual{
	height: 183px;
	top: 123px;
	left: 10px;
	width: 955px;
	position: absolute;
	background-repeat: no-repeat;
	z-index: 400;
}

.willemArntsz{
	background-image: url(/images/Vlinders/merken/vlinder_willemarntsz.jpg);
}

.jeugd{
	background-image: url(/images/Vlinders/merken/vlinder_jeugd.jpg);
}

.senior{
	background-image: url(/images/Vlinders/merken/vlinder_senior.jpg);
}

.cura{
	background-image: url(/images/Vlinders/merken/vlinder_cura.jpg);
}

.aventurijn{
	background-image: url(/images/Vlinders/merken/vlinder_aventurijn.jpg);
}


/* Einde visuals */

.merk_home #content_navigatie{
	padding-top:45px;
}

.merk_home #headerboog ,.merk_home #kruimelpad,.merk_home #sfeerbeeld, .merk_home #print{
	display:none;
}

.merk_home #submenu{
	width:auto;
	margin-top:-45px;
}

.merk_home #links{
	width:auto;
	height:none;
	margin-bottom:10px;
}

.merk_home #links h2{
	font-style:normal;
	font-weight:bold;
	color:#5D0E68;
}

.merk_home #rightColumn h2{
	font-size: 1.3em;
	padding-left:10px;
}

.merk_home #content h2{
	font-style:normal;
	font-weight:bold;
	font-size:1em;
	margin:0 0 10px 0;
}

.merk_home h3{
	font-size:1em;
	margin:0 0 10px 0;
}

.merk_h3{
	clear:both;
}

#blokken{
	float:right;
	margin-top:10px;
	width:590px;
}

.merk_home .kaderlines {
	height:9.5em;
}

.merk_home .text{
	height:8em;
	overflow:hidden;
}

.merk_home .kader{
	width:284px;
	float:left;
}

.merk_home .kader h3{
	font-size: 1.2em;
	padding: 0px 0px 5px 0px;
	font-weight: normal;
	font-style: italic;
}
.merk_home .kader h3 a{
	text-decoration: none;
}
.merk_home .kader h3 a:hover{
	text-decoration: underline;
}

.merk_home .kaderlines{
	color:#008FBD;
}

.merk_home #zieook{
	margin-top:100px;
}

.merk_home #rightColumn{
	position:absolute;
	height:400px;
	padding-top:45px;
	background:url(/images/landing_back.jpg) no-repeat 0px 0px;
}

.merk_home #merk_banners {
	float:left;
	width:158px;
	height:200px;
	margin-top:30px;
}

.merk_home #rightColumn img{
	border:0;
	margin-bottom:5px;
}

.merk_home #kolomwrapper #links ul li a{
	width:135px;
}

/* Merk content pages *****************************************************************************/
.merk_content #header{
	height:242px;
}

.merk_content div#headerboog{
	background-image: url(/images/merk_kruimelpad.png);
	height:125px;
}

.merk_content #zieook{
	padding-top:0px;
}

.merk_content #kruimelpad h2{
	margin-top:-10px;
}

.merk_content #submenu{
	padding-top:10px;
}

/* Standaard opmaak  *****************************************************************************/

h1,h2,h3,h4,h5,h6{
   line-height: 1.3em;
   margin: 0px;
   padding: 0.75em 0px 0em 0px;
   color: #5D0E68;
}
   h1{
      font-size: 2.5em;
   }
   h2{
      font-size: 1.9em;
   }
   h3{
      font-size: 1.4em;
   }
   h4{
      font-size: 1.2em;
   }
   h5{
      font-size: 1em;
   }
   h6{
      font-size: 0.8em;
   }
   #content h1,#content h2,#content h3,#content h4,#content h5,#content h6{
      font-size: 1em;
   }

p {
   padding: 0px 0px 0.75em 0px;
   margin: 0px;
}
		
ul, ol {
   padding: 0px 0px 0px 25px;
   margin: 0px 0px 0.75em 0px;
}
   ul ul, ol ol{
      margin: 0px 0px 0px 0px;
   }
   ul li, ol li {
      line-height: 1.5em;
   }
table {
   border-collapse: collapse;
   padding-top: 0.3em;
   empty-cells: show;
}
   table td,{
      padding: 0.2em;
      border: 1px solid #CCCCCC;
      vertical-align: top;
   }

   table th {
      padding: 0.2em;
      border: 1px solid #42BCE3;
      background-color: #42BCE3;
      color: #FFFFFF;
      text-align: left;
      vertical-align: top;
   }
   .rasteruit td {
      border: 0px;
      padding: 0.2em;
      border: 0px;
      vertical-align: top;
   }
   #content form{
      clear: both;
   }
   form table{
      width: 90%;
   }
   form table td{
      border: 0px;
      font-weight: bold;
      padding: 2px 0px;
   }
   form table table{
      width: auto;
   }
   form table td td{
      padding: 0px;
   }
   form .small{
      width: 70px;
      font-weight: normal;
      font-size: 0.9em;
      padding: 0px 0px 0px 10px;
   }
   form label{
      padding-right: 5px;
   }
   form .field{
      width: 98%;
      border: 1px solid #42BCE3;
   }
   #content .cmd{
      border: 1px solid #42BCE3;
      background-color: #b2e4f4;
      color: #5D0E68;
      font-weight: bold;
      font-size: 1em;
   }
   #content .button{
      border: 1px solid #42BCE3;
      background-color: #b2e4f4;
      color: #5D0E68;
      font-weight: bold;
      font-size: 1em;
      margin-top: 10px;
   }
code {
   font-size: 100%;
}
 
/* Opmaak elementen **************************************************************************/
#exampleform .col1{
   width: 10em;
}
.kader{
   background-image: url(/images/kader_shadow.gif);
   background-position: right bottom;
   padding: 0px 8px 7px 0px;
   margin: 1px 0px 5px 1px;
   color: #5D0E68;
}
.kaderlines{
   border-top: 1px solid #e8e8e8;
   border-left: 1px solid #e8e8e8;
   background-image: url(/images/kader_fade.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   background-color: #FFFFFF;
   padding: 7px;
}
.kader1, .kader2{
   display: block;
   width: 7px;
   height: 7px;
   position: absolute;
   background-image: url(/images/kader_shadow_02.gif);
   background-repeat: no-repeat;
}
.kader2{
   top: 0px;
   right: 0px;
   background-image: url(/images/kader_shadow_01.jpg);
}

table.persoon td{
   padding: 0px;
   border: 0px;
}
.persoon ul{
   margin: -5px 0px 0px 10px;
   padding: 0px;
   list-style: none;
}
.persoon ul li{
   background-image: url(/images/stippellijn1.gif);
   background-position: left bottom;
   background-repeat: repeat-x;
   padding: 3px 0px;
   color: #008fbd;
}
#kolomwrapper .persoon ul li a{
   color: #008fbd;
}


#zelftest{
   background-image: url(/images/stippellijn1.gif);
   background-repeat: repeat-x;
   padding-top: 10px;
}
   #zelftest #start{
      position: absolute;
      top: -25px;
      left: 0px;
      width: 100px;
   }
   #content h2{
      font-style: italic;
      font-size: 1.5em;
      font-weight: normal;
      padding-top: 0px;
      color: #5D0E68;
   }
   #zelftest p {
      padding: 0px 0px 0px 25px;
      font-weight: bold;
   }
   #zelftest table{
      background-image: url(/images/stippellijn1.gif);
      background-repeat: repeat-x;
      width: 100%;
      margin-top: 5px;
   }
   #zelftest table td{
      padding: 0px;
      font-weight: normal;
   }
   #zelftest .button{
      margin: 0px;
      float: right;
   }
   #zelftest .kaderlines{
      padding: 5px;
   }
   #zelftest .not .kaderlines{
      background-image: none;
   }
   #zelftest .radio{
      width: 100%;
   }
   #zelftest .vraag,
   #zelftest .vraag .button{
      display: none;
   }
   #zelftest .uitslag .button,
   #zelftest .done .button{
      display: block;
   }
   #zelftest .alert{
      color: #FF0000;
      text-align: right;
      margin-top: -7px;
      display: none;
      padding-right: 10px;
   }
   #kolomwrapper .uitslag a {
      color: #008FBD;
   }
   #uitslagen_link{
      text-decoration: none;
   }
   #uitslagen_link:hover{
      text-decoration: underline;
   }
   .uitslag h2{
      margin-bottom: 10px;
   }

.hr{
   background-image: url(/images/stippellijn1.gif);
   display: block;
   clear: both;
   margin: 5px 0px 5px 0px;
   overflow: hidden;
   height: 1px;
}   
   .paginas{
      background-repeat: repeat-x;
      color: #008FBD;
      height: 17px;
      padding: 3px;
   }
   .paginas.top{
      background-image: url(/images/paginas_top.gif);
      background-position: left bottom;
      position: absolute;
      left: 0px;
      top: -23px;
      width: 586px;
   }
   .paginas.bottom{
      background-image: url(/images/paginas_bottom.jpg);
      background-position: left top;
   }
   #kolomwrapper .paginas a{
      color: #008FBD;
   }
   #kolomwrapper .zoeknavigatie a{
      color: #008FBD;
   }
   #kolomwrapper .zoeknavigatie {
      color: #5D0E68;
      font-weight: bold;
   }
   #zoekresultaten table {
      margin-bottom: 15px;
   }
   #zoekresultaten table td{
      border: 0px;
      padding: 0px 0px 0px 5px;
   }
   #zoekresultaten table tr{
      background-image: url(/images/stippellijn1.gif);
      background-position: left bottom;
      background-repeat: repeat-x;
   }
   #zoekresultaten table a{
      display: block;
      margin: 5px 0px;
      font-weight: bold;
      text-decoration: none;
   }
   #zoekresultaten table a:hover{
      text-decoration: underline;
   }
   #zoekresultaten .col1{
      color: #5D0E68;
      padding: 5px 0px;
      text-align: right;
   }
   #zoekresultaten p{
      padding: 0px;
   }
.landing #intro_titel{
   padding-top: 30px;
   padding-bottom: 0px;
   min-height: 1px;
}
   .landing #content{
      padding: 30px 0px 10px 28px;
      float: left;
      width: 737px;
   }
   .landing .kader{
      float: left;
      margin: 0px 10px 10px 0px;
   }
   .landing .kaderlines{
      width: 201px;
      height: 12em;
      color: #008FBD;
   }
   .landing .kader .more{
      font-style: italic ;
      text-decoration: none;
   }
   .landing .kader .more:hover{
      text-decoration: underline;
   }
   
   .landing #content .kader h3{
      font-size: 1.2em;
      padding: 0px 0px 5px 0px;
      font-weight: normal;
      font-style: italic;
   }
   .landing #content .kader h3 a{
      text-decoration: none;
   }
   .landing #content .kader h3 a:hover{
      text-decoration: underline;
   }
   .landing .text{
      display: block;
      height: 11em;
      overflow: hidden;
   }
   .landing .text p {
      padding: 0px;
   }
   .landing .landingskolom{
      width: 218px;
      float: left;
   }
   .landing .landingskolom .kader{
      margin-right: 0px;
   }
   .landing .landingskolom a{
      text-decoration: none;
   }
   .landing .landingskolom a:hover{
      text-decoration: underline;
   }
   .landing .groot{
      width: 480px;
      overflow: hidden;
      padding-bottom: 20px;
   }
   #top .groot .onderschrift a{
      border: 0px;
      display: inline;
      font-weight: normal;
      padding: 0px;
      text-decoration: underline;
   }
   .groot .onderschrift{
      color: #5D0E68;
      padding-left: 5px;
      border-left: 1px solid #42BCE3;
   }
   .landing .kolommen .kaderlines{
      height: auto;
   }
   #content .landingskolom h2{
      padding: 0px 0px 10px 0px;
   }
   .landingskolom ul{
      margin: 0px;
      padding: 0px;
      list-style: none;
   }
   #kolomwrapper .landingskolom ul a{
      color: #5D0E68;
      text-decoration: none;
   }
   #kolomwrapper .landingskolom ul a:hover{
      text-decoration: underline;
   }
   #kolomwrapper .landingskolom .bloggers a{
      font-weight: normal;
   }
   #kolomwrapper .landingskolom .bloggers a:hover{
      text-decoration: underline;
   }
   #kolomwrapper .landingskolom a{
      font-weight: bold;
      color: #008FBD;
   }
   .foldout {
      margin: 10px 0px 0px 0px;
      padding: 0px;
      list-style: none;
   }
   .foldout .open{
      display:block;
      height: 11px;
      width: 11px;
      background-image: url(/images/foldout_open.gif);
      position: absolute;
      margin-top: 6px;
      cursor: pointer;
      z-index: 10;
      left: 0px;
      top: 0px;
   }
   .foldout .open.close{
      background-image: url(/images/foldout_close.gif);
   }
   .foldout .datum{
      position: absolute;
      left: 15px;
      top: 3px;
      width: 75px;
   }
   .foldout div{
      padding: 3px 0px 3px 90px;
      z-index: 1;
      display: block;
      background-image: url(/images/stippellijn1.gif);
      background-repeat: repeat-x;
      background-position: left bottom;
   }
   .foldout div .samenvatting{
      display: block;
      padding: 0px 0px 0px 5px;
      border-left: 1px solid #42BCE3;     
      color: #5D0E68;
      background-image: none;
   }
   #kolomwrapper .foldout .meer{
      color: #008FBD;
      border: 0px;
      padding: 0px;
   }
   .foldout p{
      padding: 0px;
   }
   .foldout a{
      font-weight: bold;
      display: block;
      padding: 0px 0px 0px 5px;
      border-left: 1px solid #42BCE3;
      text-decoration: none;
   }
   .foldout a:hover{
      text-decoration: underline;
   }
   
#afdelingen{
   margin: -30px 0px 20px 0px;
   width: 695px;
   background-image: url(/images/stippellijn1.gif);
   background-repeat: repeat-x;
   background-position: left bottom;
}   
   #afdelingen table{
      width: 100%;
      background-image: url(/images/stippellijn1.gif);
      background-repeat: repeat-x;
      background-position: left top;
      margin-bottom: 10px;
   }
   #afdelingen table td{
      border: 0px;
      font-weight: bold;
   }
   #afdelingen p {
      color: #5D0E68;
      font-weight: bold;
   }
   #afdelingen select{
      border: 1px solid #5D0E68;
      color: #008FBD;
      font-size: 1em;
      width: 160px;
   }
   #afdelingen .col1{
      width: 160px;
   }
   #afdelingen .field{
      border: 1px solid #5D0E68;
      color: #008FBD;
      font-size: 1em;
      width: 160px;
   }
   #afdelingen .button{
      margin-top: 0px;
      margin-right: 0px;
   }
   #content .keywords{
      display: none;
      position: absolute;
      background-color: Aqua;
      top: 0px;
   }



/* Calender ***********************************************************************************/
#swd5_calendar {
	position: relative;
   height: auto;
}
#swd5_calendar.kader{
   margin-right: 0px;
   width: 729px;
}
#swd5_calendar .kaderlines{
   width: 98%;
   height: auto;
}

/* Overal table */
#swd5_calendar table.calTable {
	margin-top: 20px;
	color: #000;
	background-color: #ffffff;
	border-collapse: collapse;
   border: 1px solid #42BCE3;
}

#swd5_calendar table.calTable td.calDay {
	border: 1px solid #42BCE3;
}


/* Define the width en height of (almost) each cell in the calendar */
#swd5_calendar table.calTable td.calToday,
#swd5_calendar table.calTable td.calDay,
#swd5_calendar table td.calWeekend {
	height: 8em;
	width: 7.5em;	
}
#swd5_calendar table.calTable td.calToday{
   width: 7.5em;	
}
#swd5_calendar table td.calWeekend td.calWeekend{
   height: auto;
}

/* Inside each day, there's another table,  remove border*/
#swd5_calendar table.calTable .calDay table .calDay {
	border: none;
	height: auto;
	width: auto;
}



#swd5_calendar table.calTable td.calDay a:hover {
	text-decoration: underline;
}
#swd5_calendar table.calTable td.calWeekend table,
#swd5_calendar table.calTable td.calToday table,
#swd5_calendar table.calTable td.calDay table{
   text-align: right;
   width: 95%;
   float: right;
}
#swd5_calendar table.calTable td.calWeekend table td,
#swd5_calendar table.calTable td.calToday table td,
#swd5_calendar table.calTable td.calDay table td{
   border: 0px;
   height: auto;
}

/* Toprow */
/* Title (Month/Year (monthview) or Week/Year (weekview)  or Day/Month/Year (dayview) */
#swd5_calendar table td.calTitle {
	text-align: center;
	color: #ffffff;
	background-color: #42BCE3;
   border: 1px solid #FFFFFF;
   font-weight: bold;
	padding: 3px;
}

#swd5_calendar table td.calTitle a, 
#swd5_calendar table td.calTop a {
	color: #FFFFFF;
	text-decoration: none;
   font-weight: bold;
}

#swd5_calendar table td.calTitle a:hover, 
#swd5_calendar table td.calTop a:hover {
	text-decoration: underline;
	color: #ffffff;
}

/* TD's for next and previous buttons */
#swd5_calendar table td.calTitle,
#swd5_calendar table td.calTop {
	background-color: #42BCE3;
   border: 1px solid #42BCE3;
   border-bottom: #FFFFFF;
}
#swd5_calendar table.alt td.calTitle,
#swd5_calendar table.alt td.calTop {
	background-color: #42BCE3;
   border: 1px solid #42BCE3;
}


#swd5_calendar table td.calTop {
	width: 80px;
}
/* Previous and Next buttons */
.calPrevious {
	display: block;
   float: left;
   width: 150px;
}

.calNext {
	padding-right: 20px;
	display: block;
   float: right;
   width: 150px;
   text-align: right;
}

/* Second row (Weeknumbers */
#swd5_calendar table td.calColumn {
	background-color: #42BCE3;
   border-right: 1px solid #FFFFFF;
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #42BCE3;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
}

/* Overal link color */
#swd5_calendar table.calTable a {
	color: #008FBD;
	text-decoration: none;
   font-weight: bold;
}
#swd5_calendar table.calTable a:hover {

}
#swd5_calendar table.calTable a.calEvent {
	color: #5D0E68;
	text-decoration: none;
   font-weight: normal;
}

/* Vertical week column */
#swd5_calendar table td.calWeek {
	background-color: #ddf1f7;
   text-align: center;
	font-weight: bold;
	width: 1%;
   border: 1px solid #42BCE3;
}

/* Vertical weekend column */
#swd5_calendar table td.calWeekend {
	border-collapse:collapse;
	border: 1px solid #42BCE3;
	background-color: #f3fafc;
}

/* Inside the calWeekend there's another table, remove border */
#swd5_calendar table td.calWeekend .calWeekend {
	border: none;
}

/* Highlight today */
#swd5_calendar table td.calToday {
	 background-color : #dfd0e2;
	 border: 1px solid #42BCE3;
	 border-collapse: collapse;
}
/* Inside the calTdoay there's another table, remove border */
#swd5_calendar table td.calToday .calToday{
	border: none;
   width: auto;
}

#swd5_calendar .alt {
   width: 100%;
}
#swd5_calendar .alt td.calTitle, #swd5_calendar .alt td.calTop{
   width: auto;
}
#swd5_calendar .alt td.calColumn{
   background-color: #ddf1f7;
   color: #008FBD;
   border: 1px solid #42BCE3;
   width: 160px;
}
#swd5_calendar TABLE.calTable.alt TD.calWeekend,
#swd5_calendar TABLE.calTable.alt TD.calDay,
#swd5_calendar TABLE.calTable.alt TD.calToday{
   width: 100%;
}
#swd5_calendar .alt .calWeekend table,
#swd5_calendar .alt .calToday table{
   width: 100%;
}
#swd5_calendar .alt table td{
   border: 0px;
}
#swd5_calendar .alt .tijd{
   color: #008FBD;
   width: 1%;
   font-weight: bold;
   white-space: nowrap;
}
#swd5_calendar .alt .activiteiten,
#swd5_calendar .alt .persoon{
   text-align: left;
   padding-left: 20px;
}
#swd5_calendar .alt .activiteiten a{
   color: #5D0E68;
}


/* Forum  **********************************************************************************/

#forum{
   width: 100%;
}   
#forum td,#forum th{
   padding-left: 20px;
   border: 0px;
}   
#forum tr{
   background-image: url(/images/stippellijn1.gif);
   background-repeat: repeat-x;
   background-position: left bottom;
}
#kolomwrapper #forum a{
   font-weight: bold;
   color: #008FBD;
   text-decoration: none;
}
#kolomwrapper #forum a:hover{
   text-decoration: underline;
}
.action{
   margin: 10px 0px;
}
.action a{
   padding-left: 20px;
   text-decoration: none;
}
.action a:hover{
   text-decoration: underline;
}
#ervaringsdeskundige{
   background-image: url(/images/stippellijn1.gif);
   background-repeat: repeat-x;
   background-position: left top;
   padding-top: 5px;
}
.forumverhaal{
 }
.forumverhaal ul{
   list-style: none;
   padding: 0px;
}
.forumverhaal li{
   background-image: url(/images/stippellijn1.gif);
   background-repeat: repeat-x;
   background-position: left bottom;   
   padding: 3px 0px 3px 20px;
}
.forumverhaal a {
   font-weight: bold;
   text-decoration: none;
}
.forumverhaal a:hover{
   text-decoration: underline;
}
.forumverhaal p{
   padding: 2px 0px;
}
#reacties h3{
   padding: 0px 0px 3px 17px;
   margin: 0px -17px 3px -17px;
   background-image: url(/images/stippellijn1.gif);
   background-repeat: repeat-x;
   background-position: left bottom;   
   width: 550px;
}
#reacties .kaderlines{
   padding-left:17px;
   width: 550px;
}
#reacties .datum {
   color:#008FBD;
   float:right;
   font-size:0.9em;
   text-align:right;
   width:190px;
   padding: 0px;
}
#reacties blockquote {
   font-style: italic;
   color: #008FBD;
   padding: 0px 0px 0px 17px;
   margin: 0px 0px 7px -17px;
   background-image: url(/images/stippellijn1.gif);
   background-repeat: repeat-x;
   background-position: left bottom;
   width: 550px;
}
#reacties blockquote h3{
   color: #008FBD;
   background-image: none;
}
#reacties a.button{
   float: left;
   font-weight: normal;
   padding: 0px 4px;
   margin: 0px 8px 7px 1px;
}
#reacties a.button:hover{
   text-decoration: none;
   background-color: #BE9FC3;
   color: #5D0E68;
   border: 1px solid #5D0E68;
}
#reacties .kader{
   float: left;
   margin: 5px 0px 0px 0px;
}
#reacties .reactiepaginas {
  float: left;
  display:block;
  clear: both;
  width: 580px;
  padding: 3px;
  margin: 5px 0px;
  background-repeat: repeat-x;
}
   #reacties .reactiepaginas.top{
      background-image: url(/images/paginas_top.gif);
      background-position: left bottom;
      position: relative;
      left: 0px;
      top: 0px;
   }
   #reacties .reactiepaginas.bottom{
      background-image: url(/images/paginas_bottom.jpg);
      background-position: left top;
   }

hr{
   color: #42BCE3;
   background-color: #42BCE3;
   border: 0px;
   height: 1px;
}
#swd5search_results{
   width: 100%;
}
#zoekresultaten #swd5search_results td{
   padding: 3px 0px;
}
#swd5search_results .term{
   color: #5D0E68;
   width: 200px;
}
#content #btnSearch{
   margin:0px 0px 0px 10px;
   font-size: 1em;
   padding: 0px;
}
      .FontSizeInc{
         font-size: 14px;
         margin-top: -1px;
      }
      .FontSizeReset{
         font-size: 11px;
      }
      .FontSizeDec{
         font-size: 9px;
         margin-top: 0px;
      }