/* ** Algemeen ** */
body, html
{
    height: 100%;
    margin: 0;
    padding: 0;	
}

a img
{
    border: none 0;
}

form
{
    margin: 0;
    padding: 0;	
    height: 100%;
}

br.Close
{
    clear: both;	
}

div.Close
{
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 1px;
	height: 0px;
}

/* ** Bookmark - main ** */
body 
{
	background-color: #fff;
    background-image:url(../Images/siteBG_tile.png);
    background-repeat:repeat-x;
    color: #6b6b6b;
    font-size: 9px;
    text-transform:uppercase;
    text-decoration:none;	
    text-align: center;
}

body.Popup
{
	background-image: none;	
}

div#mainHolder
{
    position: relative;
    width: 970px;
    margin: 0 auto;
    padding: 0;
    height: auto !important;
    height: 100%;
    min-height: 100%;    
    background-image:url(../Images/ContentShadow2.gif);
    background-position:0 350px;
    background-repeat:no-repeat;
    text-align: left;    
}

div#BMBackground
{
	position: absolute;
	left: 0;
	top: 500px;
	bottom: 155px;
	height: auto !important;
	height: expression(parseInt(parentNode.offsetHeight)-655);
	width: 100%;
	background-image:url(../Images/ContentShadow2_repeat.gif);
}

/* ** Bookmark - header ** */
#LanguageChange
{
	position: absolute; 
	top: 10px;
	right: 20px;
	height: 20px;
	width: 100%;
	text-align: right;
}

	#LanguageChange .LinkText
	{
		font-weight: bold;
		font-size: 9px;
	}

#BMlogo
{
    position:relative;
    margin: 0 auto;
    padding: 20px 0 0 0;
    width:325px;
    height:64px;
    overflow: hidden;
}

