/* General positioning */
html, body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  overflow: hidden;
  font-family: 'arial rounded MT bold', helvetica, arial, verdana, sans;
}
body {
  background: #e796bf url(../graphics/background.jpg) repeat-x top;
}
#inner_site {
  position: absolute;
  height: 390px;
  width: 810px;
  top: 90px;
  left: 20px;
  padding: 0px 20px 20px;
}
#mask {
  background: url(../graphics/mask.png);
}
#close_popup {
  background: url(../graphics/close2.png) no-repeat;
  width: 65px;
  height: 16px;
  cursor: pointer;
  cursor: hand;
  margin: 260px 130px 0px 0px;
}

#inner_popup {
  margin: 70px 115px;
  width: 700px;
  height: 190px;
}
#logo {
  position: absolute;
  height: 151px;
  width: 320px;
  top: -30px;
  left: -15px;  
}
#buzzer {
  position: absolute;
  height: 22px;
  width: 75px;
  bottom: -26px;
  right: 90px;  
}
#mona {
  position: absolute;
  height: 33px;
  width: 51px;
  bottom: -30px;
  right: 30px;  
}
#menu {
  position: absolute;
  height: 49px;
  width: 580px;
  top: 40px;
  right: 20px;
}
#menu ul {
  margin: 0px;
  padding: 0px;
}
#menu li {
  display: inline;
  margin: 0px;
  padding: 0px;
}
#menu a {
  float: left;
  width: 144px;
  height: 33px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding-top: 16px; 
  font-family: arial; 
}
#button1 {
  background: url(../graphics/buttons.png) 0px 0px;
}
#button1:hover {
  background: url(../graphics/buttons.png) 0px 49px;
}
#button2 {
  background: url(../graphics/buttons.png) 432px 0px;
}
#button2:hover {
  background: url(../graphics/buttons.png) 432px 49px;
}
#button3 {
  background: url(../graphics/buttons.png) 288px 0px;
}
#button3:hover {
  background: url(../graphics/buttons.png) 288px 49px;
}
#button4 {
  background: url(../graphics/buttons.png) 144px 0px;
}
#button4:hover {
  background: url(../graphics/buttons.png) 144px 49px;
}
#footer {
  position: absolute;
  height: 49px;
  width: 580px;
  bottom: -40px;
  left: 30px;
  z-index: 1000; 
}
#footer ul {
  margin: 0px;
  padding: 0px;
}
#footer li {
  display: inline;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
}
#footer a {
  font-size: 12px;
  color: #be1d84;
  text-decoration: none;
}

/* Basic styling */
p {
  color: #fff;
  font-size: 14px;
  font-family: arial;
  font-weight: bold;
  line-height: 1.4em;
}
h1 {
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  height: 40px;
}
h2 {
  margin: 0px;
  padding: 0px;
  color: #be1d84;
  font-size: 16px;
}
h3 {
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-size: 16px;
}
a {
  color: #be1d84;
}
a img {
  border: none;
}


/* HOME */

#home_cloud {
  position: absolute;
  height: 271px;
  width: 748px;
  bottom: -50px;
  right: -60px;  
  background: url(../graphics/home_cloud.png);
}
#home_text, #grafiek_text {
  position: absolute;
  top: 30px;
  right: 40px;
  width: 490px;
  text-align: center;
}
#home_text p {

}
#invullen {
  position: absolute;
  bottom: 20px;
  left: -15px;
  width: 159px;
  height: 131px;
}

#last_dream {
  position: absolute;
  top: 60px;
  left: 30px;
  width: 260px;
  height: 180px;
  overflow: hidden;
}
#last_dream p {
  color: #fff;
  font-size: 13px;
  font-style: italic;
  font-family: arial;
  font-weight: normal;
}
#inner_home_cloud {
  position: absolute;
  height: 146px;
  width: 580px;
  top: 74px;
  left: 80px; 
  text-align: center;
}

/* INVULLEN */

