body
    {
    margin:0;
   /* background-color:#d2d2d2;
    background-image:url(images/bg.png);
    background-position:center;
    background-repeat:repeat-y;*/
    }
    a
    {
    color:#5B3784;
    }
    
 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 namen in webparts*/

.volgimage, 
.kruis , 
.streep {width:30px;}
.cjg_spo_image{width:70px;}
.cjg_spo_summary{width:350px;}
.volgitem {width:140px;}
.submenuitem, .subsubmenuitem  {width:180px;float:left;}
.menuwrapper,li.subnavhomepage {width:230px;}
.spotlight_cjg_list {width:470px;}
.totalwidth, div.totalwidth {width:950px;margin:0;}

img.header
{
width:175px;
}

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

     
    div.container
    {
    width:950px;
    background-color:#fff;
    }
    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#column2 
    {
    margin-left:15px;
    }
    
    div#footer 
    {
    text-align:right;
    color:#333;
    margin-bottom:25px;
    }
    
    div#footer a
    {
    color:#333;
    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;}

    div#service-nav ul
    {
    float:right;
    margin-right:30px;
    }
    div#service-nav ul li#service_nieuws
    {
    /*display:none;*/
    }
    


    /*service-nav*/
    div#service-nav
    {
    color:#999;
    text-align:right;
    margin-top:10px;
    }
    div#service-nav li
    {
    display:block;
    margin-top:1em;
    margin-bottom:1em;
    line-height:1.2em;
    float:left;
    padding-left:1em; 
    padding-right:1.2em; 
    border-right:1px solid #666;
    }
    div#service-nav li.last
    {
    border:none;
    padding:12px;
    margin:0;
    }
    div#service-nav li a
    {
    text-decoration:none;
    color:#333;
    }
    div#service-nav li a.selected
    {
    text-decoration:underline;
    color:#333;
    font-weight:bold;
    }    
    div#nav
    {
    background:#fff url(images/bg_menu_paars.gif) no-repeat;
    }
   /*header*/
   div#header
   {
   height:150px;
   background: #fff url(images/header_demo.jpg) no-repeat;
   }
   div#header_volg
   {
   }
div#kruimelpad-nav ul
{
margin:10px;
}

    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;
}     
        
   /*main-nav*/
    div#main-nav
    {
    margin-top:15px;
    }
    div#main-nav ul
    {
    margin-right:0em;
    }
    
    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_paars.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:#fff;
    text-decoration:none;
    margin-bottom:5px;
    font-weight:bold;
    height:80px;
    margin:0px;
    border-bottom:1px solid transparent;
    }
    div#sub-nav ul li a.selected
    {
      background-color:#4b2177;
      color:#fff;
    }    
    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:#4b2177;
    color:#fff;
    }
    div.subnav-init
    {
    display:none;
    }
    
      div.maincontainer
   {
   margin-top:15px;
   }
 
    /*pag-nav*/
   div#pag-nav
   {
   margin-top:5px;
   padding-bottom:5px;
   border-bottom:1px solid #b3d120;

   }
   
   div.menuwrapper
   {
   }
   
   div#pag-nav  a
   {
   color:#000;
   text-decoration:none;
   display:block;
   padding:3px;
   display:block;
   background-color:#fff;
   }

   div#pag-nav  div.level3 a
   {
   color:#666;
   }
   
   
   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
   {
   background-color:#0aadf0;
   color:#fff;
   }
   div#pag-nav a.selectedsub
   {
   color:#000;
   font-weight:bold;
   }
      
   div#pag-nav  .mainmenuitem a
   {
   background-color:#fff;
   color:#000;
   font-weight:bold;
   border-bottom:1px solid #b3d120;
   padding-left:10px;
   width:215px;
   margin-bottom:10px;
   }   
 
   div.kruis
 {
   text-align:center;
 }
 
    div.streep
 {
   text-align:right;
 }
 .spotlight_cjg_list{  
  margin-top:15px;
  padding-top:10px;
  border-top:1px solid #e5e5e5;
 }
 .spotlight_cjg_list div.kruis
 {
text-align:center;font-size:130%;position:relative;top:-4px;
 }
 div#boekentips div.itemheader span,div#links div.itemheader span,div#folders div.itemheader span, div#cursussen div.itemheader span ,div#organisaties div.itemheader span{
 display:block;
 font-weight:bold;
 clear:both;
 color:#5B3784;
 font-size:110%;
 background-color:#f2f2f2;
 margin:5px;
 padding-left:5px;
 margin-left:0;
 border-bottom:1px solid #e5e5e5;
 }
 div#boekentips div.itemcontent,div#links div.itemcontent,div#folders div.itemcontent, div#organisaties div.itemcontent
 {
 margin:5px;
 }
