/*------------------------------------------------------------------
[Master Stylesheet]

Project		: GITP 2010
Last change	: 2010-05-06
Assigned to	: jeroen Oliemans (jo)
Made by		: Evident Interactive
Version		: 0.01

--------------------------------------------------------------------

	changelog 
	

--------------------------------------------------------------------
 
    colors
	
	borders: #bfbfbf
    red: #b30015
    header detail:  #009cff
	
	


------------------------------------------------------------------*/

	body 
	{	
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
		background-color:#fff;
		
		/* KS : Causes very small font, unclear why this is used */
		/*font-size:62.5%;*/
	}
	
/* clearfix buddies */	
.floatleft {float:left}
.floatright {float:right}

	
/*	global general styles
---------------------------------------------- */	

    a.globalLink, .ui-tabs-nav a.globalLink
    { 
        text-decoration: underline; 
        color: #000; 
        padding: 0 15px 0 0;
        text-align: right;
        font-size: 12px;
        line-height: 12px;
        float: right;
        margin: 15px 0 0 0;
        background: transparent url('../images/more-link-arrow.gif') right center  no-repeat; 
    }
    a.globalLink:hover, .ui-tabs-nav a.globalLink:hover
    { 
        color: #B30015;  
    }
    
    div.serviceLink, a.serviceLinkLarge
    {
        display: block;
        width: 195px;
        height: 20px;
        background: transparent url('../images/service-link-bg.gif') left top  no-repeat; 
        margin: 0 0 5px 0;
        
        color: #fff;
        font-size: 11px;
    }
        a.serviceLinkLarge
        {
            width: 141px;
            height: 29px;
            background: transparent url('../images/service-link-large-bg.gif') left top  no-repeat; 
            margin: 0 0 5px 0;
            font-size: 12px;
            
        }
    div.crossLinkDouble
    {
        display: block;
        width: 195px;
        height: auto;
        background: transparent url('../images/cross-link-bg.gif') top left no-repeat; 
        margin: 0 0 5px 0;
        color: #000;
        font-size: 11px;
        overflow: visible;  
    }
    
    div.crossLinkDouble span 
    {
        display:block;
        background: transparent url('../images/crosslink-bullet.gif') center right no-repeat; 
    }
    
    div.crossLinkDouble a 
    {
        display:block;
        width: 173px !important;
        padding:6px 17px 5px 6px !important;
        min-height:16px;
        height:auto !important;
        height:16px;
        background: transparent url('../images/cross-link-bg-bottom.gif') bottom left no-repeat; 
    }
    
    a.navigateToTrainingList
    { 
       display: block;
       /*position : relative;
       top: 50px;
       right: 5px;*/
       z-index: 200;
       padding-top: 6px;
    }
    
        


         div.serviceLink a{ color: #fff; }
         div.crossLinkDouble a{ color: #000; }

        div.serviceLink a, div.crossLinkDouble a{ display: block; width: 170px; padding: 3px 0 0 6px; }
        a.serviceLinkLarge span{ display: block; width: 120px; padding: 6px 0 0 6px; }
    
    
       div.serviceLink a:link,div.serviceLink a:visited,div.serviceLink a:active,
        a.serviceLinkLarge:link, a.serviceLinkLarge:visited, a.serviceLinkLarge:active,
        div.crossLinkDouble a:link, div.crossLinkDouble a:visited, div.crossLinkDouble a:active,
        a.navigateToTrainingList:link, a.navigateToTrainingList:visited, a.navigateToTrainingList:active
        {
            text-decoration: none;
        }
        div.serviceLink a:hover,div.serviceLink a:focus,
        a.serviceLinkLarge:hover, a.serviceLinkLarge:focus,
        div.crossLinkDouble a:hover, div.crossLinkDouble a:focus,
        a.navigateToTrainingList:hover, a.navigateToTrainingList:focus
        {
            text-decoration: underline;
        }
        
        
        
    
    

     h1
     {
        font-family: Georgia, Serif;
        font-size: 24px;
        display: inline-block;
        color: #fff;
        background-color: #009cff;
        /*padding: 3px 5px;*/
        padding: 9px 12px;
        margin-bottom:5px;
        font-weight:normal;
        /*added to fix the width of the h1 background color*/
        zoom: 1;
        *display: inline;
     }
     
     h1.listingHeader
     {
         background-color: #93af50;
     }     
      
     /* added to fix problems in form content  */
     .product-info-form h3
     {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
        font-weight: normal;
     }
     
     h3
     {    
        font-family: Georgia, Serif;
        font-size: 14px;
        font-weight: bold;
     }
     
     blockquote
     {
        font-family: Georgia, Serif;
        color: #666;
        font-size: 13px;
        margin: 0 0;
     }

/*	global layout
---------------------------------------------- */


.headerWrapper
{   
    background: transparent url('../images/sitewide-bg.jpg') 0 0 repeat-x; 
    width:100%;
}

.header
{
   display: block;
   position:relative;
   height: 98px;
    margin: 0 auto;
    width:955px;
   
}

.logo
{
    position: absolute;
    display: block;
    width: 167px;
    height: 68px;
    top: 15px;
    left: 0; 
}
    .logo a 
    {
        display:block;
        font-size:0;
        line-height:0
    }

.slogan /* on homepage a h1, on subpages a div */
{
    position: absolute;
    display: block;
    width: 340px;
    height: 27px;
    top: 56px;
    left: 183px;
    background: transparent url('../images/slogan.gif') 0 0 no-repeat;   
    text-indent:-5000px;
}

.wideLogo
{
    left: 248px;
}

.headerMenuContainer
{
    position: absolute;
    display: block;
    width: 500px;
    height: 80px;
    top: 0px;
    right: 0;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    overflow: visible;
}
    .serviceMenu
    {
        position: relative;
        display: block;
        height: 25px;
        top: 10px;
        right: 0px;
        color: #fff;
        z-index: 90;
        
    }
        .serviceMenu  ul
        {
            display: none;
            position: absolute;
            z-index: 100;
            left: 206px;
            top: 14px;
            width: 160px;
            height: auto;
            padding: 10px;
            text-align: left;
            background-color: #858585;

            -webkit-box-shadow:0 0 5px #999; 
            -moz-box-shadow: 0 0 5px #999; 
            box-shadow:0 0 5px #999; 
        }

        .serviceMenu a
        {
             color: #fff;
        }
            .serviceMenu a:link, .serviceMenu a:visited, .serviceMenu a:active{  text-decoration: none; color: #fff; }
            .serviceMenu a:hover, .serviceMenu a:focus{ text-decoration: underline; color: #fff; }




    .businessMenu
    { 
        position: relative;
        display: block;
        height: 20px;
        top: 20px;
        right: 0px;
        color: #fff;
        background: transparent url('../images/business-menu-bg.gif') bottom right no-repeat;   
        padding: 0 12px 0 0;
        z-index: 0;
    }
        .businessMenu a
        {
            color: #fff;
            background-color: #000;
        } 
            .businessMenu a:link, .businessMenu a:visited, .businessMenu a:active{  text-decoration: none; color: #fff; }
            .businessMenu a:hover, .businessMenu a:focus{ text-decoration: underline; }
     
     
     .pageColumnLeft h3 
     {
        color:#B30015;
        font-family:Georgia,Serif;
        font-size:14px;
        font-weight:bold;
     }
     
     .subMenu
     {
        /*border-top: 1px solid #bfbfbf;*/
        margin-top:1px;
     }
        .subMenu li
        {
           border-bottom: 1px solid #bfbfbf;
        }
     
        .subMenu a
        {
            color: #000;
            font-weight: normal;
            font-size: 12px;
            display: block;
            width: 155px;
            padding: 5px 0px 5px 0px;
        }
            .subMenu a:link, .subMenu a:visited, .subMenu a:active
            {
                color: #000;
                text-decoration: none;    
            }
            
            .subMenu a:hover, .subMenu a:focus            
            {
                color: #B30015;
            }
        
    
        
.pageWrapper
{
    display: block;
    width: 955px;
    padding: 0;
    margin: 0 auto; /*center the website*/
}

    .mainMenuContainer
    {
        display: block;
        width: 100%;
        height: auto;
        position:relative;
        margin:0 0 12px 0;
    }
        .mainMenu
        {
            display: block;
            width: 100%;
            height: auto;
            /*float: left;*/
        }
    
    
        #homeSearchContainer
        {
            position: absolute;
           
            width: auto;
            height: 21px; 
           
            top: 0;
            right: 0;
            padding: 0px 0 0 auto;
        }
            #homeSearchContainer input[type=text]
            {
                display: block;
                height: 19px;
                line-height:19px;
                width: 120px;
                margin: 0px;
                padding: 0px;
                float: left;
                margin: 0 5px 0 0;
            }
            #homeSearchContainer input[type=submit],
            #homeSearchContainer div#search input.searchButton /* overwrite legacy CSS */
            {
                display: block;
                width: 59px;
                height: 21px;
                background: transparent url( '../images/button-bg-small.gif' ) 0 0 no-repeat; 
                border: none; 
                margin-right:0;
                padding: 0px;
                float: left;
            }
            #homeSearchContainer input[type=submit]:hover,
            #homeSearchContainer div#search input.searchButton:hover
            {
                text-decoration:underline;
            }
        
        .sectionSelector
        {
            display: block;
            position: relative;
            top: 1px;
            left: 10px;
            z-index: 10;
            width: 265px;
            height: 31px;
        }
            .sectionSelector a { display: inline-block; color : #7f7f7f; font-size: 12px; font-weight: bold; margin: 8px 32px; }
            .sectionSelector a.active{ color: #000; }
            .sectionSelector a:link, .sectionSelector a:visited, .sectionSelector a:active{ text-decoration: none; }
            .sectionSelector a:hover, .sectionSelector a:focus{ text-decoration: underline; }
        
            .sectionSelector.individual{ background: transparent url( '../images/tab-individual.gif' ) 0 0 no-repeat; }
            .sectionSelector.employer{ background: transparent url( '../images/tab-employer.gif' ) 0 0 no-repeat; }
            .sectionSelector.none{ background: transparent url( '../images/tab-none.gif' ) 0 0 no-repeat; }
        
        .sectionMenu
        {
            display: block;
            width: 100%;
            padding:8px 0;
            min-height:32px;
            height:auto !important;
            height:32px;
            border-left: 1px solid #bfbfbf;
            border-right: 1px solid #bfbfbf;
            border-top: 1px solid #bfbfbf;
            background: transparent url( '../images/mainmenu-bg.jpg' ) bottom left repeat-x;
            color: #bfbfbf;
            font-size: 16px;
            font-weight: bold;
            text-indent: 0px;
        }
            .sectionMenu a, 
            .sectionMenu span { display: block; float:left; margin: 8px 0px 8px 8px; padding: 0px; font-size:12px } 
            .sectionMenu a { font-size: 12px; font-weight: normal; }
            .sectionMenu a:link, .sectionMenu a:visited, .sectionMenu a:active{ color : #b30015; text-decoration: none; }
            .sectionMenu a:hover, .sectionMenu a:focus { text-decoration: underline; }
    
            .sectionMenu a.active:link, .sectionMenu a.active:visited, .sectionMenu a.active:active { color: #fff; background-color: #b30015; text-decoration: none; padding:0 2px}
            .sectionMenu a.active:hover, .sectionMenu a.active:focus{ text-decoration: underline; }
    
    #columnWrapper
    {
        display: inline-block;
        
        width: 965px; 
    }
        .pageColumn
        {
            display: block;
            width: 740px; 
            /* KS : Causes half display of page  */
            /*overflow: hidden;*/
            float: left;
        }
            .pageColumnLeft,
            #column1-contextmenu
            {
                display: block;
                width: 155px;
                
                /* menu should be aligned to breadcrums
                padding:30px 0 0 15px; */
                padding:20px 0 0 0 !important; 
                
                margin:0;
                float: left;
            }
            
            /*fixed content error in ie6*/
            #contextMenuContainer a.testLabPulldownMenu {
                margin: 0;
            }
            
            .pageColumnRight,
            #column2-content
            {
                display: block;
                position: relative;
                width: 560px;
                float: right;
            }
                
            
            
        .sideColumn
        ,#column3-sidebar
        {
            width: 195px;
            float: right; 
        }
            .sideColumnSection
            {
               margin: 0 0 20px 0; 
            }
        
        .sideColumn img
        {
            padding: 4px 4px 4px 0;        
        }
        
        .footer
        {
            display: block;
            height: 20px;
            margin: 20px 0 0 0;
            padding: 5px 0 0 0;
            text-align: right;
            border-top: 1px solid #bfbfbf;
            color: #7f7f7f;
            clear:both;
        }
            .footer a
            {
                color: #999;
            }
            .footer a:link, .footer a:active, .footer a:visited{ text-decoration: none; } 
            .footer a:hover, .footer a:focus{ text-decoration: underline; }

        .footerWide
        {
            width: 100%; 
        }

        .footerContent
        {
            margin-left: 16px;
            width: 430px;
        }

/*	COMPONENTEN
---------------------------------------------- */

.homeColumns
{
    margin: 10px 0 0 0;
    padding: 0px 0px; 
}
    .homeColumns h2{ display: block; width: 214px; height: 38px;  font-family: Georgia, Serif; font-size: 14px; margin: 11px 11px 0 11px;  }
    .homeCrosslinks
    {
       display: block;
       width: 238px;
       background-color:#1a1a1a;
       color: #fff;
       float: left;
       margin: 3px 0 0 7px;
       padding-bottom: 10px;
       display:inline; /* IE6 double float margin bug fix */
    }
        .homeCrosslinks h2 
        {
            background-color:#000;
            margin:0;
            padding: 11px 11px 6px 11px;
        }
        .homeCrosslinks ul 
        {
            margin:15px 12px 10px 11px;
            border-color:Gray;
            border-width:0 0 1px 0;
            border-bottom-style:solid;
        }
        .homeCrosslinks ul li  
        {
            display:block;
            margin: 0px 0px 10px 0; 
            padding: 0px 0px 0px 15px;
            background: transparent url('../images/filter-bullet.gif') 0 3px no-repeat; 
        }
        .homeCrosslinks ul li a
        {
            color: #fff;
            font-weight: bold;
            font-size: 12px;
        }
                .homeCrosslinks ul li a:link, .homeCrosslinks ul li a:active, .homeCrosslinks ul li a:visited{ text-decoration: none; } 
                .homeCrosslinks ul li a:hover, .homeCrosslinks ul li a:focus{ text-decoration: underline; }
                .homeCrosslinks a.globalLink{ color: #fff; margin: 2px 13px 0 0; }
    
    .homeHighLight
    {
       display: block;
       width: 238px;
       height: 219px; 
       color: #000;
       background: transparent url( '../images/highlight-bg.gif' ) 0 0 no-repeat;
       float: left;
       margin: 0 0 0 7px;
       display:inline; /* IE6 double float margin bug fix */
    }
        .homeHighLight img
        {   
            margin: 0 10px 0 11px; 
            display: block; 
            float: left; 
            background-color: #fff;
            padding: 3px;
            border: 1px solid #bfbfbf;
            display:inline; /* IE6 double float margin bug fix */
        }
        .homeHighLight div { display: block; position:relative; width: 115px; height: 125px; overflow: hidden; float: left;}
        .homeHighLight div a { display:block; color: #b30015; font-weight: bold; position:absolute; right:0; bottom:5px; text-align:right;}
        
        .homeHighLight a.globalLink{ margin: 15px 13px 0 0; width: 200px; }
        
        
#tabs .ui-tabs-nav li 
{
	font-size:1.3em;
}

#tabs .ui-tabs-nav span 
{
	display:block;
	padding:2px;
	color:#aaa;
}

#tabs .ui-tabs-nav a:link,
#tabs .ui-tabs-nav a:visited 
{
	color:#000;
	border-width:0;
	margin:0;
	text-decoration:none;
}

#tabs .ui-tabs-nav li.ui-tabs-selected a
{
	/*color:#B30015;*/
	color:#fff;
	background-color: #B30015;
}

div#crosslinks-zieook 
{
	width:auto;
}
        
        
/* article crosslinks */
.itemTeaser
{
    display: block;
    width: 100%;
    border-bottom: 1px solid #bfbfbf;
    padding: 10px 0px;
}
    .ui-widget-content a.teaserAnchor, #column3-sidebar a.teaserAnchor
    {
        font-weight:bold;
        width: 195px;
        height: auto;
        font-size:1.2em;
        display:block; 
        text-decoration: none;        
    }
    .ui-widget-content a.teaserAnchor:hover, #column3-sidebar a.teaserAnchor:hover
    {
        color:#B30015;        
    }
    
    

 
div.lastItem
{
    border: none;
    background: transparent url(' ../images/horizontal-rule.gif ') bottom left repeat-x;
} 

/* breadCrumb */
div#breadCrumb
{
    display: block;
    width: 100%;
    padding: 2px 0;
    margin:0;
} 
    div#breadCrumb a
    {
        font-size: 1.2em;
        color: #333;
    }
    
    
    
/* Pijler  or section level 2  */
img.sectionBanner
{
   display: block; 
}

.sectionContent
{
    display: block;
    position: relative;
    top: -295px;
    left: 12px;
    width: 538px;
    padding: 0 0 12px 0;
    z-index: 20;
    
}
    .sectionContent h1
    {
        font-family: Georgia, Serif;
        font-size: 24px;
        display: block;
        width: 400px;
        height: 40px; 
        color: #fff;
        text-indent: 10px;
        line-height: 36px;
        background: transparent url('../images/pijler-heading-bg.png') top left repeat;
    }
    
    .sectionContent div.introText /*p*/ 
    {
        font-family: Georgia, Serif;
        font-size: 14px;
        display: block;
        width: 404px; 
        color: #000;
        padding: 10px;
        background-color: #fff;
        margin: 5px 0 0 0;
    }
    
    .sectionListing
    {
        background-color: #edfad5;
        display: block;
        margin: 40px 0 0 0;
    }
        .sectionListingItem
        {
           padding: 9px 9px 0px 9px; 
           
        }
    
        .sectionListingItem img
        {
            display: inline-block;
            overflow: hidden;
            background-color: #fff;
            padding: 3px;
            float: left;
            border: 1px solid #bfbfbf;
            width: 90px;
        }
        
        .sectionListingItem div
        {
            display: block;
            width: 405px;
            float: right;
            padding-right: 10px;
        }
            .sectionListingItem div h2,
            .sectionListingItem div h3
            {
               font-family: Georgia, Serif; 
               font-size: 14px;
               margin: 0px 0px 15px 0px;
            }
            .sectionListingItem div p{ font-size: 12px; }
            .sectionListingItem div a.morelink{ display: block; color: #b30015; font-size: 12px; font-weight: bold; margin: 10px 0 0px 0; width: 100%; text-align: right; padding: 0 0 10px 0; }
            .sectionListingItem hr{ display: block; clear: both;  }
  
  /* contact block */
  .contact, 
  .address
  {
    display: block;
    background-color: #808080;
    width: 135px;
    padding: 10px 10px 10px 10px;
    margin: 20px 0 0 0;
    -webkit-box-shadow:0 0 5px #999; 
    -moz-box-shadow: 0 0 5px #999; 
    box-shadow:0 0 5px #999; 
  }
    .contact h3,
    .address h3
    { 
    	font-family: Arial, Sans-Serif; color: #000; font-size: 14px;  
    	margin-bottom: 8px;
    }
    
    .contact p,
    .address
	{  
		font-family: Arial, Sans-Serif; color: #fff; font-size: 11px; line-height: 11px; 
	}

    .contact a:link, .contact a:visited, .contact a:active
	{  
        color: #fff;
        text-decoration: underline;
	}

    .contact a:hover, .contact a:focus
	{  
        color: #fff;
        text-decoration: none;
	}


  /* contact block */
  #column3-sidebar .contact
  {
    width: 175px;
  }



  
/* Filter-Pijler  or section level 2  */
h1.sectionFilter
{
    float: none;
}

div.filter
{
   position: relative;
}

    h3.filter
    {
        color: #fff;
        font-family: Georgia, Serif;
        font-size: 14px;
        display: inline;
        background-color: #000; 
        padding: 3px 10px;
    }
        /*h3.filter span{  display: inline; }*/

    .trainingDetail h3.filter
    {
        color: #fff;
        font-family: Georgia, Serif;
        font-size: 14px;
        display: inline;
        background-color: #000; 
        padding: 3px 10px;
        line-height: 20px;
        font-weight: normal;
    }

        
    .filterList li
    {
        margin: 0 0 28px 0;
    }  
    
    .filterList ul
    {
       display: inline;
       width: 329px;
       height: 100%;
       margin: 0 20px 20px 0;
    } 
    .filterList ul li ul li
    {
        margin: 3px 0px;
        padding: 5px 0px 0px 20px;
        background: transparent url('../images/filter-bullet.gif') 5px 8px  no-repeat;
        font-size: 12px;
    }
    .filterList ul li a:active,
    .filterList ul li a:visited,
    .filterList ul li a:link
    {
        text-decoration: none;
    }
    
    .filterList ul li a:hover,
    .filterList ul li a:focus
    {
        text-decoration: underline;
    }
    
    
    /* css for the columns plugin*/
    .columns-wrapper 
    {
        overflow: hidden;
    }
    .columns 
    {
        float: left;
        width: 42%;
    }
    
    /* styles for the traing table */
    p.tab-intro
    {
        padding-bottom: 10px;
    }

    .trainingListing
    {
        width: 100%;
        padding: 20px 0px;
    }
        .trainingListing tr
        {
           height: 22px;
        }
        
        th.column1,
        th.column2,
        th.column3,
        th.column4,
        th.column5
        {
            font-weight: bold;
            border-bottom: 1px solid #bfbfbf;
        }
    
        .lastMinutes th.column1, .lastMinutes td.column1{ width: 48%; vertical-align: top; }
        .lastMinutes th.column2, .lastMinutes td.column2{ width: 28%; vertical-align: top; }
        .lastMinutes th.column3, .lastMinutes td.column3{ width: 12%; vertical-align: top; padding-left: 5px; }
        .lastMinutes th.column4, .lastMinutes td.column4{ width: 12%; vertical-align: top; padding-left: 5px; }
        
        .alphabet th.column1,  .alphabet td.column1{ width: 5%; vertical-align: top; font-weight: bold; border-bottom: 0;}
        .alphabet th.column2,  .alphabet td.column2{ width: 48%; vertical-align: top; }
        .alphabet th.column3,  .alphabet td.column3{ width: 35%; vertical-align: top; }
        .alphabet th.column4,  .alphabet td.column4{ width: 12%; vertical-align: top; padding-left: 5px; }
    
        .competence th.column1,  .competence td.column1{ width: 48%; vertical-align: top; }
        .competence th.column2,  .competence td.column2{ width: 40%; vertical-align: top; }
        .competence th.column3,  .competence td.column3{ width: 12%; vertical-align: top; padding-left: 5px; }
    
        .lineThrough
        {
            text-decoration: line-through;
        }
       
    
        /* competence list */ 
        .competenceHeader{ clear: both; display: block;  width: 690px; height: 30px; margin: 0 0 10px 0; }
        .competenceHeader h3{ display: block; float: left; }
        .competenceHeader input{ display: block; float: right;}
        
        
        .competenceList li
        {
            margin: 0 0 0 0;
            padding-bottom: 15px;
            display: block;
        }
        
        .competenceList li span
        {
			margin-left: 5px;
			padding-top: 5px;
        }

        .competenceList li label
        {
           margin-left: 5px;
        }

        .competenceList li input
        {
           vertical-align: top;
        }

        /* css for the columns plugin*/
        .competence-columns-wrapper 
        {
            overflow: hidden;
        }
        .competence-columns 
        {
            float: left;
            width: 33%;
        }
  
  
/* reaction module */  
.reactions
{
    margin: 20px;
}
    .reactions a{ color: #000; }
  
    table.BlogCommentListMainTable
    {
        width: 100%;
    }
    table.BlogCommentPostMainTable
    {
        width: 100%;
    }
    table.Reactie-form  a.CaptchaRefreshLinkButton{ margin: 5px 0 0 0; }
    
    table.Reactie-form tr td.Reactie-Label, table.Reactie-form tr td.BlogCommentPostInput
    {
        padding: 5px 0 5px 0;
    }
    table.Reactie-form tr td.Reactie-input img{ margin: 5px 0 0 0; }
  
    .reactions hr{ color: #bfbfbf;  background-color: #bfbfbf; height: 1px; border: none; }
  
            
/* Detail  or level 3  */


.detailHeader
{
    
}



.backgroundImage
{
	display: block;
	position:absolute;
	left:0;
	top:0;
	width: 573px;
	height: 351px;
	opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha(opacity=30)";
    -khtml-opacity: .30;
    -moz-opacity: .3;
}


.detailHeader h1
{
    float: left;
}


.detailServiceLinks
{
    float: right;
}
    .detailServiceLinks a{ color: #000; font-weight: bold; }
    
    .detailServiceLinks  a.navigateToTrainingList{ color: #b30015; text-decoration: underline; }
    
.detailContent
{
    clear: both;
    display: block;
    padding: 20px 0 0 0;
    width: 740px;
}

/* Training detail */
.trainingHeader
{
    position: relative;
    padding-bottom: 10px;
}
    .trainingHeader img
    {
        margin: 0px 12px 0 0px;
        display: inline; 
        float: left; 
        background-color: #fff;
        padding: 3px;
        border: 1px solid #bfbfbf;
    }

    .trainingHeader .trainingDetail
    {
        position: relative;
    }
    
    .trainingDetail h3
    {
        display: block;
        width: 359px;
        overflow: hidden;
    }
    
    .trainingHeader .trainingDetail h3
    {
        font-size: 18px;
        font-weight: normal;
        color: #000;
        padding-bottom: 12px;
    }
    
    .trainingHeader .blockquote
    {
        width: 359px;
    }
    
    .trainingHeader p
    {
        color: #4c4c4c;
        padding-right: 20px;
        padding-top: 18px;
    }
    
    .trainingHeader .iconList
    {
        position: absolute;
        right: 10px;
        top: 0;
    }
    
    .iconList li
    {
        float: left;
        padding-bottom: 10px;
    }
    
    .iconList img
    {
        margin: 0 3px 3px 0;
        padding: 0px;
        border: 0px;
    }
    
    div.specification div.subscribe,
    div.trainingHeader div.subscribe
    {
       padding-top: 10px;
       padding-bottom: 8px;
       /*position: absolute;*/
      /* right: 10px;*/
      /* bottom: 12px;*/
       width: 141px;
       height: 20px;
       float: right;
    }
    
    .trainingHeader div.subscribe
    {    
        margin-right: 10px;
    }
    
    .detail-tabs .subscribe a.serviceLinkLarge,
    .detail-tabs .subscribe a.serviceLink
    {
        color: #fff;
        text-decoration: none;
    }  
    
    .detail-tabs .subscribe a.serviceLinkLarge:hover,
    .detail-tabs .subscribe a.serviceLink:hover
    {
        color: #fff;
        text-decoration: underline;
    }  

    .specificationMarge
    {
        margin: 5px 0 0 0;
    }

    .specification
    {
        display: block;
        background-color: #eee;
        width: 675px;
        height: 100%;
        clear: both;
        padding: 10px;
        font-size: 14px;
        position: relative;
    }
        .specification .richText
        {
            font-size: 12px;
        }
    
        .specification h4
        {
            display: block;
            width: 240px;
            font-weight: bold;
            float: left;
            overflow: hidden;
        }
        
        .specification div
        {
            display: inline-block;
            height: 100%;
            width: 420px;
        }
            .specification div.small
            {
                width: 210px;
            }
                .specification div.small ul
                {
                    display: block;
                    float: left;
                    overflow: hidden;
                } 

                .specification div.small ul.datalocaties li
                {
                    padding-bottom: 4px;
                } 
        
        .specification .LastMinute
        {
            font-weight: bold;
            font-style:italic;
        }

         /* css for the columns plugin*/
         .competenceTrainingList
         {
              display: block;
              width: 400px;
         }
         
         .competenceTrainingList li
         {
            display: block;
            width: 180px;
         }
         
        .competence-training-columns-wrapper 
        {
            overflow: hidden;
        }
        .competence-training-columns
        {
            float: left;
            width: 45%;
        }
    
    
 /**
	FiXES
**/   
    
/* Remove the absolute positioning to enable the use of a footer 
div#contentWhite
{
	position: relative;
	height: auto; 
}
*/
    
div#column3-sidebar 
{
	left:auto;
	top:auto;
	position:static;
	overflow:hidden;
	
}

ul.dashBullet li
{
    display: block;
    width: 145px;
}
div.hr-dotted-listing{ width: 152px; }

/* vertical menu z-index fixes */
ul#contextMenu li ul, ul#contextMenu2 li ul, #contextMenuNoTabs li ul 
{
	z-index:100;
	margin-left: 7px;
}

div#content
{
	padding-bottom: 20px;
	float:left;
}

/* Left menu (sub-menu) - variant 1: change style h3-tag */
#filterTabs h3
{ 
    color: #B30015; 
}

/* Left menu (sub-menu) - variant 2: change style h3-tag */
#contextMenuContainer h3
{ 
    color: #B30015; 
}

/* Left menu (sub-menu): Fix styling of a-tag. */
.contextTab #contextMenu a.contextPullDown
{
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
}

.contextTab #contextMenu a:hover.contextPullDown
{
    font-size: 12px;
    font-weight: normal;
    color: #B30015;
}

/* Left menu (sub-menu) - variant 2: change style h3-tag */
#contextMenuContainer h3
{ 
    color: #B30015; 
}

/* Left menu (sub-menu) - variant 2: Fix styling of a-tag. */
#contextMenuContainer #contextMenuNoTabs a.contextPullDown
{
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
}

#contextMenuContainer #contextMenuNoTabs a:hover.contextPullDown
{
    font-size: 12px;
    font-weight: normal;
    color: #B30015;
}

#contextMenuContainer #contextMenuNoTabs a
{
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
}

#contextMenuContainer #contextMenuNoTabs a:hover
{
    font-size: 12px;
    font-weight: normal;
    color: #B30015;
}

/* Left menu (sub-menu) - variant 3: Fix styling of a-tag. */
#contextMenuContainer #contextMenuList a
{
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
}

#contextMenuContainer #contextMenuList a:hover
{
    font-size: 12px;
    font-weight: normal;
    color: #B30015;
}

/* Left menu (sub-menu) - variant 4: Fix margin underneath horizontal line. */
hr.menuList
{
	margin-bottom: 5px;
}

/* Left menu (sub-menu) - variant 5: Fix styling of a-tag. */
#contextMenuContainer a.testLabPulldownMenu:hover
{
    color: #B30015;
}

#contextMenuContainer ul.contextMenuList a:hover
{
    color: #B30015;
}

/* Left menu (sub-menu) - profile: Fix dotted line underneath menu. */
div.hr-dotted-listing-profile
{
	display: block;
	position: relative;
	width: 145px;
	height: 5px;
	background: transparent url(/images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 19px 0 12px 0;
	z-index: 10;
}

/* Left menu (sub-menu) - testimonial: Fix dotted line underneath menu. */
div.hr-dotted-listing-testimonial
{
	display: block;
	position: relative;
	width: 145px;
	height: 5px;
	background: transparent url(/images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 19px 0 12px 0;
	z-index: 10;
}

/* Left menu (sub-menu) - business case: Fix dotted line underneath menu. */
div.hr-dotted-listing-businesscase
{
	display: block;
	position: relative;
	width: 145px;
	height: 5px;
	background: transparent url(/images/gitpnl/hr-dot.gif) 0 0 repeat-x;
	border: none;
	margin: 19px 0 12px 0;
	z-index: 10;
}

/* Add some extra space above related training heading */
h3.H3RelatedTraining
{
    margin-top: 12px;
}

/* Add some extra space above heading "Competenties". */
h3.H3Competenties
{
    margin-top: 12px;
}

#contentWhite #content h1#h2title
{
    margin-bottom: 15px;
}

/* fixes for ie6 link colors*/
div.serviceLink a, div.serviceLink a:link, div.serviceLink a:visited, div.serviceLink a:active {
color:#FFFFFF;
}

/* fixes for ie6 link colors*/
.footer a , .footer a:link, .footer a:visited, .footer a:active {
color:#999999;
}

/* fixes font-size in sidebar tabs*/
#column3-sidebar #tabs
{
    font-size: 0.9em;    
}

/* fixes font color in sidebar tabs sub content*/
.itemTeaserDetails
{
    color:#808080;
}

/* fixes tabs in detail page */
.detailContent #detail-tabs .ui-tabs-nav a, .detailContent #detail-tabs .ui-tabs-nav a span {
background: none;
border: none;
}

/* fixes space between tabs and media content */
.detailContent #detail-tabs .ui-tabs-panel
{
    margin-bottom: 10px;
}

/* Fix for link in contact block in the right column. */
#column3-sidebar .contact a 
{
    display: inline;
}

/* more space between book and text */
.gitpnlPlain img
{
    padding-right: 8px;
}

/* align detail service links to the right content border */
.detailServiceLinks
{
    text-align: right;
    padding-right: 5px;
}

a.navigateToTrainingList
{
    right:0;
}

/* reduce the whitespace in the detail pages */
.trainingHeader p 
{
    padding-top:0;
}

/* back to overview should be next to the tabs */
a.navigateToTrainingList {
    top:54px;
}


/* duration and date/location fields in detailpage are bold 
.datalocaties li, .duration
{
    font-weight: bold;
}*/

/* extra info field same font size as other fields */
.specification .richText {
font-size:13px;
}

/* whitespace around breadcrum */
div#breadCrumb
{
    padding: 0 0 4px 0;
}

/* tab0 font-size fix */
.specification 
{
    font-size:13px;
}

/* less space between checkbox items */
.competenceList li
{
    padding-bottom: 7px;
}

/* more space between title and content on detail page */
.detailContent 
{
    padding:12px 0 0 0;
    display: inline-block;
}

.filterList ul li ul li 
{
    background:url("../images/filter-bullet-green.gif") no-repeat scroll 5px 8px transparent;
}

.filterList ul,
.filterList ul li,
.filterList ul li ul,
.filterList ul li ul li 
{
    list-style:none outside none;
}

.trainingHeader
{
    padding-right: 15px;
}

/* filterlist mouseover */
.filterList ul li a:hover,
.filterList ul li a:focus
{
    text-decoration: none;
    color: #e2001a;
}

.detail-tabs a 
{
    text-decoration: none;
}

.detail-tabs a:hover,
.detail-tabs a:focus
{
    text-decoration: none;
    color: #e2001a;
}

/* more space under table head */
table.trainingListing tbody td
{
    padding-top: 8px;
    vertical-align: bottom;
    height: 15px;
}

/* styling fix after h2 was added */
h2.filter {
    background-color:#000000;
    color:#FFFFFF;
    display:inline;
    font-family:Georgia,Serif;
    font-size:14px;
    padding:3px 10px;
    font-weight:bold;
}

/* styling fix after h3 was added */
.competenceTrainingList h3
{
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:normal;
}

/* show disc/number on user added listitems */
.trainingDetail li,
.specification li,
#detail1 span li,
#detail2 span li,
#detail3 span li,
#detail4 span li,
#detail5 span li,
#detail6 span li
{
    list-style: disc inside;
}

.specification div.small
{
    float: left;    
}

.specification .datalocaties li,
.specification .competenceTrainingList li
{
    list-style: none outside;
}


/* styling for asp input buttons */
input.aspImageButton
{
    background:url("../images/service-link-large-bg.gif") no-repeat scroll left top transparent;
    font-size:12px;
    height:29px;
    margin:0 0 5px;
    width:141px;
    border: 0;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    text-align: left;    
    padding:0 0 0 6px;
}

.competenceFilter input.aspImageButton
{
    position: absolute;
    right: 20px;
    top: 10px;
}

.competenceFilter input.aspImageButton:hover
{
    text-decoration: underline;
}


.resetButton
{
    background:none;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
}

.competenceFilter input.resetButton
{
    position: absolute;
    right: 20px;
    top: 45px;
    text-decoration: none;
}

.competenceFilter input.resetButton:hover
{
    color: #e2001a;
}

.searchButtonHolder
{
    height: 60px;
    position: relative;
}

table.Reactie-form td.buttonPlaats input 
{
    background:url("../images/service-link-large-bg.gif") no-repeat scroll left top transparent;
    font-size:12px;
    height:29px;
    margin:0 0 5px;
    width:141px;
    border: 0;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    text-align: left;    
    padding:0 0 0 6px;
    position: relative;    
    left:226px;
    top: 10px;
}

table.Reactie-form td.buttonPlaats input:hover
{
    background:url("../images/service-link-large-bg.gif") no-repeat scroll left top transparent;
    text-decoration: underline;
}

table.Reactie-form, table.BlogCommentListMainTable
{
    font-size: 12px;
}

table.BlogCommentListMainTable td
{
    padding: 1px 1px 1px 0;
}



div.sideBarHeader 
{
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    font-weight:bold;
    margin:5px 0 0;
    padding:0;
}

.pageColumn
{
    position: relative;
}

.detailServiceLinks
{
    position: absolute;
    right: 0;
    top: 0;
}

/* h styling fixes */

div.zieook
{
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 5px 0;
	font-family: Georgia, Serif;
}

.contact div, .address div 
{
    color:#000000;
    font-family:Arial,Sans-Serif;
    font-size:14px;
    margin-bottom:8px;
    font-weight:bold;
}

table.BlogCommentListMainTable div.reactionTitle
{
    font-size:1em;
    font-family:Georgia,Serif;
    font-size:14px;
    font-weight:bold;
}

table.BlogCommentPostMainTable div.reactTitle
{
    font-family:Georgia,Serif;
    font-size:100%;
    font-weight:normal;
}

.trainingHeader .trainingDetail h2
{
    color:#000000;
    font-size:18px;
    font-weight:normal;
    padding-bottom:12px;
    display:block;
    overflow:hidden;
    width:359px;
    font-family:Georgia,Serif;
}

div.detailLabel {
    display:block;
    float:left;
    font-weight:bold;
    overflow:hidden;
    width:240px;
    font-size:100%;
}