@import url("/3rdparty/css/reset-min.css");
@import url("/3rdparty/jquery/jquery.fancybox/1.3.1/jquery.fancybox-1.3.1.css");

html { background-color: #fff; color: #111; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 100%; line-height: 20px; overflow-x: hidden; }
h1 { font-size: 20px; font-weight: lighter; line-height: 20px; }
a { color: #111; }

#afbeelding, #afbeeldingrecept { display: block; float: left; width: 430px; }
#contact { margin-left: -60px; margin-top: -50px; }
#contact a:hover { background-image: url(/img/bg_contact.jpg); background-repeat: no-repeat; }
#copyright { color: #888; display: block; font-size: 11px; height: 20px; left: 0px; margin-top: 335px; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 20; }
#fancybox-title-main a { color: #fff; padding: 3px; text-decoration: none; }
#head_contact { color: #e40383; }
#head_links { color: #83b822; }
#head_nieuws { color: #e30045; }
#head_video { color: #e30045; }
#knop1 a, #knop1oranje a, #knop1blauw a { color: #fff; font-size: 15px; font-weight: bold; line-height: 38px; text-decoration: none; }
#knop1 span, #knop1oranje span, #knop1blauw span { display: block; height: 40px; text-align: center; width: 250px; }
#knop1, #knop1oranje, #knop1blauw { background-image: url(/img/knop1.png); background-repeat: no-repeat; display: block; height: 40px; left: 650px; position: absolute; top: 337px; width: 250px; }
#knop1blauw { background-image: url(/img/knop1blauw.png); }
#knop1oranje { background-image: url(/img/knop1oranje.png); }
#knop2 a, #knop2rood a { color: #fff; line-height: 58px; text-decoration: none; }
#knop2 span, #knop2rood span { display: block; height: 45px; text-align: center; width: 250px; }
#knop2, #knop2rood { background-image: url(/img/knop2.png); background-repeat: no-repeat; display: block; height: 45px; left: 650px; position: absolute; top: 282px; width: 250px; }
#knop2rood { background-image: url(/img/knop2rood.png); }
#knutselen { height: 140px; margin-left: 80px; margin-top: 100px; }
#knutselen a:hover { background-image: url(/img/bg_knutselen.jpg); background-repeat: no-repeat; }
#knutselen_keuze { height: 430px; left: 0px; padding: 10px; position: absolute; top: 0px; width: 950px; z-index: 500; }
#links { margin-left: -200px; margin-top: -50px; }
#links a, #contact a, #nieuws a, #recepten a, #vrienden a, #knutselen a, #video a, #winkel a { display: block; height: 100%; width: 100%; }
#links a:hover { background-image: url(/img/bg_links.jpg); background-repeat: no-repeat; }
#links, #contact, #nieuws, #recepten, #vrienden, #knutselen { display: block; height: 120px; left: 50%; position: absolute; top: 50%; width: 140px; }
#nieuws { margin-left: 80px; margin-top: -50px; }
#nieuws a:hover { background-image: url(/img/bg_nieuws.jpg); background-repeat: no-repeat; }
#popup_contact { background-image: url(/img/bg_contact_kamer.jpg); background-repeat: no-repeat; height: 410px; padding: 20px; }
#popup_knutselen { background-image: url(/img/bg_knutselen_kamer.jpg); background-repeat: no-repeat; height: 410px; padding: 20px; }
#popup_knutselen #kleurplaten a:hover { background-image: url(/img/kast_kleurplaten.jpg); background-repeat: no-repeat; }
#popup_knutselen #kleurplaten, #popup_knutselen #knutseldingen { display: block; height: 340px; left: 0px; position: absolute; width: 320px; }
#popup_knutselen #knutseldingen { left: 600px; width: 370px; }
#popup_knutselen #knutseldingen a:hover { background-image: url(/img/kast_knutseldingen.jpg); background-repeat: no-repeat; }
#popup_knutselen div a { display: block; height: 100%; width: 100%; }
#popup_knutselen_links { background-image: url(/img/bg_knutselen_kamer_links.jpg); background-repeat: no-repeat; height: 410px; padding: 20px; }
#popup_knutselen_rechts { background-image: url(/img/bg_knutselen_kamer_rechts.jpg); background-repeat: no-repeat; height: 410px; padding: 20px; }
#popup_links { background-image: url(/img/bg_links_kamer.jpg); background-repeat: no-repeat; height: 410px; padding: 20px; }
#popup_nieuws { background-image: url(/img/bg_nieuws_kamer.jpg); background-repeat: no-repeat; height: 410px; padding: 20px; }
#popup_nieuws #bed { background-image: url(/img/bed.png); background-repeat: no-repeat; display: block; height: 337px; left: 85px; position: absolute; top: 100px; width: 457px; z-index: 100; }
#popup_nieuws #nachtkastje { background-image: url(/img/nachtkastje.png); background-repeat: no-repeat; display: block; height: 205px; left: 13px; position: absolute; top: 245px; width: 126px; z-index: 200; }
#popup_recepten { background-image: url(/img/bg_recepten_kamer.jpg); background-repeat: no-repeat; height: 410px; padding: 20px; }
#popup_recepten #recept2 { height: 120px; left: 220px; top: 140px; width: 160px; }
#popup_recepten #recept3 { height: 120px; left: 380px; top: 140px; width: 160px; }
#popup_recepten #recept4 { height: 120px; left: 540px; top: 140px; width: 85px; }
#popup_recepten #recept5 { height: 180px; left: 625px; top: 80px; width: 130px; }
#popup_recepten #recept6 { height: 140px; left: 755px; top: 120px; width: 85px; }
#popup_recepten #recept7 { height: 120px; left: 840px; top: 140px; width: 130px; }
#popup_recepten div { display: block; height: 220px; left: 100px; position: absolute; top: 80px; width: 120px; }
#popup_recepten div a { display: block; height: 100%; width: 100%; }
#popup_recepten_detail { background-image: url(/img/bg_recepten_kamer_detail.jpg); background-repeat: no-repeat; height: 430px; padding: 10px; }
#popup_vrienden { background-image: url(/img/bg_vrienden_kamer.jpg); background-repeat: no-repeat; height: 410px; padding: 20px; }
#popup_vrienden #bertus { height: 75px; left: 320px; top: 205px; width: 85px; }
#popup_vrienden #daantje { height: 95px; left: 480px; top: 30px; width: 85px; }
#popup_vrienden #doris { left: 330px; top: 70px; width: 110px; }
#popup_vrienden #molly { left: 470px; top: 150px; }
#popup_vrienden #rozijntje { left: 580px; top: 70px; width: 95px; }
#popup_vrienden div { display: block; height: 100px; left: 200px; position: absolute; top: 20px; width: 80px; }
#popup_vrienden div a { display: block; height: 100%; width: 100%; }
#preview { color: #fff; display: none; position: absolute; }
#recepten { height: 140px; margin-left: -200px; margin-top: 100px; }
#recepten a:hover { background-image: url(/img/bg_recepten.jpg); background-repeat: no-repeat; }
#sonnetjeshuis { background-image: url(/img/bg_sonnetjeshuis.jpg); background-repeat: no-repeat; display: block; height: 700px; left: 50%; margin-left: -1000px; margin-top: -350px; position: absolute; top: 50%; width: 2000px; }
#tjiep { background-image: url(/img/tjiep_1.png); height: 41px; width: 46px; }
#tjiepcontainer, #tjilpcontainer { display: block; height: 41px; left: 50%; margin-left: -350px; margin-top: 80px; position: absolute; top: 50%; width: 46px; z-index: 100; }
#tjilp { background-image: url(/img/tjilp_1.png); height: 36px; width: 36px; }
#tjilpcontainer { height: 36px; margin-left: -330px; margin-top: 80px; width: 36px; }
#txt_contact { left: 240px; width: 260px; }
#txt_links, #txt_contact, #txt_nieuws, #txt_video { background-color: #fff; border: 1px solid #ddd; filter: alpha( opacity=88 ); height: 370px; left: 345px; moz-opacity: 0.88; opacity: 0.88; padding: 20px; position: absolute; width: 250px; z-index: 500; }
#txt_links { height: 150px; top: 100px; }
#txt_nieuws { left: 550px; line-height: 18px; overflow-y: scroll; width: 300px; }
#txt_nieuws label { display: block; float: left; width: 60px; }
#txt_nieuws hr { color: #bbb; background-color: #bbb; height: 1px; border: none; margin-top: 5x; margin-bottom: 5px; }	
#txt_video { left: 460px; line-height: 18px; overflow-y: none; width: 375px; filter: alpha( opacity=100 ); moz-opacity: 1; opacity: 1; }
#txt_video span { margin-bottom: 12px; display: block; }
#video { display: block; height: 20px; left: 50%; margin-left: -800px; margin-top: 20px; position: absolute; top: 50%; width: 20px; }
#vliegtuigje { background-image: url(/img/vliegtuigje_1.png); display: block; height: 130px; position: absolute; width: 650px; z-index: 300; }
#vliegtuigje a { text-decoration: none; }
#vliegtuigje a.totaal { display: block; height: 130px; margin-top: 0px; text-decoration: none; width: 650px; }
#vliegtuigje span { display: block; font-size: 16px; font-weight: bold; margin-left: 40px; margin-top: -65px; }
#vliegtuigjecontainer { display: block; height: 130px; left: -700px; margin-top: -310px; position: absolute; top: 50%; width: 650px; z-index: 200; }
#vorige a, #volgende a { color: #fff; }
#vorige img, #volgende img { padding-bottom: 200px; padding-left: 10px; padding-right: 10px; padding-top: 200px; }
#vorige, #volgende { color: #fff; display: block; float: left; height: 430px; width: 50px; }
#vrienden { height: 140px; margin-left: -60px; margin-top: 100px; }
#vrienden a:hover { background-image: url(/img/bg_vrienden.jpg); background-repeat: no-repeat; }
#winkel { display: block; height: 120px; left: 50%; margin-left: -400px; margin-top: 20px; position: absolute; top: 50%; width: 130px; }
#winkel a { background-image: url(/img/bg_winkel.jpg); background-repeat: no-repeat; }
#zonnetje { display: block; height: 50px; left: 50%; margin-left: -20px; margin-top: -180px; position: absolute; top: 50%; width: 50px; z-index: 100; }