#invul_cloud {
  position: absolute;
  height: 183px;
  height: 193px;
  width: 493px;
  width: 550px;
  bottom: 35px;
  right: -10px;  
  background: url(../graphics/invul_cloud2.png);
}
#dagdroom {
  width: 415px;
  height: 90px;
  border: none;
  margin-left: 60px;
  margin-top: 58px;
  color: #be1d84;
  font-family: arial;
  font-size: 14px; 
  background: #fff;
}
#invul_form {
  position: absolute;
  top: 60px;
  left: 25px;
  width: 250px;
  height: 300px;
  font-size: 14px;
  color: #fff;
}
#invul_button {
  position: absolute;
  height: 33px;
  width: 144px;
  bottom: 5px;
  right: 10px; 
}
a.button {
  float: left;
  width: 144px;
  height: 33px;
  background: url(../graphics/button.png);
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding-top: 16px;
}
input.button {
  width: 144px;
  height: 49px;
  background: url(../graphics/button.png);
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  border: none;
  padding: 0px;
}
a.button:hover {
  background: url(../graphics/button.png) 0px 49px;
}
div.formitem {
  float: left;
  margin: 5px 0px 5px 20px;
  padding: 0px;
}
label {
  float: left;
  width: 250px;
  margin-bottom: 5px;
  color: #fff;
  font-family: arial;
  font-weight: normal;
  font-size: 13px;
  padding-top: 2px;
}
input.text {
  float: left;
  width: 202px;
  height: 18px;
  background: url(../graphics/input.png);
  border: none;
  color: #be1d84;
  font-family: arial;
  font-size: 14px;
  padding: 3px 8px;
  margin: 0px; 
  //margin-left: -20px;
}
textarea.text {
  float: left;
  width: 202px;
  height: 52px;
  padding: 0px;
  background: url(../graphics/textarea.png);
  border: none;
  color: #be1d84;
  font-family: arial;
  font-size: 14px;
  padding: 3px 8px;
  //margin-left: -20px;
}
#nb_invullen {
  font-size: 10px;
  font-weight: normal;
  width: 100%; clear: both;
  padding-top: 30px;
  //padding-top: 17px;
}


/* OVER */

#over_text p {
  font-weight: normal;
  font-size: 13px;
}


/* POPUP */
#popup h1 {
  color: #be1d84;
  text-align: center;

}
#popup p {
  margin-top: 0px;
  color: #000;
  text-align: center;
  font-family: arial;
  font-weight: normal;
  line-height: 1.3em;
}
#popup ul {
  margin-left: 120px;
}
#popup li {
  color: #000;
  font-size: 14px;
  font-family: arial;
  line-height: 1.3em;
}

/* BEDANKT */

#bedankt_text {
  position: absolute;
  top: 100px;
  left: 190px;
  width: 490px;
  text-align: center;
}

/* GRAFIEK */
#grafiek {
  position: absolute;
  top: 140px;
  left: 15px;
  width: 814px;
  height: 277px;
  background: url(../graphics/bg_grafiek.png);

}
#grafiek_pijl {
  position: absolute;
  top: 85px;
  left: 70px;

}
div.bar {
  width: 52px;
  background: url(../graphics/bar.png) top center no-repeat;
}
span.cijfer {
  width: 52px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding-top: 10px;
  float: left;
}
td.uur {
  text-align: center;
  color: #fff;
  font-size: 12px;
}


/* DROMEN */

#droom_cloud {
  position: absolute;
  height: 271px;
  width: 748px;
  bottom: 0px;
  left: 60px;  
  background: url(../graphics/home_cloud.png);
}
#droom_text {
  position: absolute;
  top: 20px;
  left: 40px;
  width: 780px;
  text-align: center;
}
#prev {
  position: absolute;
  top: 120px;
  left: 80px;
  width: 48px;
  height: 48px; 
  cursor: pointer;  
}
#next {
  position: absolute;
  top: 120px;
  right: 80px;
  width: 48px;
  height: 48px;
  cursor: pointer;
}
#dromen_title {
  position: absolute;
  top: 55px;
  left: 0px;
  width: 100%;
  text-align: center;
}
#droom {
  position: absolute;
  top: 80px;
  left: 130px;
  width: 490px;
  height: 130px;
  overflow-x: hidden;
  float: left;
}
.droom {
  overflow-x: auto;
  position: absolute;
  font-size: 14px;
  font-family: arial;
  width: 490px;
  height: 130px;
  text-align: center;
}
#counter {
  position: absolute;
  top: 210px;
  right: 90px;
  width: 80px;
  height: 48px;
  color: #be1d84;  
}
#dromen_pijl {
  position: absolute;
  bottom: -20px;
  left: -30px;

}



/* BUZZ */

#buzz_pijl {
  position: absolute;
  top: 120px;
  left: 70px;
}
#buzz_form {
  position: absolute;
  top: 210px;
  left: 25px;
  width: 300px;
  height: 300px;
  font-size: 14px;
  color: #fff;
}
#nb_buzz {
  font-size: 10px;
  font-weight: normal;
  width: 250px;
  clear: both;
  padding-top: 50px;
  //padding-top: 40px;
}

/* TAGCLOUD */
.tag {
  padding: 2px 4px;
}
.tag a {
  text-decoration: none;
  font-weight: bold;
}
.tag a:hover {
  text-decoration: underline;
}
 .tag9 {
  	font-size: 30px;
  }
  .tag8 {
  	font-size: 26px;
  }
  .tag7 {
  	font-size: 23px;
  }
  .tag6 {
  	font-size: 20px;
  }
  .tag5 {
  	font-size: 16px;
  }
  .tag4 {
  	font-size: 13px;
  }
  .tag3 {
  	font-size: 12px;
  }
  .tag2 {
  	font-size: 10px;
  }
  .tag1 {
  	font-size: 10px;
  }
  .tag0 {
  	font-size: 8px;
  }