/* MENU
--------------------------------------------------------- */
/*
.menu-banner
{
	position:absolute;background-color:#900;height:25px;width:870px;margin-top:25px; z-index:0;
	}

#MENU {display:block; z-index: 2;}
#MENU ul { list-style: none; padding: 2px; margin: 0; 
	position:absolute;height:25px;margin-top:18px; z-index:2;}
#MENU li
{
	float: left; 
	width:auto;
	display: block;
	text-align: center;
	vertical-align:middle;
	font-size: 7pt;
	color: #ffffff;
	font-weight: bold;
}

#MENU li a  
{	
	padding: 10px;
	line-height:18px;
	display: block;
	border: 0px;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
	font-size: 7pt;
	color: #ffffff;
	font-weight: bold;
}

#MENU li a:hover
{
padding: 9px;
border: 1px solid #036;
background-color:#fff;
color: #036;
}

#MENU li.selected a
{
padding: 9px;
border: 1px solid #036;
background-color:#fff;
color: #036;
}
*/

/* Hide from IE5-Mac \*/
#MENU li a { float: none; }
/* End hide */

.menu-LoginView, .menu-LoginView a, .menu-LoginView a:hover 
{
	position:relative;
	right:5px; 
	z-index:2;
	font-size: 7pt;
	color: #eeeeee;
	float:right;
	}




/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin: 0px;
	padding: 0px;
	overflow-x:hidden;

}

body {
	color: #4F4F4F;
	background: #FFFFFF;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	line-height: 1.5;
	font-size: 8pt;
	margin: 20px 0 50px;

}


/*  NEW NEW NEW */


#wrapper_table{
	width: 950px;
	margin: 0px auto;
	text-align: left;
	background: #FFFFFF;
	height:100%;
	}

#wrapper_header{
	width: 950px;
	height:82px;
	padding:0px;
	background: url('../../images/backgrounds/Header-LogoMatchIT.gif') 50% top no-repeat;
	
}

#wrapper_header_print
{
	display:none;
}


#wrapper_header_admin{
	width: 950px;
	height:82px;
	padding:0px;
	background: url('../../images/backgrounds/Header-LogoMatchIT_admin.gif') 50% top no-repeat;
}

#wrapper_header2{
	
	height:82px;
	padding:0px;
	background: url('../../images/backgrounds/Header-LogoMatchIT.gif') 50% top no-repeat;
}
#wrapper_content {
	width: 950px;
	min-height:300px;
	padding:0px;
	background: url('../../images/backgrounds/content_background.gif') repeat-x 50% bottom;
	border: 1px solid #e6e6e6;
	background-color:#ffffff;
	padding-bottom:30px;
}




#table_menu{
height:100%;
color: White;
font-weight:bold;


}
#table_menu A{
color: White;
text-decoration:none;

}
#table_menu A:hover{
color: #ff0000;
text-decoration:none;
}


#table_menu span.selected a { color: #ff0000; } 
	
	

#table_menu TD{
	vertical-align:bottom;
	text-align:center;
	padding:3px;
	padding-bottom:0px;
}

.table_menu_toprow{height:45px; text-align: right; vertical-align: top; padding-top: 5px;}
.table_menu_bottomrow{text-align: right; vertical-align: top; padding-bottom: 5px;}



.table_content{
background: url('../../images/backgrounds/mainbody-bg.gif') repeat-x 50% top;
padding: 0px 4px 4px 4px;
width: 100%; 
text-align: -moz-center;

}

#table_vergelijk TD{	vertical-align:top;padding-top:4px;}

/* //// NEW NEW NEW */



#bd { background: url('../../images/backgrounds/bd-bg.gif') repeat; }
	

/* Normal link */
a {
	color: #003366;
	text-decoration: none;
		font-size: 8pt;
}

a:hover, a:active, a:focus {
	/* color: #000066;*/
	color:#ff0000;
	text-decoration: underline;
}

 a.footerlink, a.footerlink:hover, a.footerlink:active, a.footerlink:focus, a.footerlink:visited {color: #990000;
	text-decoration: none;
		font-size: 8pt;}

