/*
 * Global defaults zetten
 */
*   {
    margin: 0px;
    padding: 0px;
    
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2  {
    /*font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    line-height: 130%;
}
a   {
    text-decoration: none;
}
a:hover   {
    text-decoration: underline !important;
}
img, input, button  {
    border: 0px;
    
    font-size: 100%;
}
img     {
    vertical-align: middle;
}
table   {
    font-size: 100%;
}
table th, table td  {
    text-align: left;
}
.formTable  {
    display: block;
}
select  {
    font-size: 1.0em;
}
p   {
    padding: 10px 0px 10px 0px;
}

div.errorMessage  {
    padding: 10px 10px 10px 10px;
    border: 1px solid #ebe780;
    background-color: #fffdcd;
    
    margin-top: 10px;
    margin-bottom: 10px;
}
#alertMessages  {
    padding: 10px 10px 10px 10px;
    border: 1px solid #ebe780;
    background-color: #fffdcd;
    
    margin-top: 10px;
    margin-bottom: 10px;
    
    width: 567px !important;
    width: 600px;
    
    color: #00529b;
}
#alertMessages .message {
    clear: both;
    
    padding-bottom: 5px;
}
#alertMessages .message .date {
    font-weight: bold;
}
#alertMessages .message .title {
    
}
#alertMessages .message a {
    color: #00529b;
    text-decoration: underline;
}
#alertMessages .message a:hover {
    text-decoration: none;
}
#alertMessages .message .remove {
    text-decoration: none;
    
    float: right;
    
    color: #d4145a;
    
    visibility: hidden;
}
#alertMessages .message .remove:hover {
    text-decoration: underline;
}

/*
 * Layout
 */
html, body  {
    border: 0px;
    
    background-color: #ebebeb;
    background-image: url("../../gfx/bg.body.jpg");
    background-position: center;
    background-repeat: repeat-y;
    
    font-size: 95%;
    line-height: 100%;
}

#siteContainer  {
    position: absolute;
    width: 741px;
    margin-left: -370px;
    left: 50%;
    
    font-size: 0.7em;
    /*line-height: 130%;*/
    
    z-index: 0;
}

/*#siteRightPanel {
    float: right;
    
    width: 141px;
    
    padding-top: 62px;
}*/
#siteRightPanel {
    position: absolute;
    top: 62px;
    left: 100%;
    margin-left: -141px;
    
    width: 141px;
    
    /*padding-top: 62px;*/
}

#siteContent {
    float: left;
    
    /*width: 590px;*/
    width: 600px;
}

#siteLoginBlock    {
    height: 62px;
    /*width: 348px;*/
    /*width: 430px;*/
    width: 520px;
    
    text-align: right;
    
    position: absolute;
    top: 0px;
    left: 100%;
    /*margin-left: -348px;*/
    /*margin-left: -440px;*/
    margin-left: -500px;
    
    z-index: 999;
}
#siteLoginBlock a    {
    color: #00529b;
    
    /*font-size: 0.8em;*/
    text-decoration: none;
}

#siteMenu   {

}

#siteContentBar {
    height: 19px;
    
    margin-top: 10px;
    margin-bottom: 10px;
    
    background-image: url("../../gfx/bg.contentbar.jpg");
    
    clear: left;
    
    width: 591px;
}
#siteContentBar ul  {
    color: #ffffff;
}
#siteContentBar ul li   {
    display: block;
    float: left;
    
    margin-left: 10px;
    margin-right: 10px;

    padding-left: 15px;
      
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    
    background-image: url("../../gfx/icons/icon.contentbarbullit.jpg");
    background-repeat: no-repeat;
    background-position: left;
}
#siteContentBar ul li a   {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}


#siteContentBody    {
    color: #00529b;
    
    clear: left;
    
    padding-right: 10px;
}
#siteContentBody table  {
    color: #00529b;
}
#siteContentBody ul li    {
    list-style: disc;
}
#siteContentBody h1 {
    /*color: #29abe2;*/
    color: #00529b;
    
    font-size: 1.5em;

    padding-top: 20px;
    padding-bottom: 10px;
}
#siteContentBody h2 {
    font-size: 1.3em;

    margin-top: 20px;
    margin-bottom: 10px;
}
#siteContentBody a {
    text-decoration: none;
    color: #29abe2;
}
#siteContentBody a:hover {
    text-decoration: underline;
}

