body.tools  { background-image:url(../gfx/bg_tips_en_trics.jpg); }
body.how    { background-image:url(../gfx/bg_tips_en_trics_hoedoejehet.jpg); }
body.shaken { background-image:url(../gfx/bg_tips_en_trics_shakenofstirren.jpg); }
body.glazen { background-image:url(../gfx/bg_tips_en_trics_glazen.jpg); }
body.pimp   { background-image:url(../gfx/bg_tips_en_trics_pimp.jpg); }

.tools  div#content { background:white url(../gfx/bgc_tips_en_trics.jpg) no-repeat }
.how    div#content { background:white url(../gfx/bgc_tips_en_trics_hoedoejehet.jpg) no-repeat }
.shaken div#content { background:white url(../gfx/bgc_tips_en_trics_shakenofstirren.jpg) no-repeat }
.glazen div#content { background:white url(../gfx/bgc_tips_en_trics_glazen.jpg) no-repeat }
.pimp   div#content { background:white url(../gfx/bgc_tips_en_trics_pimp.jpg) no-repeat }

ul#tips { margin:0; padding:0; width:135px; position:absolute; left:592px; top:62px; width:182px; height:200px;
background-image:url(../gfx/kies_perfecte_cocktail.gif); background-repeat:no-repeat; background-position:61px 7px }
ul#tips a { display:block; width:208px; position:absolute; left:0;  }
ul#tips a:hover  { background-position:bottom }
ul#tips a.tools  { top:88px;  height:44px; background-image:url(../gfx/tips_en_trics_menu_welketools.gif)  }
ul#tips a.how    { top:122px; height:45px; background-image:url(../gfx/tips_en_trics_menu_hoedoejehet.gif) }
ul#tips a.shaken { top:152px; height:38px; background-image:url(../gfx/tips_en_trics_menu_shakenostirred.gif) }
ul#tips a.glazen { top:181px; height:42px; background-image:url(../gfx/tips_en_trics_menu_welkeglazen.gif) }
ul#tips a.pimp   { top:208px; height:41px; background-image:url(../gfx/tips_en_trics_menu_pimpjecocktail.gif) }

h1#title { left:185px; top:120px; width:193px; height:50px; background-image:url(../gfx/tips_en_trics_tips_en_trics.gif) }

div.abs { position:absolute; background-repeat:no-repeat }
.tools  div#title { background-image:url(../gfx/tips_en_tricks_welke_tools.gif); left:0; top:155px; width:143px; height:38px }
.how    div#title { background-image:url(../gfx/tips_en_tricks_hoedoejehet.gif); left:0; top:155px; width:143px; height:38px }
.shaken div#title { background-image:url(../gfx/tips_en_trics_shaken_of_sti.gif); left:0; top:155px; width:143px; height:38px }
.glazen div#title { background-image:url(../gfx/tips_en_trics_welke_glazen.gif); left:0; top:155px; width:143px; height:38px }
.pimp   div#title { background-image:url(../gfx/tips_en_trics_pimp_je_cockt.gif); left:0; top:155px; width:143px; height:38px }

