body
    {
    margin:0;
    background-color:#d2d2d2;
   /*
    background-image:url(images/bg.png);
    background-position:center;
    background-repeat:repeat-y;*/
    }
    
    a
    {
    text-decoration:none;
    }
 div#wait
 {
 position:absolute;
 top:0;
 right:0;
 }
 div.contentblock img      
{
margin-right:12px;
}
 div.contentblock img[align^="right"]         
{
margin-left:20px;
margin-right:0px;
}
/*semantische indeling*/
#beeldmerk ,#column1
{
width:190px;

}

#beeldmerk img
{
position:absolute;
z-index:1;
}

#service
{
width:710px;
margin-left:33px;
}
#service ul
{
margin:0;

}

#column2
{
margin-bottom:25px;
margin-right:20px;
width:501px;
}

#column3
{
width:220px;
margin-left:9px;
}
#column2-3
{
margin-bottom:25px;
margin-left:32px;
width:708px;
}



/*semantische namen in webparts*/

.volgimage, 
.kruis , 
.streep {width:30px;}

.volgitem {width:140px;}

.totalwidth, div.totalwidth {width:950px;margin:0;}


    h1,h2,h3,div.searchheader
    {
    font-size:100%;
    font-weight:bold;
    }
    
html,body
{
    height:100%;

}
.container
{
min-height:100%;
}

     
    div.container
    {
    background: #fff url(images/blauw_links.jpg) repeat-y;
    width:955px;
    background-color:#fff;
    min-height:100%;
    }
    p
    {
    margin:0px;
    }
    div.item
    {
    margin-top:10px;
    }
    
    div.itemheader span
    {
    display:none;
    }
    
 #contentblock1     div.itemheader span
{
display:block;
font-weight:bold;
margin-bottom:15px;
}   
    div#footer 
    {
    text-align:center;
    color:#666;
    font-size:90%;
    position:fixed;
    bottom:25px;
    }
    
    div#footer a
    {
    color:#666;
    margin-left:10px;
    margin-right:10px;
    
    text-decoration:none;
    }    
   
    
    form#websearch input
    {
    margin:0;
    padding:3px;
    font-size:90%;
    width:100px;
    color:#666;
    position:relative;
    top:-5px;
    }    
    ul.images{
    padding-left:15px;
    padding-top:10px;
    }
    
    div.adres
    {
    margin:5px;
    margin-left:25px;
    }
    
