/* General positioning */
html, body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  overflow: hidden;
  font-family: helvetica, arial, verdana, sans;
}
body {
  background: #eac18d;
}
#background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1000;
}
#site {
  background: url(../graphics/site_bg.png) no-repeat;
  _background: url(../graphics/site_bg.jpg) no-repeat;

}
#inner_site {
  position: absolute;
  height: 390px;
  width: 810px;
  top: 90px;
  left: 20px;
  padding: 0px 20px 20px;
}
#mask, #loading_mask {
  background: url(../graphics/mask2.png);
  _background: #fff;

}
#loading {
  display: none;
}
#close_popup {
  background: url(../graphics/close_popup.png) no-repeat;
  _background: url(../graphics/close_popup.gif) no-repeat;
  width: 48px;
  height: 48px;
  cursor: pointer;
  cursor: hand;
  margin-top: 20px;
  margin-right: 610px;
}

#inner_popup {
  width: 540px;
  height: 360px;
  margin: 80px 60px;
}

#title {
  position: absolute;
  height: 45px;
  height: 60px;
  width: 450px;
  width: 292px;
  top: -20px;
  top: -25px;
  left: -85px;
  left: -30px;
  background: url(../graphics/title2.png);   
  _background: url(../graphics/title.jpg);   

}
#title a {
  float: left;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#menu {
  position: absolute; 
  top: 40px;
  left: -110px;
}
#menu ul {
  margin: 0px;
  padding: 0px;
}
#menu ul li {
  background: url(../graphics/button2.png);
  _background: url(../graphics/button2.gif);

  width: 207px;
  height: 52px;
  list-style: none;
  margin: 0px;
}
#menu ul li a {
  float: left;
  width: 194px;
  height: 18px;
  padding: 17px 0px 17px 13px;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
}
#menu ul li a:hover {
  font-style: italic;
}
#logo {
  width: 150px;
  height: 182px;
  background: url(../graphics/logo.png);
  _background: url(../graphics/logo.jpg);
  position: absolute;
  bottom: 80px;
  left: -80px;    
}
#logos {
  position: absolute;
  bottom: 30px;
  left: -60px;  
}
#logos img {
  margin-right: 10px;
}
#topmenu {
  position: absolute;
  top: -20px;
  right: 0px; 
  color: #e45620;
  font-size: 12px;  
}
#topmenu a {
  color: #e45620;
  margin: 0px 5px;
}
#content {
  position: absolute;
  top: 70px;
  left: 120px; 
  width: 540px;
  height: 430px;  
}
div.paper {
  margin-top: -10px;
  width: 565px;
  height: 97px;
  background: url(../graphics/paper.png) no-repeat;
  _background: url(../graphics/paper.jpg) no-repeat 0px -5px;
  padding: 25px 35px 20px 50px;
}
#forms {

  float: left;
  width: 540px;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.form {
  width: 540px;
  position: absolute;
  height: 320px;
  overflow: auto;
}
#prev, div.prev {
  position: absolute;
  left: -20px;
  bottom: -30px;
  cursor: pointer;
}
#next, div.next {
  position: absolute;
  right: -30px;
  bottom: -30px;
  cursor: pointer;   
}
#photo_prev {
  float: left;
  cursor: pointer;
}
#photo_next {
  float: right;
  cursor: pointer;   
}
#ready {
  position: absolute;
  left: 200px;
  bottom: -60px;
  cursor: pointer;     
}
table.test td {
   border-bottom: solid 1px #666;
   vertical-align: top;
}
table.senden td {
   vertical-align: top;
}
div.hint {
  font-size: 11px;
}
input.decorated {
  background: url(../graphics/input.png) no-repeat;
  border: none;
  order-bottom: dashed 2px #000;
  font-size: 14px;
  width: 178px;
  padding: 2px 4px;
  height: 18px;
}
input.small {
  background: url(../graphics/input.png) no-repeat;
  border: none;
  order-bottom: dashed 2px #000;
  font-size: 14px;
  width: 178px;
  padding: 2px 4px;
  height: 18px;
  width: 52px;
  background: url(../graphics/input_small.png) no-repeat;
  
}
textarea {
  border: solid 1px #e45620;
}
input.button {
  background: url(../graphics/button2.png);
  width: 207px;
  height: 52px;
  text-align: center;
  list-style: none;
  margin: 0px;
  float: right;
  clear: both;
  font-weight: bold;
  text-decoration: none;
  font-size: 15px;
  margin-right: 45px; 
  border: 0px; 
}
div.oven_input {
  width: 121px;
  height: 80px;
  background: url(../graphics/big_oven.png) no-repeat;
  padding-top: 70px;
}
div.bar {
  width: 50px;
  background: url(../graphics/bar_bottom.png) no-repeat bottom;
  _background: url(../graphics/bar_bottom.gif) no-repeat bottom;
  float: left;
  margin-left: 20px;  
}
div.inner_bar {
  float: left;
  background: url(../graphics/bar.png) no-repeat top;
  _background: url(../graphics/bar.gif) no-repeat top;
  margin-bottom: 5px;
  width: 50px;
  min-height: 40px;
  
}
table.graph {
  background: url(../graphics/graph_bg.png) no-repeat top;
  _background: url(../graphics/graph_bg.gif) no-repeat top;

}
table.graph td {
  vertical-align: bottom;
}
span.perc{
  float: left;
  margin-left: 5px;
  font-weight: bold;
  width: 40px;
  text-align: center;
  font-size: 14px;
}


#photos {
  margin-top: 20px;
  float: left;
  width: 400px;
  height: 300px;
  overflow: hidden;
  position: relative;
  clear: both;
}

