/****************************************************************************/
/************************ CASCADING STYLE SHEET TEBUMA **********************/
/****************************************************************************/

html,
body {
	background:url(images/bg.png) #fff repeat-x;
	font-family:"Arial";
	line-height:16px;
	font-size:11px;
	color:#555050;
	height:100%;
	padding:0;
	margin:0;
}

/****************************************************************************/
/********************************* CONTAINER ********************************/
/****************************************************************************/

#container {
	position:relative;
	min-height:100%;
	width:100%;
}

#container .wrap {
	background:url(images/container.png) no-repeat;
	padding:0 0 150px 0;
	margin:0 auto;
	width:915px;
}

/****************************************************************************/
/*********************************** SIDEBAR ********************************/
/****************************************************************************/

#sidebar {
	width:280px;
	float:left;
	min-height:305px;
	padding:0 0 0 40px;
}

/****************************************************************************/
/************************************ LOGO **********************************/
/****************************************************************************/

#sidebar h1.logo {
	text-indent:-6000px;
	padding:0;
	margin:0;
}

#sidebar h1.logo a {
	display:block;
	height:125px;
	width:320px;
}

/****************************************************************************/
/********************************** SERVICES ********************************/
/****************************************************************************/

#sidebar .services {
	background:url(images/services.png) repeat-y;
	margin:0 auto;
	margin-top:30px;
	width:218px;
}

#sidebar .services .inner {
	background:url(images/services_inner.png) no-repeat;
	padding:90px 0 0 0;
}

#sidebar .services ul {
	background:url(images/services_bottom.png) left bottom no-repeat;
	padding:0 0 20px 30px;
	list-style-type:none;
	margin:0;
}

#sidebar .services ul li {
	background:url(images/dot.png) 0 10px no-repeat;
	behavior:url(iepngfix.htc);
	padding:0 0 0 15px;
	line-height:22px;
}

/****************************************************************************/
/************************************ MENU **********************************/
/****************************************************************************/

#sidebar ul.menu {
	background:url(images/menu_dots.png) no-repeat;
	list-style-type:none;
	padding:3px 0 0 0;
	margin:0;
}

#sidebar ul.menu ul {
	background:url(images/menu_dots.png) bottom no-repeat;
	list-style-type:none;
	padding:0 0 5px 0;
	margin:0;	
}
 
#sidebar ul.menu li a {
	behavior:url(iepngfix.htc);
	cursor:pointer;
	display:block;
	height:27px;
	width:271px;
}

#sidebar ul.menu li.why a {
	background:url(images/menu_why.png) no-repeat;	
}

#sidebar ul.menu li.why.dropdown a {
	background:url(images/menu_why_sub.png) no-repeat;	
}

#sidebar ul.menu li.solutions a {
	background:url(images/menu_solutions.png) no-repeat;	
}

#sidebar ul.menu li.solutions.dropdown a {
	background:url(images/menu_solutions_sub.png) no-repeat;	
}

#sidebar ul.menu li.customers a {
	background:url(images/menu_customers.png) no-repeat;	
}

#sidebar ul.menu li.partners a {
	background:url(images/menu_partners.png) no-repeat;	
}

#sidebar ul.menu li.jobs a {
	background:url(images/menu_jobs.png) no-repeat;	
}

#sidebar ul.menu li.contact a {
	background:url(images/menu_contact.png) no-repeat;	
}

#sidebar ul.menu li a:hover {
	background-position:bottom;	
}

#sidebar ul.menu ul ul.sub {
	background:none;
	padding:0;
}

#sidebar ul.menu ul ul.sub li a {
	background:none;
	height:18px;
}

/****************************************************************************/
/***************************** SUBMENU WHY TEBUMA ***************************/
/****************************************************************************/

#sidebar ul.menu ul ul.sub li.why_offer a {
	background:url(images/sub_why_offer.png) no-repeat;
}

#sidebar ul.menu ul ul.sub li.why_advantage a {
	background:url(images/sub_why_advantage.png) no-repeat;
}

#sidebar ul.menu ul ul.sub li.why_benefits a {
	background:url(images/sub_why_benefits.png) no-repeat;
}

#sidebar ul.menu ul ul.sub li.why_team a {
	background:url(images/sub_why_team.png) no-repeat;
}

/****************************************************************************/
/****************************** SUBMENU SOLUTIONS ***************************/
/****************************************************************************/