/* ** Bookmark - top menu ** */
#menuNormal
{
    position:relative;
	margin: 0 auto;
	padding: 0;
    height:17px;
    width:806px;
    background-image:url(../Images/Menubar_bg.jpg);
    z-index: 4;
    font-size:11px;
}

	#menuNormal #mnuTopMenu{
		position: absolute;
		top: 1px;
		left: 83px;
		margin: 0;
		padding: 0;
	}

	#menuNormal a.TopItem
	{
		position:relative;
		margin: 0 7px;
		font-size:11px;
		font-weight:bold;
		text-decoration: none;
		color: #fff;
		cursor:pointer;
		padding-right: 16px;
		background-image: url(../Images/TopButtonArrow.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}	
	
	#menuNormal a.TopItem:hover
	{
		text-decoration: none;
		color: #878787;
		background-image: url(../Images/TopButtonArrowHover.gif);
	}
	
	#menuNormal a.Selected,
	#menuNormal a.Selected:hover
	{
		color: #878787;
		background-image: url(../Images/TopButtonArrowSelected.gif);
	}
	
	div.DynamicMenuStyle 
	{
		border: 1px solid #fff;
		background-color: #d8d8d8;
		text-align: left;
		height: auto;
		margin: 1px 0 0 3px;
	}
						
		div.DynamicMenuStyle table table.SubItem td,
		div.DynamicMenuStyle table table.SubItem2 td
		{
			padding: 2px 10px 2px 5px;
		}
			
			div.DynamicMenuStyle table table.SubItem a,
			div.DynamicMenuStyle table table.SubItem2 a
			{
				font-size:11px;
				font-weight:normal;
				text-decoration: none;
				color: #878787;				
			}
			
			div.DynamicMenuStyle table table.SubItem a:hover,
			div.DynamicMenuStyle table table.SubItem2 a:hover
			{
				text-decoration: none;
				color: #fff;
			}
	
#menuFlash
{
    position:relative;
    height:200px;
    margin-top: -4px;
    z-index: 3;
}

/* ** Bookmark - Footer ** */
#footer, #footerBG
{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 155px;
    width: 100%;
    overflow: hidden;
}

 #footerBG
 {   
    background-image: url(../Images/bgBottom.jpg);
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: 1;
}

#footer
{
	z-index: 3;	
	height: 75px;
}

    #submenuLeft
    {
        height:60px;
        padding: 15px 0 0 10px;
        position:relative;
        float:left;
        width:500px;
    }
    
		#submenuLeft .LinkText
		{
			border-left: 1px solid #aaaaaa;
			padding: 0 5px;
		}
		
		#submenuLeft .LinkFirst
		{
			border-left: none 0;
			padding: 0 5px 0 0;
		}

    #submenuRight
    {
        height:75px;
        padding: 0;
        position:relative;
        float:left;
        text-align:right;
        width:450px;
    }
        
/* ** Bookmark - Fonts ** */
body 
{
	font-family: Verdana;
}

.LinkText
{
    color: #aaaaaa;
    font-size: 8px;
    text-transform:uppercase;
    text-decoration:underline;
}

	.LinkText:hover
	{
		text-decoration: underline;
		color: #232323;
	}

.ContentHolder h2
{
	color: #aaaaaa;
	letter-spacing:9px;
	font-size: 26px;	
	font-weight: 500;
	margin: 0;
	padding: 0 0 20px 0;
}


.ContentHolder h3
{
	color: #aaaaaa;
	letter-spacing: 0px;
	font-size: 16px;	
	margin: 0;
	padding: 0 0 10px 0;
}

.ContentHolder h4
{
	color: #aaaaaa;
	letter-spacing:6px;
	font-size: 14px;	
	margin: 0;
	padding: 5px 0 10px 0;
}

.ContentHolder p, .ContentHolder li, .ContentHolder dt, .ContentHolder dd
{
	color: #535353;
    font-size: 9px;
    letter-spacing: 0px;
    text-transform:uppercase;
    text-decoration:none;
    font-weight: 500;
    line-height: 20px;
}

.ContentHolder ul, .ContentHolder dl
{
	margin: 0;
	padding: 0;
}

.ContentHolder li, .ContentHolder dd
{
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

.ContentHolder dt
{
	font-weight: bold;
}

.ContentHolder dd
{
	padding-bottom: 15px;
}

.ContentHolder p{
    margin: 0;
    padding: 10px 0;
}

	.ContentHolder p a, .ContentHolder dl a
	{
		text-decoration: underline;
		color: #535353;
	}
	
	.ContentHolder p a:hover
	{
		text-decoration: underline;
		color: #232323;
	}

.ContentHolder hr 
{
	border: none 0;
	border-top: 1px solid #68bacb;/*the border*/
	height: 1px;
}

/* ** Bookmark - content ** */
.ContentHolder
{
    position:relative;
    width:940px;
    padding:50px 15px 114px 15px; /* 114 = 155 - aantal pixels om lijn onderaan te krijgen */
    z-index: 2;
}

	.ImageSmall
	{
		padding-left: 60px;
	}
	
	.InlineImageRight
	{
		position: relative; 
		float: right; 
		width: 200px; 
		padding: 0 0 20px 20px;
	}
	
	.ColumnLeft
	{
		position: relative; 
		float: left; 
		width: 46%; 
		padding-right: 4%	
	}
	
	.ColumnRight
	{
		position: relative; 
		float: left; 
		width: 46%; 
		padding-left: 3%	
	}
	
/* ** Bookmark - per pagina ** */
div.TwoColumnEqual
{
	position: relative;	
	padding: 0 0 10px 0;
	background-image: url(../Images/TextLine.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
}

	div.TwoColumnEqual .ContainerLeft,
	div.TwoColumnEqual .ContainerRight
	{
		position:relative;
		float:left;
		width: 310px; 
		padding: 0 80px;
	}
	
/* ** Bookmark - 2 kolommen, linker = klein ** */
div.TwoColumnLeftSmall
{
	position: relative;
	padding: 0 0 10px 0;
	margin: 0;
	width: 100%;
}

	div.TwoColumnLeftSmall .ContainerLeft
	{
		position:relative;
		float:left;
		width: 300px; 
		padding: 0 30px 0 0; 
	}
	
	div.TwoColumnLeftSmall .ContainerRight
	{
		position:relative;
		float:left;
		width: 550px; 
		padding: 0;
	}
	
/* ** Bookmark - Home ** */
div#homeFlash
{
	position: relative;
	margin: 0;
	padding: 0;
	margin-top: 55px;
}

/* ** Bookmark - Adres en Route ** */
.AddressBlock
{
	padding-left: 160px;	
}

.Route
{
	 border: 1px solid #6b6b6b;
	 margin: 0; 
	 padding: 0;
	 width: 565px;
	 height: 450px;
	 overflow: hidden;
}

/* ** Bookmark - smoelenboek ** */
div.EmployeeList
{
    position: relative;
    margin: 0;
    padding: 0 0 0 32px;
}

	div.EmployeeList .Employee,
	div.EmployeeList .SelectedEmployee
	{
		width: 300px;
		height: 170px;
		overflow: hidden;
		position: relative;
		padding: 0;
		margin: 0;
		float: left;
		background-image: url(../Images/BGEmployeeNormal.jpg);
		background-repeat: no-repeat;
	}

    div.EmployeeList img
    {
    	position: absolute;
    	top: 1px;
    	left: 1px;
    }
    
    div.EmployeeList p, div.EmployeeList q
    {
        font-family: Verdana;
        font-size: 10px;
        line-height: 13px;
        padding: 0;
        margin: 0;
    }
    
    /* ** Bookmark - standaard blokje ** */                       
    div.EmployeeList .Employee p.Name
    {
    	position: absolute;
        top: 20px;
        left: 100px;
        width: 165px;
        height: 35px;
        overflow: hidden;
        color: #00b6f1;
        font-weight: bold; 
    }            
    
    div.EmployeeList .Employee p.Function
    {
    	position: absolute;
        top: 55px;
        left: 100px;
        width: 165px;
        height: 35px;
        overflow: hidden;
        color: #00b6f1;
    }
    
    div.EmployeeList .Employee .Large
    {
    	display: none;
    }
    
    /* ** Bookmark - selected blokje ** */
    div.EmployeeList .SelectedEmployee
    {
    	background-image: url(../Images/BGEmployeeSelected.jpg);
    }
    
    div.EmployeeList .SelectedEmployee img.Small,
    div.EmployeeList .SelectedEmployee p.Name,
    div.EmployeeList .SelectedEmployee p.Function
    {
    	display: none;
    }
                
    div.EmployeeList .SelectedEmployee div.Large
    {
		position: absolute;
		top: 5px;
		left: 100px;
		width: 175px;
		height: 135px;
		overflow: hidden;
    }
    
    div.EmployeeList .SelectedEmployee div.Large q
    {
        color: #fff;
        font-style: italic;
        font-weight: bold;
    }
    
    div.EmployeeList .SelectedEmployee div.Large p
    {
        color: #797979;
        padding-top: 3px;
    }
    
/* ** Bookmark - referenties ** */
div.ReferenceList
{
    padding: 0;
    margin: 0;
    padding: 0 0 0 35px;	
}
    
    div.ReferenceList ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;                	
    }
    
    div.ReferenceList ul li
    {
        display:block;
        width: 300px;
        height: 135px;
        padding: 0 0 20px 0;
        margin: 0;
        float: left;                 
    }

/* ** Bookmark - Vacatures ** */
.Vacatures p
{
	width: 95%;	
}

.Vacatures .ButtonRowRight
{
	position: relative;
	width: 100%;
	text-align: right;
}

.Vacatures .ButtonRowMiddle
{
	position: relative;
	width: 100%;
	text-align: center;
}

	.Vacatures .ButtonRowMiddle	a
	{
		padding-left: 20px;
	}
.VacatureOverzicht
{
	width:100%;
}

/* ** Bookmark - vacature popup ** */
body.Popup div.Main
{        	
position: relative;
margin: 0 auto;
padding: 0;
width: 592px;	
}

body.Popup div.Header
{
	position: relative;
    text-align: center;
    margin: 0;
    padding: 0 0 20px 0;	
}

body.Popup div.Content
{
	position: relative;
    padding: 0 25px 10px 25px;	
    /*background-color: #ff0000;*/
    background-image: url(../Images/ContentShadow3_Top.gif);
}

body.Popup div.Footer
{
	position: relative;
	padding: 30px 20px 0 0;
	text-align: right;
	background-image: url(../Images/ContentShadow3_Bottom.gif);
	background-repeat: no-repeat;
}

	body.Popup div.Footer img
	{
		padding-left: 15px;	
	}

body.Popup table.Preview td
{
	padding: 0 5px;
	text-align: left;
	vertical-align: top;
} 

body.Popup table.Preview td.Label
{
    font-weight: bold;	
}


/* ** BOOKMARK - Cases ** */
.Template6 h3{
	margin: 0;
	padding :0 0 10px 0;
}

.Template6 p{

	line-height: 18px; 
	font-weight: normal;
	padding :0 0 7px 0;
}

.Case_Beijing
{
	padding-left: 40px; 
	background-image: url(../Content/Cases/stationbeijing.jpg); 
	padding-bottom: 0px; 
	padding-top: 120px; 
	background-repeat: no-repeat; 
	position: relative; 
	color:#010066;
	height:660px;

}

.Case_Beijing p
{
	width:460px;
	font-size:9px;
	line-height:16px;
}


/* ** BOOKMARK - BDay ** */
.Gallery img
{
	border: 1px solid #000;
}

/* ** BOOKMARK - Sitemap ** */
.Sitemap td a
{
	color: #535353;
    font-size: 9px;
    letter-spacing: 0px;
    text-transform:uppercase;
    text-decoration:none;
    font-weight: 500;
    line-height: 20px;
}