/* ------------------------------------ *
    Document: dzhk.startpagina.css
    Datum aanmaak: 8-10-2007
    Datum laatste wijziging: 19-11-2007
    Versie: 2.0.1
    Copyright Jalasystems B.V.
 * ------------------------------------ */

body {
  margin : 5px;
  background-color : #c0c0c0;
  font-family: Verdana, Tahoma, serif;
}
a {
  color : black;
  font-weight: normal;
  font-size: 12px;
  text-decoration: underline;
}


a:hover {
  color: #417B93;
  font-weight: normal;
  font-size: 12px;
}
p {
  padding-left : 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px;
  padding : 2px;
}
img, img a, img a:hover {
 border : 0px solid #000000;
}
h1 { color: #417B93; font-size: 16px; font-family: Verdana, Tahoma, serif }
h2 { color: #417B93; font-size: 14px; font-family: Verdana, Tahoma, serif }
h3 { color: #417B93; font-size: 12px; font-family: Verdana, Tahoma, serif }
h4 { color: #417B93; font-size: 10px; font-style: normal; font-weight: lighter; line-height: 12px; font-family: Verdana, Tahoma, serif}
table {
 border  : 0px solid #000000;
 width   : 100%;
 margin  : 0px;
 padding : 0px;
}
td {
  font-size: 12px;
  text-decoration: none;
  background-color : white;
  vertical-align: top;
}
li {
  margin-top: 0px;  margin-bottom: 0px; margin-left: 1.2em;
  padding-left: 0px;
}

/* MAIN */
.pagina {
  width : 1000px;
  margin-left: auto; margin-right: auto;
  border : 12px solid #FFFFFF;
  background-color : #FFFFFF;

}
.pagina-sub {
  width : 100%;
  padding-top : 16px;

}
.pagina-logo {
  width : 366px;
}
.pagina-top {
  width : 468px;
}
.pagina-top-content {
  width : 100%;
}

.pagina-border-content {
  border-spacing : 0px;
}
.pagina-border {
  border-spacing : 0px;
}
/* SPACERS */

.spacer {
  width : 8px;
}
.spacer-button {
  width : 9px;
}

/* SUB */
.sub {

  height : 600px;

}
.sub-left {
  width : 120px;
}
.sub-left-content {
  width : 100%
}
.sub-left-content-menu {
 width : 100%
}
.sub-left-content-content {
  width : 100%
}
.sub-content {
  width : 468px;
}
.sub-right {
  width : 246px;
}

.advertentie-top {
 height : 60px;
}

/*EDITIE*/
h1.editie {
  background-color: #417B93;
  color: #FFFFFF;     font-weight: bold;
  padding: 2px; margin : 0px;
  font-size : 12px;
}


.footer, .footer a, .footer a:hover {
  text-align : right;
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;
}
.footer a:hover {
  text-align : right;
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: underline;
}
.menu-footer {
  vertical-align: middle;
  text-align : center;
}
.copyright {
  font-size : 8pt;
}
.copyright a {
  font-size : 8pt;
  text-decoration: none;
}
.copyright a:hover {
  font-size : 8pt;
  text-decoration: underline;
  color : #417B93;
}




/*NEWS*/


.news-latest {
  width : 100%;
}
.news-latest-left, .news-latest-right {
  padding-bottom : 10px;
  border-bottom : 1px dotted #808080;
  width : 230px;
}
.news-latest-left a, .news-latest-right a, .news-latest-single a {
  font-weight : bold;
  text-decoration : none;
  color : #000000;
}
.news-latest-left a:hover, .news-latest-right a:hover, .news-latest-single a:hover {
  font-weight : bold;
  text-decoration: underline;
  color : #000000;
}
.news-latest-header1, .news-latest-header2 {
  color : #000000;
  font-size : 10pt;
  font-weight : normal;
  padding: 2px;
}
.news-latest-header1 a:hover, .news-latest-header2 a:hover {
  font-size : 12px;
  font-weight : bold;
  color: #417B93;
  text-decoration: underline;
  padding: 4px;
}

.news-latest-single {
  padding-top : 10px;
  padding-bottom : 10px;
  border-bottom : 1px dotted #808080;
  margin-bottom : 10px;
}


.news-single {
  padding-bottom : 10px;
  border-bottom : 1px dotted #808080;
}
.news-single2 {
  border-bottom : 0px;
}
.news-single a {
  font-weight : bold;
  text-decoration : none;
}
.news-single a:hover {
  font-weight : bold;
  text-decoration: underline;
}

.news-list {
  width : 100%;
  padding-bottom : 10px;   margin-top : 20px;
  border-top : 1px dotted #808080;
  border-bottom : 1px dotted #808080;
}
.news-list-header-title1, .news-list-header-title2 {
  color : #000000;
  font-size : 12px;
  font-weight : normal;
  padding: 2px;
}

.news-list-header-title1 a, .news-list-header-title2 a, .news-latest-header1 a, .news-latest-header2 a {
  font-size : 12px;
  font-weight : bold;
  color: #417B93;
  text-decoration: none;
  padding: 4px;
}

.news-list2-header-title1, .news-list2-header-title2 {
  padding-bottom : 6px;
}

.news-list2-header-title1 a, .news-list2-header-title2 a {
  font-size : 10px;
  font-weight : bold;
  color: #417B93;
  text-decoration: none;
  padding-bottom : 4px;
}

.news-list-header-date {
  width : 67px;   padding: 2px;
}
.news-list-header-title1 a:hover, .news-list-header-title2 a:hover, .news-latest-header1 a:hover, .news-latest-header2 a:hover {
  font-size : 12px;
  font-weight : bold;
  color: #417B93;
  text-decoration: underline;
  padding: 4px;
}


/*MENU VERTICAL   */

#menu-vertical {
 width : 100%;
 padding : 0px;
 margin : 0px;
 border : 0px;
 text-align : right;
}

#menu-vertical ul{
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0px solid #000000;
}
#menu-vertical li{
  margin: 0;
  padding: 0px;
  width: 100%;
}
#menu-vertical li a {
  display: block;
  text-decoration: none;
  padding: 4px 5px 4px 5px;
border : 0;
 }