.bluelink, a.bluelink, a.bluelink:active, a.bluelink:focus, a.bluelink:visited {color: #003366;text-decoration:none;}
a.bluelink:hover {color: #ff0000; text-decoration:underline;}

.searchCriteriaLink, a.searchCriteriaLink, a.searchCriteriaLink:active, a.searchCriteriaLink:focus, a.searchCriteriaLink:visited {color: #003366;text-decoration:none;}
a.searchCriteriaLink:hover {color: #ff0000; text-decoration:underline;}

/* Heading */
h1 {
	font-size: 110%;color:#036;margin:3px;
}

h2 {
	font-size: 100%;color:#036;
}

h3 {
	font-size: 90%;color:#036;
}

h4 {
	font-size: 80%;
	text-transform: uppercase;
}

h5 
{
	font-size: 100%;
	font-weight:bold;
	color: White;
	text-align:center;
	vertical-align: middle;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

.selectbox {
font-family: Verdana, Tahoma, Helvetica, sans-serif;
color:#003366;
	font-size: 8pt;
	position:absolute;width:210px;height:312px;top:-3px;left:-1px; }

fieldset {
	border: none;

}

fieldset a {
	font-weight: bold;
}
.valid
{
	background-color: #FFEAEA;
}

.invalid
{
	background-color: #fffacd;
}

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
	padding:2px;
}

hr.dotted {color: #fff; background-color: #fff; border: 1px dotted #d9d9d9; border-style: none none dotted; }
hr.dashed {border: none 0; border-top: 1px dashed #d9d9d9; width: 100%; height: 1px; } 

a img {
	border: none;
}

td, div {
	font-size: 100%;
	vertical-align:top;	
}

.morelink{float:right;padding-right:5px;}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0px;
	padding: 0px;
	
}


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#body-wrapper {
	width: 870px;
	margin: 0px auto;
	text-align: left;
	background: #FFFFFF;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	height:100%;

}

.wide #body-wrapper {
	width: 950px;
}

#body-container {
	background: url('../../images/backgrounds/container-bg.gif') repeat-y 214px 0px;
		
}


#body-content {
	padding: 15px 10px 20px;
	margin: 0px;
	clear: both;
	display: block;
	
}

.wide #body-content {
	padding: 15px 20px 20px;
		
}

.portalbox{ padding:4px; 
		border:1px solid #d9d9d9;
		background-color:White; margin-bottom:8px;}

/* HEADER
--------------------------------------------------------- */
#header {
	clear: both;
	text-align: left;
	background: url('../../images/backgrounds/mainnav-bg.gif') repeat-x 50% top;
	z-index:0;
}

#header h1 {
	margin: 0px;
	padding: 0px;
	font-size: 2em;
	float: left;
	width: 220px;
	height: 46px;
	background: url('../../images/logo.gif') no-repeat;
}

#header h1 a {
	width: 220px;
	height: 46px;
	display: block;
	text-indent: -300%;
}

#header h1 a {
	text-decoration: none;
	text-transform: uppercase;
}

#header h1 img {
	float: left;
}

div.header-sep {
	background: url('../../images/backgrounds/subnav-bg-wide.gif') no-repeat left top;
	padding: 4px 0px;
	clear: both;
}

div.header-banner {
	background: url('../../images/backgrounds/header-banner.gif') no-repeat left top;
	padding: 4px 0px;
	clear: both;
	height: 60px;
}

div.accountmanager 
{
	color:Gray;
	position:relative;
	right:10px;
	top:-4px;
	min-width:400px;

	height: 20px;
	z-index:20;
margin: 0px;
padding: 4px;
float: right;
/*background-color:#ffffff;
background: url('../../images/backgrounds/bd-bg.gif') repeat left top;
background: url('../../images/backgrounds/background_stripe_accountmanager.png') repeat left top;
border:1px solid #336699;
opacity:0.8;filter:alpha(opacity=80);
*/
}

#AccountmanagerInfo TD, #AccountmanagerInfoEmpty TD
{
	color:Gray;
		font-size:7pt;
		padding-right:15px;

}

div.accountmanager TD, div.accountmanager TABLE
{
	/*margin-top:-7px;*/
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	font-size:7pt;
}

#footer {
	height:100px;
}

.page-title
{
	height:100%;
	vertical-align:middle;
	padding-top:12px;
		font-size: 12pt;
		font-weight:bold;
		width:70%;
		z-index:100;
		position:relative;
		right:0px;
		}



/* CONTENT COLUMN
--------------------------------------------------------- */
#body-mainbody {
	background: url('../../images/backgrounds/mainbody-bg.gif') repeat-x 50% top;

}

#body-mainbody #body-contentwrap {
	float: left;
	width: 75%;
}


