/*home page flash border*/
.flashBorder {
	border: 2px solid #8B87C3;
	width: 480px;
	margin-top:10px;
}

/* fix for extjs css*/
.x-menu-list
{
	width:175px;
}

.x-form-trigger
{
	margin-left:296px;
	+margin-left:0px;
}
/**/

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 192px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
 
}

ul#menu li {
  margin-top: 0px;
  
}

.meanitem {
	/*background-image: url(../Assets/Images/MBTM_WBW_Table_bg.gif);*/
	width: 192px;	/* IE 5.x */
	width/* */:/**/192px;	/* Other browsers */
	width: /**/192px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	font: bold 12px Verdana;
	color:White;
	word-wrap:break-word;
	overflow:hidden;
	width:180px;
	clear:left;     
}

ul#menu li a:hover {
  color: #F8980E;
}

ul#menu li ul li a {
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

ul#menu li ul li a:hover {

  
   color: #F8980E;
}
#menu{
	BACKGROUND-IMAGE: url(../Assets/Images/mockup_MBTM_2009_final_03.gif);
}
#slidedown_menu
{
	PADDING-RIGHT: 0px;
	BACKGROUND-POSITION: center 50%;	
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 0px;	
	PADDING-TOP: 0px;	
	BACKGROUND-REPEAT: no-repeat;
	
}





/*
================================
Home page the rotating image bar
================================
*/

.prev
{
	cursor: pointer
}
.next
{
	cursor: pointer
}

.slideBgTd:hover
{
	background:url(../Assets/Images/MBTM-home2_32_a.gif);
}

.routating a
{
	font-family: Arial;
	font-size: 12px;
	color: #22257a;
	text-decoration: none;
}

.routating a:visited {
	font-family: Arial;
	font-size: 11px;
	color: #22257a;
	text-decoration: none;
}
.routating a:hover {
	font-family: Arial;
	font-size: 11px;
	color: #22257a;
	text-decoration: none;
}



/*
================================
home page clients words
================================
*/

.clientWord a
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	cursor:pointer;
}

.clientWord a:visited {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	cursor:pointer;
}
.clientWord a:hover {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;

}


.clientWord a img{-moz-opacity:0.7; filter:alpha(opacity=70);border:0px;}

.clientWord a:hover img{-moz-opacity:1.0; filter:alpha(opacity=100);cursor:pointer;}

/*
================================
MAIN STYLES
================================
*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #6D66B6;
}
img 
{
	display:block;
	border:0;
}


.bg-one {
	background-repeat: no-repeat;
	margin-right: 0px;
}
.td4 {
	font-family: Arial;
	font-size: 9pt;
	line-height: 14pt;
	color: #22257A;
}

.td5 {
	font-family: Arial;
	font-size: 9pt;
	line-height: 14pt;
	color: #000000;
}

.td1 {
	font-family: Arial;
	font-size: 9pt;
	line-height: 14pt;
	color: #22257A;
}
.td2 {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
}
a.link1:link {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.link1:visited {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.link1:hover {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.link1:active {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
.td3 {
	font-family: Arial;
	font-size: 10px;
	color: #F7AF26;
}
.box {
	font-family: Arial;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #8D86C9;
	border: 1px solid #655CB2;
}




/*
================================
JQuery Dropdown Navigation Menu STYLES
================================
*/

/*remove the gap of the dropmenu*/

*html .ddsmoothmenu ul li ul li{margin-bottom:-2px;}  /* ie 6 */
*+html .ddsmoothmenu ul li ul li{margin-bottom:-2px;} /* ie 7  */

.ddsmoothmenu{
font: bold 10px Verdana;

width: 100%;

}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li
{
	
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;

color: white;
padding: 0px 0px;

text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

color: #F8980E;
}

.ddtable
{
	display:none;
	
}

