/*---{ common )-------------------------------------------------------*/
html {
	background: #FFFFFF;
}
body {
	font-size: x-small;
	text-align: center;
	color: #676767;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	line-height: normal;
}

body, input, select, textarea, td, th {
	font-size: 100%;
	font-family: Arial, Verdana, sans-serif;
	line-height: normal;
}

h1, .Kop1 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #338ecd;
	line-height: 26px;
	margin:0 0 19px 0;
	padding:0;
}
#content h1,
#content .Kop1 {
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
}

h2, .Kop2 {
	font-size: 20px;
	font-family: Tahoma, Verdana, Arial;
	line-height: 24px;
	font-weight: normal;
	color: #338ecd;
	margin:0 0 10px 0;
	padding:0;
}

h3, .Kop3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #338ecd;
	margin: 0;
	padding: 0;
}

#content,
#content p,
#content ul li,
#headerContent ul li,
.Standaard {
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 17px;
}
#content ul,
#headerContent ul {
	margin-left: 20px;
	padding: 0;
}
#content ul li,
#headerContent ul li {	
	margin-left: 0;
	list-style: none;
	padding-left: 15px;
	background: url(../images/arrowGraySmall.gif) left 3px no-repeat;
}

#content p {
	margin: 0.5em 0 1.5em 0;
}	

HR
{
	height: 1px;
}

a {
	text-decoration: underline;
	color: #186CD3;	
	
}

:focus {
    outline: 0;
}

a.download
{
	/*background: url(../images/ico_download.gif) no-repeat 0 0px;
	padding: 1px 0 0 18px;*/
}

a:hover
{
	text-decoration: underline;
}

a:focus
{
  -moz-outline-style: none;
}

.clsSmall
{
	font-size: 90%;
	color: #8D8D8D;
	line-height: 15px;
}


.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

.clearboth
{
	clear: both;
}
.hide {
	display: none;
}

.Arial26Blauw {
	font-size: 24px;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #338ecd;
	line-height: 26px;
	margin:0 0 19px 0;
	padding:0;
}
.Arial14Blauw {
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	color: #338ecd;
	line-height: normal;
}

/*---{ wrapper )-------------------------------------------------------*/

#wrapper
{
	position: relative;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 990px;
	font-size: 90%;
	background: #FFFFFF;
}

/*---{ header )-------------------------------------------------------*/

#header {
	position: relative;
	padding: 0;
	margin: 0;
	height: 100px;
}

/* logo */

#logo {
	position: absolute;
	z-index: 1;
	left: 4px;
	top: 26px;
}

/* utilNav */
ul#utilNav {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 42px;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
#utilNav li {
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	list-style: none;
	float: left;
	height: 1%;
	font-size: 90%;
	color: #939393;
	border-right: 1px solid #989898;
	line-height: 12px;
}
#utilNav li.hide {
	display: none;
} 
#utilNav li.noborder {
	border-right: none;
}
#utilNav li a {
	padding: 0;
	margin: 0;
	float: left;
	height: 1%;
	color: #939393;
	text-decoration: none;
}
#utilNav li a:hover {
	text-decoration: underline;
}

/* breadCrumbs */

#breadcrumbs
{
	position: relative;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
	z-index: 10;
	line-height: 23px;
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
}

#breadcrumbs a
{
	text-decoration: none;
	color: #454545;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

/* globalNav */
ul#globalNav {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	left: 0px;
	top: 65px;
	width: 990px;
	height: 34px;
}
#globalNav li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#globalNav li a,
#globalNav li a:hover {
	display: block;
	padding: 0 18px 0 18px;
	margin: 0;
	float: left;
	height: 1%;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 34px;
	font-size: 14px;
	background: url(../images/globalnav-bg.gif) right top no-repeat;
}
#globalNav li a#mf_117 {
	background: url(../images/globalnav-bg-first.gif) left top no-repeat;
	padding-left: 25px;
	width: 115px;
	overflow: hidden;
}
#globalNav li a#mf_124, 
#globalNav li a#mp_196 {
	background: url(../images/globalnav-bg-last.gif) right top no-repeat;
	width: 95px; /*138px;*/
	overflow: hidden;
}
#globalNav li a:hover {
	 text-decoration: underline;
}
#globalNav li a.active {
	background: url(../images/globalnav-bg-active.gif) right top no-repeat;
}
#globalNav li a#mf_117.active {
	background: url(../images/globalnav-bg-active-first.gif) left top no-repeat;
}
#globalNav li a#mf_124.active, 
#globalNav li a#mp_196.active {
	background: url(../images/globalnav-bg-active-last.gif) right top no-repeat;
}
#globalNav li a.active:hover {
	text-decoration: none;
}

/*---{ cols )-------------------------------------------------------*/

#cols {
	position: relative;
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
	width: 990px;
	z-index: 100;
	height: 1%;
}
#content {
	position: relative;
	padding: 10px 23px 30px 52px;
	width: 690px;	
	margin: 0;
	overflow: hidden;
	float: right;
	z-index: 20;
	min-height: 230px;
	/*background-color:#CCCCCC*/
}
#sidecol {
	position: relative;
	padding: 0;
	margin: 0;
	width: 225px;
	float: left;
}

/* fullContent */
#fullContent #content {
	padding: 0;
	width: 990px;
}
#fullContent #sidecol {
	display: none;
}

/* colRight */
#colRight #content {
	float: left;
	width: 650px;
	padding: 10px 23px 30px 2px;
}
#colRight #sidecol {
	float: right;
	width: 315px;
}

/*---{ sideBar )-------------------------------------------------------*/

#sidebar
{
	display:none;
}


/*---{ localNav )-------------------------------------------------------*/

#localNavTop {
	width: 200px;
	padding: 6px 12px 0 13px;
	background: #7EB8E0 url(../images/localnav-top.gif) left top no-repeat;
}
#localNavTop h3 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 34px;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
}
ul#localNav {
	position: relative;
	margin: 0;
	padding: 8px 0 15px 0;
	list-style: none;
	background: #7EB8E0 url(../images/localnav-bottom.gif) left bottom no-repeat;
	width: 225px;
	min-height: 256px;
}
#localNav li {
	position: relative;
	padding: 0 0 0 14px;
	margin: 0;
	height: 1%;
	display: block;
	list-style: none;
}
#localNav li a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 25px;
	font-size: 14px;
	font-weight: normal;
}

#localNav li.more a {
	color: #CFE7F3;
	font-size: 12px;
	font-weight: bold;
}
#localNav li.more a:hover,
#localNav li a:hover,
#localNav li.more a.active {
	text-decoration: underline;
}

#localNav li.active a {
	font-weight: bold;
}

/* tweede niveau */
#localNav li.more ul {
	margin: 0;
	padding: 0 0 20px 0;
	
}
#localNav li.more ul li {
	padding: 4px 0 4px 12px;	
}
#localNav li.more ul li a {
	color: #FFFFFF;
	line-height: 18px;
	font-size: 14px;
	font-weight: normal;
}
#localNav li.active ul li a {
	text-decoration: none;
}
#localNav li.more ul li a:hover {
	text-decoration: underline;
}
#localNav li.more ul li.active a {
	text-decoration: underline;
	font-weight: normal;
}

/*---{ footer )-------------------------------------------------------*/

#footer {
	position: relative;
	height: 20px;
	padding: 0;
	margin: 0;
	z-index: 50;
}