.clearfix {display: inline-block;}

/* Clearfix 
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}
*/
/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;

}


.noborder
{
	border: 0px;
}

.contenttable {margin-right:10px;}

.contenttablewide {margin-right:10px;}

.contenttable_middleColumn {}
.contenttable_leftColumn, .contenttable_rightColumn {width:180px;}

UL.bulletless{
	padding:1px;
	margin:0px;
	list-style:none;
}

UL.bulletless li { 
	float: left;
}


.gridview-title {background-color:#B6DAFF;height:20px;}

TR.row:hover, TR.over TD, table.hover tr.row:hover, table.hover tr.hover 
{
	background-color: #eeeeee;
	cursor: pointer;
	cursor:hand;
	vertical-align:top;
}
TR.alternatingrow:hover
{
	background-color: #eeeeee;
	cursor: pointer;
	cursor:hand;
}

.alternatingrow
{
	background-color: #f2f2f2;
}

.errorMessage 
{
	color:Red;
}

.gridviewpager
{
	font-family: Verdana;
	font-size: X-Small;
	padding: 2px;
	padding-left:4px;
	padding-right:4px;
	border: 1px solid #b6daff;
	background-color: #f4f4f4;
	color: #CCCCCC;
	font-weight: bold;
	padding-bottom:1px;
}

A:link.gridviewpager, A:visited.gridviewpager, A:active.gridviewpager
{
	font-family: Verdana;
	font-size: X-Small;
	padding: 2px;
	padding-left:4px;
	padding-right:4px;
	border: 1px solid #b6daff;
	background-color: #f4f4f4;
	color: #777777;
	font-weight: bold;
		padding-bottom:1px;
}

A:hover.gridviewpager
{
	font-family: Verdana;
	font-size: X-Small;
	padding: 2px;
	padding-left:4px;
	padding-right:4px;
	border: 1px solid #b6daff;
	background-color: #e5f2ff;
	color: #777777;
	font-weight: bold;
		padding-bottom:1px;
}

.HideColumn 
{
	display:none;
}

div.negativehighlight {
	background: url('../../images/icons/icon_error.gif') no-repeat left 7px;
	width:910px;
	display:none;
	border: solid 0px #990000;
	padding-left:5px;
	padding-bottom:5px;
		padding-top:0px;
	margin-left:5px;
	padding-right:15px;
	margin-bottom:10px;
	line-height: 30px! important;
	color:Red;
	height:25px;
	border-bottom: 1px solid #990000;


	
}
div.negativehighlight2 {
	background: url('../../images/icons/icon_error.gif') no-repeat left 7px;
	width:300px;
	border: solid 0px #990000;
	padding-left:25px;
	padding-bottom:5px;
		padding-top:0px;
	margin-left:45px;
	padding-right:15px;
	margin-bottom:10px;
	line-height: 30px! important;
	color:Red;
	height:25px;
	border-bottom: 1px solid #990000;


	
}
div.sentMailMessage {
	background: url('../../images/icons/icon_info.gif') no-repeat left 7px;
 overflow:visible;
 width:400px;
	border: solid 0px #003366;
	padding-left:25px;
	padding-bottom:5px;
		padding-top:0px;
	margin-left:45px;
	padding-right:15px;
	margin-bottom:10px;
	line-height: 30px! important;
	color:#336699;
	height:25px;
	border-bottom: 1px solid #003366;


	
}

.ModalPopupOn
{
	background-color: Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.ModalPopupPanel
{
	background-color: White;
}

.ModalPopupTable
{
	border-color: #990000;
	border-width: 1px;
}

table.sortheader 
{
	width:100%;
}
th.sortheader
{
	padding:0px;

}

td.sortheader_link
{
	text-align:left;
	padding-left:0px;
}

td.sortheader_image
{
	text-align:right;
}

tr.compheader td.compheader 
{
	background-color: #b6daff;
	font-weight:bold;
}

.veldnaam
{
	color:#4F4F4F;
	font-weight:bold;
}

/* ERROR AND INFO MESSAGE PAGES 
--------------------------------------------------------- */

#message_info {
	background: url('../../images/icons/icon_message_info.gif') no-repeat left top;
	width:50%;
	min-height:300px;
	border: 0px solid silver;
}

#message_info td, #message_info tr {
	padding:50px;
	padding-bottom:20px;
	padding-left:100px;
	margin:0px;
	}
	
