/* Body, Text, Links, Backgrounds */

img
{border: none;}

body
{
background-image:url('../images/background.gif');
background-repeat: repeat-x; 
} 

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a:link, a:visited, a:active 
{
	color: #000000;
	text-decoration: underline;
}

/* CSS BUTTON */

/* Notificaties, Notes en Help ballonen ** RECHTER KOLOM OOK **/

p.note {
	background: #EEE;
	padding: 4px;
	font-family: tahoma;
	font-size: 85%;
	line-height: 130%;
	margin-top: 0;
}

#box1{
position: relative;
float: right;
width: 180px;
padding: 5px;
border: solid 1px #eaeff6;
background-color: #eaeff6;}

/* TOOLTIP */

.tooltip 
{
	border-bottom: 1px dotted #000000; 
	color: #000000; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
}

	.tooltip span 
	{
		display: none;
		position: absolute;
		background: #F1F1F1; 
		color: #222;
		border: 1px solid #DDD;
		padding: 0.8em 1em;
	}
		.tooltip:hover span 
		{
			display: block;
			border-radius: 5px 5px; 
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px; 
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
			-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
			-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; 
			left: 1em; 
			top: 1.25em; 
			z-index: 100;
			margin-left: 0; 
			width: 250px;
		}

/* Content Positie + Navigatie */

.wrap 
{
	width:960px;
	padding:5px;
	margin:0 auto;
}

/* Javascript/CSS/Megadropdown */