ul#footerNav {
	position: absolute;
	z-index: 1;
	left: 300px;
	top: 0px;
	padding: 0;
	margin: 0;
	list-style: none;
}
#footerNav li {
	padding: 0 8px 0 0;
	margin: 0 8px 0 0;
	list-style: none;
	float: left;
	height: 1%;
	font-size: 10px;
	border-right: 1px solid #989898;
}
#footerNav li.hide {
	display: none;
} 
#footerNav li.noborder {
	border-right: none;
}
#footerNav li a {
	padding: 0;
	margin: 0;
	float: left;
	height: 1%;
	color: #939393;
	line-height: 11px;
	text-decoration: none;
}
#footerNav li a:hover {
	text-decoration: underline;
}

/* legal */
#divide {
	display: none;
	position: absolute;
	z-index: 1;
	right: 20px;
	top: 0px;
	padding: 0 0 0 20px;
	margin: 0;
	font-size: 80%;
	background: url(../images/icon_divide.gif) left top no-repeat;
}
#divide a {
	color: #898989;
	text-decoration: none;
}
#divide a:hover {
	text-decoration: underline;
}
#gotoTop {
	display: none;
	position: absolute;
	z-index: 1;
	right: 20px;
	top: 40px;
	padding: 0;
	margin: 0;
}
#footer a {
}

/* --- { sitemap } ----------------------------------------------------*/

#sitemap
{
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}

#sitemapNav
{
	height: 1%;
	padding: 0;
	margin: 0;
}

#sitemapNav li
{
	list-style: none;
	padding: 0;
	padding: 0;
	height: 1%;
}

#sitemapNav li a
{
	margin: 0 5px 0 0;
	padding: 0;
	height: 1%;
}

#sitemapNav li a.active
{
	
}


/*---{ page-navigation }---------------------------------------------------------*/
/*<ul>
	<li class="prev"><a href="?page=&cpage=1"><span>Vorige</span></a></li>
	<li><a href="?page=&cpage=1">1</a></li>
	<li class="active">2</li>
	<li class="nextDisabled"><span>Volgende</span></li>
</ul>	
*/

#pageNav {
}
#pageNav .comments {
	display: none;
}
#pageNav ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#pageNav ul li {
	margin: 0 0 0 2px;
	list-style: none;
	float: left;
	height: 1%;
	color: #999999;
	display: block;
	padding: 0 5px 0 4px;
	border-right: 1px solid #cccccc;
	background: none;
}
#pageNav ul li a {
	display: block;
}
#pageNav ul .prev a,
#pageNav ul .next a {
	border: 0px;
	display: block;
}
#pageNav ul .next {
	border-right: 0px;
}
#pageNav ul .nextDisabled {
	border-right: 0px;
}
#pageNav ul li.disabled {
	color: #999999;
}
#pageNav ul a {
	text-decoration:none;
	display: block;
}
#pageNav ul a:hover {	
}
#pageNav ul li.active a {
	font-weight: bold;
}/*---{ Imports )-------------------------------------------------------*/

@import "custom/homepage.css";
@import "form.css";
@import "custom/news.css";
@import "custom/abonnement.css";
@import "custom/tabs.css";
@import "custom/account.css"; /* overschrijft tabs.css in de tabs bij Mijn-gegevens */
@import "custom/profile.css";
@import "custom/profile_account.css";
@import "custom/starterskit.css";
@import "custom/benaderen.css";
@import "custom/search.css";
@import "custom/kopers.css";

/* ---------- */

h3.payoff {
	position: absolute;
	right: 19px;
	top: 7px;
	color: #338ECD; /*#626262;*/
	font-weight: bold;
	font-size: 11px;
}
h3.payoff span.telNr {
	font-size: 14px;
	font-weight: bold;
}

#colsHeader {
}

#stempels {
	padding-top: 10px;
}
#stempels img {
	margin: 0 6px 0 5px;
}
#contentHeader {
	position: relative;
	width: 988px;
	height: 230px;
	background: url(../images/contentHeader-bg.gif) left top no-repeat;
	padding: 1px 1px 13px 1px;
}
#contentHeader #contentImg {
	position: relative;
	float: left;
	width: 250px;
	height: 228px;
	overflow: hidden;
}
#contentHeader #contentImg img {
	position: absolute;
	left: 5px;
	bottom: 0px;
}
#contentHeader #contentContent {
	position: relative;
	float: right;
	width: 710px;
	height: 193px;
	padding: 35px 6px 0 0;
	overflow: hidden;
} 

.marked {
	color: #338ECD;
}

/*---{ Default table )-------------------------------------------------------*/
table.default {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 0px;
	width: 625px;
}
table.default thead td {
	font-weight: bold;
}
table.default th,
table.default td {
	margin: 0;
	padding: 0 1px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	line-height: 26px;
	/*border: 1px solid red;*/
}
table.default th {
	width: 188px;
	line-height: 17px;
	padding-top: 5px;
}
table.default td {
	padding-left: 8px;
}
table.default tfoot td {
	border-top: 1px dotted #dddddd;
	font-weight: bold;
}
table.default td.required,
span.requiredField {
	background: url(../images/required.gif) left 6px no-repeat;
}
table.default td.button {
	padding-top: 10px;
}

/* table uitbreidingen */




/* Blue */
table.tblBlue {
	background-color: #358FCD;
}
table.tblBlue th,
table.tblBlue td {
	color: #FFFFFF;
}
table.tblBlue th,
table.tblGray th {
	width: 25px;
	font-size: 20px;
	line-height: 20px;
	padding-left: 10px;
}
table.tblBlue th {
	padding-top: 0px;
}
table.tblBlue td {
	line-height: 20px;
	padding: 0px 10px 0 1px;
}
table.tblBlue td a {
	color: #FFFFFF;
}
table.tblBlue td p {
	margin: 0;
	padding: 0;
}
table.tblBlue .clsButton {
	background: url(../images/bttn-bg-blueOnBlue.gif) left top no-repeat;
}
.tableHeadBlue,
.tableFooterBlue,
#tableHeadBlue,
#tableFooterBlue {
	width: 625px;
	height: 7px;
	font-size: 1px;
	background: url(../images/tableHeadBlue.gif) left bottom no-repeat;
}
.tableFooterBlue,
#tableFooterBlue {
	background: url(../images/tableFooterBlue.gif) left top no-repeat;
}

/* Gray */
table.tblGray {
	background: url(../images/tableBgGray.gif) left top no-repeat;
}
table.tblGray th {
	padding: 7px 0 5px 10px;
	color: #FFFFFF;
}
table.tblGray td {
	line-height: 30px;
	padding: 2px 10px 1px 1px;
	font-weight: bold;
}



/* zoekformulier */
table.searchForm td,
table.noLeftPadding td {
	padding-left: 1px;
}
table.searchForm select.clsSelect {
	width: 300px;
}

/* kopers- verkopersformulier */
table.buyersForm select.clsSelect {
	width: 300px;
}
table.buyersForm .clsTextarea {
	height:50px;
}
#frm_kopers h3,
#frm_verkopers h3 {
	line-height: 26px;
}


/*--- Stap 3 - profielen ---*/
.profileQuestion{
	margin-bottom:18px;
}

.convertGrey{
}

.convertGrey table.tblBlue {
	background: #ccc;
}
.convertGrey table.tblBlue th,
.convertGrey table.tblBlue td {
	color: #666;
}
.convertGrey .tableHeadBlue{
	background: url(../images/tableBgGray.gif) left top no-repeat;
}
.convertGrey .tableFooterBlue{
	background: url(../images/tableBgGray.gif) left bottom no-repeat;
}




