/*** RESETTING TO DEFAULT STYLESHEET ***/
	html, body, div, span,  applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  dd, dl, dt, li, ol, ul,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,  blockquote:before, blockquote:after {
	content: "";
}
/*** End of:: RESETTING TO DEFAULT STYLESHEET ***/

#page
{
    font-family: Trebuchet MS, Sans-Serif;
}

.homeButton{
height:120px;
width:167px;
float:left;
}

.homeButton a{
display:block;
width:130px;
height:100px;
margin-left:20px;
text-decoration :none;
}

.homeButton a span
{
    visibility:hidden;
}

/*************************************
meta menu
***************************************/

.metaMenu{
	height:50px;
	float:left;
}

.homepageHeader .metaMenu
{
    margin-left: 167px;
}
	
.metaMenu table{
	margin-left:414px;
	margin-top:3px;
	border-collapse:collapse;
	}

.metaMenu td{
	line-height:15px;
	color:#333333;
	}
	
.metaMenu a{
	color:#5d8b92;
	margin-right:7px;
	font-size:10px;
	text-decoration:none;
}
.metaMenu a:hover {
	text-decoration:underline;
}
.metaMenu label {
	display:none;
}	
.metaMenu .ntb_sbc_txt_Search{
	width:108px;
	height:15;
	border:1px solid #bfbfbf;
	margin-left:4px;
	margin-right:4px;
	margin-top:1px;
	float:left;
	}
	
.metaMenu .ntb_sbc_btn_DoSearch{
	width:45px;
	height:16px;
	margin-top:2px;
	background-image: url(../../bb/images/btnSearch.png)!important; 
	font-size:9px;
	display:block;
	border:0px;
	float:right;
	cursor:pointer;
	}


/****************************************
Menu
*****************************************/
.mainMenu {
	z-index:100;
	float:right;
	height: 33px;
	margin: 0px 0px 0px 0px;
	*overflow:hidden;
    width:711px;
}

.homepageHeader .mainMenu
{
    height:32px;    
}

.mainMenu ul {
/*	margin-top:1px;	*/
	}

.mainMenu ul ul
{
	width:180px;
	z-index:100;
	display: none;
	position: absolute;
	margin-top: 0px;
	margin-left:0px;
}


.mainMenu ul li:hover ul,
.mainMenu ul li.over ul
{
	display: block;
	left: 0px;
	top: 28px;
}
.mainMenu ul
{
	display: block;

}
.mainMenu ul li
{
	display: block;
	float: left;
	position: relative;	
	cursor:pointer;
	padding-top:8px;
	padding-bottom:7px;
	*padding-bottom: 8px;

}

.mainMenu ul li a{

}

.mainMenu ul li.active{
	padding-top:8px;
	padding-bottom:7px;
	*padding-bottom: 8px;
	
	}

.mainMenu ul li.active a{
	color:#cccccc;
	}

.mainMenu ul li.active a:hover{
	text-decoration:none;
	color:#FF0000;
}


	
.mainMenu ul li:hover,
.mainMenu ul li.over{
	padding-top:8px;
	padding-bottom:7px;
	*padding-bottom: 8px;
	background-color:#FFFFFF;
	}
	

.mainMenu ul li li, .mainMenu ul li li.over, .mainMenu ul li li:hover
{
	
}
	
.mainMenu ul li li,
.mainMenu ul li li:hover,
.mainMenu ul li li.over{

	padding-top:4px;



	padding-bottom:3px;
	}

	



.mainMenu ul li a
{
color:#FFFFFF;
text-decoration:none;

}

/*OUD
.mainMenu ul li a span{
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
	}
*/
	.mainMenu ul li a {
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
	}
	
.mainMenu ul li ul li
{
	width: 180px;
	margin-top:-1px;
	background-color:#FF0000;
	display: block;
	text-align:left;
}	
	
 .mainMenu ul li li a
 {
    font-size:11px;
    font-weight:bold;
    width: 164px;	 
    padding-left:8px;
    padding-right:8px;
    color:#FFFFFF!important;    
    line-height: 17px;
    float: left;
}
	
 .mainMenu ul li li a:hover{
	 color:#FF0000!important;
	 }

.mainMenu ul li li:hover,
.mainMenu ul li li.over {
	background-color:#FFFFFF;
	color:#FF0000!important;
	}
	
