body
    {
    margin:0;
    background-color:#d2d2d2;

    baackground-image:url(images/background.jpg);
    background-position:center;
    background-repeat:repeat-y;
    }
    
 div#wait
 {
 position:absolute;
 top:0;
 right:0;
 }
 div.module
 {
 width:900px;
 }
 
 div.contentblock img      
{
margin-right:12px;
}
 div.contentblock img[align^="right"]         
{
margin-left:20px;
margin-right:0px;
}
/*semantische indeling*/
#beeldmerk ,#column1
{
width:250px;

}
a
{
color:#491f74;
}
a:focus
{
outline:none;
}
#beeldmerk img
{
position:absolute;
z-index:1;
}

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

}

#column2
{
margin-left:32px;
width:440px;
padding-bottom:50px;
_margin:0px;
}

#column3
{
width:181px;
margin-left:9px;
_margin:0px;
}
#column2-3
{
margin-left:32px;
width:708px;
_margin:0px;
}

.cjgbooktip
{
_width:430px;
}

/*semantische namen in webparts*/

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

.volgitem {width:140px;}

.totalwidth, div.totalwidth {width:941px;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:941px;
    background-color:#fff;
    min-height:100%;
    }
    p
    {
    margin:0px;
    }
    div.item
    {
    margin-top:10px;
    }
    
    div.itemheader span
    {
    display:none;
    }
    
 #contentblock1     div.itemheader span ,h1,h2,h3
{
display:block;
font-size:120%;
font-weight:bold;
color:#491f74;
margin-bottom:15px;
}   
    div#footer 
    {
    text-align:center;
    color:#666;
    font-size:90%;
    position:absolute;
    right:10px;
    bottom:25px;
    display:inline;
    }
    
    div#footer a
    {
    color:#666;
    margin-left:10px;
    margin-right:10px;
    
    text-decoration:none;
    }    
   
    
    form#websearch input
    {
    position:relative;
    top:20px;
    left:30px;
    margin:0;
    padding:3px;
    padding-top:0px;
    font-size:90%;
    width:185px;
    color:#666;
    border:none;
    }    
    ul.images{
    padding-left:15px;
    padding-top:10px;
    }
    
    div.adres
    {
    margin-left:42px;
    }
    
    div#aanbod
    {
    margin-left:20px;
    }/*poll*/
    div#poll
    {
    margin: 10px 10px 0px 20px;
    }
    
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:absolute;z-index:99999;top:180px;left:20px;  }
    .fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center;  line-height: 15px; color: #fff; 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:276px;
    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#menucontainer
{
  background:url(images/menu_balk_wit2.png) no-repeat;
  height:43px;
  clear:left;
  border-top:1px solid #fff;
}


 table.mainmenu_type2
 {
  margin-left:290px;
  width:640px;
  height:33px;
  border-collapse;collapse;
 }
  table.mainmenu_type2 td
  {
  margin:0;
  padding:0;
  border-left: 2px solid #fff;
  color:#000;

  
  }
  
 table.mainmenu_type2 tr td a
 {
 display:block;
 padding-bottom:3px;
 color:#fff;
 font-weight:bold;
 text-decoration:none;;
 text-align:center;
 font-size:12px;
 line-height:18px;
  padding-top:7px;
  padding-bottom:8px;
 }
 
  table.mainmenu_type2 tr td a.selected
 {
 background-color:#491f74;
 display:block;
 width:100%;
 }
 table.mainmenu_type2 td.menu1 
 {
 border-left: 2px solid #fff;
 width:65px;
 }
 table.mainmenu_type2 td.menu1 a 
 {
 text-align:left;
 }
  table.mainmenu_type2 td.menu1 a span
  {
  margin-left:10px;
  }
 table.mainmenu_type2 td.menu2
 {
 width:100px;
 }
 table.mainmenu_type2 td.menu3
 {
 width:80px;
 }
 table.mainmenu_type2 td.menu4
 {
 width:80px;
 }
 table.mainmenu_type2 td.menu5
 {
 width:100px;
 } 
 table.mainmenu_type2 td.menu6
 {
 width:120px;
 } 
 table.mainmenu_type2 td.menu7
 {
 width:100px;
 }
 table.mainmenu_type2 td.menu8
 {
 width:120px;
 }
    /*pag-nav*/