/* ----- inlogscherm in func_gui.asp----- staat hier tijdelijk, want inlogscherm staat niet in de header */ 
#header .loggedIn{
	display: none;
	position: absolute;
	top: 4px;
	right: 15px;
	padding: 0px;
	color: #999;
	text-align:right;
}
.loggedIn .msg{
	display: none;
}

table.default.tblLogin{
	margin: 0px;
	padding: 0px;
}


#frm_home{
	padding: 0px;
	margin: 0px;
}
#frm_home table.tblLogin{
	padding: 0px;
	margin: 0px;
	float: left;
	width: auto;
}
#frm_home th{
	display: none;
}
#frm_home td{
	padding: 0px;
}

#frm_home td input.clsText{
	width: 75px;
	font-size: 11px;
	padding: 2px;
	line-height: 13px;
	height: 13px;
	float: left;
	margin: 0px 5px 0px 0px;
}

#frm_home td button{
	font-size: 11px;
	line-height: 17px;
}

#frm_home tr.redirectRow{
	display: none;
}


.smallBlue {
	position: relative;
	display: block;
	width: 176px;
	height: 26x;
	background: url(../images/bttn-bg-blue.gif) left top no-repeat;
	margin: 0 0 7px 0;
	padding: 4px 20px 4px 10px;
	overflow: hidden;
	line-height: 18px;
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: middle;
}


/*----- alert-message -----*/
.msg,
.msgOK {
	/* yellow version */
	width: 573px;
	border: 1px solid #cc9933;
	margin: 0 0 10px 0;
	padding: 7px 10px 7px 40px;
	background: #ffffcc url(../images/ico-msg.gif) 7px 5px no-repeat;
}
.msgOK {
	border: 1px solid #80BC43;
	background: #ffffcc url(../images/ico-msg_ok.gif) 7px 7px no-repeat;
}


/*---{ rightNav )-------------------------------------------------------*/
#rightNavTop,
#leftNavTop {
	width: 315px;
	height: 9px;
	background: url(../images/rightnav-top.gif) left top no-repeat;
	font-size: 1px;
}
#leftNavTop {
	width: 225px;
	background: url(../images/leftnav-top.gif) left top no-repeat;
}
#rightNav,
#leftNav {
	position: relative;
	padding: 0 0 11px 15px;
	min-height: 330px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background: url(../images/rightnav-bg.gif) left bottom repeat-x;
}
#leftNav {
	min-height: 170px;
	background: url(../images/leftnav-bg.gif) left bottom repeat-x;
}
#rightNavBottom,
#leftNavBottom {	
	position: absolute;
	left: -1px;
	bottom: 0px;
	width: 315px;
	height: 9px;
	overflow: hidden;
	font-size: 1px;
	background: #FFFFFF url(../images/rightnav-bottom.gif) left bottom no-repeat;
}
#leftNavBottom {
	width: 225px;
	background: #FFFFFF url(../images/leftnav-bottom.gif) left bottom no-repeat;
}
#rightNav img,
#leftNav img {
	display: block;
	margin-bottom: 10px;	
}

ul.profiles {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.profiles li {
	padding: 0 0 0 19px;
	background: url(../images/arrowGray.gif) left 4px no-repeat;
}
ul.profiles li,
ul.profiles li a {
	font-size: 14px;
	color: #383838;
	line-height: 23px;
	text-decoration: none;
	font-weight: normal;
}
ul.profiles li a:hover {
	text-decoration: underline;
}



/* --- preview profiel ---*/
img.setPreview{
	border: 0px;
}
a.editProfile{
	position: absolute;
	top: -13px;
	right: 10px;
	font-size: 11px;
	color: red;
}
.setExtraPreview a.editProfile{
	position: relative;
	top: auto;
	right: auto;
}
#profileHeader a.editProfile {
	left: 33px;
	top: 0;
}
#profileHeader h2 {
	position: relative;
}
#profileHeader h2 a.editProfileRelative {
	left: 0;
	top: -17px;	
}

#overlay{
	background: #fff;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
}
a.closeOverlay{
	position:absolute;
	top: 5px;
	right: 0px;
	background: transparent url('../images/ico_close_window.gif') right center no-repeat;
	line-height: 20px;
	padding: 0px 20px 0px 5px;
	display: block;
}
#iframeOverlay{
	z-index: 100001;
}



/* --- tabel facturen ---*/

table.fullTbl{
	width: 100%;
	border: 0px solid red;
}
table.fullTbl td{
	padding: 2px;
	text-align: left;
	vertical-align:middle;
	border-bottom: 1px dotted #ccc;
	line-height: 24px;
}
table.fullTbl tr td.first{
	padding-left: 7px;
}
table.fullTbl tr td.last{
	padding-right: 7px;
}
table.fullTbl thead tr td{
	vertical-align:middle;
	font-weight: bold;
	color: #676767;
	font-size: 12px;
	border: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background:#ccc;
}
table.fullTbl thead tr td.first,
table.fullTbl thead tr td.last{
	padding-left: 0px;
	padding-right: 0px;
}
table.fullTbl thead tr td.first div{
	float: left;
	background: #ccc url('../images/profile-step-title.gif') top left no-repeat;
	width: 7px;
	height: 24px;
}
table.fullTbl thead tr td.last div{
	float: right;
	background: #ccc url('../images/profile-step-title.gif') top right no-repeat;
	width: 7px;
	height: 24px;
}








/*--- tell-a-friend ---*/

#overlayBG{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 9000;
	background: #000;
	overflow: hidden;
}

#overlayPage{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
	overflow: hidden;
	/*background: #ccc;*/
}


#overlayPage .divN,
#overlayPage .divW,
#overlayPage .divNW,
#overlayPage .divZO,
#overlayPage .divLoading,
#overlayPage .divClose,
#overlayPage iframe{
	position:absolute;
	z-index: 10001;
	top: 0px;
	left: 0px;
}

#overlayPage .divN{
	background: transparent url('../images/overlay/bg_N.png') bottom right no-repeat;
	width: 100%;
}
#overlayPage .divW{
	height: 100%;
	left: 0px;
	background: transparent url('../images/overlay/bg_W.png') bottom right no-repeat;
	
}
#overlayPage .divNW{
	background: transparent url('../images/overlay/bg_W.png') top right no-repeat;
}
#overlayPage .divZO{
	height: 100%;
	width: 100%;
	background: transparent url('../images/overlay/bg_ZO.png') bottom right no-repeat;
}
#overlayPage .divLoading{
	z-index: 10005;
	line-height: 40px;
	padding-left: 45px;
	height: 40px;
	background: transparent url('../images/loading.gif') 20px center no-repeat;
	font-size: 11px;
}
#overlayPage .divClose{
	background: transparent url('../images/overlay/bg_close.png') bottom right no-repeat;
	z-index: 10015;
	width: 30px;
	height: 30px;
	cursor: pointer;
	left: auto;
	right: 0px;
}

#overlayPage iframe{
	background: #fff;
	z-index: 10010;
}




.previewLine{
	border:1px solid #ccc;
	padding:0px 10px;
	height: 20px;
	line-height:20px;
	font-size:12px;
	margin-bottom:5px;
}
.previewLine span{
	width: 75px;
	display: block;
	float: left;
}
.previewMessage{
	border:1px solid #ccc;
	height:290px;
	padding:10px;
	overflow: hidden;
	overflow-y: scroll;
}



input.clsText#kvk{
	width: 125px;
	margin-right: 8px;
}
input.clsText#kvk2{
	width: 78px;
}



