/*Style Sheet gebruikt en aangepast voor www.natuurpunt-zuid-waasland.be
door Theo Fischer */

/*
------------------------------------------------------
Nota

1. in deze website is 'Tan Hack (w\idth)' gebruikt 
IE box model toepassing.De'Tan Hack' is uitgebreid beschreven in:
http://www.positioniseverything.net/articles/box-model.html
------------------------------------------------------
*/

/* Elements */

body {background-color: #ffffff;
color: #000;
font: normal 0.70em/1.6em Verdana, Tahoma, sans-serif;
background-image: url(http://www.natuurpunt-zuid-waasland.be/npafb/background.jpg);/**/
background-repeat: repeat-y;
background-position: +5px;}

/*background-position: +5px;*/

body, div, ul, li, h1, h2, h3 {margin: 0;
padding: 0;}

ul {list-style-position: outside;
list-style-image: none;
list-style-type: none;}

p {margin: 0 auto 1em auto;
font-size: 1.4em;}

h1 {margin-bottom: 20px;
/*color: #000;*/
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 25px;
/*background-color: #ffffff;*/}
.h1-bl {color: #000000;
background-color: #ffffff;}

h2, h3 {padding-bottom: 5px;
/*color: #000001;*/
border-bottom: 0px dotted #E63C1E;
font: bold 150% Verdana, Helvetica, Arial, sans-serif;}
h3 {font-size: 20px;}

h4 {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
/*color: #000000;*/
text-align: inherit;
/*line-height: 0,3em;*/
display: inline;
white-space: normal;
text-decoration: underline;
letter-spacing: 2px;
margin-bottom: 5px;
/*background-color: #ffffff;*/}

h5 {padding-bottom: 5px;
/*color: #000;*/
/*border-bottom: 0px #E63C1E dotted;
border-bottom: 4px #d48b45 solid;*/
font: 600 10px Verdana, Helvetica, Arial, sans-serif;
background-color: #ffffff;/**/
text-align: center;
border: thin #000000;
border-top: 1px black solid;
border-bottom: 1px black solid;
border-left: dotted;
border-right: dotted;}

a {color: #001;
border-bottom: 1px #000000 none;
text-decoration: none;}

a:active, a:hover, a:focus {color: #db0000;
border-bottom-color: #CCC;}

.pf {width: 40px;
text-align: center;
float: left;}
.pl { font-size: larger;}

p.indent {margin-left:40px}

acronym {border-bottom: thin #000000 dashed;}
.nav-info {font-size: 1.2em;
font-weight: bold;
font-style: normal;
/*text-decoration: underline;*/
color: #CC3333;
text-align: inherit;
line-height: 17px;}

hr {
border: #000000 solid;
width: 80%;
height: 1px;}/**/

/* IDs and Classes */

/* Nav Top */

#tel {background-image: url(npafb/tel-text.gif);
background-repeat: no-repeat;
width: 147px;
height: 20px;}

#container {float: left;
width: 780px;
w\idth: 769px;
padding-right: 10px;
/*background-color: #ffffff;*/
border-bottom: 2px dotted #000;
border-right: 1px #000 solid;
border-left: 1px #000 solid;}

/* voor fotoalbums */

#fotocontainer1 {background-color: #fefff6;
width: 500px;
max-width: 500px;
min-width: 480px;
border: 0px black solid;
margin: 5px;
/*padding: 5px;
*/
text-align: center;
height: 710px;
max-height: 720px;
min-height: 590px;
font: normal italic small/normal Verdana, Helvetica, Arial, sans-serif;
color: #7f7f7f;}

#banner {float: left;
padding: 15px 0 0 10px;
width: 780px;
/* was 780 */
w\idth: 770px;
height: 100px;
he\ight: 85px;
color: #FFF;
font-weight: bold;
text-transform: lowercase;/**/
text-align: right;
font-style: italic;
font-size: 14px;
background-image: url(http://www.natuurpunt-zuid-waasland.be/npafb/bgr-06-zw.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #000;
border-right: 1px #000001 solid;}

#nav-toplevel {float: left;
width: 780px;
w\idth: 770px;
height: 30px;
padding-left: 10px;
background-color: black;
border-right: 1px #000000 solid;}

#nav-toplevel #nav-meta {float: right;
width: 140px;
text-align: right;
text-transform: lowercase;}

#nav-toplevel #nav-meta ul li {float: right;
padding-right: 8px;
color: #fe8b00;}

#nav-toplevel #nav-meta ul li a {float: left;
padding: 0 5px;
border-bottom: 1px dotted #C30;}

#nav-toplevel #nav-meta ul li a:active,
#nav-toplevel #nav-meta ul li a:hover,
#nav-toplevel #nav-meta ul li a:focus {color: #faff7a;
background-color: teal;}

#nav-toplevel #nav-main {position: absolute;
top: 112px;
left: 6px;
width: 770px;}

#nav-toplevel #nav-main ul li {float: left;
padding-right: 6px;}

#nav-toplevel #nav-main ul li a {float: left;
color: #fffffd;
border-bottom: none;
text-transform: uppercase;
font-weight: bold;
/*font-size: 8pt;!important;
font-style: normal;*/}

#nav-toplevel #nav-main ul li a:active,
#nav-toplevel #nav-main ul li a:hover,
#nav-toplevel #nav-main ul li a:focus,
#nav-toplevel #nav-main ul li a.current {color: #fffffc;
border-bottom: 4px #fffffe dotted;}