.submenuitem, .subsubmenuitem  {width:210px;float:left;}

div#submenu2 div.itemheader
{
height:26px;
background:url('images/submenu_h.png') no-repeat;
}
div#submenu2 div.itemcontent
{
background:url('images/submenu_rep.png') repeat-y;
margin:0;
float:left;
}
div#submenu2 div.itembottom
{
clear:both;
height:21px;
background:url('images/submenu_b.png') no-repeat;
}

   div#pag-nav
   {
    width:244px;
    padding-bottom:15px;
    margin-left:10px;
    clear:both;
   }
   
   div#pag-nav *
   {
   margin-right:0;
   }
   
   div.menuwrapper
   {
   width:220px;
   }
   div.menuwrapper div.kruis,div.menuwrapper div.streep
   {
   display:none;
   }
   
   
   div#pag-nav  a
   {
   color:#fff;
   text-decoration:none;
   display:block;
   padding-left:10px;
   padding-top:5px;
   padding-bottom:5px;
   text-align:left;
   padding-right:10px;
font-size:95%;
font-weight:bold;

   line-height:1.2em;
   
   }

div#pag-nav .subsubmenuitem  a,div#pag-nav .subsubmenuitem  a:hover
{
padding-left:20px;
font-weight:normal;
}

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


   div#pag-nav a.selected
   {
   font-weight:bold;
   background-color:#fff;
   color:#491f74;
    baackground: #fff url(images/menu_select.gif) no-repeat left center;
   }
   div#pag-nav div.subsubmenuitem a
   {
   background-color:#fff;
   color:#491f74;
   }
   

   
div#pag-nav div.subsubmenuitem a.selectedsub   {
    font-weight:bold;
    background: #fff url(images/menu_select.gif) no-repeat left center;
   }
   div#pag-nav .mainmenuitem
   {
   display:none;
   font-size:110%;
   position:relative;
   top:-40px;
   }
      
   div#pag-nav  .mainmenuitem a
   {
   color:#fff;
   font-weight:bold;
   width:200px;
   }   
   div#pag-nav  .mainmenuitem a:hover
   {
   background-color:transparent;
   text-decoration:underline;
   }
   
 
   div.kruis
 {
   text-align:center;
 }
 
    div.streep
 {
   text-align:right;
 }

 #agenda 
 {
 padding-bottom:20px;
 }

 #agenda span.evt_date
 {
 display:block;
 color:#000;
 font-weight:normal;
 font-size:95%;
 font-style:italic;
 clear:both;
 }
  #agenda span.evt_name_list 
 {
  display:block;
 }
 #agenda a
 {
 font-weight:bold;
 }

 #agenda div.lees_meer
 {
 margin-top:10px;
 margin-bottom:20px;
 clear:both;
 float:left;
 }
 #cursussen a
 {
 }
 #boekentips{  
  width:100%;
  margin-top:15px;
 }
 .eventspage
 {
 margin-top:15px;
 
 }

div#spotlights_list_container
{
margin-bottom:20px;
}
div#spotlights_list_container div.itemheader
{
height:63px;
background:url('images/spotlight_h.png') no-repeat;
clear:both;
}
div#spotlights_list_container div.itemcontent
{
background:url('images/spotlight_rep.png') repeat-y;
margin:0px;
width:100%;
float:left;
}
div#spotlights_list_container div.itembottom
{
height:25px;
background:url('images/spotlight_b.png') no-repeat;
clear:both;
}
.spotlight_cjg_list
{
margin-left:30px;
}
 .spotlight_cjg_list div.kruis
 {
display:none;
 }
 
.cjg_spo_image{}
.cjg_spo_image img {margin:5px; }
.cjg_spo_summary{width:280px;margin:5px;}


.cjg_spo_image_youtube img {width:150px; }

 .cjg_spo_summary_youtube
 {
 width:230px;
 }
 
 .youtubespotlight
 {
 margin-left:0px;
 padding-top:20px;
 background:url('images/scheidingslijn.png') top left no-repeat;
 }
 
 .youtubespotlight div.kruis span
 {
 display:none;
 }
 
 div#boekentips div.itemheader span,div#nieuws div.itemheader span,div#agenda div.itemheader span, div#links div.itemheader span,div#folders div.itemheader span,div#cursussen  div.itemheader span,div#organisaties  div.itemheader span{
 font-size:120%;
 font-weight:bold;
 display:block;
 clear:both;
 color:#491f74;
 text-align:left;