.photo {
  width: 400px;
  position: absolute;
  height: 300px;
}



/* Basic styling */
p, li, td {
  color: #000;
  font-size: 14px;
  line-height: 1.3em;
}
li {
  margin-bottom: 5px;
}
h1 {
  margin: 0px;
  padding: 0px;
  text-indent: -1000px;
  height: 32px;
  margin-bottom: 10px;
}
h2 {
  color: #fff;
  font-size: 18px;
  width: 250px;
  height: 37px;
  background: url(../graphics/h2.png) no-repeat;
  _background: url(../graphics/h2.gif) no-repeat;

  margin: 0px;
  padding-top: 16px;
  padding-left: 4px;
}
h3 {
  color: #000;
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}
a {
  color: #e45620;
}
a img {
  border: none;
}
.home {
  background: url(../graphics/titles.png) no-repeat 0px 0px;
  _background: url(../graphics/titles.gif) no-repeat 0px 0px;
}
.about {
  background: url(../graphics/titles.png) no-repeat 0px -182px;
  _background: url(../graphics/titles.gif) no-repeat 0px -182px;
}
.tests {
  background: url(../graphics/titles.png) no-repeat 0px -37px;  
  _background: url(../graphics/titles.gif) no-repeat 0px -37px;
}
.photos {
  background: url(../graphics/titles.png) no-repeat 0px -320px;
  _background: url(../graphics/titles.gif) no-repeat 0px -320px;
}
.results {
  background: url(../graphics/titles.png) no-repeat 0px -74px;
  _background: url(../graphics/titles.gif) no-repeat 0px -74px;
}
.contact {
  background: url(../graphics/titles.png) no-repeat 0px -214px;
  _background: url(../graphics/titles.gif) no-repeat 0px -214px;
}
.prizes {
  background: url(../graphics/titles.png) no-repeat 0px -254px;
  _background: url(../graphics/titles.gif) no-repeat 0px -254px;
}
.terms {
  background: url(../graphics/titles.png) no-repeat 0px -286px;
  _background: url(../graphics/titles.gif) no-repeat 0px -286px;
}
.danke {
 background: url(../graphics/titles.png) no-repeat 0px -340px;
  _background: url(../graphics/titles.gif) no-repeat 0px -340px;
}
.recipes {
  background: url(../graphics/titles.png) no-repeat 0px -146px;
  _background: url(../graphics/titles.gif) no-repeat 0px -146px;
}
.all_recipes {
  background: url(../graphics/titles.png) no-repeat 0px -430px;
  _background: url(../graphics/titles.gif) no-repeat 0px -430px;
}
.submit_recipes {
  background: url(../graphics/titles.png) no-repeat 0px -470px;
  _background: url(../graphics/titles.gif) no-repeat 0px -470px;
}
.subscribe_recipes {
  background: url(../graphics/titles.png) no-repeat 0px -396px;
  _background: url(../graphics/titles.gif) no-repeat 0px -396px;
}
.thanks {
  background: url(../graphics/titles.png) no-repeat 0px -360px;
  _background: url(../graphics/titles.gif) no-repeat 0px -360px;
}
.unsubscribe {
  background: url(../graphics/titles.png) no-repeat 0px -505px;
  _background: url(../graphics/titles.gif) no-repeat 0px -505px;
}


#home_intro {
  position: absolute;
  width: 300px;
}
#postit_photos {
  position: absolute;
  top: -20px;
  right: -80px;
  width: 313px;
  height: 290px;
  ackground: url(../graphics/post_it.png);
  background: url(../graphics/post_it1.jpg) no-repeat 0px -1px;

}
#postit_results {
  position: absolute;
  bottom: -40px;
  left: -20px;  
  width: 313px;
  height: 290px;
  ackground: url(../graphics/post_it.png); 
  background: url(../graphics/post_it2.jpg) no-repeat 0px 1px;
}
#home_buttons {
  position: absolute;
  bottom: -40px;
  right: -30px; 
  width: 270px;
  height: 200px; 
}
.postit2 {
  width: 409px;
  height: 331px;
  ackground: url(../graphics/post_it2.png);
  background: url(../graphics/post_it3.jpg);
  position: absolute;
  top: 150px;
  left: 220px;
}
div.social_bookmarks, div.social_bookmarks2 {
  width: 286px;
  height: 46px;
  background: url(../graphics/social_bookmarks_bg.jpg);

}
div.social_bookmarks2 {
  background: url(../graphics/social_bookmarks_bg2.jpg);

}
div.social_icons {
  position: absolute;
  top: 23px;
  left: 170px;
}
div.social_icons img {
  float: left;
  margin-right: 12px;
}
div.recipe {
  position: absolute;
  top: 60px;
  left: 40px;
  width: 320px;
  height: 220px;
  overflow: auto;
}

#kipkeurings_moment {
  position: absolute;
  left: 65px;
  top: 10px;
  background: url(../graphics/kipkeurings_moment.png);
  width: 183px;
  height: 36px;
}
#btn_test1 {
 position: absolute;
 top: 167px;
 left: 33px;
}
#btn_test2 {
 position: absolute;
 top: 164px;
 left: 210px;
}
#btn_test3 {
 position: absolute;
 top: 157px;
 left: 387px;
}
#btn_test4 {
 position: absolute;
 top: 329px;
 left: 33px;
}
#btn_test5 {
 position: absolute;
 top: 323px;
 left: 210px;
}
#btn_test6 {
 position: absolute;
 top: 330px;
 left: 387px;
}