.mainMenu ul li li:hover a,
.mainMenu ul li li.over a{
	color:#FF0000!important;
}
.mainMenu ul li li.menuBottom{
background-color:transparent;
background-image:url(../../bb/images/menuBottom.gif);
background-repeat:no-repeat;
display:block;
height:9px;
}

.mainMenu ul li:hover a,
.mainMenu ul li.over a
{
	color:#FF0000;
}



.mainMenu ul li:hover ul li a,
.mainMenu ul li.over ul li a
{

}

.mainMenu ul li:hover ul li a:hover,
.mainMenu ul li.over ul li a:hover
{

}

/***************************************
Subnavigation
***************************************/
#page #middle #subNavigation
{
	width:181px;
	float: left;
	font-size: 12px;
}

#page #middle #subNavigation h1
{
    font-size:14px;
    font-weight:bold;
    color:#5d8b92;
    margin-top:28px;
	margin-bottom:10px;
	margin-left:18px;
}

#page #middle #subNavigation ul
{
    list-style: none outside none;
}

#page #middle #subNavigation ul li a
{
    text-decoration: none;
    display: block;
    line-height: 17px;
    color: #ff0000;
    padding: 0 5px;    
}

#page #middle #subNavigation ul li a:hover
{
    background-color: #ff0000;
    color: #fff;
}

#page #middle #subNavigation ul li a b
{
    font-weight: normal;
}


/***************************************
Logos
***************************************/

#logos {
    margin:6px;
    height:160px;
}

#logos a {
text-decoration:none;
} 
#logos .logoSharepoint {
	display:block;
	float:right;
	width:130px;
	height:32px;
	background:url(../../bb/images/sharepoint_logo_homepage.gif) no-repeat;

}
#logos .logoSitecore {
	display:block;
	float:right;
	width:140px;
	height:27px;
	margin-right:15px;
	background:url(../../../Sites/Files/Sitecore_bg.jpg) no-repeat;

}

#logos .logoNettoolbox {
	display:block;
	float:right;
	width:174px;
	height:29px;
	margin-right:15px;
	background:url(../../bb/images/ntb_logo_homepage.gif) no-repeat;
}
#logos .logoMSGold {
    display:block;
    float:right;
	width: 80px;
	height: 36px;
    background: url(/Sites/bb/images/logo_ms_goldpartner.png) no-repeat 0 0;
    margin-left: 15px;   

}
#logos .logoFacebook {
    display:block;
    float:right;
	width: 32px;
	height: 32px;
    background: url(/Sites/bb/images/Facebook.png) no-repeat 0 0;
    margin-left: 5px;   
    margin-right: 3px;
}
#logos .logoTwitter {
    display:block;
    float:right;
	width: 32px;
	height: 32px;
    background: url(/Sites/bb/images/Twitter.png) no-repeat 0 0;
    margin-left: 5px;   
    margin-right: 3px;

}
#logos .logoLinkedIn {
    display:block;
    float:right;
	width: 32px;
	height: 32px;
    background: url(/Sites/bb/images/LinkedIn.png) no-repeat 0 0;
    margin-left: 15px;   /*Different left-margin to have enough space considering the MS Logo. */
    margin-right: 3px;

}

#logos .logoIntranet2009 {
display:block;
float:left;
	width:234px;
	height:60px;
	background:url(../../bb/images/logoIntranet2009.gif) no-repeat;	

}
	
#logos .logoConclusion{
display:block;
float:right;

	width:210px;
	height:36px;
	background:url(../../bb/images/logoConclusion.gif) no-repeat;
	
}

#logos span
{
   display:none;
}

/********************
Extra Thickbox CSS
*********************/
#TB_title {
	background:url(/Sites/bb/images/TB_title_bg.jpg) repeat-x 0px 0px !important;
}
#TB_title #TB_ajaxWindowTitle span {
	visibility:hidden;
}
#TB_title #TB_closeAjaxWindow {
	padding:4px 4px 5px 0;
}
#TB_title #TB_closeAjaxWindow a {
	background:url(/Sites/bb/images/close_btn.png) no-repeat 0px 0px;
	display:inline-block;
	width:20px;
	height:19px;
	text-decoration:none;
}
#TB_title #TB_closeAjaxWindow a:hover {
	background-position:0px -19px;
}
#TB_title #TB_closeAjaxWindow a span {
	visibility:hidden;
}


/********************
HomepageHeader
*********************/
.homepageHeader
{
    position: relative;
    z-index: 10;    
}