/*poll*/
a.poll_link
{
display:block;
margin:10px;
margin-left:15px;
font-weight:bold;
}
span.pol_percentage
{
display:block;
float:left;
width:50px;
clear:left;
}
td.pollchoosencolor
{
height:5px;
background-color:darkorange;
}
td.pollnotchoosencolor
{
background-color:#808080;
}

    
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .fontResizer { display: block; position:relative;top:-4px;  }
    .fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }
    .fontResizer a:hover { color: #000; text-decoration: none; }
    /* 
    The following control the way the font-resizer links appear only 
    Set the actual size-changes in the function call
    */
    .smallFont { font-size: 9px; }
    .medFont { font-size: 13px; }
    .largeFont { font-size: 15px; }
    div#service-nav a.curFont { background: #5b2d90; color:#fff;}

 


    /*service-nav*/
    div#service-nav
    {
    height:157px;
    background: #fff url(images/header_met_balk_menu.jpg) no-repeat;
    color:#999;
    text-align:left;
    }
    div#service-nav ul
    {
    float:left;
    margin-right:0px;
    }
    div#service-nav li
    {
    display:block;
    margin-top:1em;
    margin-bottom:1em;
    line-height:1.2em;
    float:left;
    padding-left:0em; 
    padding-right:2em; 
    font-size:90%;
    }
    div#service-nav li.last
    {
    border:none;
    padding:12px;
    margin:0;
    }
    div#service-nav li a
    {
    text-decoration:none;
    color:#333;
    }
   /*header*/

   div#kruimelpad-nav
   {
   clear:both;
   float:left;
   width:100%;
   margin-top:0.5em;
   margin-bottom:1em;
   }
   
div#kruimelpad-nav ul
{
margin:0;
}



    div#kruimelpad-nav li
    {
    display:block;
    line-height:1.2em;
    float:left;
    padding-right:1em; 
    }
    div#kruimelpad-nav li a
    {
    color:#666;
    text-decoration:none;
    font-size:85%;
    }
div#kruimelpad-nav ul li#kruimelpadlevel0 , div#kruimelpad-nav ul li#kruimelpadlevel1 ,.menuhome
{
display:none;
}    
   div#coursespage
    {
    margin-top:1em;
    }
    
        
   /*main-nav*/
    div#main-nav
    {
    margin-top:15px;
    }
    
    div#main-nav ul li 
    {
    display:block;
    float:left;
    clear:left;
    width:100%;
    }
    div#main-nav ul li  a
    {
    white-space:nowrap;
    display:block;
    padding:5px;
    padding-top:3px;
    padding-bottom:3px;
    margin-top:1px;
    color:#000;
    text-decoration:none;
    }
    
    div#main-nav ul li a:hover
    {
    background-color:#0aadf0;
    color:#fff;
    }
    
    div#main-nav ul li a.selected
    {
    background-color:#0aadf0;
    color:#fff;
    }
    
/*sub-nav*/

    div#sub-nav 
    {
    	    background:#fff url(images/bg_menuactive.gif) no-repeat right;
    	    min-height:200px;

    }

    div#sub-nav ul
    {
    	    margin:0;
    }
       
    div#sub-nav ul li 
    {
   
    display:block;
    float:left;
    }
    div#sub-nav ul li a
    {
    display:block;
    padding:5px;
    color:#000;
    text-decoration:none;
    margin-bottom:5px;
    font-weight:bold;
    height:80px;
    margin-top:0px;
    border-bottom:1px solid transparent;
    }
    div#sub-nav ul li a.selected
    {
      background-color:#b3d120;
    }    
    div#home ul li a 
    {
    margin-top:10px;
    margin-left:10px;
    height:140px;
    }
    
    div#sub-nav ul li a img
    {
    float:left;
    padding:3px;
    background-color:#fff;
    margin-right:10px;
    border:1px solid #666;
    }
    div#sub-nav ul li a  span
    {
    display:block;
    margin-top:5px;
    font-weight:normal;
    font-size:90%;
        }
    
    
    
    div#sub-nav ul li a:hover
    {
    background-color:#fff;
    color:#000;
    border-bottom:1px solid #ccde54;
    }
    div.subnav-init
    {
    display:none;
    }
    

 
 


 table.mainmenu_type2
 {
  position:absolute;
  top:134px;
  left:199px;
  border-collapse;collapse;
  width:717px;
 }
  table.mainmenu_type2 td
  {
  margin:0;
  padding:0;
  
  }
 table.mainmenu_type2 tr td.menu7 a
 {
 border-right:3px solid #fff;
 }
 table.mainmenu_type2 tr td a
 {
 display:block;
 padding-top:2px;
 padding-bottom:3px;
 color:#fff;
 border-left:3px solid #fff;
 font-weight:bold;
 text-decoration:none;;
 text-align:center;
 font-size:12px;
 }
 
  table.mainmenu_type2 tr td a.selected
 {
background-color:#e2017b;
 display:block;
 width:100%;
 }
 
 
    /*pag-nav*/
.submenuitem, .subsubmenuitem  {width:168px;float:left;}
.menuwrapper {width:165px;}



   div#pag-nav
   {
position:relative;
top:-23px;

   }
   
   div#pag-nav *
   {
   margin-right:0;
   }
   
   div.menuwrapper
   {
   width:165px;
   }
   div.menuwrapper div.kruis,div.menuwrapper div.streep
   {
   display:none;
   }
   
   
   div#pag-nav  a
   {
   color:#99ddff;
   text-decoration:none;
   display:block;
   padding:3px;
   padding-top:5px;
   padding-bottom:5px;
   text-align:right;
   border-bottom:1px solid #99ddff;
   padding-right:10px;
    font-size:12px;

   line-height:1.2em;
   
   }


   
   
   div#pag-nav  a:hover
   {
   font-weight:normal;
   background-position:center left;
   background-repeat:no-repeat;
   background-color:#0aadf0;
   color:#fff;
   }


   div#pag-nav a.selected
   {
   font-weight:bold;
   background-color:#0aadf0;
   color:#fff;
   }
   div#pag-nav div.subsubmenuitem a
   {
   background-color:#35BCF7;
   color:#fff;
   }
   

   
div#pag-nav div.subsubmenuitem a.selectedsub   {
   background-color:deeppink;
   color:#fff;
   font-weight:normal;
   }
      
   div#pag-nav  .mainmenuitem a
   {
   background-color:#e2017b;
   color:#fff;
   font-weight:bold;
   border-bottom:3px solid #fff;
   width:155px;
   }   
 
   div.kruis
 {
   text-align:center;
 }
 
    div.streep
 {
   text-align:right;
 }

 #agenda{  
 display:block;
 float:left;
 width:100%;
 margin-top:15px;
 border:3px solid #009de0;
 }
 
 #agenda div.itemheader
 {
 display:block;
 float:left;
 width:100px;
 overflow:hidden;
  
 } 
 #agenda div.itemcontent
 {
 display:block;
 float:left;
 padding:6px;
 width:380px;
 }
  #agenda div.itemheader span
 {
 display:block;
 background-color:#009de0;
 color:#fff;
 margin:3px;
 margin-bottom:20px;
 padding:3px;
 text-align:center;
 }
 #agenda span.evt_date
 {
 display:block;
 color:#009de0;
 font-weight:bold;
 font-style:italic;
 }
  #agenda span.evt_name_list 
 {
  display:block;
  margin-left:15px;
 }
 #agenda a
 {
 }
 
 div#agenda div.itemcontent a
{
text-decoration:none;
}
div#agenda div.itemcontent a:hover
{
text-decoration:underline;
}

  #cursussen{  
 display:block;
 float:left;
 width:100%;
 margin-top:15px;
 border:3px solid #009de0;
 }
 
 #cursussen div.itemheader
 {
 display:block;
 float:left;
 width:100px;
 overflow:hidden;
  
 } 
 #cursussen div.itemcontent
 {
 display:block;
 float:left;
 width:360px;
 margin:5px;
 margin-left:20px;
 margin-right:0px;
 }
  #cursussen div.itemheader span
 {
 display:block;
 background-color:#009de0;
 color:#fff;
 margin:3px;
 margin-bottom:80px;
 padding:3px;
 text-align:center;
 }
 #cursussen span.evt_date
 {
 display:block;
 color:#009de0;
 font-weight:bold;
 font-style:italic;
 }
  #cursussen span.evt_name_list 
 {
  display:block;
  margin-left:15px;
 }
 #cursussen a
 {
 }
 #boekentips{  
  width:100%;
  margin-top:15px;
 border:3px solid #e2017b;
 }
 .spotlight_cjg_list
 {  
 width:100%;
 border:3px solid #e2017b;
 margin-bottom:15px;
 }
 .eventspage
 {
 margin-top:15px;
 
 }
 div#contentblock_events div.itemheader span
 {
 display:block;
 font-size:120%;
 font-weight:bold;
 margin-bottom:1.5.em;
 }
 div#contentblock_events .evt_source
 {
 display:block;
 font-weight:90%;
 color:#999;
 margin-bottom:1.5em;

 }
 div#contentblock_events p
 {
 margin-top:1.5em;
 }
 