#sidebar ul.menu ul ul.sub li.sol_sales a {
	background:url(images/sub_sol_sales.png) no-repeat;
}

#sidebar ul.menu ul ul.sub li.sol_market a {
	background:url(images/sub_sol_market.png) no-repeat;
}

#sidebar ul.menu ul ul.sub li a:hover {
	background-position:bottom;		
}


/****************************************************************************/
/*********************************** RIGHT **********************************/
/****************************************************************************/

#right {
	padding:140px 0 0 0;
	position:relative;
	float:right;	
	width:570px;
}

/****************************************************************************/
/*********************************** STORY **********************************/
/****************************************************************************/

#right .story {
	background:url(images/expansion_strategy.png) no-repeat;
	padding:30px 0 0 0;
	min-height:125px;
	width:305px;
}

#right .story p {
	margin-bottom:15px;	
}

#right .story a.more {
	background:url(images/read_more.png) no-repeat;
	text-decoration:none;
	padding:0 0 0 20px;
	font-weight:bold;
	color:#0e4c65;
}

#right .story a:hover.more {
	font-weight:normal;	
}

/****************************************************************************/
/*********************************** VECTOR *********************************/
/****************************************************************************/

#right .vector {
	position:absolute;
	top:145px;
	right:0;
}

#right .vector.subpagina {
	background:url(images/vector_subpagina.png) no-repeat;
	height:194px;
	width:194px;
}

#right .vector.marketing-entry-services {
	background:url(images/vector_subpagina3.png) no-repeat;
	height:194px;
	width:194px;
}

#right .vector.why_tebuma {
	background:url(images/vector_tebuma.png) no-repeat;
	height:194px;
	width:194px;
}

#right .vector.contact {
	background:url(images/vector_contact.png) no-repeat;
	height:193px;
	width:194px;
}

#right .vector.jobs {
	background:url(images/vector_jobs.png) no-repeat;
	height:193px;
	width:194px;
}

#right .vector.partners {
	background:url(images/vector_partners.png) no-repeat;
	height:193px;
	width:194px;
}

#right .vector.customers {
	background:url(images/vector_customers.png) no-repeat;
	height:193px;
	width:194px;
}



/****************************************************************************/
/*********************************** CONTENT ********************************/
/****************************************************************************/

#right .content {
	line-height:22px;	
}

#right .content b {
	color:#2179AA;	
}

#right .oranje {
	color:#EE831E;
	font-weight:bold;
	font-size:12px;
}

#right ul.list li {
   list-style-type: square;
	padding:0 0 15px 0;
}

#right ul.oplossingen li {
   list-style-type: square;
	padding:0 0 3px 0;
}

#right ul.salesoutsourcing li {
   list-style-type: square;
	padding:0 0 15px 0;
}

#right ul.benadering li {
   list-style-type: square;
	margin-left:-13px;
}

#right .content h1 {
	text-indent:-6000px;
	margin:0 0 25px 0;		
	height:45px;
	padding:0;
}

#right .content h1.why_tebuma {
	background:url(images/ttl-whyoffer.jpg) no-repeat;
	width:387px;
}

#right .content h1.why_advantage {
	background:url(images/ttl-whyadvantage.jpg) no-repeat;
	width:387px;
}

#right .content h1.why_benefits {
	background:url(images/ttl-whybenefit.jpg) no-repeat;
	width:387px;
}

#right .content h1.why_team {
	background:url(images/ttl-whyteam.jpg) no-repeat;
	width:387px;
}

#right .content h1.solutions_sales {
	background:url(images/ttl-solutionssales.jpg) no-repeat;
	width:387px;
}

#right .content h1.solutions_market {
	background:url(images/ttl-emea.png) no-repeat;
	width:387px;
}

#right .content h1.contact {
	background:url(images/ttl-contact.jpg) no-repeat;
	width:387px;
}

#right .content h1.partners {
	background:url(images/ttl-partners.jpg) no-repeat;
	width:387px;
}

#right .content h1.jobs {
	background:url(images/ttl-jobs.jpg) no-repeat;
	width:387px;
}

#right .content h1.customers {
	background:url(images/ttl-customers.jpg) no-repeat;
	width:387px;
}

#right .content .h2 {
	font-weight:bold;
	font-size:16px;
	color:#0f4c66;
}