#message_error {
	background: url('../../images/icons/icon_message_error.gif') no-repeat left top;
	width:50%;
	min-height:300px;
	border: 0px solid silver;
}

#message_error td, #message_error tr {
	padding:50px;
	padding-bottom:20px;
	padding-left:100px;
	margin:0px;
	}

/* box on search page */
#matchresult{
width:200px; padding:4px;border: 1px solid #336699;
}

/* buttons on search page */
.backgroundgradient{
	background: url('../../images/backgrounds/mainnav-bg.gif') repeat-x left -30px;
}

/* tabs */

/* CSS WORKS DIFFERENTLY FOR LINKBUTTONS*/

A.tab, A.tabFilledNotes, A.selectedTab{
	font-weight:bold;
	text-decoration:none;
}

.tabCell, TD.tabCell{
	border-top:1px solid #336699;
	border-right:1px solid #336699;
}



.tab, .selectedTab, .tabFilledNotes
{
	border-left:1px;
   padding:4px;
   padding-left:10px;
   
   [if Gecko]   width:80px;
}

.tabFilledNotes{
   background: url('../../images/icons/icon_notes_added.gif') no-repeat 70px 4px;
}

.tabContents
{
	margin-top:-1px;
	border:solid 1px #336699;
   padding:10px;
   /*height:100%;
   
 min-height:150px !important;
   min-height:100%;
   */
   display:block;
   position:relative;
}

/* // tabs */



.kenmerk_present
{
	background-image: url( '../../Images/Backgrounds/background_stripe_green.png' );
	background-repeat: repeat-x;
}


.kenmerk_not_present
{
	background-image: url('../../Images/Backgrounds/background_stripe_red.png');
	background-repeat: repeat-x;
}

.notes 
{
	width:100%;
	height:100%;
}

.watermark 
{

	font-style:italic;
	background-color:#eeeeee;
	/*opacity:0.6;filter:alpha(opacity=60);*/
}

.watermark_login
{
	font-style:italic;
	color:Gray;
	/*opacity:0.6;filter:alpha(opacity=60);*/
}
.menulink 
{
	position:relative;
	cursor:pointer;
	cursor:hand;
}

.menulink_nocursor 
{
	position:relative;
	cursor:default;
}

/*  BEHEER LIST MENU  */
	
#nav, #nav ul { /* all lists */
	line-height: 1;
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
}

#nav a {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
}

#nav li { /* all list items */
	float: left;
	width: 12em; /* width needed or else Opera goes nuts */
	margin:0;
	padding:0;
	display:block;
	position:relative;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	left:0;
}
#nav li.sfhover_now ul,  #nav li.sfhover_now{ /* lists nested under hovered list items */
	left: auto;
}
#nav li.sfhover_now a { /* lists nested under hovered list items */
	background:none;  /* background 2 */
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:0;
	padding:0px;
	list-style:none;
	border-top:none;

}

#nav li ul li {
	clear:left;
	border-top:1px solid white;
	text-align:left;
	padding-left:4px;
	padding-right:4px;
		background-color:#18274d;
}

#nav li ul li a:link, #nav li ul li a:visited {
	clear:left;
	padding:4px 0;
	border:none;
	position:relative;
	z-index:1000;
	color:White;
		text-align:left;
}

#nav li ul li a:hover, #nav li ul li a:active {
	color:red;
	
}
	
#nav li:hover a, #nav li a:hover, #nav li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
}


/*  /// BEHEER LIST MENU  */


.ajaxloader 
{
	left:243px; 
	top: 20px;
	position: relative;
	display:block;
	z-index:1000;
	/* see also masterpage for IE */
}

h5.matchingCounter 
{
	top:-15px;
	position:relative;
}
.requiredlabel
{
	color:#AAA;
	font-size:8px;
}

table.tarief td
{
	
	
	
}

td.tariefright
{
	width:25px;
}

/* FOR PRINTING*/

@media print{
	#table_menu{ display:none;}
	#wrapper_header{ display:none}
	#wrapper_header_admin{ display:none;}
	#wrapper_table{ width: 638px;}
	#wrapper_content { width: 638px; }
	#wrapper_header_print 
	{
		display:block;
		width: 638px;
		padding:0px;
	}
	#wrapper_header_print img
	{
		width:638px;
	}
	input { display:none;}
	
	html, body, form, fieldset 
	{
		overflow:visible;
	}
	
	.contenttable_leftColumn, .contenttable_rightColumn { display:none; }
	

}