﻿* 
{
    padding:                0px;   
    font-family:            Verdana;
    font-size:              8pt;
    color:                  #333333; 
    
}

body {
    background-image:       url(/files/billeder/Layout/BG_Heading.jpg);
    background-repeat:      repeat-x;
    background-position:    left top;
}

.main
{
    position:               relative;
    margin-bottom:          8px;  
    height:                 auto !important;
    width:                  470px;
}    

h1
{
    position:               relative;  
    display:                inline;
    width:                  auto;
    min-width:              50px;
    height:                 auto;                         
    float:                  left;
    color:                  Black;  
    font-size:              14pt;
    font-weight:            Normal;
    margin-bottom:          8px;  
}

.h1_blue
{
    color:                  #00A0C6;
    font-size:              12pt;
    font-weight:            Normal;
}

h2, h2 a:link, h2 a:active, h2 a:hover, h2 a:visited, h2 orange
{
    position:               relative;
    font-size:              12pt;
    color:                  #333333; 
    font-weight:            normal;  
    display:                block;
    text-decoration:     none;
    width: 100%;
    padding-bottom: 20px;
}




h3
{
    position:               relative;
    color:                    #032853;                                                                /* GRIJS */   
    font-size:               9pt;
    font-weight:            bold;                                          
}

ul
{
    margin:                 10px 0px 10px 20px;
}

a {
    color:                  #00224D;                                                                /* DONKER BLAUW */
    text-decoration:        underline;
}

body 
{
    overflow:               -moz-scrollbars-vertical;                                               /* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
    text-align:             center;
    background-color:       White;
}


#wrapper
{
    position:               relative;
    display:                block;
    width:                  980px;
    height:                 auto;
    min-height:             900px;
    margin:                 0 auto;
}

#PathForJs
{					
	position:               absolute;
	left:                       -2000px;                                                                /* INHOUD VERBERGEN */
	width:                  10px;
}

#header
{
    position:                   relative;
    display:                    block;
    width:                      980px;
    height:                     204px;
    float:                      left;
    clear:                      left;
    overflow:                   hidden;
    background:           url(/files/billeder/Layout/BG_Header.jpg);
    background-repeat:          no-repeat;
    background-position:        top left;
}

    .langcontainer
    {
        position:               absolute;
        display:                block;
        width:                  360px;
        height:                 15px;
        right:                  75px;
        top:                     2px;
    }
        .contactlabel
        {
            color:                    #00224D;
            font-size:               10px;
            margin-right:         -50px;
        }

    #headercontent
    {
        position:               relative;
        display:                block;
        width:                  826px;
        height:                 auto;
        min-height:             204px;
        clear:                  left;
        margin:                 0 auto;
    }
    
        .logo
        {
            position:               absolute;
            display:                block;
            width:                  202px;
            height:                 66px;
            left:                   0px;
            top:                    30px;
        }
        
		  .verticals
		  {
				position:               absolute;
            display:                none;b
            width:                  205px;
            height:                 46px;
            left:                   215px;
            top:                    37px;				
		  }
		  
        .payoff
        {
            position:               absolute;
            display:                block;
            width:                  345px;
            height:                 66px;
            right:                  0px;
            top:                    30px;
        }
        
       #zoekcontainer
        {
            position:               absolute;
            display:                block;
            right:                  0px;
            top:                    -134px;
            width:                  245px;
            vertical-align:         middle;
        }
		  
		  .Zoekcontainer_klein
		  {
				  width:                245px;
				  position:relative;
				  float:left;
				  
		  }
        
        .zoekbtn
        {
            position:               relative;
            margin-left:            7px;       
            top:                    4px;    
        }
        
        .zoektb,
        .zoektbwe
        {
            position:               relative;
            width:                  150px;
            height:                 14px;
            border:                 solid 1px #00224D;
            padding:                1px 0px 0px 3px;
        }
        
        .zoektbwe
        {
            color:                  #ABABAB;
            font-style:             italic;
        }
        
        
        