/* Content Center */
#content2 {float: left;
width: 95%;
w\idth: 95%;
padding: 19px 15px 0 10px;}

#container #content {float: left;
width: 640px;
w\idth: 615px;
padding: 19px 15px 0 10px;}


#container #content2 #content p {width: 615px;
text-align: justify;}

#container #content2 #content p:hover {/*color: #000001;*/
font-weight: 500;}

.h1-kl {font-size: medium; 
font-weight: bolder;
background-color: #fffffe;
color: #000001;}/**/ 	   

.nav {color: #fffffe;
font-size: medium; 
font-style: italic;
font-weight: bold;
background-color: #000000;}

.dt {font: 700 medium "Arial Verdana sans-serif";/*normal */
  text-decoration: underline !important;
  color: #000004;
  background-color: transparent;
}

/* tekstkleur */

#container #content2 #content p:first-letter {color: #000;
font: bold 120% Georgia, serif;}

/* Nav Right */

#nav-info {font-size: 1.2em;
font-weight: bold;
font-style: normal;
/*text-decoration: underline;*/
color: #ff0000;
text-align: left;
line-height: 17px;
/*background-color: #000000;*/}

#nav-subs {float: left;
width: 129px;
padding-top: 10px;}

#nav-subs1 {float: left;
width: 129px;
padding-top: 5px;
border: 1px #000000;
background-color: #ffffff;/**/
text-align: center;
border-top: 1px black solid;
border-bottom: 1px black solid;}

#nav-subs #nav-subs1 #nav-section,
#nav-subs #nav-supp {float: left;}

#nav-subs #nav-subs1 #nav-section li:first-child,
#nav-subs #nav-supp li:first-child {border-top: 1px #171616 dotted;}

#nav-subs #nav-subs1 #nav-section ul:before,
#nav-subs #nav-supp ul:before {display: block;
padding-bottom: 4px;
font: bold 100% Arial, Helvetica, sans-serif;
text-transform: capitalize;
line-height: 0.9em;
/*content: attr(title);*/}

#nav-subs #nav-subs1 #nav-section ul li,
#nav-subs #nav-supp ul li {float: left;}

#nav-subs #nav-subs1 #nav-section ul li a,
#nav-subs #nav-supp ul li a {display: block;
width: 129px;
w\idth: 124px;
height: 19px;
he\ight: 18px;
border: none;
/*color: #000002;*/
text-transform: capitalize;}

/*#nav-subs #nav-subs1 #nav-section ul li a:active,
#nav-subs #nav-subs1 #nav-section ul li a:hover,
#nav-subs #nav-subs1 #nav-section ul li a:focus,
#nav-subs #nav-subs1 #nav-supp ul li a:active,
#nav-subs #nav-subs1 #nav-supp ul li a:hover,
#nav-subs #nav-subs1 #nav-supp ul li a:focus,
#nav-subs #nav-subs1 #nav-section ul li a.youarehere {color: teal;
border-right: 5px teal solid;}*/

#nav-subs #nav-subs1 #nav-section {padding-bottom: 20px;}
/*#nav-toplevel #nav-meta ul li a:focus #nav-subs 
#nav-subs1 #nav-section ul li a.youarehere #banner #info-site { background-color: #000000;}*/

/* Nav Bottom */

#info-site {clear: both;
margin: 0;
width: 780px;
padding: 5px 0;
background-color: #ffffff;/**/
height: 55px;
/* border-left: 1px #008080 solid;
*/
border-right: 1px #000000 solid;
border-left: 1px #000000 solid;
color: #000000;/**/}

#info-site p {margin: 0;
padding: 0;
text-align: center;}

#info-site p#info-company {color: #000;
background-color: #ffffff;}

#info-site p#info-company a,
#info-site p#info-standards a {border-bottom: 2px dotted #ffffff;
color: #ffffff;
text-decoration: underline;
background-color: #000000;/**/
font-weight: 600;
font-size: 6pt !important;}

#info-site p#info-company a:active,
#info-site p#info-company a:hover,
#info-site p#info-company a:focus,
#info-site p#info-standards a:active,
#info-site p#info-standards a:hover,
#info-site p#info-standards a:focus {color: #000;
background-color: #fff;}

#info-site p#info-standards {padding-top: 5px;
background-color: #fff;
color: #00000d;}

#footer {color: #000004;
/*font-size: 6pt !important;*/}

/*background-image: url(http://www.natuurpunt-zuid-waasland.be/npafb/bgr-footer.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;*/
/*background-color: teal;
border-right: 1px #008080 solid;*/

/*body:after {
content: "The End";
display: block;
margin-top: 2em;
text-align: center;}*/

#form {
width: 90px;
height: 15px;
min-width: 90px;
max-width: 92px;
min-height: 14px;}

table tr td {
font-size: 1.3em;
border: 1px #000 solid;
background-color: #fffffb;}
table {
color: black;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: normal;
font-style: normal;}

.table2 {
color: black;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
border: none;}

/* hoofding-nieuw*/
.header {font-size: 50pt;
font-family: monospace;
font-weight: bold;
color: black;
margin-left: 30px;
font-style: normal;
margin-top: 5px;}

.header2 {font-size: 28pt;
font-family: Verdana;
margin-left: 330px;
text-align: left;
color: black;
font-style: italic;
font-weight: bold;
margin-top: 10px;}