#right .content ul.submenu {
	background:url(images/submenu.png) no-repeat;
	list-style-type:none;
	padding:0 0 0 10px;
	height:30px;
	margin:0;
}

#right .content ul.submenu li {
	text-indent:-6000px;
	float:left;	
}

#right .content ul.submenu li a {
	height:30px;
	display:block;
}

#right .content ul.submenu li.challenges a {
	background:url(images/submenu_challenges.png) no-repeat;
	width:108px;
}

#right .content ul.submenu li.benefits a {
	background:url(images/submenu_benefits.png) no-repeat;
	width:117px;
}

#right .content ul.submenu li.help a {
	background:url(images/submenu_help.png) no-repeat;
	width:131px;
}

#right .content ul.submenu li.services a {
	background:url(images/submenu_services.png);
	width:80px;
}

#right .content ul.submenu li.approach a {
	background:url(images/submenu_approach.png) no-repeat;
	width:90px;
}

#right .content ul.submenu li a:hover {
	background-position:bottom;
}

#right .content ul.submenu li.current a {
    background-position:bottom;
}

/****************************************************************************/
/************************************ BODY **********************************/
/****************************************************************************/

#body {
	position:relative;
	padding:0 0 0 30px;
	clear:both;
	width:885px;
}

/****************************************************************************/
/*************************** FRONTPAGE AFBEELDINGEN *************************/
/****************************************************************************/

#body ul.midden {
	list-style-type:none;
	padding:0;
	margin:0;
}

#body ul.midden li {
	text-indent:-6000px;
	float:left;	
}

#body ul.midden li a {
	display:block;
	width:291px;
	height:278px;
}

#body ul.midden li.assistance a {
	background:url(images/sales_assistance.png) top no-repeat;	
}

#body ul.midden li.strategy a {
	background:url(images/sales_strategy.png) no-repeat;
	margin-left:6px;
}

#body ul.midden li.expand a {
	background:url(images/expand_emea.png) no-repeat;	
	margin-left:6px;
}

#body ul.midden li a:hover {
	background-position:left bottom;	
}

/****************************************************************************/
/*********************************** FOOTER *********************************/
/****************************************************************************/

#footer {
	background:url(images/footer.png) 0 50px repeat-x;
	position:absolute;
	height:121px;
	width:100%;
	bottom:0;
}

#footer .binnen {
	background:url(images/tebuma.png) no-repeat;
	padding:75px 0 0 0;
	margin:0 auto;
	width:915px;
}

/****************************************************************************/
/************************************ ADRES *********************************/
/****************************************************************************/

#footer .binnen ul.adres {
	list-style-type:none;
	padding:0;
	margin:0;
}

#footer .binnen ul.adres li {
	padding:1px 0 0 20px;
	margin:0 5px 0 0;
	color:#8f8e8e;
	float:left;
}

#footer .binnen ul.adres li.adres {
	background:url(images/footer_home.png) no-repeat;
}

#footer .binnen ul.adres li.tel {
	background:url(images/footer_tel.png) no-repeat;
}

#footer .binnen ul.adres li.mail {
	background:url(images/footer_mail.png) no-repeat;
	font-weight:bold;
}

#footer .binnen ul.adres li a {
	text-decoration:none;
	font-weight:bold;
	color:#8f8e8e;
}

/****************************************************************************/
/********************************** WEBREGION *******************************/
/****************************************************************************/

#footer .made a {
	background:url(images/made.png) no-repeat;
	text-decoration:none;
	text-align:center;
	padding:6px 0 0 0;
	font-weight:bold;
	display:block;
	color:#b8b4b2;
	height:21px;
	float:right;
	width:142px;
}

#footer .made a b {
	color:#f49e00;	
}

/****************************************************************************/
/************************************ OVERIG ********************&***********/
/****************************************************************************/

.clear {
	clear:both;
}

a
{
  outline: none;
}

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

a.contact:hover
{
	text-decoration:none;
	color: #055A8C;
}

a.diensten:link, a.diensten:visited 
{
	text-decoration:none;
	color:#555050;	
}

a.diensten:hover
{
	text-decoration:none;
	color: #EE831E;
   border-bottom: dotted;
}

.formulier 
{
	background: #FAFAFA;
	border: solid 1px #a4a39f;
	color: #111111;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

ul 
{
   list-style-type: square;
}