#main
{
    position:               relative;
    display:                block;
    width:                  980px;
    height:                 auto;
    min-height:             696px;
    float:                  left;
    clear:                  left;
    background-image:       url(/files/billeder/Layout/BG_Main.jpg);
    background-repeat:      repeat-x;
    background-position:    left top;
}

    #maincontentbg
    {
        position:               relative;
        display:                block;
        width:                  822px;
        height:                 auto;
        clear:                  left;
        margin:                 0 auto;
        background-image:       url(/files/billeder/Layout/BG_Content.jpg);
        background-repeat:      repeat-y;
        background-position:    left top;
    }
    
    #mainhpcontent
    {
        background-image:       url(/files/billeder/Layout/BG_Content.jpg);  
        background-position:    left top;
        background-repeat:      repeat-y;
        position:               relative;
        float:                  left;
        width:                  795px;
        display:                block;
        height:                 auto;
        padding:                0 15px 15px 15px;
        text-align:             left;
    }
    
    #flashheader
    {
         background-image:       url(/files/billeder/Layout/BG_Content.jpg);  
			background-position:    left top;
        	background-repeat:      repeat-y;
        	position:               relative;
        	display:                block;
        	width:                  795px;
        	height:                 auto;
        	padding:              0px 13px 15px 15px;
        	text-align:             left;
    }

        #mainhpcontentleft
        {
            position:               relative;
            width:                  275px;
            height:                 auto;
            text-align:             left; 
            float:                  left;
        }
        
            a.Twitter_btn
            {
                margin-top:         -5px;
                position:           relative;
                float:              left;
            }
            
            a.RSS_btn
            {
                margin-top:               -5px;
                margin-left:              15px;
                position:                 relative;
                float:                    left;
            }
            
            #homepagenewsitem, #newsitem, #eventitem, #vacancyitem, #homepagevacancyitem
            {
                position:               relative;
                float:                  left;
                margin-right:           15px;
                margin-bottom:          12px;
                margin-top:             13px;
                width:                  255px;
            }
            
            #homepagenewsitem
            {
                margin-top:2px;
                margin-bottom:25px;
            }
            
            #homepagevacancyitem
            {
                margin-top:10px;
                margin-bottom:0px;
            }
            
            #newsitem, #vacancyitem
            {
              width:500px;
              
            }
            
            #newsitems, #eventitems, #vacancyitems
            {
                position:               relative;
                float:                  left;
                margin-top:             33px;
                
            }
            
           
                
                .newsdateday, .eventdateday
                {
                    color:                          White;
                    font-family:                    Tahoma;
                    font-size:                      22px;
                    font-weight:                    100;  
            
                }
                
                .newsdatemonth, .eventdatemonth
                {
					position: 						absolute;
                    color:                          White;
                    font-family:                    Tahoma;
                    font-size:                      11px;
                    font-weight:                    bold;                
                    text-transform:                 capitalize;
					top: 25px; 			
					right: 17px;
                }
                
           #newscontent, #eventcontent, 
           #vacancycontent, #vacancycontentsmall
           {
                margin-left:                          65px;
                font-size:                            8pt;
                line-height:                          20px;
                width:                                425px;
                
           }
           
			  #homepagenewscontainer
         {
             position:                      relative;
             width:                         275px;
             float:                         left;
             line-height:                   20px;
             font-size:                     8pt;
             position:											relative;					
             
         }
			  
           #homepagenewscontent
           {
               width:                                   	192px;
               float:                                   	left;
               font-size:                               	8pt;
               line-height:                             	20px;
					position:											relative;					
           }
		   
           #homepagenewscontent a
           {
               text-decoration: none;				
           }		   
           
           #vacancycontent
           {
              margin-left:0px;
           }
           
           #vacancycontent img
           {
              position:relative;
              margin-top:0px;
              margin-right:10px;
              float:left;
              
           }
           
           .newssource
           {
              font-style:                             italic;
              position:                               relative;
              float:                                  right;
              margin-right:                           20px;
           }
		   
			.businesscasecontainer
			{
				width:									795px;
			   float:									left;
			   overflow: 								hidden;
				position:								relative;
				float:									left;
			}
			
		   .businesscasecontent
		   {
			   position:relative;
				float:left;
				right:0;				
		   }
           
           
                
        #mainhpcontentright
        {
            position:               relative;
            width:                  500px;
            height:                 auto;
            text-align:             left; 
            margin-left:           	280px;
            line-height: 			      20px;	
            
        }
        
        .pagecontent, .pagecontent_intro
        {
            position:               relative;
            width:                  470px;
            height:                 auto;
            text-align:             left; 
            margin-top:           33px;
            margin-bottom:     50px;
            vertical-align:         top;
            float:                     left;
        }
        
            .pagecontent_intro
            {
                font-weight:bold;
                margin-bottom:0px;
            }
                
            .pagecontent li
            {
                list-style-type:square;
            }
            
            .pagecontent li a:link, .pagecontent li a:hover,
            .pagecontent li a:visited, .pagecontent li a:active
            {
                color:#4496C8;
                text-decoration:underline;
            }
            
            .pagecontent li a:link
            {
                color:#4496C8;
            }
            
        
    #maincontent
    {
        position:               relative;
        display:                block;
        width:                  760px;
        height:                 auto;
        padding:                30px;
        text-align:             left;
    }
    
    #mainlinks
    {
        position:               relative;
        display:                block;
        width:                  822px;
        height:                 auto;
        padding:                60px 0px;
        float:                  left;
        background-image:       url(/files/billeder/Layout/BG_Content_Footer.jpg);
        background-repeat:      no-repeat;
        background-position:    top left;
        padding-left:           20px;
        text-align:             left;
        color:                  #979797;
        font-family:            verdana;
    }
    
        #mainlinks h2
        {
            width:                  100%;
            font-size:              12pt;
            font-weight:            normal;
            color:                  #979797;
        }
    		
		.sitemap_group a
		{
			padding-right:          20px;
            text-align:             left;
            width:                  200px;
            font-family:            verdana;
            font-size:              13px;
            text-decoration:        none;
            color:                  #979797;
            float:                  left;
            clear:					both;
            display:				block;
			position:				relative;
		}

        	
		.sitemap_group .M1 .niveau1 a
		{
			width:                  200px;
            font-family:            verdana;
            font-size:              11px;
            text-decoration:        underline;
            color:                  #979797;
            margin-top:             0px;
            line-height:            19px;
			float:					left;
		}
		

		
		
		.sitemap_group
		{
			position:				relative;
			float:					left;
			width:					200px;
			display:				block;
			margin-bottom:			10px;			
			/*border:solid 1px blue;*/
		}
		
		.sitemap_single, .sitemap_home
		{
			position:				relative;
			float:					left;
			display:				block;	
			margin-bottom:			10px;
			/*border:					solid 1px red;*/
			width:					220px;
			
		}
		
		.sitemap_wrapper
		{
			float:left;
			display:block;
			width:200px;
			position:relative;
		}
		
		.sitemap_single a
		{
			position:				relative;			
			padding-right:          20px;
            width:                  200px;
            font-family:            verdana;
            font-size:              13px;
            text-decoration:        none;
            color:                  #979797;
			
		}
	
        #vacancycontainer
        {
            width:					200px;
            position:				relative;
            float:					left;
        }
        
        #vacancycontainer a:link, #vacancycontainer a:visited,
        #vacancycontainer a:hover, #vacancycontainer a:active
        {
            text-decoration:    none;
            font-weight:        bold;
        }
        
        li.homepagevacancy
        {
            position:relative;
            float:left;
            line-height:12px;
            list-style-image:url(/files/billeder/Layout/li_arrow.jpg);
            margin-left:10px;
            margin-bottom:12px;
        }
           
  

 
