/***********************************************************************************************************/
/*** Dit bestand dient hetzelfde te zijn als het bestand in ElviaExtranet **********************************/
/***********************************************************************************************************/

/*********************************************************************************** LOGON PAGE EXTRANET ***/
.logon {
	border: 0px;
	border-collapse: collapse;
	height:100%;
	width: 760px;	
	margin-left: auto;
	margin-right: auto;
}

.logon td {
	padding: 0;
}

.topArea {
	width: 100%; 
	border-spacing: 0px;
	border-collapse: collapse;
}

.logon_certificate {
	height: 40px;
	vertical-align: top;
}

/********************************************************************************************** HOMEPAGE ***/
#nieuwVanMondialAssistance_content {text-align: center;}

/********************************************************************************************** BANNERS ***/
.bannerhead_container_ma-reiziger{
	background: url(../images/bannerhead_reiziger.jpg) no-repeat left 0.5em;
	height: 60px;
}
.bannerhead_container_ma-zakenpartner{
	background: url(../images/bannerhead_zakenpartner.jpg) no-repeat left 0.5em;
	height: 60px;
}
.bannerhead_container_over-ma{
	background: url(../images/bannerhead_over-ma.jpg) no-repeat left 0.5em;
	height: 60px;
}
.bannerhead_container_werken-bij-ma{
	background: url(../images/bannerhead_werken-bij-ma.jpg) no-repeat left 0.5em;
	height: 60px;
}
.bannerhead_container_ma-extranet{
	background: url(../images/bannerhead_extranet.jpg) no-repeat left 0.5em;
	height: 60px;
}

/***************************************************************************BUTTONS MET AFGERONDE HOEKEN ***/
/** De button bestaat uit de volgende onderdelen:
		      -------				span.b1f
		   -------------			span.b2f
		 -----------------			span.b3f
		-------------------			span.b4f
		|	  BUTTON	  |
		|				  |
		-------------------			span.b4f
		 -----------------			span.b3f
		   -------------			span.b2f
		      -------				span.b1f
**/
/** Randen **/
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block; }
.b1f {height:1px; margin:0 5px; }
.b2f {height:1px; border-right:2px solid; border-left:2px solid; margin:0 3px;}
.b3f {height:1px; border-right:1px solid; border-left:1px solid; margin:0 2px;}
.b4f {height:2px; border-right:1px solid; border-left:1px solid; margin:0 1px;}

/** De button **/
.elviaButton {
	border: none;
	background-color: auto;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.elviaButton a{
	margin-left: 0px;
	padding-right: 0px;
	border-top:none;
	border-bottom: none;
	border-left: 1px solid;
	border-right: 1px solid;

	display:block;
	font-size:11px;
	height:12px;
	line-height:12px;
}

/** Kleuren **/
/** elviaButton_rounded **/
.elviaButton_rounded .b1f {
	background: #E7DEA5; 
}
.elviaButton_rounded .b2f, 
.elviaButton_rounded .b3f, 
.elviaButton_rounded .b4f,
.elviaButton_rounded a {
	background: #E7DEA5;
	border-color: #E7DEA5; /** zelfde als .b1f-background **/
	color:#FFFFFF;
}

/** elviaButton_action_rounded **/
.elviaButton_action_rounded .b1f {
	background: #10ADBD; 
}
.elviaButton_action_rounded .b2f, 
.elviaButton_action_rounded .b3f, 
.elviaButton_action_rounded .b4f,
.elviaButton_action_rounded a {
	background: #10ADBD;
	border-color: #10ADBD;  /** zelfde als .b1f-background **/ 
	color: #FFFFFF;
}

/********************************************************************************* IFRAME VOOR FORMULIER ***/
iframe#myframe {
	width: 100%;
	overflow: visible; 
	margin-left: 0px;
	border: none;
}		        			

/********************************************************************************* KOPJES ***/

.kopje {
	background-color: #FF9C00;
	color: #FFFFFF;
	font-size : 14px;
	padding: 4px 10px;
	margin: 5px 0px;
	font-weight: bold;
}

#info {
	position:absolute; 
	width:270px; 
	visibility:hidden; 
	overflow:visible;
	z-index: 10; 
	left: 60px; 
	top: 60px;
}

.infoHeader {
	background-color: #ffd99c; 
	width:auto; 
	padding-left: 10px;
	font: 11px verdana;
	line-height: 25px;
	font-weight: bold;	
	color: #ff9c00;
}

.infoHeader img {
	float: right;
	margin: -21px 4px 0 0;
	width:100%; 
	vertical-align: top; 
	width: 16px;
	height: 14px;
	padding: 0;
}

.infoContent {
	background-color: #fff0d9;
	padding:10px;
}

.bold {
    font-weight: bold;    	
}