background:transparent url(images/scheidingslijn.png) top left no-repeat;
padding-top:15px;
 }

div#aanbod 
{
background:transparent url(images/scheidingslijn.png) top right no-repeat;
padding-top:15px;
}

div#boekentips,div#links,div#folders,div#cursussen
{
float:left;
}

div#aanbod div.itemcontent

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


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

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

 
 .formlabel
 {
 vertical-align:top;
 }
 #organisaties{  
 display:block;
 float:left;
 width:100%;
 margin-top:15px;
 }
 div.organisatiespage
 {
 margin-top:10px;
 width:100%;
 }
 
 #organisaties div.itemheader
 {
 display:block;
    
 } 
 #organisaties div.itemcontent
 {
 display:block;
 float:left;
 width:405px;
 }
 #organisaties div.itemheader span
 {
 font-size:120%;
 font-weight:bold;
 display:block;
 color:#491f74;
 text-align:left;
 }
  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;
position:relative;
top:-42px;
}
div.pageservices a
{
    color:#666;
    text-decoration:none;
    font-size:11px;
margin-right:9px;
font-weight:normal;
}

div.pageservices a.leesvoor
{
      display:none;
    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-top:5px;
padding-bottom:5px;
}

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



#coursespage .alternate
{
background-color:#f5f5f5;
}
#bannerlist
{
text-align:center;
}

.img_banner
{
overflow:hidden;
}

img.banner
{
margin:auto;
padding:0;
margin-bottom:3px;
}

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;
width:400px;
}
div.cjgbooktip .kruis
{
display:none;
}
div.cjgbooktip img
{
width:70px;
}

div.cjgbooktip .last
{
width:280px;
}
div#boektip img
{
width:180px;
}

img.steljevraag
{
margin:35px;
margin-left:-25px;
margin-top:15px;
}

div#nieuws div.itemheader span
{
background:transparent url(images/scheidingslijn.png) top left no-repeat;

display:block;
color: rgb(73, 31, 116);
display: block;
font-size: 120%;
font-weight: bold;

}
div#nieuws .alternate
{
background-color:#fff;
}


div#nieuws img,div#agenda img
{
display:none;
}

div#nieuws a,div#agenda a
{
color:#0aadf0;
font-weight:bold;
}

div#nieuws a:hover
{
}
div#nieuws .nws_summary,div#agenda .nws_summary
{
margin-bottom:10px;
}

div.rssline a
{
display:none;
}
 div.rss_desc a
{
display:block;
background-image:none;
}

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

div#column2 div#oudersonline div.itemheader
{
display:block;
height:25px;
background-color:#e5297c ;
}

div#oudersonline
{
float:left;
clear:both;
width:100%;
border:1px solid #e5297c;
background-color:#fff;
font-size:90%;
margin-bottom:50px;
margin-top:35px;


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

div#oudersonline div.itemheader span
{
font-weight:bold;
float:left;
display:block;
color:#fff;
padding:3px 10px;
}

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

div#oudersonline div.itemheader a:hover
{
text-decoration:underline;
color:#fff;
}

div#oudersonline div.itembottom span a
{
display:block;
margin:6px;
font-weight:normal;
color:#e5297c;
margin:5px 10px !important;
}

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:#f4f4f4;
}

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 #e5297c;
}

div#poll_ajax div.pol_name
{
font-weight:bold;
padding-bottom:5px;
}
div#poll_ajax div.pol_desc
{
padding-bottom:5px;
}
div#poll_ajax table *
{
margin:0;
padding:0;
}
div#poll_ajax table td
{
padding:5px;
padding-left:0px;
}
div#poll_ajax label
{
font-weight:normal;
}
div#zoeken
{
position:relative;
top:220px;
left:0px;
z-index:999;
display:block;
height:61px;
width:240px;
background:url('images/zoeken.png') no-repeat;
}

div#bellen
{
display:block;
background:url('images/bellen.jpg') no-repeat -23px 0px;
height:162px;
}
a#komlangs
{
display:block;
background:url('images/komlangs.jpg') no-repeat -32px -20px;
height:219px;
width:309px;
}

a#hea_link
{
position:absolute;
top:0px;
left:0px;
height:276px;
width:941px;
}