#menu-vertical li a:hover, #menu-vertical li a:active{
  background-color: #417B93;
  color: white;
}

#menu-vertical ul ul {
  margin: 0 0 0 0px;
  border: 0px solid #000000;
}

#menu-vertical li li {
  margin: 0px;
  padding: 0px;
  border : 0px;
}
#menu-vertical li li a {
  padding: 4px 5px 4px 20px;
  font-size : 10px;
}

#menu-vertical li li a:hover, #menu-vertical li li a:active {
  background-color: #417B93;
  color: white;
  font-weight : normal;
  font-size : 10px;
}

.menu-vertical-level1-no, .menu-vertical-level1-act, .menu-vertical-level1-actifsub, .menu-vertical-level1-cur {
  background-color: #417B93;
  color: #FFFFFF;   font-weight: bold;
  padding: 4px 5px 4px 20px;
  font-size : 12px;    text-align : right;
}

.menu-vertical-level2-no, .menu-vertical-level2-no a {
  background-color: #FFFFFF;
  color: #000000;   font-weight: normal;
  font-size : 10px;
}
.menu-vertical-level2-act, .menu-vertical-level2-act a {
  background-color: #FFFFFF;
  color: #000000;   font-weight: bold;
  font-size : 10px;

}
.menu-vertical-level2-cur, .menu-vertical-level2-cur a {
  background-color: #FFFFFF;
  color: #000000;   font-weight: bold;
  font-size : 10px;
}
.menu-vertical-level2-actifsub, .menu-vertical-level2-actifsub a {
  background-color: #FFFFFF;
  color: #000000;   font-weight: bold;
  font-size : 10px;
}