/*========FORMULIEREN=============*/

.contactform, .eventform
{
    text-align:         left;
    margin-top:10px;
    
}
.eventform
{
    position:relative;
    float:left;
    margin-top:0px;
    margin-bottom:25px;
	 display:none;
}

.bedanktpagina
{
    text-align:         left;
}

.form_label
{
    position:           relative;
    display:            block;
    float:              left;
    width:              165px;
    clear:              left;
    margin-top:         8px;
    padding-top:        5px;
    font-weight:        bold;
    font-size:          10pt;
    text-align:         left;
}

.form_textbox,
.form_textboxml,
.form_list
{
    position:           relative;
    display:            block;
    float:              left;
    height:             18px;
    width:              250px;
    margin-right:       10px;
    margin-left:        0px;
    margin-top:         8px;
    padding-left:       3px;
    padding-top:        3px;
    border:             solid 1px #92B5BB;
    background-color:   White;
}

.form_textboxml
{
    height:             125px;
}

.form_list
{
    width:              50px;
    height:             23px;
}

.form_button
{
    margin-top:           8px;
    margin-left:           157px;
    float:                     left;
    
}

.validationimage
{
    padding-top:           5px;
    margin-left:          10px;    
}

.contact
{
    position:relative;
    float:left;
    
}
#Contactcontainer
{
    width:                    160px;
    height:                   155px;
    position:                relative;
    float:                     left;
    text-align:              left;
    font-size:10px;
 }
 
 #CallMeNow
 {
    height:                   155px;
    position:                relative;
    float:                     left;
   
 }
 
 .moodimagecontainer
 {
    background-image:           url(/files/billeder/Layout/BG_sfeerimage.jpg);
    background-position:        top left;
    background-repeat:          no-repeat;
    height:                              438px;
    width:                               248px;
    padding:                           10px;
    
 }
 
 #Breadcrumb
 {
     position:                       relative;
     display:                        block;
     height:                         40px;
     width:                           100%;
     text-align:                     right;
     right:                            15px;
     padding-top:                 10px;
 }
    #Breadcrumb a:link, #Breadcrumb a:active,
    #Breadcrumb a:visited, #Breadcrumb a:hover
    {
        text-decoration:            underline;        
    }
    
