/* Default styles */


html, body {

	height: 100%;
	width: 100%;

}


body {

	padding:0px;
	margin: 0px;
	font-size: 11px;
	color: #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-align: left;
}



table{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	text-align: left;
	padding:0px;

}




img {

	border: 0px;
	margin: 0px;

}



a {

	text-decoration: underline;
	color: #3CAA56;
}

a:hover {
    color: #035902;
}

h1 
{
    color: #000000;
    font-size: 18px;
    font-family: Arial;
    line-height: 22px;
    font-weight: 900; 
    }


h2
{
    color: #3CAA56;
    font-size: 16px;
    font-family: Arial;
    line-height: 20px;
    font-weight: 900; 
    }

h3
{
    color: #000000;
    font-size: 14px;
    font-family: Arial;
    line-height: 16px;
    font-weight: 900; 
    }

h4 
{
    color: #000000;
    font-size: 12px;
    font-family: Verdana;
    line-height: 24px;
    font-weight: 900; 
    }


p {

	padding: 0px;
	margin: 0px;

}

.clear
{
    clear: both;
    font-size: 1px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}



/* layout */
.pageHolder {
	margin-top: 0px;
	WIDTH: 99%;
	HEIGHT: 100%;
	TEXT-ALIGN: center;

}

.pageFrame {
	padding: 0px;
	MARGIN-LEFT: auto;
	WIDTH: 1000px;
	MARGIN-RIGHT: auto;
	TEXT-ALIGN: left;
    background : none;
}


/*start  topFrame */

.topFrame {
	width: 100%;
	HEIGHT: 155px;
	MARGIN: 20px 0px 0px 0px;
    background  : url(/images/IPC/bg_header1.jpg) no-repeat #FFFFFF ; 
	
}
.topFrame .logo 
{
    margin: 20px 10px 0px 0px;
    float: left;

    }

.topFrame .navigatieBox 
{
       border-left: 1px solid #018900;
       border-right: 1px solid #018900;
       height: 30px;
       width: 730px;
       margin: 125px 0px 0px 268px;
       padding:0px;
	    position: absolute;
       background  : url(/images/IPC/bg_green_top_links.gif) repeat; 
}

.topFrame .navigatieItem 
{
    font-size: 11px;
    height: 30px;
    padding: 6px 10px 0px 10px;
    float: left;
    color: #FFFFFF;  
}

.topFrame .navigatieItem a 
{
        color: #FFFFFF;  
        text-decoration: none;
	paddin-bottom: -3px; 
}
 
 
.topFrame .navigatieItem a:hover 
{
        color: #FFFFFF;  
        text-decoration: underline; 
}
  
        
.topFrame .navigatieSeparator{
           height: 30px;
		width: 2px;
		float: left;
           background  : url(/images/IPC/green_separator.gif) no-repeat right 0px; 
}


.topFrame .zoeken
{
    float: right;
    margin: 4px 10px 0px 0px;
    
    }
.topFrame .zoeken .text
{
    float: right;
    height: 10px;
    font-size: 10px;
    width: 120px;
    margin-top: 3px;  
    }

.topFrame .zoeken .submit
{
    float: right;
     background: none;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    margin-left: 10px; 
        margin-top: 3px;  
 
   
    }
    
/*start  content */

.contentFrame 
{
    WIDTH: 1003px;	
	MARGIN: 0px 0px 0px 0px;

	}

/*start  content Left */

.contentLeft 
{
    float: left;
    width: 268px;
    height: 270px;
    }
    
.contentLeft #sidebar
{
    margin: 60px 0px 0px 45px;
    }

/*start content Right */

.contentRight

{
    float: left;
    width: 732px;
    margin-right: 0px;
    line-height: 18px;
    background  : url(/images/IPC/back_content_left.gif) repeat;   
    }
    
      
.contentRight .content {
   margin: 20px 0px 0px 30px; 
}
   
   
.imageBoxHome  
{
    height: 178px;}
    