.commentaar-naam {
    color : #417B93;
}
.commentaar-datum {
  color : #C0C0C0;
}
.commentaar-bericht {
  font-style : italic;
}
.commentaar {
border-bottom : 1px dotted #000000;
padding-bottom : 20px;
}
.commentaar-list {
border-top : 1px dotted #000000;

}


/* EXTENSIES */
/* default styles for extension "tx_ricrotation_pi1" */
    .tx-ricrotation-pi1 {
      text-align: center;
    }
/* default styles for extension "tx_srfeuserregister_pi1" */
    .tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; padding: 0 .3em; text-indent: 0; }
    .tx-srfeuserregister-pi1 h4 { margin-top: 0; padding-left: .3em; }
    .tx-srfeuserregister-pi1 legend { padding: 0 .5em; font-weight: bold; }
    .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
    .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
    .tx-srfeuserregister-pi1 a { padding-left: 14px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }
    .tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
    .tx-srfeuserregister-pi1 label span { color: #ff0000; }
    .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #ff0000; }
    .tx-srfeuserregister-pi1 input { margin: 0; padding: 0 .5em 0 0; }
    .tx-srfeuserregister-pi1 input[type=password] { margin-right: 1em; }
    * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; }
    .tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; }
    * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; }    
    .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
    .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
    .tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); background-color: transparent; background-repeat: no-repeat; font-size: .8em; margin-left: 1em; }
    .tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
    .tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
    .tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
    .tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
    .tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
    .tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
    .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
    .tx-srfeuserregister-pi1 dt { clear: both; width: 25%; text-align: right; padding-right: 1em; }
    .tx-srfeuserregister-pi1 dd { text-align: left; width: 50%; }
    .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
    .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
    * html .tx-srfeuserregister-pi1 dd { float: none; }
    .tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
    .tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }
/* default styles for extension "tx_veguestbook_pi1" */

    .tx-veguestbook-pi1 {
        font-size:100%;
    }
  
    /* error handling */
  .tx-veguestbook-pi1 p.tx-guestbook-form-error {
    font-weight:bold;
    color:#417B93;
  }
  
  /* display of result count */
  .tx-veguestbook-pi1 .tx-guestbook-result {
    font-weight:bold;
    float:left;
  }
  
  /* pagination */
  .tx-veguestbook-pi1 .tx-guestbook-pagination {
    font-size:75%;
    font-weight:bold;
    float:right;
  }
  
  /* styles for list mode */
  .tx-veguestbook-pi1 h2.tx-guestbook-header {
    clear:both;
    background-color:#666;
    color:#FFF;
    display:block;
    font-size:100%;
    font-weight:bold;
    padding: 1em;
    width: 35em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-left {
    float:left;
    width:12em;
    background-color:#EFEFEF;
    min-height:4em;
    padding: 1em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-left {
    height:4em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-left p {
    color:#333;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-right {
    float:left;
    width:21em;
    background-color:#FFF;
    padding: 1em;
  }
  
  /* styles for latest mode */
  .tx-veguestbook-pi1 .tx-guestbook-latest p,
  .tx-veguestbook-pi1 .tx-guestbook-right p {
    color:#333;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
  .tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-weight: bold;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-right h3 {
    font-size:100%;
    color:#417B93;
    font-weight:bold;
    background-color:none;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
    font-size:75%;
    color:#333;
    font-style: italic;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-latest {
    display:block;
    padding:0.25em;
    clear:both;
  }
  
  /* form styles */
  .tx-veguestbook-pi1 .tx-guestbook-field {
    clear:both;
    width:100%;
    display:block;
    padding: 1em 0;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field label {
    clear: both;
    display: block;
    float: left;
    width: 10em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
    float:left;
    width:10em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
    float:left;
    width:20em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
    width: 30em;
    display: block;
    float: left;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
    color:#417B93;
  }
  
  .tx-veguestbook-pi1 fieldset {
    border:none;
  }
  
  .tx-veguestbook-pi1 legend {
    display:none;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap {
    float:left;
    display:block;
    background-color : #F7F7F7;
    border:1px solid #CCC;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-freecap {
    margin-left:2.25em;
  }
 
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap img {
    float:left;
    display:block;
    padding-left:0.25em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap input {
    float:left;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap label {
    clear:both;
    display:block;
    float:none;
    width:10em;
    margin-bottom:0.5em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap p {
    font-size:75%;
    padding:0.25em;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
    display:none;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
    color:#417B93;
  }
  
  .tx-veguestbook-pi1 .tx-guestbook-clear {
    clear:both;
    display:block;
  }
  
  .tx-veguestbook-pi1 input.tx-guestbook-submit {
    width:auto;
    display:block;
  }
/* default styles for extension "tt_news" */
  /* example styles for the pagebrowser */
    .tx-ttnews-browsebox TD { font-size: 10px; }
    .tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-ttnews-browsebox-SCell { background-color: #EEE; }


/* gallerie - listing */
#tx-lzgallery-pi1-listing {
  border-style:none;border-width:0px;border-color:#00008c;border-collapse:collapse;
  }
#tx-lzgallery-pi1-listing tr.line1 {background-color:lightgrey;color:black;}
#tx-lzgallery-pi1-listing tr.line1 td.startdate{white-space:nowrap;}
#tx-lzgallery-pi1-listing tr.line1 td.count{white-space-nowrap;padding-left:20px;}
#tx-lzgallery-pi1-listing td.preview {padding:0px;width:80px;padding-left:4px;}
#tx-lzgallery-pi1-listing td.title {font-size:16px;font-face:bold;padding-left:10px;width:80%;}
#tx-lzgallery-pi1-listing tr.line2 {padding:0px; }
#tx-lzgallery-pi1-listing a {color:black;}
#tx-lzgallery-pi1-listing #line-descr-short {
  border-top-width:0px;border-top-style:none;border-top-color:#00008c;}
#tx-lzgallery-pi1-parent-descr-short {padding:4px 4px 20px 4px;}
#tx-lzgallery-pi1-parent-title {font-size:20px;padding:4px 4px 4px 4px;}
#tx-lzgallery-pi1-parent-count {padding:4px 4px 4px 4px;}
#tx-lzgallery-pi1-parent-subcount {padding:0px 4px 4px 4px;}
#tx-lzgallery-pi1-listing td.information {font-size:10px;white-space:nowrap;}

/* gallery - album  */
#tx-lzgallery-pi1-fotonav td {text-align:center;padding-left:15px;}
#tx-lzgallery-pi1-fotonav td.descr {color:#00008c;}
#tx-lzgallery-pi1-fotonav {background-color:lightgrey;border-color:#00008c;border-style:solid;border-width:2px;font-family:verdana;}
#tx-lzgallery-pi1-fotos {border-width:0px;border-style:solid;border-color:#00008c;text-align:center;padding:5px 5px 5px 5px;background-color:white;border-collapse:collapse;font-family:verdana;}
#tx-lzgallery-pi1-fotos td {text-align:center;padding:0;border-style:solid;border-width:0px;border-color:#00008c;padding:3px;}
#tx-lzgallery-pi1-title {border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#00008c;text-align:center;margin-bottom:20px;font-size:20px;}
#tx-lzgallery-pi1-descr-long {margin:5px 5px 15px 5px;text-align:justify;}
/* gallery - annotations */
.tx-lzgallery-pi1-5x5-filename {font-size:10px;font-style:italic;}
.tx-lzgallery-pi1-1x1-1 {font-size:12px;font-face:bold;border-bottom:1px solid lightgray;
.tx-lzgallery-pi1-1x1-2 {font-size:12px;border:1px solid lightgray;margin:3px 3px 3px 3px;}
.tx-lzgallery-pi1-1x1-filename {font-size:10px;font-style:italic;}