.ddsmoothmenu ul li a:hover{


color: #F8980E;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul
{
	
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li
{	

	height:30px;
	width:100%;
display: list-item;
float: none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;

display: none; /*collapse all sub menus to begin with*/
visibility: hidden;

}



/* Sub level menu links style */
/*change the font of the menu*/
.ddsmoothmenu ul li ul li a{

	padding: 5px;
	margin: 0;
	border-top-width: 0;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background:#6058b4;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}


/*
================================
Search results STYLES
================================
*/


/* XSLTsearch  */
#xsltsearch {margin: 0; padding: 0; WIDTH: 100%}
    #xsltsearch_summary 
    {
    	margin:0;
    	padding:4px 0px 0px 15px;
    	background-image: url("../Assets/Images/MBTM-search_11.gif") ;
    	background-repeat:repeat-x;
    	height:24px;
    	FONT-SIZE: 9pt;	COLOR: #48409d;	FONT-FAMILY: Arial;
    	font-weight:700;
    	
    }
    
    
    .xsltsearch_result {padding:15px 0 0 0;}
	.xsltsearch_result p {margin: 0; padding: 0;}
	.xsltsearch_ordinal {font-weight: bold; font-size: 75%;}
	.xsltsearch_title 
	{
		 padding-left:25px;
		 padding-right:25px;
		FONT-WEIGHT: bold;	FONT-SIZE: 9pt;	COLOR: #392970;	FONT-FAMILY: Arial;	TEXT-DECORATION: underline;	
	}
	
	.xsltsearch_url
	{
		 padding-left:25px;
		 padding-right:25px;
		FONT-SIZE: 9pt;	COLOR: #f5a83e;	FONT-FAMILY: Arial;  text-decoration:none;
	}
	.xsltsearch_score {font-size: 75%;}
	p.xsltsearch_result_description 
	{
		 padding-left:25px;
		 padding-right:25px;
		
		FONT-SIZE: 9pt;	COLOR: #48409d;	FONT-FAMILY: Arial;
		
	}
	.xsltsearch_description strong {background: #f5a83e; color:#48409d;} /* highlighting */
	#xsltsearch_navigation 
	{
		FONT-SIZE: 9pt;	COLOR: #48409d;	FONT-FAMILY: Arial;
		clear:both; text-align: center; line-height:37px; height:37px; border-top:1px dotted #5e5e5e; border-bottom:1px dotted #5e5e5e;
		
	}
	#xsltsearch_navigation .disabled {color: #999;}
	#xsltsearch_stats {font-size: 11px; color: #8b8b8b;}


/*
=============================
referentie start
============================ 
*/
/*  Referenties Card start */

.refCard {
	float: left;
	margin: 11px;
    	
}
.referenceContent
{
	font-family: Arial;
	font-size: 11px;
	color: #48409D;
	text-align:left;
	#height:235px;
	height:250px;
		
	
}

.bg-one {
	background-repeat: no-repeat;
}
.td4 {
	font-family: Arial;
	font-size: 9pt;
	line-height: 14pt;
	color: #22257A;
}

.td1 {
	font-family: Arial;
	font-size: 9pt;
	line-height: 14pt;
	color: #22257A;
}
.td2 {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
}
.td3 {
}
.td4 {
	font-family: Arial;
	font-size: 11px;
	color: #48409D;
}

a.link1:link {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.link1:visited {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.link1:hover {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.link1:active {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
.box {
	font-family: Arial;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #8D86C9;
	border: 1px solid #655CB2;
}
.letter {
	font-family: Arial;
	font-size: 9pt;
	color: #48409D;
}
a.link2:link {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #392970;
	text-decoration: underline;
}
a.link2:visited {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #392970;
	text-decoration: underline;
}
a.link2:hover {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #392970;
	text-decoration: none;
}
a.link2:active {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #392970;
	text-decoration: none;
}
.letter-big {
	font-family: Arial;
	font-size: 13pt;
	color: #282882;
	font-weight: bolder;
}


.letter-title{
	font-family: Arial;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bolder;
	text-align:center;
	text-decoration:none;
}

/*
=======================================
Faq dropdown start
=======================================
*/


#menuFaq {
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
}
#menuFaq li ul li{
	list-style-image: none;
	list-style-type: none;
	clear: none;
}
#menuFaq a{
	text-decoration: none;
}
.faqMainItem{
	margin-left: 40px;
}



/*
=======================================
GOOGLE MAP
=======================================
*/


.MapNumber:hover{color: #F8980E}
.MapNumber{
	text-decoration: none;
}




/*
=======================================
Producten link
=======================================
*/

.plinks a:link 
{
	FONT-SIZE: 8pt;
	COLOR: #22257a;	
	LINE-HEIGHT: 14pt;
	FONT-FAMILY: Arial;
	 margin:2px;
	 text-decoration:none;
	 cursor:pointer;
	
}

.plinks a:visited
{
	FONT-SIZE: 8pt;
	COLOR: #22257a;	
	LINE-HEIGHT: 14pt;
	FONT-FAMILY: Arial;
	 margin:2px;
	 text-decoration:none;
	 cursor:pointer;
	
}

.plinks a:hover
{
	FONT-SIZE: 8pt;
	COLOR: #F3990D;	
	
	LINE-HEIGHT: 14pt;
	FONT-FAMILY: Arial;
	 margin:2px;
	 text-decoration:none;
	 cursor:pointer;
	
}

.plinks a:active 
{
	FONT-SIZE: 8pt;
	COLOR: #22257a;	
	LINE-HEIGHT: 14pt;
	FONT-FAMILY: Arial;
	 margin:2px;
	 text-decoration:none;
	 cursor:pointer;
	
}


/*
=======================================
Contact forms styles
=======================================
*/



.x-panel-body 	
    {
    	BORDER-RIGHT: #99bbe8 1px solid;	
        BORDER-TOP: #99bbe8 0px;	
        BACKGROUND: transparent;	
        OVERFLOW: hidden;	
        BORDER-LEFT: #99bbe8 1px solid;	
        BORDER-BOTTOM: #99bbe8 1px solid;	
        POSITION: relative
     }
     
     .x-form-check-checked .x-form-radio {	BACKGROUND-POSITION: 0px -13px} 



/*
=======================================
Popup window styles
=======================================
*/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../Assets/Images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../Assets/Images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../Assets/Images/info.gif);
}

#popup_content.confirm {
	background-image: url(../Assets/Images/important.gif);
}

#popup_content.prompt {
	background-image: url(../Assets/Images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/*
================================
CONTENT STYLES 
================================
*/
.content
{
    width:640px;    
    font-size:12px;
    line-height:20px;
    FONT-FAMILY: Arial;
}

    .content p
    {
        margin:10px 0;
    }

    .content strong
    {
        font-weight:bold;
    }

    .content h1
    {
        font-size:16px;
        color:#342c8a;
        margin:10px 0 13px 0;
    }
   .content h2
    {
        font-size:14px;
        color:#342c8a;
        margin:10px 0 13px 0;
    }
    .content h3
    {
        font-size:12px;
        color:#342c8a;
        margin:10px 0 13px 0;
    }

.content img
    {
    }
    
    .leftArrow.backLink
    {
        margin:0 0 25px 0;
        display:block;
    }
    
    .content div.date
    {
        font-weight:bold;
        font-size:12px;
    }



/*
================================
Wzu and WIUD style for title and comobobox
================================
*/

#name{ height:28px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#24247C; padding:0; margin:0 auto; width:650px;}
#name h2{ float:left; font-size:18px; font-weight:bold; color:#24247C; padding:0; margin:0; width:200px;}
#name h1{ float:left; font-size:18px; font-weight:bold; color:#24247C; padding:0; margin:0; width:200px;}
#name p{float:left; padding-left:80px; margin:0;}
#name select{float:right; width:250px; height:20px; border:1px solid #7167BD; padding:0; margin:0;}







/*
================================
Sitemap http://cssglobe.com/post.asp?id=903
================================
*/

/*
	Sitemap Styler 	 
*/
#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{}

#sitemap a{
	text-decoration:none;
	color:#48409d;
}
#sitemap a:hover{
	text-decoration:none;
	color:#999;
}
#sitemap li{
	line-height:200%;
	margin-right:1px;
	background:#eee;
	position:relative;
	width:215px;
	float:left;
}
#sitemap li a{padding-left:20px;}
#sitemap li span{float:left;position:absolute;top:5px;left:2px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(../Assets/Images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(../Assets/Images/expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	clear:both;
	width:100%;
	background:#fcfcfc;
	margin-right:0;
	margin-bottom:1px;
}
#sitemap li li span, #sitemap li li span.collapsed{background:url(../Assets/Images/collapsed2.gif) no-repeat 0 0;} 
#sitemap li li span.expanded{background:url(../Assets/Images/expanded2.gif) no-repeat 0 0;}

