/*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: #E8EDF1;
color: #5c5c5c;
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;}

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

.h1-bl {color: #53009F;
background-color: #fefff6;}

h2, h3 {padding-bottom: 5px;
color: #000;
border-bottom: 0px dotted #E63C1E;
font: bold 120% Verdana, Helvetica, Arial, sans-serif;}

h3 {font-size: 15px;}

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

h5 {padding-bottom: 5px;
color: #000;
/*border-bottom: 0px #E63C1E dotted;
border-bottom: 4px #d48b45 solid;*/
font: bolder 10px Verdana, Helvetica, Arial, sans-serif;
background-color: #339999;
text-align: center;}

a {color: #000;
border-bottom: 1px #C30 none;
text-decoration: none;}

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

.foto, a:active, a:hover, a:focus {border-bottom: none;}

/*a[href^="mailto"]:hover:after { content: " > " attr(title); }*/

a img{
border:0;}

.pf {width: 40px;
text-align: center;
float: left;}

.pl { font-size: larger;}

p.indent {margin-left:40px}

acronym {border-bottom: thin #c0c0c0 dashed;}

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

.form-info {
color: #008081;
font-style: italic;
font-weight: normal;}

hr {
border-style: solid;
border-color: #8B8E1C;/**/
width: 80%;
height: 2px;}/**/

/* 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: #fefff6;
border-bottom: 1px dotted #000;
border-right: 1px #008080 solid;
border-left: 1px #008080 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 0px 0px 10px;
width: 770px;
/* was 780 */
w\idth: 770px;
height: 70px;
he\ight: 75px;
color: #FFF;
font-weight: bold;
text-transform: lowercase;/**/
text-align: right;
font-style: italic;
font-size: 14px;
/**/background-image: url(npafb/bgr-06.jpg);
background-repeat: no-repeat;/*http://www.natuurpunt-zuid-waasland.be/*/
background-position: 0px 0px;
background-color: teal;
border-right: 1px #008080 solid;}

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

#nav-toplevel {float: left;
width: 780px;
w\idth: 770px;
height: 30px;
padding-left: 10px;
background-color: teal;
border-right: 1px #008080 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: 11px;
width: 770px;}

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

#nav-toplevel #nav-main ul li a {float: left;
color: #ffff99;
border-bottom: none;
text-transform: uppercase;
font-weight: bold;}

#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: #FFF;
border-bottom: 4px #d48b45 solid;}
#nav-toplevel #nav-main ul li a.current {
background-color: #d48b45}
/* 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: #282828;
font-weight: 500;}

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

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

.dt {font: normal  700 small "Arial Verdana sans-serif";
  text-decoration: underline !important;
  color: teal;
  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: #ff3f00;
text-align: left;
line-height: 17px;
background-color: #fefff6;}

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

#nav-subs1 {float: left;
width: 129px;
padding-top: 15px;
/*background-image: url(npafb/logo_natuurpunt.jpg);
background-repeat: repeat-y;*/
text-align: center;
background-color: #f9fada}

.nav-subs1 {float: left;
width: 129px;
padding-top: 15px;
/*background-image: url(npafb/logo_natuurpunt.jpg);
background-repeat: repeat-y;*/
text-align: center;
background-color: #f9fada}

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

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

.nav-subs1 #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-subs1 #nav-subs #nav-subs1 #nav-section ul li,
#nav-subs #nav-supp ul li {float: left;}

.nav-subs1 #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: #000;
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-subs1 #nav-subs #nav-subs1 #nav-section {padding-bottom: 20px;}

.nav-subs1 #nav-toplevel #nav-meta ul li a:focus #nav-subs 
#nav-subs1 #nav-section ul li a.youarehere #banner #info-site { background-color: teal;}

/* Nav Bottom */

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

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

/*#info-site p#info-company {
background-color: #008080;}*/
/*color: #000;*/
#info-site p#info-company a,
#info-site p#info-standards a {border-bottom: 0px dotted #C30;
/*color: #000;*/
text-decoration: underline;
/*background-color: #008080;*/}

#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: #FFF;
/*background-color: #008080;*/}

#info-site p#info-standards {padding-top: 5px;
/*background-color: #008080;
color: #000000;*/}

#footer {color: #000;}
/*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;
max-height: 15px;}

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;}

.table1 {
color: black;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 500;
font-style: normal;
border: none;}

#list {float: left;
width: 610px;
/*w\idth: 770px;*/
height: 350px;
padding-left: 10px;
background-color: inherit;
/*border-right: 1px #008080 solid;*/
display: block;}


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

/* was 10px */

.header2 {font-size: 28pt;
font-family: Verdana;
margin-left: 330px;
/*margin-top: 55px;*/
text-align: left;
color: teal;
/* #66CC00 */
font-style: italic;
font-weight: bold;
/*margin: 5px;*/
margin-top: 10px;}

.header2bpl {font-size: 14pt;
font-family: Verdana;
margin-left: 10px;
/*margin-top: 55px;*/
text-align: left;
/* #66CC00 */
font-style: italic;
font-weight: bold;
/*margin: 5px;*/
margin-top: 10px;
color: black;}