#siteContentInnerBody   {
    
}
#siteContentInnerBody p   {
    padding: 5px 0px 5px 0px;
}
#siteContentInnerBody ul {
    margin-left: 20px;
    list-style: url("../../gfx/icons/icon.menublocksubitembullit_darkblue.jpg");
}
#siteContentInnerBody ul li {
    list-style: url("../../gfx/icons/icon.menublocksubitembullit_darkblue.jpg");
}
#siteContentInnerBody table th, #siteContentInnerBody table td {
    /*white-space: nowrap;*/
}
#siteContentInnerBody table.form th, #siteContentInnerBody table.form td {
    white-space: normal;
}

#siteContentBodyRightPanel  {
    float: right;
    
    width: 141px;
    margin-left: 10px;
}
#siteContentBodyRightPanel ul  {
    margin-left: 0px;
    list-style: none;
}
#siteContentBodyRightPanel ul li  {
    list-style: none;
}

.documentMetadata   {
    color: grey;
    
    margin-top: 10px;
    margin-bottom: 10px;
}
.documentFile    {
    margin-top: 10px;
    margin-bottom: 10px;
}

#homeHeaders    {
    height: 212px;
    height: 193px;
    
    overflow: hidden;
    position: relative;
}
#homeHeaders .image {
    position: absolute;
    top: 0px;
    left: 0px;
}
.homeHeader {
    /*background-image: url("../../gfx/bg.homeheader.jpg");*/
    background-repeat: no-repeat;
    
    height: 212px;
    width: 591px;
    
    color: #00529b;
    
    font-size: smaller;
    
    margin-bottom: 10px;
}
.homeHeader .image {
    width: 591px;
    height: 193px;
    background-repeat: no-repeat;
    
    /*background-image: url("../../gfx/icon.logo.png");
    background-repeat: no-repeat;
    background-position: 5px 5px;*/
}
.homeHeader .image .cite {
    width: 232px;
    
    position: relative;
    margin-left: 330px;
    top: 110px;
    
    padding: 10px;
    
    background-color: white;
    
    opacity: .7;
	filter: alpha(opacity=70);
}
.homeHeader .subtitle {
    color: #ffffff;
    
    height: 19px;
    line-height: 19px;
    vertical-align: middle;
    
    padding-left: 6px;
    margin-top: -10px;
    position: relative;
    z-index: 999;
    
    /*overflow: hidden;*/
    
    background-image: url("../../gfx/bg.homeimagesubtitle.png");
    background-position: left bottom;
    background-repeat: no-repeat;
}
.homeHeader .subtitle a {
    color: #ffffff;
}
.homeHeader .subtitle .newsTicker {
	display: block;
	height: 19px;
	margin: 0;
	padding: 0px 0 5px 0;
	overflow: hidden;       /* used in css check */
}

.homeHeader .subtitle .newsTicker li {
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	margin: 0 auto 0 auto;
	padding: 0;         /* can use trustOpacity mode */
}
.homeHeader .subtitle .newsTicker .show {
	visibility: visible;
	opacity: 1;
}

.homeHeader h1  {
    font-size: 1.1em;
}
.homeHeader span {
    width: 100%;
    text-align: right;
}

#siteContentFooter  {
    margin-top: 10px;
    margin-bottom: 10px;
    
    text-align: center;
    
    clear: both;
}
#siteContentFooter a    {
    color: #00529b;

    text-decoration: none;
}

#siteContent a.siteLogo, #siteContent a.siteLogo:hover   {
    text-decoration: none;
}


/*
 * Components
 */
.portalHandle   {
    cursor: move;
}
.rightPanelBlock {
    width: 141px;
    
    background-color: #ffffff;
    
    margin-bottom: 10px;
    
    color: #00529b;
    
    font-size: 9px;
}
.rightPanelBlock a  {
    color: #00529b;
}
.rightPanelBlock .header {
    background-image: url("../../gfx/bg.rightpanelblock.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    
    padding: 10px 10px 0px 10px;
    
    font-weight: bold;
    font-size: 1.0em;
}

.rightPanelBlock .content {
    background-image: url("../../gfx/bg.rightpanelblock.jpg");
    background-position: bottom left;
    background-repeat: no-repeat;
    
    padding: 0px 10px 10px 10px;
}
.rightPanelBlock table  {
    width: 121px;
}
.rightPanelBlock ul {
    list-style: none;
}

.customerMenu .header {
    background-image: url("../../gfx/bg.rightpanelblock_red.jpg");
    color: #ffffff;
}
.customerMenu .content {
    background-image: url("../../gfx/bg.rightpanelblock_red.jpg");
}
.customerMenu a {
    color: #ffffff;
}

#siteContentBodyRightPanel .rightPanelBlock .header, #siteContentBodyRightPanel .rightPanelBlock .content   {
    background-image: url("../../gfx/bg.contentbodyrightpanelblock.jpg");
}