/*========NIEUWS=============*/
 .pnlNewsitems
 {
     position:relative;
     float:left;
     display:block;
 }
    
    .pnlItem
    {
        position:                        relative;
        float:                             left;
        margin-top:                   15px;
        margin-bottom:             30px;
    }

        .Leesmeer
        {
            clear:both;
            display:block;
            position:relative;
        }

/*========BUSINESSCASES=============*/
.bsDatalist
{
    position:relative;
    float:left;
}
    .bsCaseContainer
    {
        position:                    relative;
        float:                       left;
        background-image:            url(/files/billeder/Layout/BG_Businesscases.gif);
        background-position:         top left;
        background-repeat:           no-repeat;
        width:                       225px;
        height:                      325px;
        padding:                     15px;
        margin-right:                10px;
        margin-bottom:               10px;
    }
        .bsCompany
        {
            position:                relative;
            float:                   right;
            color:                   #333333;
            font-size:               14px;
            display:                 block;
            margin-bottom:           15px;
            right:                   7px;
        }

        .bsPreview
        {
            position:                        relative;
            float:                             left;
            width:                            225px;
            height:                           174px;
        }

        .bsLinksPanel
        {
            position:                            relative;
            float:                                 left;
            color:                                White;
            background-color:             #11A6CA;
            width:                                225px;
            text-align:                          center;
            height:                              19px;
        }
        
            a.bsLinksPanelLink:link, a.bsLinksPanelLink:active,
            a.bsLinksPanelLink:hover, a.bsLinksPanelLink:visited
            {
                text-decoration:             underline;
                color:                            White;
                font-size:                       10px;
            }
          
        .bsCaseDetails
        {
            position:                        relative;
            float:                             left;
            margin-top:                   10px;
        }
        
            a.bsCaseDetailsLink:link, a.bsCaseDetailsLink:active, 
            a.bsCaseDetailsLink:hover, a.bsCaseDetailsLink:visited
            {
                color:                    #009FC5;
                text-decoration:          underline;
                position:                 relative;
                float:                    left;
                width:                    175px;
                display:                  block;
                overflow:                 hidden;
                word-wrap:                break-word;
                
            }
			.pager
			{
				position:					relative;
				float:						right;
				margin-bottom:				10px;
				display:						block;
				right:						15px;
				clear:						left;
			}
			
				.pagerItem, .pagerItem:hover
				{
					position:					relative;
					float:						left;
					width:						20px;
					height:						16px;
					color:						white;
					background-color:			#999999;
					margin-left:				4px;
					text-align:					center;
					vertical-align:			middle;
					cursor:						pointer;
					padding-top:				2px;
				}
				
				.pagerItem:hover
				{
					background-color:			#11A6CA;
				}
			