.makeChoice{
	color: #7a7973;
}

#selectBank{
	padding-bottom:20px;
	height: 90px;
	border-bottom:1px solid #ccc;
}
#ideallogo{
	float:right;
	width:110px;
	height:110px;
	background:#fff;
}
#selectBank .intro,
table.default#tblIdeal{
	width:540px;
}
select.clsInput#issuerID{
	width:250px;
}/*---{ Homepage )-------------------------------------------------------*/

/* Header (video's) */
#colsHeader #bigHeader {
	position: relative;
	background: url(../images/homepage-header.gif) left top no-repeat;
	width: 989px;
	height: 365px;
	overflow: hidden;
	padding: 0 1px 15px 0px;
}
#colsHeader #bigHeader #headerContent {
	width: 660px;
	float: left;
	position: relative;
}
#colsHeader #bigHeader #videoList {
	width: 318px;
	float: right;
	position: relative;
	padding: 5px 10px 0 0;
}
#colsHeader #bigHeader #videoList p {
	margin: 0 0 15px 0;
	padding: 0;
}
#colsHeader #bigHeader #videoList img {
	display: block;
	margin-bottom: 8px;
}
#colsHeader #bigHeader #videoList a {
	position: relative;
	display: block;
	width: 261px;
	height: 29px;
	background: url(../images/bttn-bg-video.gif) left top no-repeat;
	margin: 0 0 7px 0;
	padding: 4px 40px 4px 10px;
	overflow: hidden;
	line-height: 14px;
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: middle;
}
#colsHeader #bigHeader #videoList a.single {
	line-height: 28px;
}
#colsHeader #bigHeader #videoList a.bold {
	font-weight: bold;
}
#colsHeader #bigHeader #videoList a:hover,
#colsHeader #bigHeader #videoList a.active {
	background: url(../images/bttn-bg-video-active.gif) left top no-repeat;
}
#colsHeader #bigHeader #videoList #blue {
	padding-top: 46px; /*10px*/
}
#colsHeader #bigHeader #videoList #blue a {
	background: url(../images/bttn-bg-blue-big.gif) left top no-repeat;
}
#colsHeader #bigHeader #videoList a span {
	position: absolute;
	right: 40px;
	top: 4px;
}
#colsHeader #bigHeader #bosnVideoOverlay {
	position: absolute;
	left: 0px;
	top: 355px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	background: url(../images/videoOverlay.gif) left top no-repeat;
}
#colsHeader .flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

/* Footer (intro + links) */
#homeCols {
	width: 974px;
	height: 207px;
	padding: 13px 0 10px 16px;
	background: url(../images/contentHeader-bg.gif) left top no-repeat;
}
#homeCols .col {
	width: 320px;
	height: 207px;
	overflow: hidden;
	float: left; 
	margin-right: 4px;
}
#homeCols .col h1,
#homeCols .col .Arial26Blauw {
	display: block;
	margin-bottom: 10px;
}
#homeCols .col h2.sub {
	COLOR: #383838;
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#homeCols .col a {
	color: #383838;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
}
#homeCols .col a:hover {
	text-decoration: underline;
}

#homeCols .col h2 a,
#homeCols .col h1 {
	font-size: 20px;
	font-family: Tahoma, Verdana, Arial;
	line-height: 24px;
	font-weight: normal;
	color: #338ecd;
	margin:0 0 10px 0;
	padding:0;
}
#homeCols .col p,
#homeCols .col ul {
	margin: 0;
	padding: 0;
}
#homeCols .col ul {
	list-style: none;
}
#homeCols .col ul li {
	padding-left: 15px;
	background: url(../images/arrowGray.gif) left 4px no-repeat;
}
#homeCols .col ul li,
#homeCols .col ul li a {
	font-size: 14px;
	color: #383838;
	line-height: 22px;
	text-decoration: none;
	font-weight: normal;
}
#homeCols .col ul li a:hover {
	text-decoration: underline;
}

#homeCols .col ul.profiles {
	padding-bottom: 18px;
}

/* Extra contentvlak onderaan homepage */
#fullContent #bigContent {
	position: relative;
	height: 335px;
	width: 974px;
	padding: 30px 1px 15px 16px;
	background: url(../images/homepage-header.gif) left 15px no-repeat;	
	overflow: hidden;
}
#bigContent .col {
	width: 310px;
	height: 340px;
	overflow: hidden;
	float: left; 
	margin-right: 14px;
}/*---{ Standard Form and Formelements )-------------------------------------------------------*/
#frm, 
#filter,
#pageFilter,
#frm_search {
	padding: 0;
	margin: 0;
}
#frm td.header,
td.header {
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 12px 0px 10px 5px;
	line-height: 22px;
}
#frm tr.head td {
	font-size:120%;
	font-weight:bold;
}
#frm h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	display: block;
	border-bottom: 1px solid #999999;
}


/*---{ Specific Formelements )-------------------------------------------------------*/
/*input[type=text], input[type=password], textarea {*/
input.clsText, 
input.clsPassword, 
textarea.clsTextarea {
	border: 1px solid #cfcfcf;
	background: #FEFEFE;
	width: 220px;
	padding: 1px 2px;
	color: #676767;
	line-height: 18px;
	height: 18px;
	margin-top: 1px;
}
/*input[type=text]:hover {*/
input.clsText:hover {
}
select.clsSelect {
	width: 225px;	
	color: #454543;
	margin: 2px 0px;
}
textarea.clsTextarea {
	width: 380px;
	height: 130px;
}
/*input[type="submit"] {*/
input.clsButton,
a.clsButton,
div.clsButton,
input.clsButtonPrev,
a.clsButtonPrev {
	margin: 0;
	padding: 0 10px 2px 0;
	border: 0;
	width: 185px;
	height: 26px;
	line-height: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/bttn-bg-blueOnWhite.gif) left top no-repeat;
}
div.clsButton,
a.clsButton,
a.clsButtonPrev {
	display: block;
	width: 175px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
}
div.clsButton{
	cursor: pointer;
}
a.clsButtonPrev {
	background: url(../images/bttn-bg-blueOnWhitePrev.gif) left top no-repeat;
}
/*input[type=submit]:hover {*/
input.clsButton:hover,
a.clsButton:hover,
input.clsButtonPrev:hover,
a.clsButtonPrev:hover {
	padding: 1px 9px 1px 1px;
}
select.day {
	width: 45px;
}
select.month {
	width: 75px;
}
select.year {
	width: 60px;
}/*---{ Nieuwsmodule )-------------------------------------------------------*/


/* Nieuwsoverzicht */

#newsList {
}

#newsList .item {
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #999999;
}
#newsList .item .picture {
	float: right;
}
#newsList .item .content {
	float: left;
	width: 490px;
}/*---{ Abonnementen kiezen )-------------------------------------------------------*/

#aboList{
	border: 0px solid blue;
	margin: 20px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
#aboList .aboItem{
	border: 0px solid #ccc;
	margin: 0px 0px 0px 16px;
	margin: 0px 17px 0px 0px;
	width: 209px;
	width: 212px;
	float: left;
}

#aboList .aboItem.last{
	margin-right: 0px;
}

#aboList .aboItem .innerAboItem{
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
}

.aboItem .aboTitle{
	background: #ccc;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	font-size: 12px;
	background: #358fcd;
	color: #fff;
}
 .aboContent{
	position: relative;
	border-bottom: 2px solid #ccc;
	padding: 5px;
}
.aboItem .aboContent .mostBuyed {
	position: absolute;
	right: 0px;
	top: 2px;
	width: 62px;
	height: 62px;
	background: url(../images/meest-verkocht.png) 0 0 no-repeat;
}