.homeImageText 
{
   font-size: 12px;
   font-weight: bold;
   margin: 100px 0px 0px 60px;
   padding: 5px 18px 10px 30px;
   height: 80px;
   position: absolute;
   background: #FFFFFF;
   opacity: .8; 
   filter: Alpha(Opacity=70);
   
    }
    
.homeImageText h1 
{
    font-size: 17px;
    color: #3CAA56;
    margin-bottom: 3px;
}

.homeImageSmall 
{
   margin: 70px 0px 0px -79px;
   position: absolute;
   
    }
    
.imageBox
{
    }
    
.LPimageText 
{
   font-size: 12px;
   width: 650px;
   font-weight: bold;
   margin: 61px 0px 0px 0px;
   height: 29px;
   position: absolute;
   background: #FFFFFF;
   opacity: .8; 
   filter: Alpha(Opacity=70);
   
    }
    
.LPimageText h1 
{
    font-size: 17px;
    color: #3CAA56;
    margin-top: 5px;
    margin-left: 30px;
}

.LPimageSmall 
{
   margin: 16px 0px 0px 612px;
   position: absolute;
   
    }
    
    
/*start buttonbox Homepage  */

.buttonBoxHome 
{
     line-height: 12px; 
    float: right;
    padding-top: 30px;
    width: 380px;
    margin-left: 10px;
        margin-bottom: 15px;
    background  : url(/images/IPC/back_content.gif) no-repeat right 0px;  
    }
    

.button a
{
    width: 140px;
    height: 30px;
    padding-top: 8px;
    padding-left: 37px;
    margin-bottom: 0px;
    background  : url(/images/IPC/but_cursus.gif) no-repeat left 0px; 
    float: left;
       text-decoration: none; 
    }
    
.button a:hover 
{
       text-decoration: none;
       background  : url(/images/IPC/but_cursus_hover.gif) no-repeat left 0px; 
    
    }
    
/*start buttonbox Landingspagina  */
    
.buttonBoxLP 
{
    line-height: 12px; 
    float: right;
    padding-top: 30px;
    width: 237px;
    margin-left: 10px; 
    margin-right: 50px;
    margin-top: -10px;
    }
    
    
.buttonBoxLPtop
{
    height: 90px;
    width: 237px;
    background  : url(/images/IPC/kader_cursusaanbod_boven.gif);  
    }


.buttonBoxLPmiddle 
{
    width: 237px;
    background  : url(/images/IPC/kader_cursusaanbod_midden.gif) repeat;  
    }
    
.buttonBoxLPmiddle .button a
{  
    margin-left: 40px;
   text-decoration: none;
}
    
.buttonBoxLPbottom
{
    height: 20px;
    width: 237px;
    background  : url(/images/IPC/kader_cursusaanbod_onder.gif) no-repeat right;  
    }
    

/* DE VOLGENDE STIJLEN KOMEN UIT DE OUDE STYLESHEET */
 
    
/* Kruimelpad */



.clickpath {
   color:               #035902;
   font-size:          11px;
   margin:              10px 0px 0px 30px;
   height:              20px;
   text-align:          left;
}

.clickpath a {
   color:               #035902;
}
 
   
/* Navigatie */


ul.subnav {
	/* haalt de default ingestelde paddings en margins weg en haalt het stipje ervoor weg */
	list-style-type:		none;
	margin:					0;
	padding:					0;
   width:               189px;	
}

ul.subsubnav {
	/* haalt de default ingestelde paddings en margins weg en haalt het stipje ervoor weg */
	list-style-type:		none;
	margin:					0;
	padding:					0 10px;
	display:             none;
}

ul.subnav a, ul.subnav a:visited,
ul.subnav ul.subsubnav a, ul.subnav ul.subsubnav a:visited {
	height:					23px;
	line-height:			23px; /* lijnt de tekst vertikaal in het midden uit */
	display:					block; /* de hyperlink bestrijkt hierdoor de hele regel en wordt in FF ook echt 25px */
	color:					#3CAA56;
    margin:              0px;	
	padding:					0;
	text-decoration:		none;
	font-size:           11px;
	font-weight:			bold;
}