div.cjgbooktip
{
margin-top:10px;
padding-bottom:10px;
border-bottom:1px solid #e5e5e5;
}
div.cjgbooktip img
{
width:70px;
}
 
div#boektip img
{
width:180px;
} 


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

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

 
 .formlabel
 {
 vertical-align:top;
 }
 div.organisatiespage
 {
 width:100%;
 }
 div.organisatiespage div.organisatiesview
 {
 width:600px;
 
 }
 div.organisatiespage div.organisatieslist
 {
 float:right;
 margin-left:40px;
 width:300px;
 }
 div#organisaties div.itemheader span
 {
 display:block;
 font-weight:bold;
 }
 
 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:-9px;
}
div.pageservices a
{
    color:#666;
    text-decoration:none;
    font-size:85%;
margin-right:9px;
}
div.pageservices a.terug
{
    position:relative;
    top:-36px;
    left:280px;
}

div.pageservices a.leesvoor
{
    font-size:120%;
    font-weight:bold;
    position:relative;
    top:7px;
}

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:720px;

}

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:5px;
margin-right:5px;
}

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



.alternate
{
background-color:#f5f5f5;
}


#steljevraag
{
margin-left:60px;
}
.ofbel
{
font-weight:bold;
color:#7144a3;
}


 #agenda{  
 margin-top:15px;
 }
 
 #agenda div.itemheader
 {
  
 } 
 #agenda div.itemcontent
 {
 }
  #agenda div.itemheader span
 {
  display:block;
  font-weight:bold;
 }
 #agenda span.evt_date
 {
 margin-top:15px;
 display:block;
 font-weight:bold;
 font-style:italic;
 }
  #agenda span.evt_name_list 
 {
 display:block;
 padding-left:1.2em;
 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; }
 #agenda a
 {
 }
 
 div#contentblock_events div.itemheader span 
{
display:block;
font-weight:bold;
font-size:130%;
}

div#contentblock_events div.evt_summary
{
font-style:italic;
font-weight:bold;
margin-bottom:15px;
}
div#contentblock_events div.evt_date
{
font-style:italic;
font-weight:bold;
}

div#contentblock_events div.evt_source
{
display:none;
font-style:italic;
font-size:90%;
}

div#contentblock_events
{
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px solid #e5e5e5;
}

div#contentblock_events div.itemcontent
{
margin-top:15px;
}

div#contentblock_events div.itemcontent img
{
float:left;
}



div#contentblock_news div.itemheader span 
{
display:block;
font-weight:bold;
font-size:130%;
}

div#contentblock_news div.nws_summary
{
font-style:italic;
font-weight:bold;
margin-bottom:15px;
}
div#contentblock_news div.nws_source
{
font-style:italic;
font-size:90%;
}

div#contentblock_news
{
padding-bottom:10px;
margin-bottom:15px;
border-bottom:1px solid #e5e5e5;
}


div#contentblock_news div.itemcontent img
{
float:left;
}

div#contentblock_news div.today
{
display:none;
}

div#nieuws div.itemheader span
{
font-weight:bold;
display:block;
padding-bottom:10px;
}

div#nieuws a
{
 display:block;
 padding-left:1.2em;
 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;
}

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