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


a:link
{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

a:visited
{
    color: #000;
}

a:hover
{
    color: #000;
    text-decoration: underline;
}

.right
{
    float: right;
}

.textLeft {
    text-align : left !important;
}

.textCenter {
    text-align: center !important;
}

.textRight {
    text-align: right !important;
}

.textBold {
    font-weight: bold !important;
}

.textNormal {
    font-weight: normal !important;
}

.textItalic {
    font-style: italic !important;
}

.tdUnderLine 
{
	border-bottom: 1px solid #ffffff;
}

.tdTopLine 
{
	border-bottom: 1px solid #ffffff;
}

h1, h2, h3, h4
{
    color: #66667E;
}

h1
{
    font-size: 18px;
}

h2
{
    font-size: 16px;
}

h3
{
    font-size: 14px;
}

h4
{
    font-size: 12px;
}

.clearfix
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */

.clear
{
    clear: both;
}

/*
* {
	margin: 0;
	padding: 0;
}
*/

body
{
    background-color: #eeeeee;
    padding: 0px;
    min-height: 500px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
}

.blauwDiv 
{
    background: #2B407B;
    padding: 5px;
}

.blauwDiv h3
{
    color: #fff;
    margin: 0;
    padding: 0;
}

.WelkomTekstDiv {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #00A7E7;
    clear: left;
    color: #66667E;
    float: right;
    padding: 0 10px;
}

.IntroTekstDiv {

    width: 800px;
}

.regelnowrap
{
    white-space: nowrap;
}

.statusbarscheidingsspan
{
    min-width: 28px;
    background: url(img/separator.gif);
}

.periodiekCheckBoxTD
{
    height: 1%;
}
.periodiekCheckBoxTD checkbox
{
    vertical-align: bottom;
}

/* Productkeuze menu */

.productKeuze_mnu
{
    margin-left: 5px;
    margin-top: 20px;
    width: 260px;
}

.productKeuze_mnu span
{
    display: block;
    padding: 0 0 15px 0;
    font-weight: bold;
}

.productKeuze_mnu a:link
{
    font-weight: normal;
    color: #66667E;
    text-decoration: none;
}

.productKeuze_mnu a:visited
{
    color: #66667E;
    text-decoration: none;
    margin-bottom: 5px;
}

.productKeuze_item {
    display: block;
    border: 1px solid #00A7E7;
    background-color: #EEEEEE;
    padding: 6px;
    margin-left: 20px;
}

.productKeuze_item:hover, .productKeuze_item:hover a, .productKeuze_item a:hover {
    background-color: #00A7E7;
    color: #fff;    
    text-decoration: none;
}

/* toelichting */
.toelichting
{
    margin-left: 5px;
    margin-top: 20px;
    width: 800px;    
}

.toelichting_item
{
    margin-left: 20px;
}

/* Adviseur menu */

.adviseurhome_mnu
{
    margin-left: 5px;
    margin-top: 20px;
}

.adviseurhome_mnu a:link
{
    font-size: 18px;
    font-weight: bold;
    color: #66667E;
    text-decoration: none;
}

.adviseurhome_mnu a:visited
{
    font-size: 18px;
    font-weight: bold;
    color: #66667E;
    text-decoration: none;
}

.adviseurhome_mnu a:hover
{
    font-weight: bold;
    font-size: 18px;
    color: #E41F1F;
    text-decoration: underline;
}

.imageMenu
{
    padding-left: 68px;
    height: 32px;
    line-height: 32px;
    background-repeat: no-repeat;
    background-position: left;
}

.nieuwofferteimage
{
    background-image: url(img/home_optie1.jpg);
}

.zoekenofferteimage
{
    background-image: url(img/home_optie2.jpg);
}

.openstaandeaanvragenimage
{
    background-image: url(img/home_optie3.jpg);
}

.relatieBeheerimage
{
    background-image: url(img/home_optie4.jpg);
}



/*****************/

.Aanvraag_Invoer td
{
    /*background-color: #2b407b;*/
}

.left_Aanvraagstap {
    color: #2B407B;
    display: block;
    font-weight: bold;
    margin: 35px 0 0 30px;
}

.rgDataDiv
{
    margin: 0px 0px 0px;
}

/* Rad styles */

.RadComboBoxDropDown_Default td
{
    background-color: #2b407b;
}



/* einde Rad styles */

.deelnemerslijst
{
    padding-left: 5px;
}

.Deelnemer_zoekbtn
{
    margin-bottom: 4px;
    margin-top: 4px;
}

.Deelnemer_input
{
    margin-bottom: 4px;
    margin-top: 4px;
    margin-left: 10px;
}

.btnVolgende
{
    position: relative;
    top: 4px;
}

.btnVorige, .btnWijzigen
{
    position: relative;
    top: 4px;
    left: 3px;
    margin-right: 4px;
}


.offertekeuze_input td
{
    background-color: #2b407b;
    padding-top: 5px;
    padding-left: 5px;
}

.deelnemerlijstkop td
{
    /*background-color: #2b407b;*/
}

.Offerte_Afdrukken
{
    padding: 3px;
    white-space: nowrap;
    width: 583px;
}

.Offerte_Opslaan
{
    /*background-color: #2b407b;*/
    padding: 3px;
    white-space: nowrap;
}


.Offerte_Risicoprofiel td
{
    /*background-color: #2b407b;*/
    padding: 3px;
    white-space: nowrap;
}

.Offerte_Resultaat table
{
    width: 744px;
    padding-top: 5px;
    padding-left: 5px;
}

#content
{
    position: relative;
    background-color: #fff;
    border-style: solid;
    border-color: #66667E;
    border-width: 0px 1px 1px 1px;
    padding-bottom: 10px;
}

#contentheader
{
    background: url(img/tab_backgroundNoBg.gif) no-repeat top;
    height: 3px;
    z-index: -200;
}

.contentBanner
{
    background: url(img/content-banner2.jpg) no-repeat top;
    height: 50px;
    width: 586px;
    margin: 10px 0;
}

.contentBannerBreed
{
    background: url(img/content-banner2breed.jpg) no-repeat top;
    background-color: #000;
    height: 50px;
    width: 785px;
    margin: 10px 0;
}


.menutabs
{
    margin-left: 120px;
}

.menudummy
{
    width: 10px;
    height: 582px;
    float: left;
}

.menu
{
    background: transparent url(img/lnav_img6.jpg) no-repeat scroll center bottom;
    width: 160px;
    height: 582px;
    float: left;
}

.menu ul
{
    margin: 10px;
}

.menu li
{
    border-top: 1px solid #D2D1D9;
    list-style-image: none;
    list-style-position: outside;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 7px 0;
}

.menu li.first
{
    border-top: none;
}

.menu li.menuLeft_deselected
{
    color: #D2D1D9;
}

.menu li.menuLeft_selected
{
    color: #2b407b;
}

/* fixed height *//*

.Offerte_Inleg {
	overflow: auto;
    float: left;
	width: 586px;
	height:582px;
    margin-top: 1px;
}

.breed 
{
    width: 830px;
    height: 530px;
}

.Offerte_Risicoprofiel 
{
   	overflow: auto;
    float: left;
	width: 586px;
	height:582px;
    margin-top: 1px;
} 
/* einde fixed height */

/* growing height */

.Offerte_Inleg
{
    float: left;
    width: 586px;
    margin-top: 1px;
}

.breed
{
    width: 830px;
}

.Offerte_Risicoprofiel
{
    float: left;
    width: 586px;
    margin-top: 1px;
}

/* einde growing height */


/* Resume */

.resumeHead
{
    font-size: 12px;
    font-weight: bold;
    color: #2B407B; /*#00A7E7;*/
    text-transform: uppercase;
    margin: 0;
    margin-top: 8px;
    padding: 0;
}

.resumediv
{
    font-size: 9px;
    font-weight: normal;
    border-left: #66667e 1px solid;
    padding-left: 5px;
    padding-right: 0px;
    height: 585px;
    width: 235px;
    color: #66667e;
    overflow: auto;
    margin-top: -2px;
    float: right;
}

.resumediv.header
{
    font-weight: bold;
}

.resDivLeft
{
    font-size: 9px;
    float: left;
    width: 165px; .width:165px;/* IE7 Hack */
white-space:nowrap;
overflow:hidden;
margin-right:0px;
display:block;
}

.resCategorie
{
    float: left;
    font-weight: bold;
    clear: both;
    padding-top: 5px;
    margin-left: 0px;
    width: 230px; .width:200px;/* IE7 Hack */
overflow:visible;
margin-top:10px;
}

.resCategorieNormal
{
    float: left;
    font-weight: normal;
    clear: both;
    padding-top: 5px;
    margin-left: 0px;
    width: 230px; .width:200px;/* IE7 Hack */
overflow:visible;
margin-top:10px;
}

.resDivRight
{
    font-size: 9px;
    float: right;
    width: 70px; .width:70px;/* IE7 Hack */
white-space:nowrap;
overflow:hidden;
margin-left:0;.margin-left:-70px;/* IE7 Hack */
display:block;
}

.resDivUl
{
    margin-bottom: 5px;
}

.resDivUl ul li
{
    list-style-type: none;
    margin-left: 0px;
}

.btnResume
{
    position: relative;
    clear: left;
}

/* fixed height *//*

.footerBackground 
{
    background: #fff url(img/tnav_navigatie_balk4.png) no-repeat;
    height: 30px;
    padding-right: 10px;
    padding-bottom:15px;
    position:absolute;
    bottom: 0px;
    width:576px;
}

.footerBackgroundBreed 
{
    background: #fff url(img/tnav_navigatie_balk4.png) no-repeat;
    height: 30px;
    padding-right: 5px;
    padding-bottom:15px;
    position:absolute;
    bottom: 0px;
    width:780px;
}

/* einde fixed height*/

/* Growing height */

.footerBackground
{
    background: #fff url(img/tnav_navigatie_balk4.png) no-repeat;
    height: 30px;
    padding-right: 10px;
    padding-bottom: 15px;
    margin-top: 6px;
    bottom: 0px;
    width: 576px;
}

.footerBackgroundBreedVullend
{
    background: #fff url(img/tnav_navigatie_balk4.png) no-repeat;
    height: 30px;
    padding-right: 5px;
    padding-bottom: 15px;
    margin-top: 6px;
    bottom: 0px;
}

.footerBackgroundBreed
{
    background: #fff url(img/tnav_navigatie_balk4.png) no-repeat;
    height: 30px;
    padding-right: 5px;
    padding-bottom: 15px;
    margin-top: 6px;
    bottom: 0px;
    width: 780px;
}

/* einde */

.footerbuttons
{
    float: right;
    height: 30px;
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    line-height: 24px;
}

.btnVorige
{
    margin-right: 6px; .margin-right:10px;
}

.footerbuttons a:link
{
    color: #fff;
    text-decoration: none;

    text-decoration: none;
}

.footerbuttons a:visited
{
    color: #fff;
    text-decoration: none;
}

.footerbuttons a:hover
{
    color: #58c3ec;
    text-decoration: none;
    line-height: 24px;
}

a.disabled , a:hover.disabled 
{
    color: #999;
}

.Offerte_Inleg td
{
    padding: 3px; /*white-space: nowrap;*/
}

.Offertealgemeen_content.RadInput
{
    padding: 4px;
}

.Offertealgemeen_content table
{
    clear: both;
}

.Offertealgemeen_content td
{
    white-space: nowrap;
    padding: 3px;
    color: #fff;
}

.Offertealgemeen_lbl
{
    width: 200px;
    padding-top: 5px;
    padding-left: 5px;
}

.heading5, a.heading5:link, a.heading5:visited, a.heading5:hover, a.heading5:active
{
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: #288CCC;
}

a.footer, font.footer
{
    color: #666666;
    text-decoration: none;
}

form
{
    margin: 0px;
    padding: 0px;
}

/*

select, textarea, input
{
	font-size: 10pt;
	font-family: Arial;
	height: 22px;
}

*/
ul
{
    padding: 0px;
    margin: 0px;
}


div.cmsWrapper
{
    width: 993px;
    margin: 0 auto;
}

.rgDataDiv
{
    margin-right: 5px;
}

.VerkoopSwitchSummary
{
    margin: 10px;
}

.VerkoopSwitchSummary td
{
    /*background-color: #2b407b;*/
}

.statusbar
{
    display: none; /*background-color: #2b407b;*/
    margin-top: 20px;
    width: 100%;
    clear: both;
    font-weight: normal;
    text-align: justify;
    white-space: nowrap;
}

/* fixed height *//*
#MainContent {
    float:left;
    margin:10px 0 0 ;
    width:805px;
    height: 589px;
}

#MainContentWide {
    float:left;
    margin:10px 0 0;
    width:980px;
    height: 589px;
}

/* einde fixed height */

/*growing height */

#MainContent
{
    float: left;
    margin: 10px 0 0;
    width: 805px;
}

#MainContentWide
{
    float: left;
    margin: 10px 0 0;
    width: 980px;
}


/* einde growing */

#MainContentWideNoBg
{
    float: left;
    margin: 8px 0 0;
    width: 993px;
}

#pirIS_mainContent
{
    clear: both;
    left: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.NavigationControl
{
    /*     position:relative;     top: 118px;     */
    position: relative;
    top: 18px;
    height: 32px;
    background: url(img/tnav_navigatie_balk4.png);
}


#pirIS_mainLogo
{
    background: url(img/mainlogo.png);
    background-repeat: no-repeat;
    top: 0px;
    width: 993px;
    height: 92px;
}


#tab
{
    background: transparent url(img/tab_background2.gif) repeat scroll 0 0;
    height: 34px;
    margin-top: 18px; .margin-top:17px;
padding:0;
width:100%;
}
/*
#pirIS_mainTopleft
{	
	background: url(img/logo.png); 
	background-repeat:no-repeat;
	top: 0px;
	width: 150px;
	height: 92px;
	border-left: 1px solid black;	
}

#pirIS_mainTopright
{	
	float: right;
	background: url(img/tnav_banner4.jpg); 
	background-repeat:no-repeat;
	background-position: top right;
	top: 0px;
	width: 749px;
	height: 92px;
	margin-right: 0px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: right;
	
}
*/
#pirIS_mainTopLoginStatus
{
    float: right;
    width: 100px;
}

.login_scherm
{
    margin: 50px 0 0 50px;
}

.loginbutton
{
    background: #288CCC;
    padding: 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 3px;
    cursor: pointer;
}

#MainLeft
{
    width: 162px;
    height: 570px;
    background: url(img/lnav_img6.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-right: 10px;
    float: left;
}

#MainLeftEmpty
{
    width: 162px;
    height: 570px;
    background-color: #fff;
    margin-right: 10px;
    float: left;
}

table
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}

#MainContainer
{
    background-color: white;
    border-color: #66667E;
    border-style: solid;
    border-width: 0 1px 1px;
}

#MainContainerNoBg
{
    position: relative;
    padding-top: 15px;
}

/**{border:none}*/

.Label
{
    width: 160px;
    margin-left: 15px;
    text-align: left;
}

.userdetaillabel
{
    width: 170px;
}

.Data
{
    padding-left: 10px;
}

.Data input
{
    width: 150px;
    text-align: right;
    padding-left: 0px;
}

#pirIS_mainNavigation
{
    left: 0px;
    width: 100%;
    height: 32px;
    margin-left: 10px;
}

#pirIS_CMSText
{

}

.mnuBl
{
    width: 993px;
    height: 32px;
    background: url(img/tnav_navigatie_balk3.png) no-repeat;
}

/* Afmeld menu item */

.afmeldMenuItem
{
    font-size: 9px;
    line-height: 32px;
    font-weight: bold;
    float: right;
    margin-right: 25px;    
}

.afmeldMenuItem a:link
{
    color: #fff;
}

.afmeldMenuItem a:visited
{
    color: #fff;
}

.afmeldMenuItem a:active
{
    color: #fff;
}

.afmeldMenuItem a:hover
{
    color: #58c3ec;
}

.disclaimer
{
    position: relative;
    height: 15px;
    font-size: 10px;
    text-align: left;
    padding: 10px;
}
/*
#MainContainerNoBg > div.disclaimer
{
    background-color: white;
    border-color: #66667E;
    border-style: solid;
    border-width: 0 1px 1px;
    position: absolute;
    bottom: 1px;
    width:971px;
}
*/
.loginname
{
    text-align: right;
}

.label
{
}

.loginTextbox
{
    width: 120px;
    height: 14px;
}

.loginstatus
{
    float: right;
    position: absolute;
    top: 30px;
    right: 10px;
    text-align: right;
}

.loginstatus a:visited a:link
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.logo
{
    margin-left: 0px;
    margin-top: 10px;
    border: solid 1px black;
    vertical-align: bottom;
}

.loginstatus
{
    float: right;
    position: absolute;
    top: 30px;
    right: 10px;
    text-align: right;
}

.taalKeuzeVlag
{
    float: right;
    padding: 0px;
    margin-top: 10px;
    position: relative;
    height: 17px;
    right: 10px;
}

.taalKeuzeVlag li
{
    list-style: none;
    display: block;
    float: left;
    padding: 1px;
}

.taalKeuzeVlag div
{
    width: 21px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url('img/vlaggen.gif');
    cursor: hand;
}

.taalKeuzeVlag_nl
{
    background-position: -12px -2px;
}

.taalKeuzeVlag_en
{
    background-position: -55px -2px;
}


/* Mijngegevens */

.mijngegevens
{
    width: 781px;
    padding: 2px;
    background: #2B407B;
    color: #fff;
}

.mijngegevensEerste
{
    float: left;
    width: 350px;
}

.mijngegevensTweede
{
    float: left;
    width: 350px;
}

.mijngegevens h3 ,.cngpassword h3, .adresWijzigenDiv h3
{
    color: #fff;
    padding: 0 40px 0 0;
    margin: 10px 0 0 0;
}

.mijngegevens a {
    color: #fff;
    text-decoration: underline;
}


/* -- MFI Styling - offerte foutmeldingen en tab teksten -- */

.Vragenlijst
{
    overflow: auto; /*background-color: #2b407b;*/
    width: 774px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
}

.Vragenlijst table
{
    /*background-color: #2b407b;*/
}


.Vragenlijst td
{
    /*background-color: #2b407b;*/
    padding: 3px;
    white-space: nowrap;
}

/* error messages */
.warningLabel
{
	color: Red;
}

.validationSummary
{

}

.errorLinks
{
    float: left;
    width: 580px;
    margin:  0 0 10px;
}

.errorRechts
{
    float: left;
    width: 100px;
}

.fixedheight
{
    height: 26px;
    overflow: hidden;
}

.maxfixedheight
{
    height: 85px;
    overflow: scroll;
    overflow-x: hidden;
}

.validationSummary ul
{
    font-size: 10px;
    margin-bottom: 10px;
    list-style-type: none;
}

.validationSummary span
{
    margin-left: 4px;
    margin-top: 4px;
    padding: 2px;
    font-size: 0.9em;
    font-weight: 500;
    float: left;
    clear: both;
}

.validationPanel
{
    padding: 5px 0px;
}

a.one
{
    display: block;
    background: #288CCC;
    padding: 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 3px;
    border: 2px outset #CFCFCF;
    text-decoration: none;
}

a.button
{
    display: block;
    background-color: #288CCC;
    padding: 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 3px;
    border: 2px outset #CFCFCF;
    text-decoration: none;
}

.ingeklapt
{
    display: block;
    background: url("img/arrows-ffffff.png") no-repeat scroll -10px 4px;
    width: 60px;
    text-align: center;
}

.uitgeklapt
{
    display: block;
    background: url("img/arrows-ffffff.png") no-repeat scroll -10px -96px;
    width: 60px;
    text-align: center;
}


/*
a.one:visited {color: #fff; font-weight:normal; text-decoration:none;}
a.one:hover {color:#fff; font-weight:normal; text-decoration: underline;}
*/
div .profielVraag
{
    float: left;
    width: 340px;
    padding: 3px;
}
div .profielAntwoord
{
    float: right;
    width: 400px;
}

.profielOptie
{
    margin-left: 30px; .margin-left:50px;/* IE7 Hack */
margin-top:4px;.margin-top:-16px;/* IE7 Hack */
text-align:left;
float:right;
width:300px;
cursor:pointer;
}

p
{
    white-space: normal;
}

.error
{
    color: Red;
}
.foutmelding p
{
    margin-left: 4px;
    margin-top: 4px;
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: Red;
}

div .samenvatting
{
    width: 565px;
}
.pvraag
{
    font-weight: bold;
}
.pantwoord
{
    font-weight: normal;
}
.line
{
    border: solid 1px lightblue;
}

a.wachtwoordvergetenlink
{
    color: #000;
    text-decoration: underline;
}

.alignright
{
    text-align: right;
}

/* Table background and float / spacing styles */

.tableWrapper li, .tableWrapperBreed li
{
	list-style: none;
}

.tableWrapper, .emailWijzigenTable, .cngpassword
{
    width: 580px;
    padding: 3px;
    background: #2B407B;
    color: #fff;
}

.cngpassword {
    float: left;
}

.tableWrapper a
{
    color: #fff;
}

.tableWrapper a:hover
{
    color: #fff;
    text-decoration: underline;
}

.tableWrapperBreed, .tegenrekeningWijzigenTable, .adresWijzigenTable
{
    width: 781px;
    padding: 2px;
    background: #2B407B;
    color: #fff;
}

.inleidendeTekst 
{
	width: 580px;
	padding: 0px 6px 5px;
	white-space: normal;
}

.inleidendeTekstBreed 
{
	width: 781px;
	padding: 0px 6px 5px;	
	white-space: normal;
}

/* Languagegrid die even breed is als een brede tabel :-) */
.languageGridBreed
{
    width: 781px;
    padding: -2px;
}

.tableWrapperBreed a
{
    color: #fff;
}

.tableWrapperBreed a:hover
{
    color: #fff;
    text-decoration: underline;
}

.spacer
{
    margin-top: 10px;
    padding-top: 10px;
}

.tableSpacer
{
    width: 100%;
    height: 10px;
    background: #fff;
}

.tableSpacerLast
{
    width: 100%;
    height: 30px;
    background: #fff;
}

.tableLinks
{
    float: left;
    width: 170px;
    padding: 3px;
    position: relative;
}

.tableLinks span
{
    font-weight: bold;
    color: #fff;
}

.tableRechts
{
    float: left;
    width: 410px; /* 354px tbv offertefinancieel */
    padding: 3px;
    position: relative;
}
/* einde */


.Offertealgemeen_content  .tableLinks 
{
    width: 200px
}

.Offertealgemeen_content .tableRechts 
{
    width: 350px	
}

#BerekeningApsContent .tableLinks
{
    width: 380px;
}

#BerekeningApsContent .tableRechts
{
    width: 380px;
}

#BerekeningApsContent .tableWrapperBreed h3
{
    color: #fff;
    padding: 0 40px 0 0;
    margin: 10px 0 0 0;
}

hr.totaal{   
    height: 1px;
    background: #fff;
    border: 0px;
}

/* Seperators */

.lineSeperator
{
    /*background: #D2D1D9;*/
    height: 1px;
    width: 100%;
    margin: 4px 0;
}

/* Buttons */

a.legalButton 
{
    background: #288CCC;
    padding: 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 3px;
    border: 2px outset #CFCFCF;
    text-decoration: none;
}


.legalButton a
{
    background: #288CCC;
    padding: 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 3px;
    border: 2px outset #CFCFCF;
    text-decoration: none;
}

a.btnOfferteOpslaan
{
    background: #288CCC;
    padding: 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 3px;
    border: 2px outset #CFCFCF;
    text-decoration: none;
    cursor: pointer;
}

input.btnOfferteOpslaan
{
    background: #288CCC;
    padding: 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 3px;
    border: 2px outset #CFCFCF;
    text-decoration: none;
    cursor: pointer;
}

ul.fondskeuzeList {
    padding-bottom: 20px;
}

/* einde */

/* General Overrides */

.offerteBannerTekst
{
    display: none;
}


/*Modal Popup*/
.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup
{
    background-color: #eee;
    border: 1px solid #00A7E7;
    padding: 10px;
    width: auto;
}

.modalPopup h3
{
    margin:  0 0 5px 0;
    padding: 0;
}

.modalPopup table
{
    margin-top: 15px;
}


.modalPopupWaarschuwing
{
    background-color: #EEEEEE;
    border-width: 1px;
    border-style: solid;
    border-color: #66667E;
    padding: 5px;
    width: 300px;
}
.modalPopup p
{
    padding: 5px;
}




/* Begin usercontrol 2.0 styling */
/*********************************/

.bedanktPaginaTable 
{
	color: #000;
}	

.defaultButton {
    background: #288CCC;
    padding: 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 3px;
    cursor: pointer;
}

/* Table styling */

.Omschrijving {
    font-weight: bold;
}

.adresWijzigenTable .Omschrijving, .tegenrekeningWijzigenTable .Omschrijving, .emailWijzigenTable .Omschrijving, .mijngegevens .Omschrijving {
    font-weight: normal;
}


/* default widths */

.tableColumn1 {
    width: 300px;
}

.tableColumn2 {
    width: 200px;
}

.tableColumn3 {
    width: 100px;
}

.tableColumn4 {
    width: 100px;
}


table.aanloggenTable tr, table.wachtwoordVergetenTable tr, table.wachtwoordWijzigenTable tr,
table.aankoopFondsTable tr, table.opnameTable tr, table.verkoopFondsTable tr, table.fondsInfoTable tr, table.adresWijzigenTable tr{
    padding: 0 5px;
    list-style-image: none;
}

table.aanloggenTable td, table.wachtwoordVergetenTable td, table.wachtwoordWijzigenTable td,
table.aankoopFondsTable td, table.opnameTable td, table.verkoopFondsTable td, table.fondsInfoTable td, table.adresWijzigenTable td {
    padding: 2px 2px;
    list-style-image: none;
}

/* Aanloggen */

.aanloggenTable .tableColumn1 {
    width: 120px;
} 

.aanloggenTable .tableColumn2 {
    width: 20px;
} 

.aanloggenTable .tableColumn3 {
    width: 100px;
} 

.aanloggenTable .tableColumn4 {
    width: 100px;
} 

/* Wachtwoord vergeten */

.wachtwoordVergetenTable .tableColumn1 {
    width: 180px;
} 

.wachtwoordVergetenTable .tableColumn2 {
    width: 20px;
} 

.wachtwoordVergetenTable .tableColumn3 {
    width: 100px;
} 

.wachtwoordVergetenTable .tableColumn4 {
    width: 100px;
} 

/* Wachtwoord wijzigen */

.wachtwoordWijzigenTable .tableColumn1 {
    width: 180px;
} 

.wachtwoordWijzigenTable .tableColumn2 {
    width: 20px;
} 

.wachtwoordWijzigenTable .tableColumn3 {
    width: 100px;
} 

.wachtwoordWijzigenTable .tableColumn4 {
    width: 100px;
} 
/* switch */

.verkoopSwitchTable .tableColumn1 {
    width: 110px;
} 

.verkoopSwitchTable .tableColumn2 {
    width: 30px;
} 

.verkoopSwitchTable .tableColumn3 {
    width: 600px;
} 

.verkoopSwitchTable .tableColumn4 {
    width: 0px;
} 

/* Opname */

.opnameTable .tableColumn1 {
    width: 110px;
} 

.opnameTable .tableColumn2 {
    width: 30px;
} 

.opnameTable .tableColumn3 {
    width: 600px;
} 

.opnameTable .tableColumn4 {
    width: 0px;
} 

/* NAW / Mijngegevens */

table.nawGegegevens td  {
    padding: 0;
}

.nawGegevens h3 {
    margin: 20px 0 10px 0;
}

.nawGegegevens .tableColumn1 {
    width: 150px;
} 

.nawGegegevens .tableColumn2 {
    width: 40px;
} 

.nawGegegevens .tableColumn3 {
    width: 150px;
} 

.nawGegegevens .tableColumn4 {
    width: 20px;
} 

/* Periodiek details */

.periodiekTable1 .tableColumn1 {
    width: 200px;
} 

.periodiekTable1 .tableColumn2 {
    width: 30px;
} 

.periodiekTable1 .tableColumn3 {
    width: 300px;
} 

.periodiekTable1 .tableColumn4 {
    width: 30px;
} 

.periodiekTable2 .tableColumn1 {
    width: 100px;
} 

.periodiekTable2 .tableColumn2 {
    width: 30px;
} 

.periodiekTable2 .tableColumn3 {
    width: 200px;
} 

.periodiekTable2 .tableColumn4 {
    width: 0px;
} 

.periodiekTable1Float, .periodiekTable2Float {
    float: left;
    width: 360px;
}

/* periodiek wijzigen */
.periodiekWijzigenTable .tableColumn1 {
    width: 150px;
} 

.periodiekWijzigenTable .tableColumn2 {
    width: 200px;
} 

.periodiekWijzigenTable .tableColumn3 {
    width: 20px;
} 

.periodiekWijzigenTable .tableColumn4 {
    width: 200px;
} 


/* periodiek bevestigen */
.periodiekBevestigenTable .tableColumn1 {
    width: 120px;
} 

.periodiekBevestigenTable .tableColumn2 {
    width: 200px;
} 

.periodiekBevestigenTable .tableColumn3 {
    width: 20px;
} 

.periodiekBevestigenTable .tableColumn4 {
    width: 200px;
} 


/* Verkoopfonds */

table.verkoopFondsTable {
    background: none repeat scroll 0 0 #2B407B;
    color: #FFFFFF;
    width: 100%;
    margin: 10px 0;
}


.verkoopFondsTable .tableColumn1 {
    width: 150px;
} 

.verkoopFondsTable .tableColumn2 {
    width: 30px;
} 

.verkoopFondsTable .tableColumn3 {
    width: 500px;
} 

.verkoopFondsTable .tableColumn4 {
    width: 100px;
} 

/* Fonds informatie */


table.fondsInfoTable {
    background: none repeat scroll 0 0 #2B407B;
    color: #FFFFFF;
    width: 100%;
    margin: 10px 0 -10px 0;
}

.fondsInfoTable .tableColumn1 {
    width: 150px;
} 

.fondsInfoTable .tableColumn2 {
    width: 30px;
} 

.fondsInfoTable .tableColumn3 {
    width: 500px;
} 

.fondsInfoTable .tableColumn4 {
    width: 100px;
} 

/* Aankoopfonds */

.aankoopFondsTable .tableColumn1 {
    width: 100px;
} 

.aankoopFondsTable .tableColumn2 {
    width: 30px;
} 

.aankoopFondsTable .tableColumn3 {
    width: 500px;
} 

.aankoopFondsTable .tableColumn4 {
    width: 100px;
} 

/* Adreswijzigen */

.adresWijzigenTable .tableColumn1 {
    width: 420px; 
} 

.adresWijzigenTable .tableColumn2 {
    width: 1px;
} 

.adresWijzigenTable .tableColumn3 {
    width: 300px;
} 

.adresWijzigenTable .tableColumn4 {
    width: 300px;
} 


/* tegenrekeningWijzigenTable */

.tegenrekeningWijzigenTable .tableColumn1 {
    width: 360px;
} 

.tegenrekeningWijzigenTable .tableColumn2 {
    width: 360px;
} 

.tegenrekeningWijzigenTable .tableColumn3 {
    width: 300px;
} 

.tegenrekeningWijzigenTable .tableColumn4 {
    width: 20px;
} 

/* emailWijzigenTable */

.emailWijzigenTable .tableColumn1 {
    width: 360px;
} 

.emailWijzigenTable .tableColumn2 {
    width: 1px;
} 

.emailWijzigenTable .tableColumn3 {
    width: 360px;
} 

.emailWijzigenTable .tableColumn4 {
    width: 300px;
} 

/* Transactie Overzicht */

.mutatiedetailcontainer {
    position: relative;
	border:1px solid #c5c5c5;
	padding: 0 5px 5px 10px;
	margin-left: 5px;
}

.mutienormaal .tableColumn1 {
    width: 125px;
} 

.mutienormaal .tableColumn2 {
    width: 10px;
} 

.mutienormaal .tableColumn3 {
    width: 400px;
} 

.mutienormaal .tableColumn4 {
    width: 0px;
} 

.mutieinfo .tableColumn1 {
    width: 125px;
} 

.mutieinfo .tableColumn2 {
    width: 10px;
} 

.mutieinfo .tableColumn3 {
    width: 400px;
} 

.mutieinfo .tableColumn4 {
    width: 0px;
}

/* Wizard tabs */

.wizardtabs 
{
    position: absolute;
    top: 147px;
}

.wizardtabs ul li {
    display: inline;
    height: 26px;
}

.wizardtabs a {
    background: url('TabStrip/TabStripStates.png') no-repeat scroll 0 0 transparent;
    padding: 5px 0 7px 9px; .padding: 0 0 0 9px;/* IE7 Hack */
    line-height: 26px;
    height: 26px;
    left: 10px;
    margin-right: 3px; 
}

.wizardtabs ul li a span {
    background: url('TabStrip/TabStripStates.png') no-repeat scroll right 0 transparent;
    padding: 6px 5px 6px 0; 
    line-height: 26px;
    height: 26px;
    font: bold 11px/26px bold Verdana,Arial,sans-serif;
    color: #D2D1D9;
}

.wizardtabs a.huidig {
    background: url('TabStrip/TabStripStates.png') no-repeat scroll 0 -26px transparent;
    padding: 5px 0 7px 9px; .padding: 0 0 0 9px;/* IE7 Hack */
    line-height: 26px;
    height: 26px;
    left: 10px;
    margin-right: 3px;   
}

.wizardtabs ul li a.huidig > span {
    background: url('TabStrip/TabStripStates.png') no-repeat scroll right -26px transparent;
    padding: 6px 5px 6px 0; 
    line-height: 26px;
    height: 26px;
    font: bold 11px/26px bold Verdana,Arial,sans-serif;
    color: #000;    
}

.wizardtabs ul li a.huidig > span:hover {
    color: #D2D1D9;    
}


.wachtwoordWijzigenTekst
{
    line-height: 20px; 
    margin-top: 15px; 
    display: block;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; background: #fff;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; }
    #cboxTopCenter{height:14px; }
    #cboxTopRight{width:14px; height:14px; }
    #cboxBottomLeft{width:14px; height:43px; }
    #cboxBottomCenter{height:43px; }
    #cboxBottomRight{width:14px; }
    #cboxMiddleLeft{width:14px; }
    #cboxMiddleRight{width:14px; }
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(img/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
        
.colorboxPopup {
    width: 500px;
}        

/* PRINT */

#PrintDiv {
    margin-top: 10px;
}