html,body
{
        height : 100%;        
        margin: 0;
        padding: 0;
}

body {
        
        
        background-attachment: fixed;
        background-repeat: repeat-y;
        background-position: center top;
        scrollbar-arrow-color: #7e003f;
        scrollbar-3dlight-color: #FFFFFF;
        scrollbar-highlight-color: #7e003f;
        scrollbar-face-color: ffffff;
        scrollbar-shadow-color: #7e003f;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-track-color: #FFFFFF;
        
        background-image: url('../img/lining_background.gif');
        background-repeat: repeat-y;
        font-family: Verdana, Arial, Helvetica;

}

.table3luik {
        width: 990px;
        font-family: Arial, Verdana, Helvetica;
        font-size: 11px;
        style: normal;
        line-height: 20px;
}

.table3luik td, .table3luik th {
        vertical-align: top;
        text-align: left;
        padding: 9px;
}

.tdright {
        width: 300px;
        font-family: Verdana, Arial, Helvetica;
}

div#content li
{
        /*list-style-image: url('../img/bijbullet.gif');*/
        background-position: left top;
}

div#sitemap li
{
        list-style-image: none;
        list-style-type: none;
        padding-left: 0;
        width: 450px;
}

div#sitemap a
{
        /*background-image: url('../img/bijbullet.gif');*/
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 20px;
}

/*******************************************
        Dit gedeelte van de css zorgt voor letterdefinities
********************************************/

a ,.plat, .kopje, .subkop, .td
{font-family: Verdana, Arial, Helvetica;}

.kop{
        font-size: 21px;
        line-height: 20px;
        color: b83a42;
        font-weight: bold;}
        
.plat{
        font-size: 12px;
        style: normal;
        line-height: 24px;}
        
.nieuws{
        font-size: 12px;
        font-weight: bold;
        line-height: 13px;
        color: #000000;
}
        
.nieuwsdatum{
        font-size: 9px;
        font-weight: normal;
        line-height: 12px;
        color: #8d8d8d;}

a:link, a:active, a:visited {
        position: block;
        height: 23px;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0px;
        line-height: 23px;
        color : #6B6969;
        text-decoration: none;}
        
a:hover {
        color : #6B6969;
        text-decoration: none;}
        
a.bovenlinks:link, a.bovenlinks:active, a.bovenlinks:visited {
        font-size: 10px;
        font-weight: normal;
        line-height: 23px;
        color : #000000;
        text-decoration: none;}

a.bovenlinks:hover {
        color : #7e003f;
        text-decoration: underline;}
        
        
a.onderlinks:link, a.onderlinks:active, a.onderlinks:visited {
        font-size: 10px;
        font-weight: bold;
        line-height: 23px;
        color : #000000;
        text-decoration: none;}

a.onderlinks:hover {
        color : #7e003f;
        text-decoration: underline;}        
        
a.maillink:link, a.maillink:active, a.maillink:visited {
        font-family: Verdana, Arial, Helvetica; 
        font-size: 11px;
        font-weight: normal;
        line-height: 23px;
        color : #000000;
        text-decoration: none;}

a.maillink:hover {
        color : #7e003f;
        text-decoration: underline;}
        
        /*******************************************
        Dit gedeelte van de css zorgt voor divposities
********************************************/
        
div#container
{
        padding: 0;
        position: relative;
        min-height:100%;
        margin: 0px auto;
        text-align: left;
        width: 990px;        
}
        
div#buitendiv 
{
        z-index: 1;
        
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 20px;

}

div#header {
        position:relative;
        height:132px;
        background-image: url('../img/logo_NPB_header.gif');
        background-repeat: no-repeat;
        background-position: right top;
        text-align: left;
        font-size: 10px;
}

div#pe {
        position:absolute;
        top: 70px;
        left:10px;
}

div#ad_pensioenvragen {
        position:absolute;
        top: 0px;
        left:775px;
}

div#rpc {
        position:absolute;
        top: 70px;
        left:50px;
}

div#cedeo {
	position:absolute;
	top: 70px;
	left:200px;
}

div#menu {
        position:relative;
        left:0px;
        height: 24px;
        z-index:3;
        visibility: visible;
        background-color: #7e003f;
        vertical-align: middle;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
}

div#panorama {
        position:relative;
        left:0px;
        height: 170px;
        z-index:2;
        background-repeat: no-repeat;
        background-position: left top;
}

div#webpromo {
        position:absolute;
        top:100px;
        left:730px;
        height: 65px;
}

div#content {
        position:relative;
        margin-top: 6px;
        margin-left: 10px;
        margin-right: 10px;
        background-image: url('../img/background.jpg');
        background-repeat: no-repeat;
        
}

div#footer {
        position: absolute;
        z-index:2;
        padding: 0;
        margin: 0;
        font-size: 11px;
        style: normal;
        font-color : #7e003f;
        text-align: center;
        bottom: 0px;
        width: 100%;
        
        left: 0px;
        position:absolute;
}

/*
#########################################################################
################             MENU CSS ITEMS              ################
#########################################################################
*/
#menu ul {
        padding: 0;
        margin: 0;
        text-align: center;        
        list-style: none;
}

#menu ul li
{
        float: left;
}

#menu a {
        color: #84BFE5;
        background-color: #7e003f;
        text-decoration: none;
        display: block;
        margin: 0;
        padding: 0px;
        font-family: Verdana;
        font-size: 11px;
}

#menu ul ul a{
        padding-left: 5px;
        color: #9F003F;
        background-color: #AFAFAE;
}

#menu ul ul ul a{
        cursor: pointer;
        pointer: hand;
        list-style-type: none;
        display: block;
        text-align: left;        
        background-color: #AFAFAE;
        z-index: 19;
        color: #9F003F;
        height: 100%;
}

#menu ul ul li.last a{
    border-bottom: 0;
}

#menu ul ul li a:hover{
        background-color: #8E8E8C;
}

#menu a:hover {
        color: white;
        background-color: #9F003F;
}

#menu li {position: relative;}

#menu ul ul {
        padding: 0;
        margin: 0;
        text-align: left;
        display: none;        
}

#menu ul ul ul {
        display: none;        
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0px;
        left: 198px;
        z-index: 9999;
        text-align: left;
        background-color: #7e003f;
}

#menu li
{
        width: 500px;
}

div#menu ul ul,
div#menu ul li:hover ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul, 
div#menu ul ul li:hover ul
{display: block;}

.error
{
        border: 1px solid red;
}

div#sitemap li
{
	width: 400px !important;	
}