.aboItem .aboContent .pic {
	margin: 4px 0 10px 0px;
}
.aboItem .aboProduct{
	display: none;
	padding: 5px 5px 0px 5px;
	border-bottom: 2px solid #ccc;
}
.aboItem .aboTeaser{
	font-size: 11px;
	line-height: 14px;
}
.aboItem .aboTeaser table.list tr td{
	text-align: left !important;
	width: auto;
	margin: 0;
	padding: 0;
}
.aboItem table{
	width: 100%;
	border: none;
	border-collapse: separate
}
.aboItem table th,
.aboItem table td{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 2px 0px;
}
.aboItem table th span{
	float:right;
	padding-right: 3px;
}
.aboItem table td{
	text-align: right;
	width: 60px;
}
.aboItem table td span{
	float: left;
}
.aboItem table td span.free{
	float: none;
	color: #aaa;
}
.aboItem table th.small,
.aboItem table td.small{
	padding: 0px;
	font-size: 11px;
	line-height: 14px;
}
.aboItem .aboPrice{
	padding: 5px 5px;
} 
.aboPrice tr.aboTotal{
	/*border-top: 1px dotted #ccc;
	margin-top: 5px;*/
}
.aboPrice .aboTotal th,
.aboPrice .aboTotal td{
	/*border-top: 1px dotted #ccc;
	padding-top: 5px;*/
	font-weight: bold;
	border: 0px;
	padding: 0px;
}
.aboPrice .aboPriceAdd td {
	font-size: 11px;
	line-height: 16px;
	width: auto;
}
.aboPrice .aboTotal.aboDiscount th,
.aboPrice .aboTotal.aboDiscount td{
	/*color: red;*/
	border-top: 1px dotted #ccc;
	padding-top: 5px;
}

.aboButton{
	text-align: center;
	padding: 10px 0px;
}
.aboButton button,
.aboButton .button {
	width: 100%;
	background: url('../images/bttn_abonnement1.gif') top left;
	border: 0px;
	width: 206px;
	height: 26px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	padding-left: 10px;
	line-height: 26px;
}
.aboButton .button {
	background: url('../images/bttn_abonnement0.gif') top left;
	width: 196px;
	padding: 0 0 0 10px;
}
.aboButton button.notselected{
	background: url('../images/bttn_abonnement2.gif') top left;
}
.aboButton button.selected{
	/*background: red;*/
}

input.hideInput{
	display: none;
}


/*
#ifr_conditions{
	border: 1px solid #ccc;
	width:98%;
	height: 130px;
	overflow-y: scroll;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
*/


.payFrame .order,
.divTab .order {
	display: block;
	padding: 10px;
	border: 1px solid #C0C0C0;
	margin-bottom: 10px;
	background: #fff;
}

.payFrame #ifr_conditions,
.divTab #ifr_conditions {
	width: 668px;
	height: 160px;
	border: 1px solid #C0C0C0;
	padding: 0;
	margin: 0 0 10px 0;
}
 #showPayment .loading,
 .order .loading{
 	line-height: 20px;
	font-size: 11px;
	padding-left: 25px;
 	background: transparent url(../images/loading.gif) left center no-repeat;
 }
 
 
.back_forward{
	/*border: 1px solid #c0c0c0;*/
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	/*background: #fff;*/
	margin-top: 15px;
}/*
.back_forward a{
	padding: 0px 15px;
}
*/
#frm a.stepback,
#frm_benaderen a.stepback, 
a.stepback{
	float: left;
	color: #FFFFFF;
	/*background: transparent url('../images/img_arrowBlueLeft.gif') left center no-repeat;
	margin-left: 10px;*/
}
#frm a.stepforward,
#frm_benaderen a.stepforward, 
a.stepforward{
	float: right;
	color: #FFFFFF;
	/*background: transparent url('../images/img_arrowBlueRight.gif') right center no-repeat;
	margin-right: 10px;*/
}

/*--{ stepBox }------------------------------------------------------*/

/* navigation */

#stepBox{
	position:relative;
	padding: 34px 0 0 0;
	margin: 0px;
	width: 674px;
}


#stepBox ul.nav{
	margin:0px;
	padding: 0px 0px 0px 5px;
	width: 669px;
	list-style:none;
	float:left;
	z-index:1;
	left:0px;
	top:1px;
	height:34px;
	position:absolute;
	
	padding: 0px;
	width: 674px;
	/*background:#dce2ee;*/
}

#stepBox ul.nav li{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

#stepBox ul.nav li a{
	padding: 5px 11px 0px 8px;
	height: 24px;
	margin: 5px 5px 0px 0px;
	display: block;
	float: left;
	background: none;
	color: #002b46;
	font-size: 11px;
	text-decoration: none;
	border: none;
	border-bottom: none;
	/*overflow:hidden;*/
	background: #ccc;
}

#stepBox ul.nav li.active a{
	/*background: #fff url(../images/tabbedcontent-active.gif) right bottom no-repeat;
	margin-right: 2px;*/
	color: #002b46;
	background: #aaa;

}
#stepBox ul.nav li a.inactive{
	background: #eee;
	cursor: default;
}


#stepBox div.divTab{
	display: block;
	padding: 10px 0px 20px 0px;
}
#stepBox div.ui-tabs-hide{
	display: none;
}

.saveDiv{
	background: #dce2ee;
	background: #eee;
	text-align: right;
	padding: 5px 15px;
}



/*---{ Mijn-account )-------------------------------------------------------*/

/* Mijn gegevens */
#frm_gegevens table.small {
	width: 580px;
}
#frm_gegevens table.small th {
	width: 155px;
	font-size: 12px;
	line-height: 26px;
	padding-left: 0px;
}
#frm_gegevens table.small td {
	padding-left: 8px;
	line-height: 26px;
}

a#copydata {
	padding-left: 20px;
	background: url(../images/ico_copy.gif) left top no-repeat;
	line-height: 30px;
}

.payFrame #stepBox,
#frm_gegevens #stepBox,
#frm_benaderen #stepBox { /* overschrijft tabs.css */
	width: 580px;
}
.payFrame #stepBox ul.nav,
#frm_gegevens #stepBox ul.nav,
#frm_benaderen #stepBox ul.nav {
	width: 580px;
	border-bottom: 1px solid #FFFFFF;
	height:32px;
}
.payFrame #stepBox ul.nav li a,
#frm_gegevens #stepBox ul.nav li a,
#frm_benaderen #stepBox ul.nav li a {
	padding: 4px 10px 0px 9px;
	line-height: 18px;
	height: 23px;
	font-size: 12px;
}
.payFrame #stepBox ul.nav li a:hover,
#frm_gegevens #stepBox ul.nav li a:hover,
#frm_benaderen #stepBox ul.nav li a:hover {
	text-decoration: underline;
}

/* Zoekservice + Gevraagd */
a.rightCorner {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/icon_delete.gif) left top no-repeat;
	text-decoration: none;
}
a.deleteBttn:hover {
	text-decoration: none;
}
span.rightCorner {
	position: absolute;
	right: 0px;
	top: 0px;
	line-height: 15px;
}
table.overviewWhite {
	margin: 7px 0 4px 0;
	border-collapse:collapse;
}
table.overviewWhite tr td {
	padding: 1px 1px 1px 3px;
	vertical-align: top;
}
table.overviewWhite tr td.light {
	background-color: #58A3D7;
}

