body.yellow { background-image:url(../gfx/bg_recept_yellow.jpg); }
body.pink   { background-image:url(../gfx/bg_recept_pink.jpg); }
body.red    { background-image:url(../gfx/bg_recept_red.jpg); }
body.orange { background-image:url(../gfx/bg_recept_orange.jpg); }
body.blue   { background-image:url(../gfx/bg_recept_blue.jpg); }
body.mix    { background-image:url(../gfx/bg_mix.jpg); }

.yellow div#content { background:white url(../gfx/bgc_recept_yellow.jpg) no-repeat }
.pink   div#content { background:white url(../gfx/bgc_recept_pink.jpg) no-repeat }
.red    div#content { background:white url(../gfx/bgc_recept_red.jpg) no-repeat }
.orange div#content { background:white url(../gfx/bgc_recept_orange.jpg) no-repeat }
.blue   div#content { background:white url(../gfx/bgc_recept_blue.jpg) no-repeat }
.mix    div#content { background:white url(../gfx/bgc_mix.jpg) no-repeat }

/* h1 { position:absolute; font-size:36px; left:170px; top:160px; margin:0; padding:0 } */
h1 { position:absolute; font-size:24px; left:140px; top:168px; margin:0; padding:0 }
.blue   h1 { color:#578cea }
.orange h1 { color:#F60 }
.pink   h1 { color:#EF56AD }
.red    h1 { color:#d8001f }
.yellow h1 { color:#f9cf00 }
.mix    h1 { color:#EF56AD; left:140px; top:188px;  }

div.tekst { position:absolute; padding-top:24px }
ul { list-style-type:none; padding:0; margin:0 }

div.abs { position:absolute; background-repeat:no-repeat }

        div#color { left:0; top:117px; width:156px; height:41px; }
.blue   div#color { background-image:url(../gfx/recept_blue_color.gif)   }
.orange div#color { background-image:url(../gfx/recept_orange_color.gif) }
.pink   div#color { background-image:url(../gfx/recept_pink_color.gif)   }
.red    div#color { background-image:url(../gfx/recept_red_color.gif)    }
.yellow div#color { background-image:url(../gfx/recept_yellow_color.gif) }
.mix    div#color { background-image:url(../gfx/mix_h1.gif); left:120px; width:362px; height:71px; 
padding:8px 37px 0 0 }
.mix    div#color img { float:right; margin-left:6px }

        div#dithebjenodig { left:152px; top:225px; width:111px; height:15px; }
.blue   div#dithebjenodig { background-image:url(../gfx/recept_blue_dithebjenodig.gif)   }
.orange div#dithebjenodig { background-image:url(../gfx/recept_orange_dithebjenodig.gif) }
.pink   div#dithebjenodig { background-image:url(../gfx/recept_pink_dithebjenodig.gif)   }
.red    div#dithebjenodig { background-image:url(../gfx/recept_red_dithebjenodig.gif)    }
.yellow div#dithebjenodig { background-image:url(../gfx/recept_yellow_dithebjenodig.gif) }
.mix    div#dithebjenodig { background-image:url(../gfx/recept_pink_dithebjenodig.gif)   }

        div#enditook { left:338px; top:222px; width:71px; height:18px;         }
.blue   div#enditook { background-image:url(../gfx/recept_blue_enditook.gif)   }
.orange div#enditook { background-image:url(../gfx/recept_orange_enditook.gif) }
.pink   div#enditook { background-image:url(../gfx/recept_pink_enditook.gif)   }
.red    div#enditook { background-image:url(../gfx/recept_red_enditook.gif)    }
.yellow div#enditook { background-image:url(../gfx/recept_yellow_enditook.gif) }
.mix    div#enditook { background-image:url(../gfx/recept_pink_enditook.gif) }

        div#zomaakjehet { left:160px; top:312px; width:107px; height:17px }
.blue   div#zomaakjehet   { background-image:url(../gfx/recept_blue_zomaakjehet.gif) }
.orange div#zomaakjehet { background-image:url(../gfx/recept_orange_zomaakjehet.gif) }
.pink   div#zomaakjehet   { background-image:url(../gfx/recept_pink_zomaakjehet.gif) }
.red    div#zomaakjehet    { background-image:url(../gfx/recept_red_zomaakjehet.gif) }
.yellow div#zomaakjehet { background-image:url(../gfx/recept_yellow_zomaakjehet.gif) }
.mix    div#zomaakjehet { background-image:url(../gfx/recept_pink_zomaakjehet.gif) }

  
ul#recepten {
  background-image:url(../gfx/recepten_sweet_pink.gif); background-repeat:no-repeat; margin:0;
  padding:0; position:absolute; left:8px; top:126px; padding-top:80px; width:110px 
}
ul#recepten a { color:white; text-decoration:none; display:block; text-transform:uppercase; font-weight:bold; margin-bottom:8px;
line-height:11px }

.blue   ul#recepten a:hover { color:#c21b13 }
.orange ul#recepten a:hover { color:#65793c }
.pink   ul#recepten a:hover { color:#bd1129 }
.red    ul#recepten a:hover { color:#b0c350 }
.yellow ul#recepten a:hover { color:#65793c }
.mix    ul#recepten a:hover { color:#c21b13 }

div#nodig1 { background:white url(../gfx/recepten_nodig.gif) no-repeat; width:160px; left:150px; top:226px; }
div#nodig2  { background-image:url(../gfx/recepten_ook.gif); background-repeat:no-repeat; width:190px; left:336px; top:220px;  }
div#maken  { background:white url(../gfx/recepten_zomaak.gif) no-repeat; width:324px; left:164px; top:315px }

.mix ul#thema { display:none }


ul#thema { margin:0; padding:0; width:135px; position:absolute; left:615px; top:64px; width:182px; height:200px;
background-image:url(../gfx/kies_cocktail_thema.gif); background-repeat:no-repeat; background-position:47px 8px }
ul#thema a { display:block; width:182px; position:absolute; left:0;  }
ul#thema a:hover  { background-position:bottom }
ul#thema a.yellow { top:42px; height:43px; background-image:url(../gfx/cocktails_menu_yellow.gif); }
ul#thema a.pink   { top:80px; height:40px; background-image:url(../gfx/cocktails_menu_pink.gif) }
ul#thema a.red    { top:114px; height:39px; background-image:url(../gfx/cocktails_menu_red.gif) }
ul#thema a.orange { top:147px; height:42px; background-image:url(../gfx/cocktails_menu_orange.gif) }
ul#thema a.blue   { top:173px; height:42px; background-image:url(../gfx/cocktails_menu_blue.gif) }

#dj_small { position:absolute; left:523px; top:318px }