#seminardetails
{
    position:                             relative;
    float:                                left;
    margin:                               5px;
    background-color:                     #F4F4F4;
    width:                                248px;
    height:                               120px;
}
    #seminardetails_top
    {
        background-image:                 url(/files/billeder/Layout/seminardetails_top.jpg);
        background-position:              top left;
        background-repeat:                no-repeat;
    }
    
    #seminardetails_bottom
    {
        background-image:                 url(/files/billeder/Layout/seminardetails_bottom.jpg);
        background-position:              top left;
        background-repeat:                no-repeat;
    }

#vacancydetails
{
    position:                             relative;
    float:                                left;
    margin:                               5px;
    background-color:                     #F4F4F4;
    width:                                248px;
    height:                               80px;
}
    #vacancydetails_top
    {
        background-image:                 url(/files/billeder/Layout/seminardetails_top.jpg);
        background-position:top left;
        background-repeat:no-repeat;
    }
    
    #vacancydetails_bottom
    {
        background-image:url(/files/billeder/Layout/seminardetails_bottom.jpg);
        background-position:top left;
        background-repeat:no-repeat;
    }


    #VacatureForm, #EventForm
    {
      position:                 relative;
      float:                    left;
      width:                    400px;
      line-height:              20px;
      display:                  none;
      margin-bottom:            20px;
    }
    
    #VacatureForm button
    {
      margin-top:               10px;
      position:                 relative;
      float:left;
    }
    
    #EventForm button
    {
      margin-top:               10px;
      margin-right:             15px;
      position:                 relative;
      float:                    left;
    }

/*========CONTACTPANEL=============*/
.ContactPanel
{
  padding-top: 15px;
  width:                        250px;
  position:                     relative;
  float:                        left;
}

.CallMeNowPanel 
{
  padding-top: 15px;
  width:                        230px;
  position:                     relative;
  float:                        left;
}