div#tekst { position:absolute; }
.tools div#tekst { left:100px; top:230px }
div#tekst p { background-repeat:no-repeat; width:360px; margin:0 0 10px }
.tools div#tekst p { width:270px }
.tools div#tekst p.sub01 { margin-left:74px; padding:2px 0 0 50px; background-image:url(../gfx/tips_en_trics_sub01.gif) }
.tools p.sub02 { padding:2px 0 0 134px; background-image:url(../gfx/tips_en_trics_sub02.gif) }
.tools div#tekst p.sub03 { margin-left:39px; padding:2px 0 0 61px; background-image:url(../gfx/tips_en_trics_sub03.gif) }
.tools p.sub04 { padding:2px 0 0 130px; background-image:url(../gfx/tips_en_trics_sub04.gif) }
.tools div#tekst p.sub05 { margin-left:38px; padding:2px 0 0 73px; background-image:url(../gfx/tips_en_trics_sub05.gif) }
.tools div#tekst p.sub06 { margin-left:74px; padding:2px 0 0 44px; background-image:url(../gfx/tips_en_trics_sub06.gif) }
.tools p.sub07 { padding:2px 0 0 55px; background-image:url(../gfx/tips_en_trics_sub07.gif) }
.tools p.sub08 { padding:2px 0 0 128px; background-image:url(../gfx/tips_en_trics_sub08.gif) }
.how div#tekst { left:20px; top:206px;  }
.how div#tekst p { width:398px }
.how   p.sub01 { padding:20px 0 0 36px; background-image:url(../gfx/tips_en_trics_hoe_doe_je_het_sub01.gif) }
.how   p.sub02 { padding:20px 0 0 36px; background-image:url(../gfx/tips_en_trics_hoe_doe_je_het_sub02.gif) }
.how   p.sub03 { padding:20px 0 0 36px; background-image:url(../gfx/tips_en_trics_hoe_doe_je_het_sub03.gif) }
.how   p.sub04 { padding:20px 0 0 0px; background-image:url(../gfx/tips_en_trics_hoe_doe_je_het_sub04.gif) }
.shaken div#tekst { left:70px; top:230px }
.shaken div#tekst p { margin:0 0 20px 0 }
.shaken p.sub01 { padding:5px 0 0 0; text-indent:60px; background-image:url(../gfx/tips_en_trics_shaken_of_stirred_sub_01.gif) }
.shaken p.sub02 { padding:5px 0 0 0; text-indent:60px; background-image:url(../gfx/tips_en_trics_shaken_of_stirred_sub_02.gif) }
.shaken p.sub03 { padding:5px 0 0 0; text-indent:40px; background-image:url(../gfx/tips_en_trics_shaken_of_stirred_sub_03.gif) }
.shaken p.sub04 { padding:5px 0 0 0; text-indent:64px; background-image:url(../gfx/tips_en_trics_shaken_of_stirred_sub_04.gif) }
.glazen div#tekst { left:47px; top:204px }
.glazen div#tekst p { margin:3px 0 6px 0; width:400px  }
.glazen div#tekst p.sub01 { padding:22px 0 0 43px; margin-left:73px; background-image:url(../gfx/tips_en_trics_welke_glazen_sub_01.gif) }
.glazen div#tekst p.sub02 { padding:32px 0 0 47px;  background-image:url(../gfx/tips_en_trics_welke_glazen_sub_02.gif) }
.glazen div#tekst p.sub03 { padding:28px 0 0 30px; margin-left:41px; background-image:url(../gfx/tips_en_trics_welke_glazen_sub_03.gif) }
.glazen div#tekst p.sub04 { padding:25px 0 0 30px; margin-left:9px; background-image:url(../gfx/tips_en_trics_welke_glazen_sub_04.gif) }
.glazen div#tekst p.sub05 { padding:22px 0 0 30px; width:260px; margin-left:79px; background-image:url(../gfx/tips_en_trics_welke_glazen_sub_05.gif) }
.pimp div#tekst { left:17px; top:204px;  }
.pimp div#tekst p { margin:3px 0 6px 0; width:470px  }
.pimp div.gadgets { color:#89be3b;  position:absolute; width:100px; left:0px; }
.pimp div.fruities { color:#89be3b; position:absolute; width:100px; left:150px; }
.pimp div.frutsels { color:#89be3b; position:relative; width:100px; left:300px; }
.pimp div.gadgets p { padding:18px 0 0 0;  background-image:url(../gfx/tips_en_trics_pimp_je_cocktail_sub_01.gif) }
.pimp div.fruities p { padding:18px 0 0 0; background-image:url(../gfx/tips_en_trics_pimp_je_cocktail_sub_02.gif) }
.pimp div.frutsels p { padding:18px 0 0 0; background-image:url(../gfx/tips_en_trics_pimp_je_cocktail_sub_03.gif) }
.pimp div.tip { margin:15px 0 0 30px; }
.pimp div#tekst div.tip p { padding:0px 0 0 36px; width:330px; color:#FF9F40; background-image:url(../gfx/tips_en_trics_pimp_je_cocktail_sub_04.gif) }






h1 { position:absolute; font:40px Arial; left:180px; top:160px; margin:0; padding:0 }
.blue   h1 { color:#578cea }
.orange h1 { color:#F60 }
.pink   h1 { color:#EF56AD }
.red    h1 { color:#d8001f }
.yellow h1 { color:#f9cf00 }

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


        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) }

        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) }

        div#enditook { left:318px; 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) }

        div#zomaakjehet { left:160px; top:302px; 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) }
  
ul#recepten {
  background-image:url(../gfx/recepten_sweet_pink.gif); background-repeat:no-repeat; margin:0;
  padding:0; position:absolute; left:14px; top:126px; padding-top:80px; width:136px 
}
ul#recepten a { color:white; text-decoration:none; text-transform:uppercase }

div#nodig1 { background:white url(../gfx/recepten_nodig.gif) no-repeat; width:136px; left:150px; top:226px }
div#nodig2  { background:white url(../gfx/recepten_ook.gif) no-repeat; width:150px; left:316px; top:226px }
div#maken  { background:white url(../gfx/recepten_zomaak.gif) no-repeat; width:324px; left:164px; top:305px }