/* third level */

#sitemap li li li{
	background:#fff;
}
#sitemap li li li a{color:#999;font-size:90%;}

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:visible;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display:block;}

.sitemap, .sitemap ul, .sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
.sitemap{float:left;}

.sitemap a{
	text-decoration:none;
	color:#48409d;
}
.sitemap a:hover{
	text-decoration:none;
	color:#999;
}
.sitemap li{
	line-height:200%;
	margin-right:1px;
	background:#eee;
	position:relative;
	width:215px;
}
.sitemap li a{padding-left:20px;}
.sitemap li span{float:left;position:absolute;top:5px;left:2px;width:13px;height:13px;cursor:auto;font-size:0;}
.sitemap li span, .sitemap li span.collapsed{background:url(../Assets/Images/collapsed.gif) no-repeat 0 0;} 
.sitemap li span.expanded{background:url(../Assets/Images/expanded.gif) no-repeat 0 0;}

/* second level */

.sitemap li li{
	clear:both;
	width:100%;
	background:#fcfcfc;
	margin-right:0;
	margin-bottom:1px;
}
.sitemap li li span, .sitemap li li span.collapsed{background:url(../Assets/Images/collapsed2.gif) no-repeat 0 0;} 
.sitemap li li span.expanded{background:url(../Assets/Images/expanded2.gif) no-repeat 0 0;}

/* third level */

.sitemap li li li{
	background:#fff;
}
.sitemap li li li a{color:#999;font-size:90%;}

/* float fix */

.sitemap:after, .sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:visible;
}
.sitemap, .sitemap ul{display:block;}
/*  \*/
.sitemap, .sitemap ul{min-height:1%;}
* html .sitemap, * html .sitemap ul{height:1%;}
 /*  */
.sitemap ul{display:block;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */