*
{
    margin: 0;
    padding: 0;
}

body
{
    font-family: verdana;
    font-size: 11px;
}

a img
{
    border: 0 none;
}

.hihgg_red
{
    color: #ffffff;
    background: #ff3333;
}

.hihgg_blue
{
    color: #ffffff;
    background: #009999;
}

.hihgg_yellow
{
    color: #ffffff;
    background: #cccc33;
}

.hihgg_green
{
    color: #ffffff;
    background: #339933;
}

.hihgg_gray
{
    color: #ffffff;
    background: #a7a7a7;
}

a.hihgg
{
    color: #ffffff;
    text-decoration: none;
}

.container
{
    position: relative;
    width: 960px;
    margin: 0 auto;
}

.colleft
{
    float: LEFT;
    width: 662px;
    overflow: hidden;
    padding-left: 4px;
    padding-top: 10px;
}

.opacity
{
    position: absolute;
    float: left;
    top: 0;
    left: 0;
    opacity: .80;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    height: 650px;
    width: 662px;
    background: #ffffff;
}

.colright
{
    float: left;
    width: 291px;
    overflow: hidden;
    padding-top: 10px;
}

.tiphalfcontainer
{
    width: 325px;
    height: 208px;
    float: left;
    margin-right: 4px;
}

.tipfullcontainer
{
    height: 630px;
    width: 662px;
    float: left;
    margin-right: 4px;
    margin-left: 4px;
    background: url(/images/dotted_vertical.gif) repeat-y;
    padding-top: 10px;
}

.tipitem
{
    width: 325px;
    position: relative;
    float: left;
    height: 60px;
    overflow: hidden;
    background: url(/images/dottedline.gif) bottom repeat-x;
}

.tipitem a, .tipitem a:visited
{
    color: #333333;
    text-decoration: none;
}

.tipfullcontainer .tipitem
{
    margin-right: 6px;
}

.tipitem .text
{
    position: absolute;
    left: 20px;
    top: 7px;
    width: 272px;
    height: 44px;
    overflow: hidden;
    line-height: 15px;
}

.tipitem .arrow_green, .tipitem .arrow_gray, .tipitem .arrow_red, .tipitem .arrow_yellow, .tipitem .arrow_white, .tipitem .arrow_blue
{
    position: absolute;
    top: 10px;
    left: 3px;
}

.tipitem .arrow_green
{
    background: url(/images/arrow_green.gif) no-repeat;
    height: 11px;
    width: 11px;
}

.tipitem .arrow_gray
{
    background: url(/images/arrow_gray.gif) no-repeat;
    height: 11px;
    width: 11px;
}

.tipitem .arrow_red
{
    background: url(/images/arrow_red.gif) no-repeat;
    height: 11px;
    width: 11px;
}

.tipitem .arrow_yellow
{
    background: url(/images/arrow_yellow.gif) no-repeat;
    height: 11px;
    width: 11px;
}

.tipitem .arrow_white
{
    background: url(/images/arrow_white.gif) no-repeat;
    height: 11px;
    width: 11px;
}

.tipitem .arrow_blue
{
    background: url(/images/arrow_blue.gif) no-repeat;
    height: 11px;
    width: 11px;
}

.tipitem .delete
{
    position: absolute;
    right: 10px;
    top: 10px;
    height: 11px;
    width: 11px;
}

.tipitem .link
{
    position: absolute;
    right: 4px;
    bottom: 9px;
    height: 9px;
    width: 24px;
}

.tiphalfcontainer .tipheader_gray, .tipfullcontainer .tipheader_gray
{
    color: #ffffff;
    height: 28px;
    width: 325px;
    background-color: #a7a7a7;
}

.tiphalfcontainer .tipheader_yellow, .tipfullcontainer .tipheader_yellow
{
    color: #ffffff;
    height: 28px;
    width: 325px;
    background-color: #cccc33;
}

.tiphalfcontainer .tipheader_blue, .tipfullcontainer .tipheader_blue
{
    color: #ffffff;
    height: 28px;
    width: 325px;
    background-color: #009999;
}

.tiphalfcontainer .tipheader_red, .tipfullcontainer .tipheader_red
{
    color: #ffffff;
    height: 28px;
    width: 325px;
    background-color: #ff3333;
}