/* Reactions */
#reactions .title {
	position: relative;
	margin-top: 10px;
	padding: 0;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #676767;
	background: #cccccc;
}
#reactions .title .bg {
	position: absolute;
	top: 0;
	width: 7px;
	height: 24px;
	background: url(../images/profile-step-title.gif) no-repeat;
}
#reactions .title .bg.left {
	left: 0;
	background-position: left top;
}
#reactions .title .bg.right {
	right: 0;
	background-position: right top;
}

#reactions .col {
	float:left;
	width: 175px;
	padding-left: 10px;
	overflow: hidden;
}
#reactions .row {
	padding: 6px 0 5px 0;
	border-bottom: 1px dotted #CCCCCC;
}
#reactions .unread {
	font-weight: bold;
}
#reactions .short {
	width: 90px;
}
#reactions .last {
	text-align: right;
}
#reactions .content {
	display: none;
	position: relative;
	font-weight: normal;
	margin-top: 5px;
	padding: 10px 10px 20px 10px;
	background: url(../images/step-content-bottom.gif) #efefef left bottom no-repeat;
}
#reactions .content .bg {
	position: absolute;
	left: 0;
	width: 690px;
	height: 7px;
}
#reactions .content .top {
	top: 0;
	background: url(../images/step-content-top.gif) left top no-repeat;
}
#reactions .newReactionContainer {
	border: 1px solid #CCCCCC;
	background: #FFFFFF /*#f9f9f9*/;
	width: 655px;
	padding: 3px 5px 5px 5px;
	margin: 5px 0 5px 0;
}
#reactions .newReactionContainer textarea {
	width: 645px;
	height: 140px;
}
#reactions .content .react {
	position: absolute;
	right: 15px;
	bottom: 7px;
}
#reactions .newReactionContainer .date {
	/*position: absolute;
	top: 5px;
	right: 9px;*/
	display: block;
	height: 18px;
	color: #ACACAC;
	font-size: 11px; 
}
#reactions .newReactionContainer p {
	margin: 1px 0;
	padding: 0 0 0 1px;
}




#showProductOrder table td{
	padding: 4px;
}
#showProductOrder table thead tr td{
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}

#showProductOrder table td.price{
	text-align: right;
	width: 100px;
}

#showProductOrder tr.rowBorder td.brd{
	border-top: 1px solid #ddd;
	font-weight: bold;
}
#showProductOrder tr td span{
	float: left;
	padding-left: 35px;
}


div#showBrokercode{
	font-size: 12px;
	height: 24px;
	padding: 0px;
	line-height: 18px;
}
div.hideBrokercode{
	display:none;
}

div#showBrokercode span{
	vertical-align:top;
	margin-top:1px;
	float: right;
}
div#showBrokercode input.clsText{
	float: right;
	border: 1px solid #aaa;
	line-height: 14px;
	font-size: 11px;
	height: 14px;
	margin: 1px 0px 0px 5px;
	text-transform:uppercase;
	width:75px;
}
span.codeError{
	padding-right: 15px;
	color: #358fcd;
}
table.default.tblGray.tblGrayHigh{
	background: #ccc;
	background: transparent url(../images/tableBgGrayHigh.gif) left top no-repeat;
}/*--{ profile }------------------------------------------------------*/

#profileHeader {
	position: relative;
	width: 958px;
	height: 215px;
	background: url(../images/contentHeader-bg.gif) left top no-repeat;
	padding: 16px 1px 13px 31px;
}
#profileHeader h1,
#profileHeader h2 {
	width: 600px;
}
#profileHeader #graf {
	position: absolute;
	top: 20px;
	right: 30px;
}
#profileHeader .profileInactive {
	width:297px; 
	height:153px; 
	padding:10px 7px 4px 11px; 
	color:#333; 
	background:url(../images/profile-depublished.gif) left top no-repeat;
}
#profileHeader .profileInactive h1,
#profileHeader .profileInactive h2,
#profileHeader .profileInactive h3 {
	color: #333;
}
#profileHeader img#bttnReageer {
	position: absolute;
	bottom: 65px;
	left: 31px;
}
#profileHeader a#backToSearch {
	position: absolute;
	bottom: 86px;
	left: 230px;	
}
#profileHeader a#backToBranche {
	position: absolute;
	bottom: 66px;
	left: 230px;	
}
ul#profileTabs {
	position: absolute;
	left: 25px;
	bottom: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#profileTabs li {
	float: left;
	margin: 0;
	padding: 0 4px 0 0;
}
ul#profileTabs li a {
	display: block;
	width: 115px;
	height: 20px;
	padding: 2px 1px 2px 3px;
	overflow: hidden;
	line-height: 20px;
	color: #999999;
	text-decoration: none;
	text-align: center;
	background: url(../images/profile-tab.gif) left top no-repeat;
}
ul#profileTabs li.active a {
	color: #666666;
	background: url(../images/profile-tab-active.gif) left top no-repeat;
}
ul#profileTabs li a:hover {
	text-decoration: underline;
}

/* Profile content cols */
#fullContent .outerCol {
	position: relative;
	width: 315px;
	padding: 0;
	margin: 0 22px 10px 0;
	float: left;
	background: url(../images/profile-col-bg.gif) left top repeat-y;
}
#fullContent .last {
	margin: 0 0 0 1px;
}
#fullContent .outerCol .colTop {
	position: relative;
	left: 0px;
	top: 0px;
	width: 315px;
	height: 9px;
	background: url(../images/profile-col-top.gif) left top no-repeat;
	font-size: 1px;
}
#fullContent .outerCol .col {
	position: relative;
	width: 293px;
	min-height: 150px;
	margin: 0 1px;
	padding: 5px 10px 25px 10px;
	background: url(../images/profile-col-bg-bottom.gif) left bottom repeat-x;
}
#fullContent .outerCol .colBottom {	
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 315px;
	height: 9px;
	overflow: hidden;
	font-size: 1px;
	background: #FFFFFF url(../images/profile-col-bottom.gif) left bottom no-repeat;
}

#fullContent .outerCol.wide {
	width: 990px;
	background: url(../images/profile-col-bg-full.gif) left top repeat-y;
}
#fullContent .outerCol.wide .colTop {
	width: 990px;
	background: url(../images/profile-col-top-full.gif) left top no-repeat;
}
#fullContent .outerCol.wide .col {
	width: 968px;
}
#fullContent .outerCol.wide .colBottom {
	width: 990px;
	background: #FFFFFF url(../images/profile-col-bottom-full.gif) left bottom no-repeat;
}

#fullContent .wide .innerContent {
	padding: 20px 200px 50px 80px;
}

/* Inhoudelijke stijling */
#fullContent .outerCol h2 {
	margin-bottom: 18px;
}
#fullContent .outerCol table.default {
	width: 300px;
}
#fullContent .outerCol table.default th,
#fullContent .outerCol table.default td {
	line-height: 17px;
}
#fullContent .outerCol table.default th {
	padding-top: 0px;
	width: 130px;
}
#fullContent .outerCol table.default td {
}
#fullContent .outerCol table.indicatie td {
	padding-left: 1px;
	color: #676767
}
#fullContent .outerCol .bttnYes,
#fullContent .outerCol .bttnNo {
	padding: 0 0 0 50px;
	min-height: 40px;
	color: #338ECD;
}
#fullContent .outerCol .bttnYes {
	background: url(../images/bttn-yes.gif) left top no-repeat;
}
#fullContent .outerCol .bttnNo {
	background: url(../images/bttn-no.gif) left top no-repeat;
}

