/* 
 * Table of Contents
 * =================
 * 1. Common Styling
 * 2. Header Styling
 * 3. Content/Main Styling
 * 4. Content/sub-nav Styling
 * 5. Content/modules Styling
 * 6. Search box
 * 7. Forms
 * 8. Footer Styling

 */
 
/** 
 * 1) Common Styling 
 *    ==============
 *
 * Standard link behaviour
 *
 * normal: 
 * hover: 
 *
 *
 * Default font definition: 10px verdana with gray color (#323531)
 */
 
body {font: 11px verdana, sans-serif; background: #E5E8E9 url(../images/css_body_bg.jpg) repeat-y 50% 0%; color: #6B686B; margin: 0; padding: 0; width: 100%; text-align:center}

* {font-size: 100%; padding: 0; margin: 0;}

img{border: none}

a{color: #DC016B; text-decoration: none; font-weight: normal; /*background: url(../images/css_RIA_arrow_grey.gif) no-repeat 0px 5px; padding-left: 10px*/}
/*a:hover{color: #DC016B;}/*

/* clear stuff */
div, ul, ol, li, table, td, th, tr, p, blockquote{margin: 0; padding: 0; border: none}

/* to clear floated elements */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#container{width: 1000px; margin: 0 auto; padding-bottom: 20px; text-align: left;}
#container, #content-container{overflow: hidden /* to keep opera and safari in control */}

/** 
 * 2) Accessibility
 *    =============
 */
 
/* hide accessibility content from normal users - screenreaders can pick this up nicely */
.accessibility{display: block; width: 1px; height: 1px; position: absolute; top: -5000px}

/** 
 * 3) Header
 *    ======
 *
 * colors:
 *
 */
 
/*** positioning & borders */
#header, #banner, #logo{min-height: 130px; height:auto !important; height: 130px; margin-bottom: 10px;}
#logo{position: relative; width: 260px; float: left;}
#logo a img{position: absolute; left: 125px; top: 35px; display: none}
#logo a{display: block; width: 90px; height: 56px; margin-left: 161px; margin-top: 44px; background: none}

#banner{width: 490px ; float: left; }
#banner p{font-size: 14px; font-weight: bold;}

/** 
 * 4) Main
 *    ====
 *
 * colors:
 *
 */
 
/*** positioning & borders: general */
#content-body{background: transparent url(../images/css_contentContainer-bg.gif) no-repeat 156px 60px;}
#content-container{position: relative; z-index: 3;}

#three-col #content-container{width: 816px; float: right; padding: 0; margin: 0; padding-left: 28px;}
#three-col #main{width: 612px; float: left; padding: 0; text-align: left;}
#three-col #modules{width: 204px; float: right; padding: 0; margin-top: 50px;}
#three-col #sub-nav{width: 154px; float: left; margin: 0; padding: 0 0/*was 16px*/ 0 0; margin-top: 50px; position: relative; z-index: 3;}

#main{min-height: 420px; height:auto !important; height: 420px;}/* @todo what is the default height? */

/*** styling: general 
 * h1, h2, h3 h4
 * p
 * fixed img
 * ul, ol, table >> standard layout = output from RTF fields
 */

/* -- reset -- */
#main ul, #main ol{clear: left; margin: 0; padding: 0;}
#main ul{list-style-type: none;}
#main ol{margin-left: 17px; }

/* -- headings, p, whitespace -- */
#main h1, #main h2, #main h3{font-weight: bold;}
#main h1{font-size: 14px;}
#main h1, #main h2, #main p, #main ul {line-height: 18px; margin-bottom: 10px;}
#main ol {line-height: 18px; margin-bottom: 10px; padding-left: 12px;}

/* -- lists -- 
   If a list bullet is preferred when printing, define it in the print stylesheet
*/
#main ul li{padding-left: 11px; background: url(../images/css_bullet_grey.gif) no-repeat 0px 7px;}
#main ul.linklist li{background: url(../images/css_RIA_arrow_grey.gif) no-repeat 0px 14px; padding-top: 7px;}
#main ul.linklist li a{background: none; color: #6B686B}
#main ul.linklist li a:hover{color: #DC016B;}
#main div.article-highlight ul.linklist li{background: url(../images/css_arrow_white.gif) no-repeat 0px 13px;}
#main div.article-highlight ul.linklist li a{background: none; color: #323531}
#main div.article-highlight ul.linklist li a:hover{color: #DC016B;}

/* -- printimage -- */
#main div.print-page{text-align: right; margin-bottom: 10px }
#main div.no-print-page{display: none}

/* -- Article / fixed image -- */
#main div.abstract{margin-bottom: 8px; font-size: 10px;}
#main div.abstract h2{font-size: 11px}
#main div.abstract p{font-weight: bold;}
#main div.column-container{width: 100%}
#main div.column-container div.column{overflow: hidden;}
#main div.column-container div.column p{padding-right: 10px;}
#main div.column-container div.column ol, #main div.column-container div.column ul{margin-left: 25px; font-weight: bold}
#main div.column-container div.column ol span{font-weight: normal}
#main .fixedimage.left{float: left; margin: 5px 10px 5px 0;}
#main .fixedimage.right{float: right; margin: 0px 10px 5px 10px;}
#main .right{float: right}
#main div.paragraph{padding-bottom: 5px; margin-bottom: 8px}
#main div.paragraph p, #main div.paragraph ul{margin: 0; padding: 0; position: relative;}
#main div.paragraph ul li a{background: none; padding-left: 0px}
.alignright{text-align: right}
#main span.mandatory{color: red; font-weight: bold;}
span.opm{font-weight: normal; font-size: 10px}
a.imagelink{background: none; padding: 0; margin: 0;}
.error{color: red; font-weight: bold; padding: 0px 40px 5px 0px;}

/* -- table -- */
#main table{background-color: #97B732; margin: 10px 0px 30px 0px; border-collapse: collapse; color: #323531}
#main table tr.tableheader th.rounded{background: #97B732 url(../images/css_corner_small_righttop.gif) no-repeat right top}
#main table th, #main table td{padding: 6px; border-right: 2px solid #fff}
#main table tr.alternate{background-color: #E8E7D3}
#main table th{background:#97B732; font-weight: bold; border-bottom: 2px solid #fff}
/*#main div.tablediv a.print{display: block; width: 30px; height: 32px; position: absolute; left: 560px; top: 0px; background: url(../images/css_print_main_pinkongreen-C2DCAE-.gif) no-repeat 0px 0px;}*/

/* -- form -- */
#main div.standardform{background: #C4BDB1 url(../images/css_corner_small_righttop.gif) no-repeat right top; padding-top: 20px; width: 100%; overflow: hidden; margin-bottom: 20px; color: #323531}
#main div.standardform h2{margin-left: 25px;}
#main div.standardform table{width: 100%; border-collapse: collapse; margin: 0; padding: 0px;}
#main div.standardform table col.tablecol1{width: 40%;}
#main div.standardform table col.tablecol2{width: 60%;}
#main div.standardform table td{padding: 4px 20px 4px 20px; vertical-align: top; border: none}
#main div.standardform table td ul{margin: 0; padding: 0;}
#main div.standardform table td ul li{background: none; margin: 0; padding: 0; float: left}
#main div.standardform table td label{padding: 0px 5px 0px 5px}
#main div.standardform div.submit{padding-top: 15px; margin-right: 8px; width: 100%; overflow: hidden; background: url(../images/css_corner_big_leftbottom.gif) no-repeat left bottom;}
#main div.standardform div.submit span.MandatoryMessage{float: right; margin-right: 25px}
#main div.standardform div.submit span.MandatoryMessage span.mandatory{color: red}
#main div.standardform div.submit .submitbtn{float: right; clear: both; margin: 20px 15px 20px 20px; width: 80px; border: none; outline: none; cursor: pointer; background-color: transparent; font-weight: bold}

/* -- article-highlight -- */
#main div.article-highlight{background: #A1CE3C url(../images/css_corner_small_lefttop.gif) no-repeat left top; padding-top: 20px; width: 100%; overflow: hidden; margin-bottom: 20px; color: #323531; clear: left}
#main div.article-highlight div.paragraph{padding: 0px 15px 5px 15px;}
#main div.article-highlight div.abstract{padding: 0px 15px 5px 15px;}
#main div.article-highlight div.paragraph h3{color: #fff; padding-top: 10px;}
#main div.article-highlight div.paragraph p, #main div.article-highlight div.paragraph ul{margin: 0; padding: 0;}
#main div.article-highlight div.paragraph ul li a{background: none; padding-left: 0px}
#main div.article-highlight span.layout-helper-Corner{height: 50px; width: 100%; display: block; background: url(../images/css_corner_big_rightbottom.gif) no-repeat right bottom;}
#main div.article-highlight a.back{display: block; color: #323531; padding-top: 10px; padding-bottom: 30px; font-size: 12px; font-weight: bold; text-align: right; padding-right: 15px;}
#main div.article-highlight div.paragraph.last{padding-bottom: 20px; background: url(../images/css_corner_big_rightbottom.gif) no-repeat right bottom; margin-bottom: 0}

/* -- to clear tables, forms, ... -- */
#main table td.noborder, #main table th.noborder{border-right: none}
#main .noformat{margin: 0; padding: 0; background: none;}
#main .noformat td{border: none;}


/*** styling: specific
 *
/* -- Nieuwsbrief -- */
#main div.table-of-contents{margin-top: 30px; margin-bottom: 30px;}
#main div.table-of-contents ul li{background: url(../images/css_arrow_pink.gif) no-repeat 0px 7px; padding-left: 12px}
#main div.nieuwsbrief-overview{margin-bottom: 30px}
#main div.nieuwsbrief-overview h3 a{color: #6B686B; font-weight: bold; background: none; padding: 0}
#main div.nieuwsbrief-overview p{margin: 0}
#main div.nieuwsbrief-overview a.read-more{background: url(../images/css_arrow_pink.gif) no-repeat 0px 4px; padding-left: 12px}

#main div.nieuwsbrief-artikel a.back-news{background: url(../images/css_arrow_pink.gif) no-repeat 0px 4px; padding-left: 12px}

#main #nieuwsbrief-archief ul{margin: 0; padding: 0;}
#main #nieuwsbrief-archief ul li{background: none; margin: 0; padding: 0; float: left; padding-right: 5px; padding-left: 5px; border-right: 2px solid #6B686B}
#main #nieuwsbrief-archief ul li.first{border-left: 2px solid #6B686B}
#main #nieuwsbrief-archief ul li input.month, #main #nieuwsbrief-archief ul li input.selected{background: none; border: none; cursor: pointer; color: #6B686B; font-weight: bold; font-size: 15px}
#main #nieuwsbrief-archief ul li input.selected{color: #DC016B;}

#main #nieuwsbrief-archief div.table-of-contents{margin-top: 30px; margin-bottom: 30px;}
#main #nieuwsbrief-archief div.table-of-contents ul li{background: url(../images/css_arrow_pink.gif) no-repeat 0px 7px; padding-left: 12px; float: none; border: none}
#main #nieuwsbrief-archief div.nieuwsbrief-overview a.read-more{background: url(../images/css_arrow_pink.gif) no-repeat 0px 4px; padding-left: 12px}

/* -- klantwording.aspx -- */
.hidden{display:none;}
.shown{display:block;}
#main div#klantwording, #main div#FAQ-categories, #main div.FAQ{width: 612px; overflow: hidden; padding-top: 10px; margin-bottom: 20px}
#main div#klantwording{}
#main div#klantwording h1, #main div#FAQ-categories h1, #main div.FAQ h1{color: #323531; font-size: 14px; background: url(../images/css_header_togglediv_brown-D8A679-.gif) no-repeat 0px 0px; background-color: #D8A679; padding: 6px 10px 7px 10px; margin-bottom: 1px;}
#main div#klantwording ul, #main div#FAQ-categories ul, #main div.FAQ ul{margin: 0; padding: 0}
#main div#klantwording ul li, #main div.FAQ ul li{background: url(../images/css_arrow_modules_grey.gif) no-repeat 12px 12px; background-color: #EFDBC9; margin: 0; padding: 0; margin-bottom: 1px; padding-bottom: 5px; border-bottom: 1px solid #D8A679; overflow: hidden; width: 100%}
#main div#klantwording ul li.active{background: none; background-color: #D8A679;}
#main div#klantwording ul li span.header-top, #main div.FAQ ul li span.header-top{display: block; width: 612px; height: 6px; margin: 0; padding: 0; background: url(../images/css_header_togglestep_brown-EFDBC9-.gif) no-repeat 0px 0px;}
#main div#klantwording ul li.active span.header-top{background: url(../images/css_header_togglestep_active_brown-D8A679-.gif) no-repeat 0px 0px;}
#main div#klantwording ul li h2, #main div.FAQ ul li h2{cursor: pointer; width: 90%; overflow: hidden; margin: 0; padding: 0; background: url(../images/css_plus_main_grey.gif) no-repeat 560px 4px; margin-left: 25px; margin-right: 10px; padding-right: 30px}
#main div#klantwording ul li.active h2{background: url(../images/css_minus_main_grey.gif) no-repeat 560px 4px;}
#main div#klantwording ul li div.explanationLvl1{width: 100%; overflow: hidden; margin-bottom: 10px}
#main div#klantwording ul li div.explanationLvl1 p{font-weight: bold; color: #FFFFFF; margin:0; margin-top: 5px; clear: both; padding: 0px 40px 0px 25px;}
#main div#klantwording ul li div.explanationLvl1 p a{font-weight: bold;}
#main div#klantwording ul li div.explanationLvl1 h3, #main div.FAQ ul li p{cursor: pointer; font-weight: bold; background: url(../images/css_plus_main_grey.gif) no-repeat 585px 5px; color: #FFFFFF; margin:0; margin-top: 5px; margin-bottom: 10px; clear: both; padding: 0px 40px 0px 25px;}
#main div#klantwording ul li.active div.explanationLvl1 h3.active{background: url(../images/css_minus_main_grey.gif) no-repeat 585px 5px;}
#main div#klantwording ul li div.explanationLvl1 div.explanationLvl2{width: auto; margin-top: 15px; overflow: hidden; width: 100%; margin-bottom: 10px}
#main div#klantwording ul li div.explanationLvl1 div.explanationLvl2 p{padding: 0px 40px 0px 25px; color: #323531; font-weight: normal}
#main div#klantwording ul li div.explanationLvl1 div.explanationLvl2 p a{font-weight: bold}
#main div#klantwording ul li div ul.togglelinks{margin: 0; padding: 0; float: right; width: 100%}
#main div#klantwording ul li div ul.togglelinks li{text-align: right; margin: 0; padding: 0px 15px; background: url(../images/css_arrow_modules_grey.gif) no-repeat 565px 6px; border: none}
#main div#klantwording ul li div ul.togglelinks li a{text-decoration: none; font-weight: bold; color: #37387D; padding-right: 70px}

/* -- FAQ.aspx -- */
#main div#FAQ-categories h1{background: url(../images/css_header_togglediv_green-8EC122-.gif) no-repeat 0px 0px; margin-bottom: 1px; padding-bottom: 5px; background-color: #8EC122;}
#main div#FAQ-categories ul li{background: none; background-color: #E8EEC3; margin: 0; padding: 0; padding-top: 3px; padding-bottom: 5px; margin-bottom: 1px; border-bottom: 1px solid #8EC122; overflow: hidden;}
#main div#FAQ-categories ul li a{color: #6B686B; Background: url(../images/css_arrow_modules_grey.gif) no-repeat 0px 6px; width: 270px; display: block; float: left; margin-left: 10px; padding-left: 10px; font-weight: bold; text-decoration: none;}
#main div#FAQ-categories ul li a.active{color: #DC016B; font-weight: bold;}
#main div.FAQ h1{background: url(../images/css_header_togglediv_green-8EC122-.gif) no-repeat 0px 0px; background-color: #8EC122;}
#main div.FAQ ul li{background: url(../images/css_arrow_modules_grey.gif) no-repeat 12px 12px; background-color: #E8EEC3; border-bottom: 1px solid #8EC122;}
#main div.FAQ ul li.active{background: none; background-color: #8EC122;}
#main div.FAQ ul li span.header-top{background: url(../images/css_header_togglestep_grey-E8EEC3-.gif) no-repeat 0px 0px;}
#main div.FAQ ul li.active span.header-top{background: url(../images/css_header_togglestep_active_green-8EC122-.gif) no-repeat 0px 0px;}
#main div.FAQ ul li h2{background: url(../images/css_plus_main_grey.gif) no-repeat 560px 4px;}
#main div.FAQ ul li.active h2{background: url(../images/css_minus_main_grey.gif) no-repeat 560px 4px;}
#main div.FAQ ul li p{background: none; cursor: auto; margin-bottom: 10px}
#main div.FAQ ul li p a{font-weight: bold;}

/* -- Bankvergelijk.aspx -- */
#main .fixedimage.right{float: right; margin: 0px 0px 0px 10px;}
#main div.bankselect{color: #323531; margin-bottom: 20px; background: #D3BD6B url(../images/css_corner_big_rightbottom.gif) no-repeat right bottom; float: left; width: 67%}
#main div.bankselect span.upperleftcorner{display: block; width: 8px; height: 6px; margin: 0; padding: 0; background: url(../images/css_corner_small_lefttop.gif) no-repeat 0px 0px;}
#main div.bankselect h2{padding: 10px 40px 0px 15px;}
#main div.bankselect li{background: none; padding: 0px 40px 5px 15px}
#main div.bankselect li label{padding-left: 5px}
#main div.bankselect p.Error_standard{color: red; font-weight: bold; padding: 0px 40px 5px 15px;}
#main div.bankselect div.submit{padding-left: 10px}
#main div.bankselect div.submit .submitbtn{margin: 0px 0px 15px 0px; width: 70px; border: none; outline: none; cursor: pointer; background-color: transparent; font-weight: bold}

#main div.bankvergelijk{margin-bottom: 20px}
#main div.bankvergelijk a.link-BackNew{display: block; text-align: right}
#main div.bankvergelijk a.link-BackNew:hover{text-decoration: underline; color: inherit}
#main div.bankvergelijk table{width: 100%; margin-top: 10px; background-color: #EAEDEE; border-collapse: collapse}
#main div.bankvergelijk table col.tablecol2{background-color: #D3BD6B}
#main div.bankvergelijk table tr.tableheader{background: #323531; color: #fff; font-weight: bold;}
#main div.bankvergelijk table tr.tableheader th{background-color: #323531}
#main div.bankvergelijk table tr.tableheader th.empty{background: #fff}
#main div.bankvergelijk table tr.tableheader th.highlight{background: #D3BD6B}
#main div.bankvergelijk table tr.tableheader th.rounded{background: #323531 url(../images/css_corner_small_righttop.gif) no-repeat right top;}
#main div.bankvergelijk table tr.alternate{background-color: #F2F4F5}
#main div.bankvergelijk table tr.alternate td.highlight{background-color: #E5D7A6}
#main div.bankvergelijk table tr.firstrow th{border-bottom: 2px solid #fff}
#main div.bankvergelijk table tr.firstrow td{border: 2px solid #fff}
#main div.bankvergelijk table tr.tableheader th{ text-align: left}
#main div.bankvergelijk table th{font-weight: bold; text-align: right}
#main div.bankvergelijk table th, #main div.bankvergelijk table td{padding: 9px; border-left: 2px solid #fff; border-right: 2px solid #fff}
#main div.bankvergelijk table td.firstcolumn{font-weight: bold; text-align: right}
#main div.bankvergelijk p {margin-top: 4px; margin-bottom: 4px;}


/* -- Kostenoverzicht.aspx -- */
/* -- Check standard table -- */

/* -- Contactformulier.aspx -- */ /* -- E-zine.aspx -- */ /* -- E-zineUNsubscribe.aspx -- */ /* -- ReleaseNotes_Contact.aspx -- */
/* -- Check standard form -- */

/* -- RIA-simple 1 & 2 -- */
    /* -- ReleaseNotes.aspx -- */
    /*-- Tabview --*/
#tabview{position: relative; overflow: hidden; margin-top: 20px; margin-bottom: 20px; width: 100%}
#tabview #RIA-simple1{width: 65.8%; float: left;}
#tabview img{position: absolute; bottom: 0px; right: 0px;}
        /*-- core CSS --*/  
#tabview .yui-navset .yui-nav li{background: none; margin: 0px; padding: 0px;/* horizontal tabs */}
#tabview .yui-navset .yui-nav li em{padding: 10px; padding-left: 20px;} /* default tab padding */
#tabview .yui-nav, #tabview .yui-nav li, #clients-interactive .yui-nav, #clients-interactive .yui-nav li{background: #fff; margin:0; padding:0; list-style-type:none;}
#tabview .yui-navset li em{font-style:normal;}
#tabview .yui-navset, #clients-interactive .yui-navset{position:relative; /* contain absolute positioned tabs (left/right) */zoom:1;}
#tabview .yui-navset .yui-content, #clients-interactive .yui-navset .yui-content{zoom:1;}
#tabview .yui-navset-top .yui-nav li, #clients-interactive .yui-navset-top .yui-nav li{display:inline-block; display:-moz-inline-stack; *display:inline; /* IE */vertical-align:bottom; /* safari: for overlap */cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */zoom:1; /* IE: kill space between horizontal tabs */}
#tabview .yui-navset .yui-nav a, #clients-interactive .yui-navset .yui-nav a{outline:0; /* gecko: keep from shifting */}
#tabview .yui-navset .yui-nav a, #clients-interactive .yui-navset .yui-nav a{position:relative;} /* IE: to allow overlap */
#tabview .yui-navset .yui-nav li a, #clients-interactive .yui-navset .yui-nav li a{display:block; zoom:1;}
#tabview .yui-navset-top .yui-nav li a, #clients-interactive .yui-navset-top .yui-nav li a{display:inline-block; vertical-align:bottom; /* safari: for overlap */}
#tabview .yui-navset .yui-nav li a em{display:block;}
        /*-- optional skin for border tabs --*/
#tabview .yui-navset .yui-nav li{width: 31%; background: #934C94 url(../images/css_corner_small_righttop.gif) no-repeat right top;}
#tabview .yui-navset .yui-nav li.selected{width: 38%; background:#BF94BF url(../images/css_corner_small_righttop.gif) no-repeat right top;}
               /*Check styles-preie7.css for IE6 fix on this*/
#tabview .yui-navset .yui-nav li.first a{background: none}
#tabview .yui-navset .yui-nav li a{padding-left: 0px; background: url(../images/css_corner_small_lefttop.gif) no-repeat left top; width: 100%; border: 1px solid #fff; color: #fff; font-weight: bold; /* label and content borders */ border-right: none}
#tabview .yui-navset .yui-nav .selected a{color: #fff; background: url(../images/css_corner_small_lefttop.gif) no-repeat left top; border-bottom:0; /* no bottom border for active tab */padding-bottom:1px; /* to match height of other tabs */}
#tabview .yui-navset .yui-content{border-left: 1px solid #fff;}
#tabview .yui-navset .yui-content{background:#BF94BF url(../images/css_corner_small_leftbottom.gif) no-repeat left bottom; /* content bgcolor */}
#tabview .yui-navset .yui-content{margin-top:-1px; /* for active tab overlap */}
#tabview .yui-navset .yui-content div{padding: 20px; color: #323531;}
#tabview .yui-navset .yui-content div ul li{background: url(../images/css_bullet_grey.gif) no-repeat 0px 8px; margin-left: 0; padding-left: 11px; text-align: left;}
#tabview .yui-navset .yui-content div ul li a{background: none; padding-left: 0; color: #DC016B;}
#tabview .yui-navset .yui-content div a{background: /*url(../images/css_arrow_modules_grey.gif) no-repeat 0px 5px*/none; display: inline-block; color: #DC016B}
#tabview .yui-navset .yui-content div a:hover{text-decoration: none;}

    /*-- Interactive --*/
#clients-interactive{overflow: hidden; width: 100%; margin-top: 20px; margin-bottom: 20px;}
        /*-- core CSS --*/
#clients-interactive .yui-navset .yui-nav li{background: none; margin: 0; padding: 0; margin-top: 28px;}/* horizontal tabs */
        /*-- optional skin for border tabs --*/
#clients-interactive .yui-navset .yui-nav img{margin: 0; padding: 15px 6px 5px 4px;}
#clients-interactive .yui-navset .yui-nav li.selected{background-color: #BF94BF}
#clients-interactive .yui-navset .yui-nav li a{background: none}
#clients-interactive .yui-navset .yui-nav li.selected a img{margin-bottom: 1px; background: url(../images/css_clientsinteractive_right.gif) no-repeat right; padding-left: 15px; padding-right: 15px}
#clients-interactive .yui-navset .yui-nav .selected a{background: url(../images/css_clientsinteractive_left.gif) no-repeat;}
#clients-interactive .yui-navset .yui-content{background:#BF94BF url(../images/css_corner_small_leftbottom.gif) no-repeat left bottom;/* active tab, tab hover, and content bgcolor */}
#clients-interactive .yui-navset .yui-content{margin-top: -1px; /* for active tab overlap */ width: 100%}
#clients-interactive .yui-navset .yui-content div{color: #323531; padding: 10px 20px 10px 20px; background: url(../images/css_corner_small_rightbottom.gif) no-repeat right bottom;}
#clients-interactive .yui-navset .yui-content h3{color: #323531; position: absolute; top: 0px; left: 0px; background-color:#BF94BF;	padding: 8px 10px 8px 10px; width: 100%}
                /*Check styles-preie7.css for IE6 fix on this*/

/* -- RIA-complex 1 & 2 (RIA 2 is nested in RIA 1) -- */
    /*-- RIA.aspx --*/
    /*-- RIA-complex 1 --*/
#RIA{width: 100%; margin-bottom: 20px; overflow: hidden;}
        /* core */
#RIA .yui-navset .yui-nav li{margin: 0; margin-right: 0px; /* horizontal tabs */}
#RIA .yui-navset .yui-nav li em{margin: 0; padding: 6px 9px 6px 9px;} /* default tab padding */
#RIA .yui-nav, #RIA .yui-nav li{margin:0; padding:0; list-style: none;}
#RIA .yui-navset li em{font-style:normal;}
#RIA .yui-navset{position:relative; /* contain absolute positioned tabs (left/right) */ zoom:1;}
#RIA .yui-navset .yui-content{zoom:1;}
#RIA .yui-navset-top .yui-nav li{display:inline-block; display:-moz-inline-stack; *display:inline; /* IE */ vertical-align:bottom; /* safari: for overlap */ cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */ zoom:1; /* IE: kill space between horizontal tabs */}
#RIA .yui-navset .yui-nav a{outline:0; /* gecko: keep from shifting */}
#RIA .yui-navset .yui-nav a{position:relative;} /* IE: to allow overlap */
#RIA .yui-navset .yui-nav li a{display:block; zoom:1;}
#RIA .yui-navset-top .yui-nav li a, #RIA .yui-navset-bottom .yui-nav li a{display:inline-block; vertical-align:bottom; /* safari: for overlap */}
#RIA .yui-navset-bottom .yui-nav li a{vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */}
#RIA .yui-navset .yui-nav li a em{display:block;}
        /* optional skin for border tabs */
#RIA .yui-navset .yui-nav li{background: #A8A9A5 url(../images/css_corner_small_righttop.gif) no-repeat right top;}
#RIA .yui-navset .yui-nav li a{padding-left: 0px; background: url(../images/css_corner_small_lefttop.gif) no-repeat 0px 0px; color: #323531; width: 100%; border: 1px solid #fff; border-right: none; font-size: 14px; font-weight: bold}
#RIA .yui-navset .yui-nav li.first a{background: url(../images/css_corner_small_lefttop.gif) no-repeat 0px 0px; border-left: none}
#RIA .yui-navset .yui-content{background-color: #DDDEDF}
#RIA .yui-navset .yui-content div{padding: 10px 10px 5px 10px;}
#RIA .yui-navset .yui-nav li{width: 153px}
                /*Check styles-preie7.css for IE6 fix on this*/
#RIA .yui-navset .yui-nav li.selected{background: #DDDEDF url(../images/css_corner_small_righttop.gif) no-repeat right top;}
#RIA .yui-navset .yui-nav li.selected a{background: url(../images/css_corner_small_lefttop.gif) no-repeat 0px 0px; font-weight: bold; color: #DC016B}
#RIA .yui-navset-top .yui-nav .selected a{border-bottom: 0; /* no bottom border for active tab */ padding-bottom:1px; /* to match height of other tabs */}
#RIA .yui-navset-top .yui-content{margin-top:-1px; /* for active tab overlap */}
        /* RIA Content */
#RIA .yui-navset .yui-content div div ul li{background: url(../images/css_bullet_grey.gif) no-repeat 0px 7px}
#RIA .yui-navset .yui-content div div ul li a{background-color: #DDDEDF}

#RIA .yui-navset .yui-content div table th {border-bottom: 2px solid #DDDEDF}
#RIA .yui-navset .yui-content div table th, #RIA .yui-navset .yui-content div table td{border-right: 2px solid #DDDEDF;}

    /*-- RIA-complex 2 --*/
#RIA .yui-navset .yui-content div div.productenRIA{width: 100%; margin: 0; padding: 0; overflow: hidden}
        /* core */
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li{margin: 0; margin-right: 0px; /* horizontal tabs */;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li em{margin: 0; padding: 2px 5px 2px 5px;} /* default tab padding */
#RIA .yui-navset .yui-content div div.productenRIA .yui-nav, #RIA .yui-navset .yui-content div div.productenRIA .yui-nav li{margin:0; padding:0; list-style: none; background: none}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset li em{font-style:normal;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset{position:relative; /* contain absolute positioned tabs (left/right) */ zoom:1;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-content{zoom:1;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset-top .yui-nav li{display:inline-block; display:-moz-inline-stack; * display:inline; /* IE */ vertical-align:bottom; /* safari: for overlap */ cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */ zoom:1; /* IE: kill space between horizontal tabs */}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav a{outline:0; /* gecko: keep from shifting */}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav a{position:relative;} /* IE: to allow overlap */
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li a{display:block; zoom:1;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset-top .yui-nav li a, #RIA .yui-navset-bottom .yui-nav li a{display:inline-block; vertical-align:bottom; /* safari: for overlap */}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset-bottom .yui-nav li a{vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li a em{display:block;}
        /* optional skin for border tabs */
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li{background: #fff url(../images/css_RIA_arrow_grey.gif) no-repeat 10px 10px; padding-left: 15px;}
/*#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li.lefttab{float: left;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li.righttab{float: right;}*/
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li.selected{background: #fff url(../images/css_RIA_arrow_grey.gif) no-repeat 10px 10px; padding-left: 15px;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li a{padding-left: 0px; color: #6B686B; margin: 0px 10px 0px 0px; background: none; border: none; font-size: 11px; font-weight: normal}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-content{background-color: #DDDEDF; margin: 0; padding: 0;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-content div{margin: 0; padding: 0; margin-top: 30px}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li{width: 265px; margin-bottom: 2px; margin-right: 10px}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav li.nomargin{margin-right: 0px}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset .yui-nav .selected a{color: #DC016B; font-weight: bold}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset-top .yui-nav .selected a{border-bottom:0; /* no bottom border for active tab */ padding-bottom:0px; /* to match height of other tabs */}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset-top .yui-content{margin-top:-1px; /* for active tab overlap */ overflow: hidden;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset-top .yui-content div{margin: 0; padding: 0; margin-top: 20px}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset-top .yui-content div div.column1{width: 59%; float: left; overflow: hidden; margin: 0; padding: 0; margin-right: 10px;}
#RIA .yui-navset .yui-content div div.productenRIA .yui-navset-top .yui-content div div.column2{width: 37%; float: right; overflow: hidden; margin: 0; padding: 0;}

/* -- Wizzards -- */
#wizzard-inquire{width: 100%; color: #323531; margin-bottom: 20px; padding-top: 10px;}
#wizzard-inquire div.wzdForm{padding-left: 15px; padding-right: 15px}
#wizzard-inquire div.wzdForm h1.result{color: #fff}
#wizzard-inquire div.wzdForm ul li{background: url(../images/css_arrow_white.gif) no-repeat 0px 5px; color: #323531}
#wizzard-inquire div.wzdForm ul li a{color: #323531}
#wizzard-inquire div.wzdForm ul li a:hover{color: #DC016B}
#wizzard-inquire div.wzdForm span.stappenoverzicht{float: right; font-size: 14px; font-weight: bold; color: #fff; padding-right: 10px}
#wizzard-inquire div.wzdForm span.stappenoverzicht span.stap{color: #323531}
#wizzard-inquire {width: 100%; background: #C3E5F2 url(../images/css_corner_small_lefttop.gif) no-repeat left top;}
#wizzard-inquire div.wzdForm{padding-bottom: 20px; background: url(../images/css_corner_big_rightbottom.gif) no-repeat right bottom;}
#wizzard-inquire div.wzdForm div.submit{text-align: right;}
#wizzard-inquire div.wzdForm div.submit .submitbtn, #wizzard-inquire div.wizzard div.wzdContent div.wzdForm div.submit .backbtn{margin-top: 30px; padding: 0; border: none; outline: none; cursor: pointer; background-color: transparent; font-weight: bold;}


/* -- Mediaplayer.aspx -- */
#main div.mediaplayer{margin-top: 10px}
#main div.mediaplayer img{float: left}
#main div.mediaplayer div.nav-player{float: left; margin-left: 20px; width: 200px; color: #323531;}
#main div.mediaplayer div.nav-player h3{padding: 15px}
#main div.mediaplayer div.nav-player div.nav-video{margin-bottom: 20px}
#main div.mediaplayer div.nav-player div.nav-video, #main div.mediaplayer div.nav-player div.nav-radio{background-color: #c4c5c6; width: 100%; height: 185px}
#main div.mediaplayer div.nav-player ul.linklist li a{color: #323531; background: url(../images/css_subnav_arrow_gray.gif) no-repeat 0px 4px}
#main div.mediaplayer div.nav-player ul.linklist li.active a{color: #DC016B; font-weight: bold}
#main div.mediaplayer div.nav-player ul.linklist li a:hover{text-decoration: underline}
#main div.mediaplayer div.nav-player div.nav-radio ul.linklist.send{margin-top: 40px}


/** 
 * 4b) Modules
 *     =======
 * colors:
 *
 */

/*** positioning & borders */
#modules div.layout-helper-zIndex{position: relative; z-index:5;}
#modules div.shieldbig{background: transparent url(../images/Shieldbig.png) no-repeat 0px 0px; padding: 20px 0px; margin: 0; width: 150px; height: 161px; margin-top: 0px; margin-left: 17px;}
#modules div.shieldsmall{background: transparent url(../images/Shieldsmall.png) no-repeat 0px 0px; padding: 20px 0px; width: 111px; height: 119px; margin-top: -60px; margin-left: 74px}
#modules div.shieldbigimg{background: none; padding-bottom: 40px; margin: 0; width: 150px; height: 161px; margin-top: -60px; margin-left: 17px}
#modules div.shieldbigimg a{background: none; padding-left: 0px;}
#modules div.shieldsmallimg{background: none; padding-bottom: 40px; width: 110px; height: 119px; margin-top: -60px; margin-left: 74px}
#modules div.shieldsmallimg a{background: none; padding-left: 0px;}
#modules div.noshield{margin: 0px 5px 20px 17px}

#modules ul li a{display: block; padding: 0 0 0 11px; background: url(../images/css_arrow_white.gif) no-repeat 0px 4px; color: #323531}
#modules div.shieldbig ul li a{width: 123px}
#modules div.shieldsmall ul li a{width: 74px;}

/*** styling */
#modules h2{font-size: 12px; line-height: 18px; font-weight: bold; color: #fff; padding-left: 18px}
#modules p{font-size: 10px; color: #000; padding-left: 18px; padding-bottom: 4px}
#modules ul{padding-left: 18px}
#modules ul li{list-style: none; font-size: 10px; color: #000; padding-bottom: 4px}
#modules ul li a{line-height: 13px}
#modules ul li a:hover{text-decoration: underline; color: #000}
#modules div.actiontoolblock h2 {color: #6B686B; font-size: 100%; padding-left: 0;}
#modules div.actiontoolblock ul {font-size: 100%; padding-left: 0;}
#modules div.actiontoolblock ul li {font-size: 100%;}
#modules div.actiontoolblock ul li a{background: transparent url(../images/css_arrow_modules_grey.gif) no-repeat scroll 0px 4px}
#modules div.actiontoolblock a{color: #6B686B; text-decoration: none;}
#modules div.actiontoolblock img{float: left;}
#modules div.actiontoolblock p{clear: right; font-size: 100%; margin-left: 2px; padding-top: 3px;}


/** 
 * 4c) Subnavigation
 *     =============
 * colors:
 *
 */

/*** positioning & borders */
#sub-nav{overflow: hidden;}

#sub-nav div.page-nav{margin-top: 18px;}
#sub-nav div.service-nav, #sub-nav div.campaigns{margin-top: 0px; /* was 24px; same as list line-height */}
#sub-nav div.campaigns{margin-left: 10px; overflow: hidden;}
#sub-nav div.quicklinks{margin: 0; padding: 0; margin-top: 50px;}

/* styling */
#sub-nav a.login{display: block; margin-top: 20px; padding-left: 20px; padding-right: 10px; color: #DC016B; background: none; font-weight: bold;}
#sub-nav h2{padding-left: 10px; padding-right: 10px; color: #DC016B}
#sub-nav ul{margin: 0; padding: 0;}
#sub-nav ul li{list-style: none; line-height: 20px; padding-bottom: 0px;}	
#sub-nav ul li a{text-decoration: none; font-weight: normal; display: block; color: #6B686B; background: none}
#sub-nav ul li.active li a{background-color: transparent; font-weight: normal;}
#sub-nav ul li.active a{color: #DC016B; font-weight: bold;}
#sub-nav ul li a:hover{text-decoration: none; }

#sub-nav ul li a{padding-left: 12px; padding-right: 0px;}
#sub-nav ul li li a{padding-left: 28px; padding-right: 10px; border-top: none; background: url(../images/css_arrow_page-nav_blue.gif) no-repeat 20px 8px}
#sub-nav ul li li li a{padding-left: 38px;padding-right: 10px; background-position: 30px 8px;}

#sub-nav ul ul{padding-bottom: 0; background: none;}
#sub-nav ul li li, #sub-nav ul li.active li{line-height: 20px; padding-bottom: 0; background: none; }
#sub-nav ul li li a{font-weight: normal; }
#sub-nav ul li li a:hover{text-decoration: underline; }

#sub-nav div.quicklinks ul li{width: 168px}


#sub-nav div.footernav{margin: 0; padding: 0; margin-top: 40px; font-size: 10px;}
#sub-nav div.footernav ul{margin: 0px; margin-left: 5px; padding: 0px;}
#sub-nav div.footernav ul li{padding-left: 5px; padding-right: 5px; list-style: none; border-left: 2px solid #DC016B; float: left; width: auto; margin-bottom: 8px}
#sub-nav div.footernav ul li.noborder{border-left: none}
#sub-nav div.footernav ul li a{margin: 0; padding: 0; background: none; color: #6B686B; width: auto; line-height: 12px}
#sub-nav div.footernav ul li a:hover{text-decoration: underline; color: #6B686B;}


/**
 * 5. Footer
 *    ======
 * 
 * colors:
 *
 */

/*** positioning & borders */
#sitewide{position: absolute; top: 10px; width: 796px; padding-left: 204px; font-size: 10px;}
#websitewide p.fixed-sitewide{clear: both; text-align: right; margin-right: 20px; margin-bottom: 4px; color: #323531; font-weight: bold; font-size: 11px;}
#websitewide ul{margin-right: 20px}
#websitewide ul li{list-style: none; float: right; margin-left: 5px; padding-left: 5px; border-left: 2px solid #DC016B;}
#websitewide ul li.last{border-left: none;}
#websitewide ul li a{background: none; padding-left: 0px; color: #6B686B;}
#websitewide ul li a:hover{text-decoration: underline; color: #6B686B;}

#printfooter{display: none; }


#main div.blogpost{background:transparent url(../images/css_blogpost-bottom.gif) no-repeat scroll center bottom;margin-bottom:25px;padding-bottom:0px;}
#main div.blogpost ul.linklist li {background: transparent none repeat scroll 0%;}
#main div.comment {padding-top: 20px;  padding-bottom: 10px; border-bottom: 1px dotted;}
#main div.subcomment {padding-top: 6px;  padding-bottom: 6px; padding-left: 20px; border-left:1px solid #C0C0C0; color:#AAAAAA; line-height:120%; margin: 10px 0px 0px 20px;}
#main span.commentinfo {color:#AAAAAA;}
p.blogcomment-content {padding-top: 5px;}
#main div.formitem {padding-top: 10px;}



/*** styling */