/*========MENU=============*/

	#menu 
	{
		position:               absolute;
		left:                   0px;
		bottom:                 0px;
		width:                  820px;
		height:                 85px;
		background:             url('/files/billeder/Layout/bg_menu.jpg');
		background-repeat:      no-repeat;
		font-size:              12px;	
		margin-left:            79px;
	}		
	
	#menu ul 
	{
		padding:                0;
		margin:                 0;
		font-weight:            bold;
	  }	
	
	#menu ul li
	{
		float:                  left;
		list-style-type:        none;
		padding:                0;
		margin:                 0;
		line-height:            85px;
	}			

	#menu ul li a 
	{
		color:                  #FFFFFF;
		text-decoration:        none;
		padding:                36px 10px 36px 15px;
		background:             url('/files/billeder/Layout/divider.gif') no-repeat;
		background-position:    center left;
	}			
	
	#menu ul li a:hover 
	{
		color:                  #00224D;
	}				

	.L1_Active
	{
		background:             url('/files/billeder/Layout/active_3.gif');
		background-position:    bottom right;			
		background-repeat:      no-repeat;
		color:                  #00224D;
		text-align:             center;	
		min-width:              50px;	
	}

	#menu ul li a:hover.L1_Active 
	{
		color:                  #ea722b;
  }			
		
  #menu ul li a:hover.L1_Active	
  {
    color:                  	#ea722b;
  }				

  #menu ul li.active2 
  {
    background:             	#FFFFFF url('/files/billeder/Layout/active_3.gif');
    background-position:    	bottom left;			
    background-repeat:      	no-repeat;
    color:                  	#00224D;
  }

  #menu a.L1_Active 
	{
		background:             url('/files/billeder/Layout/active_1.gif');
		background-position:    bottom left;			
		background-repeat:      no-repeat;
		color:                  #00224D;
		text-align:             center;	
		min-width:              50px;
		padding:                36px 18px 36px 20px;
	}

	#menu ul li:first-child a
	{
		background:             none;
		text-align:             center;	
		min-width:              50px;
		padding:                36px 20px 36px 15px;	
	} 

	#menu ul li:first-child a.L1_Active 
	{
		background:             url('/files/billeder/Layout/active_first.gif');
		background-position:    bottom left;			
		background-repeat:      no-repeat;
		color:                  #00224D;
		text-align:             center;	
		min-width:              50px;
	} 

	/*========SUBMENU=============*/
		  
		#BCsubmenu_body table.BCTable
		{
			float:						left;
			text-align:					left;
		}
		
			#BCsubmenu_body table th
			{
				color:						white;
				font-weight:				bold;
				height:						20px;
				vertical-align:			    top;
				text-align:left;
				
			}
			
			#BCsubmenu_body table tr td
			{
				vertical-align:			top;
				color:						white;
			}
			
			#BCsubmenu_body ul
			{
				position:					relative;
				float:						left;			
				padding:						0px;
				margin:						0px;
			}
			
			#BCsubmenu_body ul.multiple
			{
				position:					relative;
				float:						left;			
				padding:						0px;
				margin:						0px;
				width:						300px;
				height:						95px;
			}
			
			#BCsubmenu_body ul li
			{
				list-style-type:			none;
				padding:						0px;
				margin:						0px;
				display:						block;
				clear:						left;
			}
			
			.filterwrapper
			{
				float:						left;
				position:					relative;
				width:						300px;
				height:						85px;				
			}
			
			.filterselection
			{
				list-style-type:			none;
				padding:						0px;
				margin:						0px;
				display:						block;
				width:						140px;
				float:						left;
			}
		/* fake checkbox : unchecked (default/base) state */
		.fakecheck {
			font: 							8pt Verdana;
			text-decoration: 				none;
			outline: 						none;
			background: 					url(/files/billeder/Layout/checkbox.gif) no-repeat;
			height: 							16px;
			display: 						block;
			float: 							left;
			padding: 						1px 0px 0px 20px;
			color: 							#FFF;
		}
		
		/* fake checkbox : hover state */
		.fakecheck:hover {
			color:							#FFF;
			text-decoration: 				underline;
		}
		
		/* fake checkbox : checked state */
		.fakechecked {
			background-position: 		left -25px;
		}

#certifiedlogopanel
{
	position:relative;
	float:left;
	background-image:url(/files/billeder/layout/BG_certifications.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:253px;
	height:198px;
	padding:5px;
	margin-top:10px;
}

	.certifiedlogo
	{
		position:relative;
		float:left;
		vertical-align:bottom;
		margin-top:20px;
		padding-top:10px;
	}

.addthis
{
	clear:both;
	display:block;
	float:right;
	margin-right:10px;
	margin-top:10px;
	position:relative;
}