#fullContent .outerCol ul#arguments {
	margin: 0;
	padding: 0;
	list-style: none;
}
#fullContent .outerCol ul#arguments li {	
	padding: 0 0 10px 15px;
	background: url(../images/arrowGray.gif) left 3px no-repeat;
}
#fullContent .outerCol ul#arguments li ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
#fullContent .outerCol ul#arguments li ul li {
	background: url(../images/img-dot.gif) 5px 7px no-repeat;
	padding: 0 0 0 15px;
	color: #338ECD;
}

#chartLegend {
	position: relative;
	float: left;
	padding: 20px 0 5px 0;
	width: 150px;
}
#pieChart {
	position: relative;
	float: right;
}

#fullContent .outerCol table.slide {
	width: 850px;
}
#fullContent .outerCol table.slide tr td {
	text-align: center;
	padding: 0 0 12px 0;
	color: #676767;
}
#fullContent .outerCol table.slide tr td.first {
	text-align: right;
	padding: 0;
}
#fullContent .outerCol table.slide tr td.slide {
	padding-left: 22px;
	text-align:left;
}
#fullContent .outerCol table.slide tr td.last {
	text-align: left;
	padding: 0;
}
#fullContent .outerCol table.slide tr td .slideContainer {
	width: 200px;
	height: 24px;
	padding-left: 8px;
	background: url(../images/profile-schuif-bg.gif) left top no-repeat;
	position: relative;
}
#fullContent .outerCol table.slide tr td .slider {
	width: 25px;
	height: 24px;
	background: url(../images/profile-schuif.gif) left top no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
#fullContent .outerCol #sterkePunten .bttnYes {
	width: 400px;
	position: relative;
	float: left;
	padding: 5px 25px 15px 50px;
	color: #676767;
}


/* Extra voor de tooltips in het voorbeeldprofiel */
#fullContent .tooltip2 {
	position: relative;
	color: #F90500;
	background-color: #FFE5E6;
	cursor: pointer;
	padding: 2px 3px;
	border: 1px solid #F3CFD0;
}
#fullContent .tooltip2 .content {
	display: none;
	z-index: 999;
}
#fullContent .tooltip2 .content p {
	margin: 0;
}
#fullContent .tooltip2:hover .content, 
#fullContent .tooltip2.hover .content {
	display: block;
	color: #666666;
	width: 200px;
	padding: 2px 0 2px 0;
}/*---{ Profiel formulieren )-------------------------------------------------------*/

/* tab 1 */
.block div.clearleft{
	border: 1px solid #fff;
}

div.arrowDown{
	padding-left: 45px;
	background: transparent url('../images/img_arrowDownRight.gif') 25px 0px no-repeat;
}

#frm_searchprofile select.clsSelect,
#frm_searchprofile input.clsText,
#frm_searchprofile textarea.clsTextarea,
#frm_profile select.clsSelect,
#frm_profile input.clsText,
#frm_profile textarea.clsTextarea {
	width: 300px;
}
#frm_searchprofile select.clsSelect,
#frm_profile select.clsSelect {
	width: 306px;
}
#frm_searchprofile textarea.clsTextarea,
#frm_profile textarea.clsTextarea {
	height: 55px;
}
#frm_searchprofile .default th,
#frm_profile .default th {
	width: 208px; /* overschrijft de standaard breedte van 188px */
}
#frm_searchprofile .default td,
#frm_profile .default td {
	line-height: 17px;
}

/* tab 2 */
#frm_profile2 .default td {
	padding: 0 15px 15px 1px;
	line-height: 17px;
	color: #676767;
}
#frm_profile2 .default td.first,
#frm_profile2 .default td.last {
	padding-top: 3px;
}
#frm_profile2 .default td.first {
	text-align: right;
}

/* tab 3 */
#frm_profile3 .default td {
	padding: 0 5px 0 1px;
	line-height: 16px;
}
#frm_profile3 .default td.last {
	padding-right: 40px;
}
#frm_profile3 .default td input.wide {
	width: 550px;
}

/* tab 4 en 5*/
#frm_profile4 .title,
#frm_profile5 .title {
	position: relative;
	margin-top: 10px;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #676767;
	background: #cccccc;
}

#frm_profile4 .title.titleNvt,
#frm_profile5 .title.titleNvt{
	color: #fff;
}
#frm_profile4 .title .bg,
#frm_profile5 .title .bg {
	position: absolute;
	top: 0;
	width: 7px;
	height: 24px;
	background: url(../images/profile-step-title.gif) no-repeat;
}
#frm_profile4 .title .bg.left,
#frm_profile5 .title .bg.left {
	left: 0;
	background-position: left top;
}
#frm_profile4 .title .bg.right,
#frm_profile5 .title .bg.right {
	right: 0;
	background-position: right top;
}
#frm_profile4 .question,
#frm_profile5 .question {
	padding-left: 20px;
	line-height: 20px;
}
#frm_profile4 .oneThird,
#frm_profile4 .half {
	float: left;
	width: 200px;
	/*background-color:#009900*/
}
#frm_profile4 .half,
#frm_profile5 .half {
	width: 330px;
}
#frm_profile4 .large {
	width: 260px;
}
#frm_profile4 .nvt {
	position: absolute;
	top: 0px;
	right: 35px;
	font-weight: normal;
}
#frm_profile4 textarea.clsTextarea {
	height: 55px;
}
#frm_profile4 input.small,
#frm_profile5 input.small {
	width: 80px;
}
#frm_profile4 textarea.wide {
	width: 550px;
	height: 40px;
}
#frm_profile4 .default th,
#frm_profile5 .default th {
	width: 188px; /* overschrijft de standaard breedte van 188px */
}
#frm_profile4 .default td,
#frm_profile5 .default td {
	line-height: 20px;
}

/* tab 5 */
#frm_profile5 table.default {
	width: 100%;
} 
#frm_profile5 table.tblOmzet tr td {
	border: 1px solid #cccccc;
	padding: 2px 4px;
}
#frm_profile5 table.tblOmzet thead td {
	border: none;
	padding: 4px;
	line-height: 16px;
	font-weight: bold;
}
#frm_profile5 .comment {
	font-weight: normal;
}
#frm_profile5 input.wide {
	width: 450px;
}
#frm_profile5 .half {
	width: 240px;
	float: left;
}
#frm_profile5 textarea.wide {
	width: 450px;
	height: 40px;
}#frm_starterskit table {
	margin: 0;
	padding: 0;
	width: 625px;
	border-collapse: collapse;
	text-align: left;
}

#frm_starterskit th, #frm_starterskit td {
	padding: 0 20px;
	border: 1px solid #cccccc;
}

#frm_starterskit .right {
	text-align: right;
}

#frm_starterskit .noborder {
	padding: 10px 20px;
	border: none;
}

#frm_starterskit thead th {
	border: none;
	height: 22px;
	line-height: 22px;
}

#frm_starterskit tbody th {
	width: 435px;
	font-weight: normal;
}

#frm_starterskit tbody td {
	width: 190px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

#frm_starterskit input.text {
	width: 80px;
	text-align: right;
	margin: 0 4px;
}

#frm_starterskit input.percentage {
	width: 25px;
	text-align: center;
}

#frm_starterskit input.disabled {
	border: 1px solid #7f9db9;
	background: #e9e9e9;
}