.spotlight_cjg_list a.lees_meer
{
text-decoration:none;
font-style:italic;
} 
 
 .spotlight_cjg_list div.kruis
 {
display:none;
 }
 
.cjg_spo_image{}
.cjg_spo_image img {margin:5px;}
.cjg_spo_summary{margin:5px;width:370px;}


 div#boekentips div.itemheader span,div#links div.itemheader span,div#folders div.itemheader span {
 display:block;
 clear:both;
 width:90px;
 background-color:#e2017b;
 color:#fff;
 padding:3px;
 margin:3px;
 text-align:center;
 }

div#boekentips,div#links,div#folders,div#cursussen
{
float:left;
margin-top:15px;
}

div#cursussen div.itemheader span
{
margin-top:5px;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #e5e5e5;
}


div#contextcolumn
{
 float:right;
 position:relative;
 left:25px ;
 clear:right;
}

 
 div.youtube , div#links,div#folders
 {
 width:220px;
 margin-bottom:3px;
 }

  div.youtube div.itemheader span
  {
  display:block;
  font-weight:bold;
  }
  
  

 
 .formlabel
 {
 vertical-align:top;
 }
 #organisaties{  
 display:block;
 float:right;
 margin-top:15px;
 margin-bottom:15px;
 width:215px;
 border:3px solid #009de0;
 }
 div.organisatiespage
 {
 margin-top:10px;
 width:100%;
 }
 
 #organisaties div.itemheader
 {
 display:block;
 float:left;
 width:100px;
 overflow:hidden;
  
 } 
 #organisaties div.itemcontent
 {
 display:block;
 float:left;
 width:210px;
 margin:5px;
 }
  #organisaties div.itemheader span
 {
 display:block;
 background-color:#009de0;
 color:#fff;
 margin:3px;
 margin-bottom:0px;
 padding:3px;
 text-align:center;
 }
  table td.bezoekadres div,  table td.postadres div
 {
 margin-top:10px;
 margin-bottom:10px;
 }
 ul.organisaties
 {
 margin-right:0;
 margin-left:0;
 
 }
 ul.organisaties li
 {
 display:block;
 padding-left:8px;
 background: transparent url(images/menu_select.gif) no-repeat left top;
 background-position:-7px 0;
 line-height:1.2em;
 margin-top:5px;
 margin-bottom:7px;
 }
 
  ul.organisaties li a.selected
  {
  font-weight:bold;
  }
  