input   {
    /*border: 1px solid #d7d7d7;*/
    height: 18px;
    
    line-height: 18px;
    vertical-align: middle;
}


.menu   {
    clear: left;
}
.menu .menuBlock  {
    float: left;
    
    width: 139px;

    margin-right: 11px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.menu .menuBlock, .menu .menuBlock a    {
    color: #959595;
}
.menu .menuBlock .header  {
    background-image: url("../../gfx/bg.menublock.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    
    font-weight: bold;
    white-space: nowrap;
    
    padding: 5px 5px 0px 5px;
}
.menu .menuBlock .content  {
    background-image: url("../../gfx/bg.menublock.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    
    height: 90px;
}
.menu .blue, .menu .blue a    {
    color: #ffffff;
}
.menu .blue .header  {
    background-image: url("../../gfx/bg.menublock_blue.jpg");
}
.menu .blue .content  {
    background-image: url("../../gfx/bg.menublock_blue.jpg");
}
.menu .darkblue, .menu .darkblue a    {
    color: #ffffff;
}
.menu .darkblue .header  {
    background-image: url("../../gfx/bg.menublock_darkblue.jpg");
}
.menu .darkblue .content  {
    background-image: url("../../gfx/bg.menublock_darkblue.jpg");
}
.menu .purple, .menu .purple a    {
    color: #ffffff;
}
.menu .purple .header  {
    background-image: url("../../gfx/bg.menublock_purple.jpg");
}
.menu .purple .content  {
    background-image: url("../../gfx/bg.menublock_purple.jpg");
}
.menu .green, .menu .green a    {
    color: #ffffff;
}
.menu .green .header  {
    background-image: url("../../gfx/bg.menublock_green.jpg");
}
.menu .green .content  {
    background-image: url("../../gfx/bg.menublock_green.jpg");
}
.menu .orange, .menu .orange a    {
    color: #ffffff;
}
.menu .orange .header  {
    background-image: url("../../gfx/bg.menublock_orange.jpg");
}
.menu .orange .content  {
    background-image: url("../../gfx/bg.menublock_orange.jpg");
}

.menu .menuBlock ul   {
    list-style: none;
}
.menu .menuBlock ul li   {
    padding: 0px 5px 0px 5px;
    line-height: 150%;
}
.menu .menuBlock ul li:hover, .menuBlock ul li.active   {
    background-image: url("../../gfx/bg.menuBlockItem_hover.png");
}
.menu .menuBlock ul li a   {
    text-decoration: none;
    /*color: auto;*/
}


.menu .menuBlock .subItems   {
    padding-top: 10px;
}
.menu .menuBlock .subItems ul   {
    list-style: url("../../gfx/icons/icon.menublocksubitembullit_blue.jpg");
    
    margin-left: 20px;
}
.menu .menuBlock .subItems ul li   {
    padding: 0px;
}
.menu .blue .subItems ul   {
    list-style: url("../../gfx/icons/icon.menublocksubitembullit_blue.jpg");
}
.menu .green .subItems ul   {
    list-style: url("../../gfx/icons/icon.menublocksubitembullit_green.jpg");
}
.menu .purple .subItems ul   {
    list-style: url("../../gfx/icons/icon.menublocksubitembullit_purple.jpg");
}
.menu .darkblue .subItems ul   {
    list-style: url("../../gfx/icons/icon.menublocksubitembullit_darkblue.jpg");
}
.menu .orange .subItems ul   {
    list-style: url("../../gfx/icons/icon.menublocksubitembullit_orange.jpg");
}
.menu .menuBlock .subItems ul, .menuBlock .subItems ul li a   {
    color: #00529b;
}


.menu .faq li  {
    line-height: 100% !important;
}

/*.buttonContainer    {
    float: left;
    
    width: auto !important;
}
.button {
    display: block;
    
    background-image: url("../../gfx/bg.button.jpg");
    background-position: right;
    
    padding-right: 3px;
    
    height: 19px;
}
.button .label {
    border: 0px;
    
    background-image: url("../../gfx/bg.button.jpg");
    background-position: left;
    
    display: block;
    
    white-space: nowrap;
    
    padding-left: 3px;
    
    height: 19px;
    line-height: 19px;
    
    text-align: center;
    color: #ffffff;
}*/
.button {
    display: block;
    float: left;
    
    height: 19px;
    line-height: 19px;
    
    padding-left: 5px;
    
    background-image: url("../../gfx/bg.button.jpg");
    background-position: 0px 0px;
    
    cursor: pointer;
}
.button button  {
    background-image: url("../../gfx/bg.button.jpg");
    background-position: right 0px;
    
    padding: 0 .25em 0 .25em;
    
    padding-right: 5px;
    
    width: auto;
    overflow: visible;
    
    height: 19px;
    
    color: #ffffff;
    
    cursor: pointer;
}
.rightPanelBlock .button {
    background-image: url("../../gfx/bg.button.grey.jpg");
}
.rightPanelBlock .button button  {
    background-image: url("../../gfx/bg.button.grey.jpg");
}


.linkButtonContainer    {
    float: left;
    
    width: auto !important;
    width: 10px;
}
.linkButton {
    display: block;
    
    background-image: url("../../gfx/bg.button.jpg");
    background-position: right;
    
    padding-right: 3px;
    
    height: 19px;
}
.linkButton .label {
    border: 0px;
    
    background-image: url("../../gfx/bg.button.jpg");
    background-position: left;
    
    display: block;
    width: auto;
    white-space: nowrap;
    width:100%;
    padding-left: 3px;
    
    height: 19px;
    line-height: 19px;
    
    color: #ffffff;
}

.tabPanel   {
    width: 591px;
    
    margin-bottom: 10px;
}
.tabPanel .footer   {
    background-image: url("../../gfx/bg.tabpanel.jpg");
    background-repeat: no-repeat;
    background-position: 0px -30px !important;
    background-position: 1px -30px;
    
    height: 20px;    
}
.tabPanel .header   {
    background-image: url("../../gfx/bg.tabpanel.jpg");
    background-repeat: no-repeat;
    background-position: 0px -50px;
    
    padding: 10px;
}
.tabPanel .header h1, .tabPanel .header h2    {
    margin: 0px !important;
    padding: 0px !important;
}
.tabPanel .header h2    {
    font-weight: normal;
}
.tabPanel .tabs   {
    background-image: url("../../gfx/bg.tabpanel.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    
    height: 20px;
    
    padding-left: 10px;
    padding-right: 10px;
}
.tabPanel .tabs a   {
    background-image: url("../../gfx/bg.tabpaneltab.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    
    display: block;
    height: 18px;
    
    width: auto !important;
    width: 10px;
    
    white-space: nowrap;
    
    float: left;
    
    margin-right: 10px;
    margin-top: 1px;
    
    padding-left: 7px;
    
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold;
    
    cursor: pointer;
}
.tabPanel .tabs a span  {
    background-image: url("../../gfx/bg.tabpaneltab.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    
    padding-right: 7px;
    
    display: block;
    height: 18px;
    
    line-height: 18px;
    vertical-align: middle;
    
    cursor: pointer;
}
.tabPanel .tabs a:hover, .tabPanel .tabs a.active   {
    background-position: bottom left;
}
.tabPanel .tabs a:hover span, .tabPanel .tabs a.active span  {
    background-image: url("../../gfx/bg.tabpaneltab.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.tabPanel .content   {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    
    padding: 10px;
}

.newsTable  {
    width: 100%;
}
.newsTable .date  {
    width: 100px;
}
.newsTable .title  {
    font-weight: bold;
}
.newsTable .title a  {
    color: #00529b !important;
}

input.textbox   {
    border: 1px solid #d7d7d7;
}
textarea.textbox    {
    border: 1px solid #d7d7d7;
    
    height: 100px;
    
    font-size: 100%;
}
.textboxContainer   {
    float: left;
    
    width: auto !important;
    width: 10px;
    
    height: 20px;
    
    /*margin-left: 5px;
    margin-right: 10px;*/
    
    background-image: url("../../gfx/bg.textbox.jpg");
    background-repeat: no-repeat;
    background-position: left 0px ;
}
.textboxWrap   {
    height: 20px;
    
    margin-left: 5px;
    padding-right: 5px;
    padding-top: 2px;

    background-image: url("../../gfx/bg.textbox.jpg");
    background-repeat: no-repeat;
    background-position: right 0px;
}
.textboxContainer .textbox   {
    display: block;
    
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    
    border: 0px;
}
.rightPanelBlock .textboxContainer   {
    background-image: url("../../gfx/bg.textbox.grey.jpg");
}
.rightPanelBlock .textboxWrap   {
    background-image: url("../../gfx/bg.textbox.grey.jpg");
}

#siteContentInnerBody .kindAanvraagFormulier th {
    text-align: right;
    font-weight: bold;
}
#siteContentInnerBody .kindAanvraagFormulier td {
    /*width: 300px;*/
    white-space: normal;
}
#siteContentInnerBody .kindAanvraagFormulier th, #siteContentInnerBody .kindAanvraagFormulier td  {
    padding: 5px;
}

img.pasfoto    {
    /*height: 46px;*/
    /*width: 46px;*/
    
    border: 1px solid #ffffff;
    
    margin-left:5px;
}


.tool-tip {
	color: #ffffff;
	width: 139px;
	z-index: 13000;
    
    margin-top: 0px !important;
    margin-top: 130px;
    
    margin-left: 0px !important;
    margin-left: 170px;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url("../../gfx/bg.tooltip.png") top left;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url("../../gfx/bg.tooltip.png") bottom right;
}


#vestigingZoekresultaten .footer   {
    background-image: none;
}
#vestigingZoekresultaten .header   {
    background-image: none;
    display: none;
}
#vestigingZoekresultaten .tabs   {
    background-image: url("../../gfx/bg.tabpanel_borderless.jpg");
}
#vestigingZoekresultaten .content   {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}



#vestigingZoekresultaten .vestigingZoekresultaat {
    /*width: 291px;*/
    width: 275px;
    height: 93px;
    
    margin-right: 5px;
    margin-bottom: 5px;
    
    padding-top: 5px;
    
    /*border: 1px solid red;*/
    
    float: left;
    
    background-image: url("../../gfx/bg.zoekresultaat.jpg");
    background-repeat: no-repeat;
    background-position: top;
}
#vestigingZoekresultaten .vestigingZoekresultaat .info  {
    /*width: 271px;*/
    height: 73px !important;
    height: 87px;
    
    padding: 10px;
    
    /*border: 1px solid red;*/
    
    background-image: url("../../gfx/bg.zoekresultaat.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
}
#vestigingZoekresultaten .vestigingZoekresultaat table {
    width: 100%;
    height: 100%;
}
#vestigingZoekresultaten .vestigingZoekresultaat table td {
    vertical-align: top;
    
    white-space: normal;
}



