html {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
}

body 
{
  /*background-image: url(../images/bg-top.jpg); */
  background-repeat: no-repeat; 
  background-position: center top;
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Arial, Sans-Serif;
}

#omhulsel {
  background: url(../images/bg-bot.jpg) no-repeat center bottom; 
  min-height: 100%;

}

#container {
  width: 990px;
  position: relative;
  margin: 0 auto;
  padding-bottom: 100px;
  min-height:100%;
}

.tblback {
  /*background: url(../images/home-bg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;*/
  vertical-align: bottom;
  width: 100%;
  height: 100%;
}

#site {
  margin: 0 auto;
  height: 668px;
  width: 990px;
  position: relative;
}

#nme-logo{
  top: 5px;
  left: 5px;
  width: 248px;
  height: 88px;
  position: absolute;
  background: url(../images/logo.gif);
  display: block;
}

#hyves{
  top: 68px;
  left: 290px;
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(../images/hyves_nme.gif);
  display: block;
}

#twitter{
  top: 68px;
  left: 268px;
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(../images/twitter_nme.gif);
  display: block;
}

#menu {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 20px;
  display: block;
  z-index: 99;
}

#zoeken,
#zoeken_vervolg {
  position: absolute;
  z-index: 4;
  top: 54px;
  left: 802px;
  width: 180px;
  height: 69px;
  margin: 0;
  color: #fff;
  display: block;
  background: url(/interface/images/bg_zoeken.gif) no-repeat;
}

#zoeken_vervolg {
  top: 745px;
  right: 190px;
}

#zoeken .titel {
  font-size: 12px;
  text-transform: uppercase;
  margin: 10px 0px 12px 13px;
  font-weight: bold;
}

#zoeken .tbx {
  width: 117px;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #8a3ec4;
  border: 1px solid #8a3ec4;
  margin-left: 13px;
  padding: 4px;
}

#zoeken .btn {
  position: absolute;
  right: 12px;
  top: 38px;
}

#zoeken .btn img {
  border: 0px;
}

#groen_artikel {
  position: absolute;
  z-index: 4;
  top: 397px;
  left: 687px;
  width: 298px;
  height: 129px;
  margin: 0;
  padding-top: 8px;
  color: #fff;
  background: url(../images/bg-artikel-groen-home.gif) no-repeat;
}

/*------- stijlen: nieuwsbrief --------------- */

#nieuwsbrief {
  position: absolute;
  z-index: 4;
  top: 445px;
  left: 448px;
  width: 180px;
  height: 69px;
  margin: 0;
  color: #fff;
  display: block;
  background: url(/interface/images/bg_nieuwsbrief.gif) no-repeat;
}

#nieuwsbrief .titel {
  font-size: 12px;
  text-transform: uppercase;
  margin: 10px 0px 12px 13px;
  font-weight: bold;
}

#nieuwsbrief .tbx {
  width: 117px;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #d0690b;
  border: 1px solid #d0690b;
  margin-left: 13px;
  padding: 4px;
}

#nieuwsbrief .btn {
  position: absolute;
  right: 12px;
  top: 38px;
}

#nieuwsbrief .btn img {
  border: 0px;
}

#groen_artikel {
  position: absolute;
  z-index: 4;
  top: 397px;
  left: 687px;
  width: 298px;
  height: 129px;
  margin: 0;
  padding-top: 8px;
  color: #fff;
  background: url(../images/bg-artikel-groen-home.gif) no-repeat;
}

#groen_artikel_shadow{
  position: absolute;
  top: 394px;
  left: 25px;
  background: url(../images/bg-artikel-groen-home-shadow.jpg) no-repeat; 
  width: 294px;
  height: 29px;
  display: none;
  margin: 0;
  padding: 0;
}

.positiondivnieuws {
  position: relative;
  width: 294px;
  height: 129px;
  display: block;
}

.nieuwstitel {
  position: absolute;
  top: 0px;
  left: 15px;
  height:18px;
  overflow:hidden;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.nieuwsdatum {
  position: absolute;
  top: 0px;
  right: 19px;
  text-align: right;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

.nieuwscontent {
  position: absolute;
  top: 33px;
  font-size: 11px;
  color: #ffffff;
  width: 262px;
  height: 76px;
  padding-right: 20px;
  padding-left: 16px;
  line-height: 18px;
}

.nieuwscontent a {
  color: #ffffff;
}

.nieuwscontent img {
  float: left;
  margin-top: 5px;
  margin-right: 11px;
}

.leesmeer {
  position: absolute;
  top: 105px;
  left: 222px;
  color: #ffffff;
  font-weight: bold;
  font-family: Verdana, Sans-Serif;
  font-size: 10px;
  text-decoration: none;
}

.leesmeer:hover {
  text-decoration: underline;
}

#kids {
  position: absolute;
  top: 44px;
  left: 491px;
}

#milieu {
  position: absolute;
  padding-top: 50px;
  padding-left: 16px;
  top: 190px;
  left: 177px;
  width: 189px;
  height: 60px;
  background: url(../images/bg-artikel-blauw-home.gif) no-repeat;
  font-size: 10px;
}

#milieu a {
  color: #ffffff;
  text-decoration: none;
}

#milieu a:hover {
  text-decoration: underline;
}

#milieu_shadow {
  position: absolute;
  top: 403px;
  left: 347px;
  background: url(../images/bg-artikel-blauw-home-shadow.jpg) no-repeat; 
  width: 294px;
  height: 23px;
  display: none;
}

