/* Normalizes margin, padding */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, cite, fieldset, textarea,
button, input, p, blockquote {
margin: 0;
padding : 0;
font-size: 100%;
font-style: normal;
font-weight: normal;
border: 0;
}


/* Removes border from fieldset and img */
img, table, td, tr {
border: 0;
}


/* refurbishing the fontz */

h1 {
  font-size: 160%; color: #888888;
  font-weight: bold;
  letter-spacing: 3px; text-transform: uppercase;
  margin: 25px 0px 10px 30px;
}

h2, h3 { 
  color: #505050;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 25px 0px 2px 0px; display: block;
}

h2 {
  font-size: 120%;
  text-transform: uppercase;
}

h3 {
  font-size: 120%;
  clear: left;
}

p {
 font-size: 120%; font-family: Tahoma, Verdana, Arial; letter-spacing: 1px; padding: 2px 0px;
}




/*  content  */

body { 
background-color: #FFFFFF; background-image:url("http://users.telenet.be/bulevardi/images/coffee.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: top left; 
font-family: Arial; font-size: 3mm; color: #000000; text-align: center;
margin: 0px; overflow: hidden;
}

#container {
width: 800px; height: 600px;
margin: -300px 0px 0px -400px;
top: 50%; left: 50%;
position: absolute; 
background: transparent;
}

#nav {
position: relative;
text-align: left; 
width: 100%; height: 20px; 
}

#content {
position: relative; overflow: auto;
width: 738px; height: 518px; padding: 20px;  
border: 2px solid #000000;
text-align: left;
}

.corners {
  -moz-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
}

#navlinks {
padding-left: 20px;
}

#navlinks li {
display: inline; list-style-type: none;  margin-right: 5px; letter-spacing: 3px;
}
#navlinks li a { margin: 5px; }

#stop {
position: absolute; 
right: 2%; 
}

#footer {
position: relative;
width: 100%; height: 20px; text-align: center; top: 5px;
}

.lijsthekjes li {
display: inline; list-style-type: none; margin-right: 5px; letter-spacing: 3px;
}
.lijsthekjes li a { margin: 5px; }

.hekje {
color: #000000;
}





/* fotos */

.fotos { clear: both; }

.fotos li {
  float: left; display: inline; list-style-type: none;
  text-align: center; 
  width: 165px; 
  border: 1px dotted #888888;
  margin: 0px 5px 5px 0px; padding: 4px 0px;
}

.foto img { padding: 7px; margin: 15px 0px 10px 0px; border: 1px #000000 solid; background-color: #FFFFFF; }




 /*   The Navigation Links   */

#navlinks li a:link, #navlinks li a:visited {
color: #000000; text-decoration: none; 
}

#navlinks li a:hover, #navlinks li a:active {
color: #333333; text-decoration: underline; 
}



/* Other Links */


a:link, a:visited { color: #707070; text-decoration: none; }
a:hover,a:active { color: #000000; text-decoration: underline; }




/* transforming the forms */

input, select, button {
  display: block; float: left; list-style: none;
  width: 150px; margin: 3px; border: 1px solid #999999;
}

input:focus, select:focus, button:focus {
  display: block; float: left;
  width: 150px; margin: 3px; border: 2px solid #000000;
}

label {
  display: block; float: left;
  width: 170px; margin: 3px;
  border: 0px; text-align: right;
}

textarea {
  display: block; list-style: none;
  height: 150px; width: 600px; margin: 3px; padding: 10px 5px 10px 30px;
  border: 1px solid #999999; font-family: Courier;
}

fieldset { 
  padding: 20px; width: 350px;
  text-align: right;
  border: 1px solid #996600;
}

legend {
  border: 0px;
}



/*  andere klassen */

 #kernafval, #atoombom { display: inline; font-weight: bold; font-family: Courier;}


.breek { clear: both; }
.hidden { height: 0px; width: 0px; visibility: hidden; }
.zonderbollekes li { list-style-type: none; text-indent: 10px; font-size: 3.5mm; }

.metbollekes li { list-style-type: disc; font-size: 3.5mm; font-size: 120%; font-family: Tahoma, Verdana, Arial; letter-spacing: 1px; padding: 2px 0px;}
.metbollekes { margin: 20px; }

.opvallend { font-weight: bold; font-family: Tahoma, Verdana, Arial; }
.opvallend a { text-decoration: underline; }