/* Kalender */
.datePicker {
    position: relative;
    /*top: -19px;*/
    
    background-color: #ffffff;
}
.datePicker table   {
    width: 100%;
    
    /*border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;*/
}

.datePicker tbody    {
    /*border: 1px solid #d7d7d7;*/
}
.datePicker table th, .datePicker table td  {
    padding: 2px !important;
}
.datePicker table td    {
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    
    text-align: center;
    font-weight: bold;
    
    cursor: pointer;
}

.datePicker table td:hover  {
    text-decoration: underline;
}

.datePicker table th    {
    text-align: center !important;
}

.datePicker .date-picker-title  {
    font-weight: normal;
}
.datePicker .date-picker-selected-date  {
    /* lichtgrijs gekleurd vakje */
    color: #d3145a;
    background-color: #ebebeb;
    
    /* rode gekleurd vakje */
    /*background-color: #d3145a;
    color: #ffffff;*/
}
.datePicker .date-picker-today  {
    /*text-decoration: underline;*/
    /*color: #d3145a;*/
}
.datePicker .date-picker-day-header  {
    text-transform: lowercase;
    
    border-top: 1px solid #959595;
    border-left: 1px solid #959595;
    border-bottom: 1px solid #959595;
    
    background-color: #ebebeb;
}

.datePicker .prev-but,
.datePicker .next-but {
    display: block;
    
    width: 16px;
    height: 16px;
    
    background-image: url("../../gfx/bt.calendar.jpg");
    background-repeat: no-repeat;
    
    color: #ffffff;
    
    cursor: pointer;
}

.datePicker .today-but    {
    cursor: pointer;
}

.contactForm th    {
    width: 100px;
}
.contactForm td    {
    width: 200px;
}


#smoelenboekZoeken {
    float: right;
}

#smoelenboek {
    
}


.formtable {
    width: 100%;
}

.formtable th {
    padding: 5px;
    
    text-align: right;
    
    width: 40%;
}
.formtable td {
    padding: 5px;
    
    text-align: left;
    
    width: 60%;
}
.formtable fieldset {
    border: 0px;
}

.formtable .formvestigingkeuze td {
    padding: 0px 5px 5px 5px;
    vertical-align: top;
    width: auto;
}
.formtable .formvestigingkeuze th {
    padding: 0px 10px 5px 5px;
    vertical-align: top;
    width: auto;
}

.formtable .formdatepicker {
    height: 200px;
    width: 150px;
}