#kleinevlinder {
  position: absolute;
  top: 421px;
  left: 603px;
  z-index: 10;
}

#educatie {
  position: absolute;
  top: 145px;
  left: 0;
  width: 145px;
  height: 63px;
  padding-left: 15px;
  padding-top: 36px;
  background: url(../images/bg-artikel-oranje-home.jpg) no-repeat;  
  font-size: 10px;
}

#educatie a {
  color: #ffffff;
  text-decoration: none; 
}

#educatie a:hover {
  text-decoration: underline;
}

#educatie_shadow {
  position: absolute;
  top: 446px;
  left: 600px;
  background: url(../images/bg-artikel-oranje-home-shadow.jpg) no-repeat; 
  width: 132px;
  height: 30px;
  display: none;  
}

#natuur {
  position: absolute;
  top: 425px;
  left: 20px;
  width: 338px;
  height: 66px;
  padding-left: 13px;
  padding-top: 30px;
  background: url(../images/bg-artikel-rood-home.jpg) no-repeat;  
  font-size: 10px;
}

#natuur a {
  color: #ffffff;
  text-decoration: none; 
}

#natuur a:hover {
  text-decoration: underline;
}

#natuur_shadow {
  position: absolute;
  top: 521px;
  left: 20px;
  /*background: url(../images/bg-artikel-rood-home-shadow.jpg) no-repeat; */
  width: 351px;
  height: 27px;
  display: block;  
}

#duurzaam {
  position: absolute;
  top: 328px;
  left: 57px;
  padding-left: 99px;
  padding-top: 34px;
  width: 121px;
  height: 50px;
  background: url(../images/bg-artikel-grijs-home.jpg) no-repeat;  
  font-size: 10px;
}

#duurzaam a {
  color: #ffffff;
  text-decoration: none; 
}

#duurzaam a:hover {
  text-decoration: underline;
}

#duurzaam_shadow {
  position: absolute;
  top: 487px;
  left: 721px;
  background: url(../images/bg-artikel-grijs-home-shadow.jpg) no-repeat; 
  width: 242px;
  height: 31px;
  display: block;   
}

#wolken {
  position: absolute;
  top: 12px;
  left: 12px;
}

#teller {
  position: absolute;
  top: 380px;
  left: 40px;
  width: 149px;
  height: 104px;
  display: block;
}

#copyright {
  position: absolute;
  bottom: 72px;
  left: 10px;
  font-family: verdana;
  font-size: 11px;
  color: #ffffff;
}

#iniatief {
  position: absolute;
  bottom: 112px;
  right: 10px;
  text-align: right;
  font-family: verdana;
  font-size: 11px;
  color: #ffffff;
}

#discpriv {
  position: absolute;
  bottom: 72px;
  right: 10px;
  text-align: right;
  font-family: verdana;
  font-size: 11px;
  color: #ffffff; 
}

#discpriv a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

#discpriv a:hover {
  text-decoration: underline;
}

#tooltip {
background:none repeat scroll 0 0 #E8F0FC;
border:1px solid #CCCCCC;
padding:3px;
position:absolute;
z-index:99;
}

/* Foto album innerfade */

#photoalbum {
  position: absolute;
  left: 417px;
  top: 234px;
  overflow: hidden;
  background: url(/interface/images/calender-top.png) no-repeat center top;
  width: 233px;
  padding-top: 59px;
}

#photoalbum #photoalbum-inner {
  display: block;
  width: 220px;
  height: 133px;
  margin: 0px auto;
  background: url(/interface/images/calender-bottom.png) no-repeat center bottom;
  padding: 0px 0px 0px 0px;
  position: relative;
}

#photoalbum #photoalbum-inner #photoalbum-holder {
  position: absolute;
  display: block;
  width: 200px;
  height: 150px;
  overflow: hidden;
  top: -49px;
  margin: 0px auto 0px;
}

/* Kalender */

.calendar-holder {
  position: absolute;
  right: 30px;
  top: 156px;
  background: url(/interface/images/calender-top.png) no-repeat center top;
  z-index: 4;
  width: 233px;
  padding-top: 59px;
}

.calendar-holder .calender-holder-inner {
  display: block;
  width: 220px;
  margin: 0px auto;
  background: url(/interface/images/calender-bottom.png) no-repeat center bottom;
  padding: 0px 0px 25px 0px;
}

.calendar {
  width: 200px;
  margin: -59px auto 0px;
  font-size: 11px;
}

.calendar td { padding: 1px; }

.calendar .calendar-month {
  height: 28px;
}

.calendar .calendar-header {
  margin-top: 7px;
  text-transform: uppercase;
}

.calendar .calendar-header,
.calendar .calendar-days,
.calendar .calendar-nav {
  width: 200px;
  color: #ffffff;
}

.calendar .calendar-header td,
.calendar .calendar-days td {
 width: 25px;
 padding: 3px;
 text-align: center;
 background: none; 
 color: #ffffff;
}

.calendar .calendar-header td { padding: 0; }

.calendar a {
  color: #ffffff;
}

.calendar .calendar-nav a {
  font-weight: bold;
  text-decoration: none;
}

.calendar .calendar-nav a:hover {
  text-decoration: underline;
}

#tooltip {
  background: #e58e47;
  font-size: 11px;
  border: 1px solid #df720f;
  color: #ffffff;
}

/*.calendar
{
  position:absolute;
}*/