.tipfullcontainer .tipheader_gray, .tipfullcontainer .tipheader_yellow, .tipfullcontainer .tipheader_blue, .tipfullcontainer .tipheader_red
{
    width: 656px;
}

.tiphalfcontainer .tipheader_gray .title, .tipfullcontainer .tipheader_gray .title,
 .tiphalfcontainer .tipheader_yellow .title, .tipfullcontainer .tipheader_yellow .title,
 .tiphalfcontainer .tipheader_blue .title, .tipfullcontainer .tipheader_blue .title,
 .tiphalfcontainer .tipheader_red .title, .tipfullcontainer .tipheader_red .title
{
    background: url(/images/icon_bullet_arrow_white.gif) 0 11px no-repeat;
    padding: 0 0 0 10px;
    line-height: 28px;
    float: left;
    margin-left: 7px;
    text-transform: uppercase;
}

.tiphalfcontainer .tipheader_gray .showall, .tipfullcontainer .tipheader_gray .showall,
 .tiphalfcontainer .tipheader_yellow .showall, .tipfullcontainer .tipheader_yellow .showall,
 .tiphalfcontainer .tipheader_blue .showall, .tipfullcontainer .tipheader_blue .showall,
 .tiphalfcontainer .tipheader_red .showall, .tipfullcontainer .tipheader_red .showall
{
    background: url(/images/icon_document.gif) 0 10px no-repeat;
    padding: 0 0 0 15px;
    line-height: 28px;
    float: right;
    margin-right: 10px;
}

.tipfullcontainer .tipheader_gray .showcats, .tipfullcontainer .tipheader_yellow .showcats, .tipfullcontainer .tipheader_blue .showcats, .tipfullcontainer .tipheader_red .showcats
{
    background: url(/images/icon_cats.gif) 0 10px no-repeat;
    padding: 0 0 0 15px;
    line-height: 28px;
    float: right;
    margin-right: 10px;
}

.tiphalfcontainer .tipheader_gray .showall a, .tipfullcontainer .tipheader_gray .showcats a, .tipfullcontainer .tipheader_gray .showall a,
 .tiphalfcontainer .tipheader_yellow .showall a, .tipfullcontainer .tipheader_yellow .showcats a, .tipfullcontainer .tipheader_yellow .showall a,
 .tiphalfcontainer .tipheader_blue .showall a, .tipfullcontainer .tipheader_blue .showcats a, .tipfullcontainer .tipheader_blue .showall a,
 .tiphalfcontainer .tipheader_red .showall a, .tipfullcontainer .tipheader_red .showcats a, .tipfullcontainer .tipheader_red .showall a
{
    color: #ffffff;
    text-decoration: underline;
}

.mijngegevens
{
    background: url(/images/sidebar_bg.jpg) repeat-y;
    width: 291px;
}

.mijngegevens .header
{
    background: url(/images/sidebar_top.jpg) no-repeat;
    text-transform: uppercase;
    height: 35px;
}

.mijngegevens .header h1
{
    line-height: 35px;
    font-weight: normal;
    font-size: 12px;
    color: #330066;
    margin-left: 20px;
}

.mijngegevens .vraagcontainer
{
    background: url(/images/sidebar_bottom.jpg) bottom no-repeat;
    list-style: none;
    padding: 7px 0 4px 16px;
    height: 100%;
    margin: 0;
}

.mijngegevens .vraagcontainer div
{
    margin: 0 7px 4px 0;
    padding: 5px 9px;
}

.linkblock
{
    margin-top: 5px;
    height: 55px;
    width: 291px;
    background: url(/images/linkblock.jpg) no-repeat;
}

.linkblock a
{
    color: #000000;
    text-decoration: underline;
}

.linkblock .download
{
    display: inline;
    line-height: 24px;
    float: left;
    background: url(/images/icon_download.jpg) 0 8px no-repeat;
    padding-left: 18px;
    margin-left: 20px;
}

.linkblock .email
{
    display: inline;
    line-height: 24px;
    float: left;
    background: url(/images/icon_email.jpg) 0 8px no-repeat;
    padding-left: 22px;
    margin-left: 10px;
}