#frm_starterskit input.clsButtonPrint {
	background: url(../images/bttn-bg-blueOnWhite-print.gif) left top no-repeat;
}

.tooltip,
#frm_starterskit .tooltip {
	position: relative;
}

.tooltip img,
#frm_starterskit .tooltip img {
	vertical-align: middle;
}

.tooltip .content,
#frm_starterskit .tooltip .content {
	display: none;
	position: absolute;
	top: -20px;
	left: 37px;
	padding: 5px;
	width: 300px;
	border: 1px solid #ffcc35;
	background: #ffffcc;
	z-index: 999;
}

.tooltip .content p,
#frm_starterskit .tooltip .content p {
	margin: 0;
}

.tooltip:hover .content, 
.tooltip.hover .content,
#frm_starterskit .tooltip:hover .content, 
#frm_starterskit .tooltip.hover .content {
	display: block;
}

#frm_starterskit .worth {
	font-weight: bold;
	color: #358FCD;
}

#frm_starterskit .worth input {
	color: #358FCD;
}

#frm_starterskit #voorwaarden ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#frm_starterskit #voorwaarden li {
	padding-left: 15px;
	line-height: 20px;
	background: url(../images/arrowGray.gif) left 4px no-repeat;
}




#frm_searchprofile .tooltip.toolfloat,
#frm_profile .tooltip.toolfloat{
	float:left;
	margin-top:8px;
	margin-left:3px;
}
#frm_searchprofile .tooltip img,
#frm_profile .tooltip img{
	top: 0px;
	margin-top: -6px;
}
#frm_searchprofile .tooltip .content,
#frm_profile .tooltip .content{
	top: 5px;
	left: 22px;
	width: 150px;
}

#frm_searchprofile .tooltip.toolfloat .content,
#frm_profile .tooltip.toolfloat .content{
	top: -3px;
}.payFrame,
#frm_benaderen {
	
}

.payFrame h3,
#frm_benaderen h3 {
	margin: 0;
	padding: 10px 0;
}

.payFrame p,
#frm_benaderen p {
	
}

.payFrame a,
#frm_benaderen a {
	color: #318dcc;
	text-decoration: none;
}

.payFrame ul,
#frm_benaderen ul {
	margin: 10px 20px;
	padding: 0;
	list-style: none;
}

.payFrame li,
#frm_benaderen li {
	width: 265px;
}

#frm_benaderen li.notValid {
	background: none;
	padding-left: 0;
}
.payFrame li.valid,
#frm_benaderen li.valid {
	padding-left: 0;
	background: url(../images/ico-msg_ok.gif) right center no-repeat;
}

.payFrame input,
#frm_benaderen input {
	outline: none;
}

.payFrame input.text,
#frm_benaderen input.text {
	border: 1px solid #7f9db9;
}

.payFrame input.text.valid,
#frm_benaderen input.text.valid {
	border: 1px solid #80bc43;
}

.payFrame input.radio,
#frm_benaderen input.radio {
	margin-right: 10px;
}

.payFrame .title,
#frm_benaderen .title {
	position: relative;
	margin-top: 10px;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #676767;
	background: #cccccc;
	/*cursor: pointer;*/
}

.payFrame .title .bg,
#frm_benaderen .title .bg {
	position: absolute;
	top: 0;
	width: 7px;
	height: 24px;
	background: url(../images/profile-step-title.gif) no-repeat;
}

.payFrame .title .bg.left,
#frm_benaderen .title .bg.left {
	left: 0;
	background-position: left top;
}

.payFrame .title .bg.right,
#frm_benaderen .title .bg.right {
	right: 0;
	background-position: right top;
}

.payFrame .content,
#frm_benaderen .content {
	display: none;
	position: relative;
	margin-top: 5px;
	padding: 0 10px 10px 10px;
	background: url(../images/step-content-bottom.gif) #efefef left bottom no-repeat;
}
.payFrame .payStepActive .content{
	display:block;
}

.payFrame .content .bg,
#frm_benaderen .content .bg {
	position: absolute;
	left: 0;
	width: 690px;
	height: 7px;
}

.payFrame .content .top,
#frm_benaderen .content .top {
	top: 0;
	background: url(../images/step-content-top.gif) left top no-repeat;
}

.payFrame .example,
#frm_benaderen .example {
	display: none;
}

.payFrame .msg,
.payFrame .msgOK,
#frm_benaderen .msg,
#frm_benaderen .msgOK {
	width: auto;
}

.payFrame #example,
#frm_benaderen #example {
	padding: 5px;
	border: 1px solid #cccccc;
	background: #ffffff;
}

.payFrame #stepBox ul.nav li{
	width:auto;
}/*---{ searchList )-------------------------------------------------------*/

#searchList {
	position:relative;
	padding-top: 15px;
	width: 650px;
}
#searchList .lastEdited {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #999999
}
#searchList .item {
	position: relative;
	width: 650px;
	margin: 5px 0 5px 0;
	padding: 10px 0 0 0;
}
#searchList .item h3 {
	color: #676767;
	font-weight: normal;
	line-height: 20px;
}
#searchList .item h3 a {
	color: #338ECD;
	font-weight: bold;
}
#searchList .item span.sub {
	line-height: 20px;
	font-size: 12px; /*14px;*/
}
#searchList .item span.sub a {
	color: #338ECD;
}
#searchList .item .date {
	position: absolute;
	right: 0px;
	top: 12px;
}

/* --- Specifiek overzicht --- */
#overviewBranche ul {
}
#overviewBranche ul li {
	font-weight: normal;
}
#overviewBranche ul li a.toonDetails {
	text-decoration: none;
}
#overviewBranche ul li div {
	display: none;
	font-weight: normal;
	padding: 2px 0 14px 0;
	color: #939393;
}
/* Overzicht van kopers */
.buyersList .item {
	position: relative;
	border-top: 1px solid #989898;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	overflow: hidden;
}
.buyersList .item h3 {
	margin-bottom: 2px;
	line-height: 16px;
}
.buyersList .item .details {
	padding-top: 18px;
}
.buyersList .item .contactBttn {
	float: right;
	margin: 12px 0 7px 0;
}
.buyersList .item .eigenMiddelen {
	float: left;
}
.buyersList .item .overnameSom {
	float: right;
}

/* Mijn account overzicht van kopers */
#accountList .buyersFilter {
	position: relative;
	float: left;
	display: block;
	width:100%;
}
#accountList select {
	margin: 3px 0 0 0;
}
#accountList .buyersFilter .totalCredits {
	position: absolute;
	right: 0;
	top: 5px;
	font-weight: bold;
}
#accountList .detailsBttn {
	float: left;
	display: block;
	margin: 14px 0 0 0;
}
#accountList .contactBttn {
	float: right;
	margin: 2px 0 0 0;
}
#accountList .item .details {
	display: none;
	padding: 10px 0 0 0;
}
#accountList .item .profileID {
	position: absolute;
	right: 0;
	top: 10px;
	color: #ccc;
}
#accountList .item a.disabled {
	cursor: default;
	background: url(../images/bttn_abonnement2.gif) 0 0 no-repeat;
}
#accountList .item a.disabled:hover {
	text-decoration: none;
}
/*---{ fontsize fix }-------------------------------------------------*/

body {
	font-size:x-small; /* IE5 Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;  
}
html>body  { /* be nice to Opera */
	font-size: small;
}

/*---{ boxmodel fixes }-----------------------------------------------*/

/*
#content{
	width: 580px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 580px;  
}
html>body #content{
	width: 580px;
}
*/