ul.subnav a:hover, ul.subnav ul.subsubnav a:hover {
	color:					#035902;
}

ul.subnav a.true, ul.subnav a.true:visited, ul.subnav a:active, 
ul.subnav ul.subsubnav a.true, ul.subnav ul.subsubnav a.true:visited, ul.subnav ul.subsubnav a:active {
	color:					#175675;
}


/*-------------------------------------------------------------------
sub navigation
-------------------------------------------------------------------*/

div#sidebar {
   float:            left;
   margin-right:      20px;
   width:            191px;
}

div#sidebar img{
   padding-bottom:      90px;
}

.bgHoofd {
   float:            left;
   width:            189px;
   height:            20px;
   background-color:   #5494b3;
   border:            solid 1px #fff;
   margin:            0 0 10px 0;
}

.bgHoofd a{
   line-height:      18px;
   margin:            0 0 0 10px;
   color:            #000;
   text-decoration:   none;
   font-size:         11px;
}

.bgHoofd a:hover{
   color:            #035902;
}

.bgSub{
   float:            left;
   width:            189px;
   position:         absolute;
   top:            239px;
}

.bgSubSub{
   overflow:         hidden;
   float:            left;
   width:            191px;
   position:         absolute;
   top:            0px;
   left:            196px;
}

.subItems {
   float:            left;
   width:            189px;
   height:            20px;
   background-color:   #5494b3;
   border:            solid 1px #fff;
   margin:            0 0 5px 0;
}

.subItems a{
   line-height:      18px;
   margin:            0 0 0 10px;
   color:            #000;
   text-decoration:   none;
   font-size:         11px; 
}

.subItems a:hover{
   color:            #035902;
}


div#sidebar2 {
   float:            left;
   margin-right:      20px;
   width:            191px;
}
/*
div#sidebar ul {
   list-style-type:   none;
   margin:            84px 0 0 0;
   padding:         0;
   width:            191px;
}

div#sidebar2 ul {
   list-style-type:   none;
   margin:            57px 0 0 0;
   padding:         0;
   width:            287px;
}

div#sidebar li {
   float:            left;
   overflow:         hidden;
   width:            191px;
}

div#sidebar2 li {
   float:            left;
   overflow:         hidden;
   width:            287px;
}

div#sidebar li img {
   display:         block;
   float:            left;
   line-height:      0;
}

div#sidebar2 li img {
   display:         block;
   float:            left;
   line-height:      0;
}
*/


/*-------------------------------------------------------------------
buttons
-------------------------------------------------------------------*/

.Buttons {
   width:            751px;
   height:            23px;
   border:            0;
}
/*-------------------------------------------------------------------
layers
-------------------------------------------------------------------*/
div#layerFooter {
   position:         absolute;
   width:            100%;
   height:            37px;
   left:            0;
   top:            563px;
}

div#layerFooter div.footer {
   margin:            auto;
}

div#layerButtons {
   position:         absolute;
   width:            100%;
   height:            115px;
   left:            0;
   top:            248px;
   text-align:         center
}

div#layerButtons div.Buttons {
   width:            751px;
   margin:            auto;
}

div#layerButtons div.Buttons img {
   margin-left:      38px;
}

div#layervisual1 {
   position:         absolute;
   width:            100%;
   height:            375px;
   left:            0;
   top:            105px;
}

div#layervisual1 div.visual1{
   margin:            auto;
}

div#layervisual1 div.visual1 img{
   margin-right:      20px;
}

div#layervisual2 {
   position:         absolute;
   width:            100%;
   height:            172px;
   left:            0;
   top:            363px;
}

div#layervisual2 div.visual2 {
   margin:            auto;
}

div#layervisual2 div.visual2 img{
   margin-right:      383px;
}

div#courseDataOverview
{
   display:             none;
}