.linkblock .info
{
    display: inline;
    line-height: 24px;
    float: left;
    background: url(/images/icon_questionmark.jpg) 0 8px no-repeat;
    padding-left: 18px;
    margin-left: 20px;
}

/* vragen */

.notecontainer
{
    position: absolute;
    width: 298px;
}

.note
{
    padding-top: 5px;
}

.note h1
{
    margin: 10px;
    font-size: 18px;
    padding: 6px 20px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-weight: normal;
}

.note label
{
    margin: 0 5px;
    display: inline;
}

.note .form
{
    border-bottom: 1px solid #ffffff;
    margin: 0 10px;
    padding-bottom: 10px;
}

.notecontainer .note_nav
{
    height: 40px;
}

.notecontainer .note_nav .nr
{
    color: #ffffff;
    float: left;
    margin: 10px;
}

.notecontainer .note_nav a.next
{
    float: right;
    background: url(/images/next.gif) no-repeat;
    width: 13px;
    height: 11px;
    margin: 10px;
}

.notecontainer .note_nav_green
{
    background: transparent url(/images/note_nav_green.png) no-repeat scroll 0 0;
}

.notepanel .green
{
    background: #36a649;
    color: #ffffff;
    border-top: 1px solid #228733;
    border-left: 1px solid #228733;
    border-right: 1px solid #228733;
}

.notecontainer .note_nav_blue
{
    background: transparent url(/images/note_nav_blue.png) no-repeat scroll 0 0;
}

.notepanel .blue
{
    background: #00b9bb;
    color: #ffffff;
    border-top: 1px solid #057777;
    border-left: 1px solid #057777;
    border-right: 1px solid #057777;
}

.notecontainer .note_nav_red
{
    background: transparent url(/images/note_nav_red.png) no-repeat scroll 0 0;
}

.notepanel .red
{
    background: #ee3347;
    color: #ffffff;
    border-top: 1px solid #cc2537;
    border-left: 1px solid #cc2537;
    border-right: 1px solid #cc2537;
}

.notecontainer .note_nav_yellow
{
    background: transparent url(/images/note_nav_yellow.png) no-repeat scroll 0 0;
}

.notepanel .yellow
{
    background: #c3cd38;
    color: #ffffff;
    border-top: 1px solid #a2ab21;
    border-left: 1px solid #a2ab21;
    border-right: 1px solid #a2ab21;
    height: 210px;
}

.note_white h1
{
	margin: 10px;
    font-size: 18px;
    padding: 6px 20px;
    
    font-weight: normal;
}

.notecontainer_white
{
	background-color: #ffffff;
	color: #000000;
    position: absolute;
    z-index: 1000000;
    border: 1px solid #057777;
    width: 408px;
    left: 176px;
    top: 104px;
}

.next_white
{
	float: right;
   /* background: url(/images/next_black.gif) no-repeat; */
    width: 85px;
    height: 25px;
    margin: 10px;
    font-weight: bold;
    
}

.note_nav_white
{
	height: 40px;
}

.form_white
{
	margin: 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
}

.notepanel .no1
{
    position: absolute;
    top: 160px;
    left: 235px;
    z-index: 108;
}

.notepanel .no2
{
    position: absolute;
    top: 115px;
    left: 200px;
    z-index: 107;
}

.notepanel .no3
{
    position: absolute;
    top: 85px;
    left: 280px;
    z-index: 106;
}

.notepanel .no4
{
    position: absolute;
    top: 70px;
    left: 185px;
    z-index: 105;
}

.notepanel .no5
{
    position: absolute;
    top: 120px;
    left: 140px;
    z-index: 104;
}

.notepanel .no6
{
    position: absolute;
    top: 150px;
    left: 300px;
    z-index: 103;
}

.notepanel .no7
{
    position: absolute;
    top: 165px;
    left: 170px;
    z-index: 102;
}

.notepanel .no8
{
    position: absolute;
    top: 105px;
    left: 265px;
    
    z-index: 101;
    height: 292;
}

.error
{
    color: #ffffff;
    background: red;
    padding: 2px 4px;
    border: 1px solid darkred;
    margin: 4px 0;
    display: block;
}


.note label
{
font-family:verdana;
font-size:11px;
padding: 15 0 0 0;
}