.megadropdown 
{
	background: #0B66BA !important;
	background: -moz-linear-gradient(top,  #77BAF7 0%, #2692F2 3%, #0B66BA 100%) !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #77BAF7 ), color-stop(0.03, #2692F2), color-stop(1, #0B66BA)) !important;	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2692F2', endColorstr='#0B66BA') !important;	
	
	margin-left: auto;
    margin-right: auto;
 	width: 960px; 
 	height: 50px; 
 	border: solid 1px #0C65B6;
	padding-bottom: 2px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
 }
 	
	.megadropdown ul	{ width: 98%; padding: 0 !important; margin: 0 auto !important; }

		.megadropdown li
		{
			list-style-type: none;
			line-height: 30px;
			float: left;
			padding: 0 10px 0;
			margin: 10px 15px 0 0;
			position: relative;
			border: 1px solid transparent;
		}
		
			.megadropdown li.hasSubNav { background: url(../images/pijl_beneden.png) no-repeat 89% 52%; padding-right: 2.5em !important; }
			.megadropdown li.right { float: right; }		
			.megadropdown li a { color: #FFF; font-weight: bold; text-decoration: none; }

				.megadropdown li.current, 
				.megadropdown li:hover 
				{ 		
					background-color: #FFF;	
					border: 1px solid #CCC; 
					border-bottom: none;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					cursor: pointer;
				}
				
					.megadropdown li.current { background-color: #0B66BA; border-color: transparent;  }
						.megadropdown li.current:hover { background-color: #0B66BA; }
						
					.megadropdown li:hover { background-color: #555; border-color: transparent; }
					
					
					.megadropdown li.current:hover a { color: #900; }
					.megadropdown li.current a, .megadropdown li.current:hover a { color: #FFF !important; }
						
					
					.megadropdown li.hasSubNav:hover { background-color: #FFF !important; }

						
						


		.megadropdown li:hover .subNav { display: block; }
			.megadropdown li.hasSubNav:hover a { color: #0b66ba  !important; }


		.subNav 
		{ 
			background: #FC0;
			background: -moz-linear-gradient(top,  #FFFFFF 0%, #DDDDDD 100%) !important;
			background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF ), color-stop(1, #DDDDDD));	
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
			width: 160px;
			font-size: 12px;
			line-height: 1.1em;
			color: #333;
			position: absolute; 
			top: -7px; 
			left: -1px; 
			z-index: 1001; 
			overflow: hidden;
			border: 1px solid #CCC;
			border-top: none;
			display: none;
			padding: 1.1em 10px 0;
			margin-top: 3em !important;
			z-index: 1001;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2)
		}		
		
		
			
		.subNavRight,
		.megadropdown li.right .subNav { right: -1px; left: auto; }
		
		.subNav ul { padding: 0; margin: 0; list-style-type: none ; }

			.subNav li 
			{ 
				background: none !important;
				float: none !important; 
				border-bottom: 1px dotted #DDD !important;
				border: none !important;
				padding: 0 5px 0 0px !important;
				margin: 0 0 1.1em 0px !important;
				list-style-type: none !important;
				line-height: 1.1em !important;
			}
			
			.subNav li:hover { background: transparent !important; border: none !imortant; }
			
				.megadropdown li.hasSubNav:hover  .subNav li a
				{
					background: none !important;
					font-size: 12px !important;
					color: #333 !important;
					text-decoration: underline !important;
					display: block !important;
					padding: 0 !important;
					margin: 0 0 0 !important;			
					border: none !important;
					outline: none !important;
				}	

	.subNav .col { width: 150px; margin: 0 10px .5em 0; float: left; }	
	.oneCol { width: 160px !important; }
	.twoCol { width: 320px !important; }
	.threeCol { width: 480px !important;  }	

	.subNav h3 { font-weight: bold; font-size: 13px; margin: 0 0 1.2em 0; padding: 0; }	
	.subNav p { line-height: 1.1em !important; }
	.subNav a { color: #358 !important; text-decoration: underline !important; }
	

.megadropdown.orange
{
	background: #EC8D00 !important;
	background: -moz-linear-gradient(top,  #ffffff 0%, #FCB143 3%, #EC8D00 100%) !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FDD08C), color-stop(0.03, #FCB143), color-stop(1, #EC8D00)) !important;	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB143', endColorstr='#EC8D00') !important;	

	border: solid 1px #C67701;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.megadropdown.orange li.current, .megadropdown.orange li:hover { background-color: #EC8D00; border-color: transparent;  }
.megadropdown.orange li.hasSubNav:hover a  { color: #EC8D00 !important; }

/* Content TABBING */

#main {
	border: 1px solid #666;
	clear: both;
	background: #FFFFCC;
	padding-top: 2em;
	width: 960px;
	margin-left: auto;
    margin-right: auto;
}

#contents {
	padding: 1.5em;
	background: #f5f7fa;
}

#header {
	position: relative;
	margin-left: 200px;
	height: 0.5em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
	width: 8em;
	display: block;
	float: left;
	padding: 4px 7px;
	margin: 1px 4px 0 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #FFFFCC;
	padding-bottom: 6px;
	margin-top: 0;
}

#header ul#primary a {
	background: #FFFAE1;
	border: 1px solid #AAA;
	border-bottom: none;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.9em;
	left: 3px;
	width: 50em;
	top: -157px;

}

#header ul#secondary li a,#header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#header ul#secondary li a {
	color: #000;
	text-decoration: underline;
}

#header ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#header ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#header ul#secondary li:last-child a { border: none; }

/* Vergelijkingstabel informatie-lenen */

/*Money back message ---------------*/
.green-message{ font-size: 18px; line-height: 20px; text-align: center; color: #3d9c17; padding: 13px 20px 20px 0;}

/*Pricing plan ---------------------*/
.pricing-plans { width:85%; margin:10px 8px 12px; border-collapse:collapse; margin-left: auto; margin-right: auto; }
.pricing-plans .desc { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
.pricing-plans .desc span { color:#888888; font-size:12px; }
.pricing-plans .desc span a { cursor:pointer; color: #4499CF; }
.pricing-plans .platinum, .pricing-plans .pro, .pricing-plans .lite { width:240px; text-align:center; }
.pricing-plans .header td { height:65px; }
.pricing-plans .header img { padding-top:15px; }
.pricing-plans .header td.spacer { width:30px; }
.pricing-plans h5 { color:#b21818; margin:8px 0; }
.pricing-plans h5 b { font-size:15px; }
.pricing-plans .even td, .pricing-plans .odd td { padding:4px 0; }
.pricing-plans .odd td { background-color:#ecf1f8; border-top:1px solid #e3e8f0; border-bottom:1px solid #e3e8f0; }
.pricing-plans td.desc { padding-left: 20px; }
.pricing-plans .footer td { padding-top:6px; vertical-align:top; padding-bottom:10px; }
.pricing-plans .footer h5 { color:#b21818; margin:8px 0 0; font-size:14px; }
.pricing-plans .pro { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background:url(/Pricing/images/plan-container-highlighted.png) no-repeat center center; }
.pricing-plans .platinum, .pricing-plans .lite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background:url(/Pricing/images/plan-container.png) no-repeat center center; }
.pricing-plans .header td { background-position:center top; }
.pricing-plans .footer td { background-position:center bottom; }

.footer .panel { display:none; }
.default .footer .default { display:block; }
.pro-upselling .footer .pro-upselling { display:block; }
.platinum-trial .footer .platinum-trial { display:block; }

/*Social proof -------------------*/

.social-proof{ background: #f1f1f1; overflow: hidden; padding: 0 0 0 30px; _width: 944px; }
.social-proof .quote{ width: 360px; float:left; display:inline; padding: 42px 0 22px;}
.social-proof .quote div{ margin: 0; padding-bottom: 28px;}
.social-proof .quote .text{ quotes: none; font: 20px/25px Georgia, sans-serif; color: #333; display: block; 
	background: url(/images/bg-quote-open.gif) no-repeat; padding: 0 0 0 17px; }
.social-proof .quote .text img{ position: relative; top: -8px; left: 2px;}
.social-proof .quote cite{ display: block; font: 16px/20px Georgia, sans-serif; padding: 8px 0 0 6px;}
.social-proof .quote cite img{ position: relative; left: 1px; top: 4px;}
.social-proof .quote .more{ float:right; display:inline; font-size: 14px; line-height: 16px;}
.social-proof .quote .more:hover{text-decoration: underline;}
.banners1{ width: 528px; float:right; display:inline; padding: 23px 0 0; }
.banners1 span{ color: #797979; font-size: 14px; line-height: 17px; }
.banners1 ul{ margin: 0; padding: 13px 0px 0 0; list-style: none; text-align: center; }
.banners1 li{display: inline;}
.banners1 li img{margin: 0 11px 10px 0;}

/* Vergelijkingstabel leningen-vergelijken met sort functie + PROGRESS BAR groen*/

a img {
	border: 0;
}
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
	margin-left: auto;
    margin-right: auto;	
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	width: 175px;
	border-style: solid;
	border-color: #444;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #ccc;
	text-decoration: none;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}
div.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}
div.progress-container > div {
  background-color: #ACE97C; 
  height: 12px
}


/* Footer Elementen */

.auteursrecht
{
clear:both;
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 1.3em;
}

P.auteurlink
{
	color: #999999;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.3em;
}