a.homepageHomeButton
{
    height: 122px;
    width: 148px;
    position: absolute;
    display: block;
    background: url(/Sites/bb/images/logo_bb_homepage.png) no-repeat 0px 0px;
    margin-left: 17px;
    z-index: 20;
    top: 0;
    left: 0;
}

a.homepageHomeButton span
{
    display: none;
}


.homepageHeader .homepageSlogan
{
    position: absolute;
    right: 0;
    top: 101px;
    margin-right: 4px;
    z-index: 20;
    font-size: 16px;
    color: #fff;
    background: url(/Sites/bb/images/bg_slogan.png) no-repeat 0 0;
    line-height: 18px;
    padding: 14px 18px 15px 18px;
    font-weight: bold;
}
    

/********************
HomepageContent
*********************/
.homepageContent
{
    margin: 0 4px 0 4px;
    padding: 0 18px;
    position: relative;
    z-index: 0;
    line-height: 18px;
    font-size: 13px;
    color: #333333;
    height: 481px;
}

.homepageContent p
{
    line-height: 18px;   
}

.homepageContent a
{
    color: #669999;
}

.homepageContent a:hover
{
    color: #333333;
}

.homepageContent h1
{
    
}


.homepageContent h2
{
    color: #ff0000;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 18px;
}

.homepageContent h3
{

}


.homepageContent .carouselContainer
{
    
}

.homepageContent .carouselContainer .window
{
    height: 481px;
    width: 842px;    
    overflow: hidden;
    position: relative; /* IE7 */
}

.homepageContent .carouselContainer .image_reel
{
    position: relative;
}

.homepageContent .carouselContainer .image_reel li
{
    float: left;
    height: 481px;
    width: 842px;
    position: relative;
}

.homepageContent .carouselContainer .image_reel li > img
{
    
}

.homepageContent .carouselContainer .image_reel .testimonial
{
   position: absolute;
   left: 188px;
   top: 181px;
   max-width: 400px;
   padding-right:10px;    
}

.homepageContent .carouselContainer .image_reel .testimonial h3 a
{
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
    text-decoration: none;   
}

.homepageContent .carouselContainer .image_reel .testimonial h3 a:hover
{
    text-decoration: underline;
}

.homepageContent .carouselContainer .carouselButtons
{
    position: absolute;
    top: 261px;
    right: 0;
    margin-right: 22px;
}

.homepageContent .carouselContainer .carouselButtons a
{
    float: left;
    width: 20px;
    height: 21px;   
}

.homepageContent .carouselContainer .carouselButtons a.previousBtn
{
    background: url(/Sites/bb/images/btn_carousel_previous.png) no-repeat 0 0;
    margin-right: 10px;
}

.homepageContent .carouselContainer .carouselButtons a.nextBtn
{
    background: url(/Sites/bb/images/btn_carousel_next.png) no-repeat 0 0;
}

.homepageContent .carouselContainer .carouselButtons a:hover
{
    background-position: 0 -22px;
}

.homepageContent .carouselContainer .carouselButtons a span
{
    display: none;
}

.homepageContent .claimContainer
{
    position: absolute;
    top: 297px;
    left: 0;
    margin: 0 0 0 18px;
}

.homepageContent .claimContainer .claim
{
    float: left;
    width: 377px;
    height: 148px;
    margin-right: 16px;
    background: url(/Sites/bb/images/bg_claimblock.png) no-repeat 0px 0px;
    padding: 18px;
}

.homepageContent .claimContainer .claim p,
.homepageContent .claimContainer .claim a
{
    font-weight: bold;
}

.homepageContent .claimContainer .claim .logoBar
{
    margin-top: 18px; /* 1 regelhoogte ruimte tussen tekst en bovenkant logo's */
    overflow: hidden;    
}

.homepageContent .claimContainer .claim .logoBar a
{
   float: left;
   height: 36px;  /* 2x regelhoogte van 18px */
}

.homepageContent .claimContainer .claim .logoBar a.logoSitecore
{    
    width: 199px;   
    background: url(/Sites/bb/images/logo_sitecore_partner.png) no-repeat 0 0;       
}

.homepageContent .claimContainer .claim .logoBar a.logoClass
{
    width: 139px;
    background: url(/Sites/bb/images/logo_class.png) no-repeat 0 0;
}

.homepageContent .claimContainer .claim .logoBar a.logoMSGoldPartner
{
    float: right;
    width: 80px;
    background: url(/Sites/bb/images/logo_ms_goldpartner.png) no-repeat 0 0;
}

.homepageContent .claimContainer .claim .logoBar a span
{
    display: none;
}