div.pageservices
{
float:right;
margin-top:-65px;
}
div.pageservices a
{
    color:#666;
    text-decoration:none;
    font-size:85%;
margin-right:9px;
}

div.pageservices a.leesvoor
{
    font-size:120%;
    font-weight:bold;
}

div.pageservices a.print
{
  display:none;
}

div.pageservices a:hover
{
color:#000;
}


div.pageservices a img
{
position:relative;
top:5px;
margin:0;
}

div.coursecategory
{
clear:both;
width:99%;
font-weight:bold;

}

div.coursecategory span
{
font-weight:normal;
font-style:italic;
}

div.courseimage
{
width:80px;
background-color:#fff;
}
div.coursecontainer
{
width:100%;

}

div.coursecontent
{
width:490px;

}

div.coursecontext
{
width:190px;
padding-left:15px;
border-left:1px solid #f1f1f1;
}

div#coursepanel
{
height:30px;
margin-bottom:10px;
border-bottom:1px solid #e5e5e5;
}

div#coursepanel a
{
margin:5px;
}
div#coursepanel a.active
{
display:none;
}
 
div#coursepanel span.separator
{
display:none;
}

div#coursespage label,div#coursespage div.toolbar
{
float:left;
clear:both;
text-align:left;
}
div#coursespage input,div#coursespage textarea,div#coursespage select
{
float:left;
clear:both;

}
div#coursespage div.label
{
font-weight:bold;
margin-top:10px
}

div#coursespage div.header
{
font-weight:bold;
font-size:150%;
}
div.courseslist
{
padding-bottom:10px;
}

div.courseslist div.cur_name
{
font-weight:bold;
}



#coursespage .alternate
{
background-color:#f5f5f5;
}

div#bannerlist
{
float:none;
margin-top:22px;
}
.img_banner
{
float:right;
overflow:hidden;
}

img.banner
{
float:right;
margin:0;
padding:0;
margin-bottom:3px;
width:225px;
}

div.ofbel
{
margin-top:15px;
margin-left:10px;
color:#fff;
font-size:15px;
font-weight:bold;

}

div.cjgbooktip
{
margin-left:3px;
margin-top:10px;
padding-bottom:10px;
border-bottom:1px solid #e5e5e5;
}
div.cjgbooktip img
{
width:70px;
}
div#boektip img
{
width:180px;
}

div.oudersonline_title
{
font-weight:bold;
display:block;
margin:5px;
border:1px dotted transparent;
}

div#column2 div#oudersonline div.itemheader span
{ 
 display:block;
 background-color:#ff3131;
 color:#fff;
 margin:3px;
 margin-bottom:80px;
 padding:3px;
 text-align:center;
}


 
div#column2 div#oudersonline div.itemheader img{
display:none;
}

div#oudersonline
{
float:left;
clear:both;
width:100%;
border:3px solid #ff3131;
}

 #oudersonline div.itemheader
 {
 display:block;
 float:left;
 width:100px;
 overflow:hidden;
  background-color:#ff3131;
 
 } 
 #oudersonline div.itemcontent
 {
 display:block;
 float:left;
 width:370px;
 margin:5px;
 margin-left:20px;
 margin-right:0px;
 }
 #oudersonline div.itemheader span
 {
 display:block;
 background-color:#ff3131;
 color:#fff;
 margin:3px;
 margin-bottom:80px;
 padding:3px;
 text-align:center;
 }
 


div#oudersonline div.itemheader a
{
text-decoration:none;
}

div#oudersonline div.itembottom span a
{
display:block;
margin:6px;
font-weight:bold;
color:#ff3131;
clear:left;
}

div.oudersonline_summary
{
margin:10px;
padding:5px;
}
div.oudersonline_summary a
{
font-weight:bold;
margin-top:5px;
margin-bottom:20px;
white-space:nowrap;

}
div.oudersonline_selected
{
background-color:#f3f8fa;
}

span.oudersonline_datetime_title
{
display:block;
font-size:80%;
float:right;
font-weight:normal;
}
span.oudersonline_datetime_summary
{
display:none;
}
div.oudersonline_hover
{
border:1px dotted #ff3131;
}

#vierdeniveau a
{
text-decoration:none;

}

#vierdeniveau a:hover
{
text-decoration:underline;
}

#vierdeniveau a.selected
{
font-weight:bold;
}