@font-face {  
	  font-family: "Swis721CnBT"; 
	  src: local("Swis721 Bold Cn BT"), local("Swis721CnBT"), local("Swis721 Cn BT"), url('swz721bc.ttf') format("truetype"); /* non-IE */  
}


BODY, TD                                { font: 12px Arial,Helvetica, sans-serif; color: #62595c }
INPUT, TEXTAREA                         { font: 12px Arial,Helvetica, sans-serif; color: #000000 }

BODY                                    { background-color: #ffffff; margin: 20px 0 0 }
FORM, IMG                               { margin: 0; padding: 0 }

A, A:visited                            { color: #bd0926; text-decoration: none }
A:hover                                 { text-decoration: underline }

P                                       { margin: 0px }

H1,H2,H3,H4,H5,H6                       { margin: 0px; font-family: Swis721CnBT, Arial Narrow, Tahoma, Arial, sans-serif; font-weight: normal }

/* homepage */
#bodyhome, #bodyhome TD                 { color: #ffffff }
#bodyhome TD TD TD TD TD H1             { font: bold 14px Arial, Helvetica, sans-serif; line-height: 19px; margin: 20px 0 4px }
#bodyhome TD TD TD TD TD P              { color: #ffffff; line-height: 18px }
#bodyhome TD TD TD TD TD A,
#bodyhome TD TD TD TD TD A:visited      { color: #ffffff }

#bodyhome H1,#bodyhome H2,#bodyhome H3,
#bodyhome H4,#bodyhome H5,#bodyhome H6  { color: #ffffff }
#bodyhome .SC_Panel H1,
#bodyhome .SC_Panel H2,
#bodyhome .SC_Panel H3,
#bodyhome .SC_Panel H4,
#bodyhome .SC_Panel H5,
#bodyhome .SC_Panel H6                  { color: #bd0926 !important }
#bodyhome .SC_Panel P,
#bodyhome .SC_Panel PRE                 { color: #62595c !important }

H1                                      { font-size: 21px; color: #bd0926 }
H2                                      { font-size: 19px; color: #bd0926 }
H3                                      { font-size: 16px; color: #bd0926 }
H4                                      { font-size: 14px; color: #bd0926 }
H5                                      { font-size: 14px; color: #000000 }
H6                                      { font-size: 12px; color: #bd0926 }

UL                                      { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url('../img/bullet.gif') }
HR                                      { height: 1px; border: none; background-color: #bcb0b4; color: #bcb0b4; width: 100% }


#headercontainer                        { vertical-align: top }
#pagecontainer                          { vertical-align: top; background-position: 0 }


#mainmenu                               { font: bold 12px/20px Swis721CnBT, Arial Narrow, Tahoma, Arial, Helvetica, sans-serif; margin: 0 auto 14px; width: 100%; text-align: center; letter-spacing: 1px }
#mainmenu DIV                           { font-size: 12px; color: #5d2c1e; margin: 0 4px; text-align: center }
#mainmenu DIV SPAN                      { white-space: pre-wrap }
#mainmenu A                             { color: #6d4134 }
#mainmenu DIV A.active                  { text-decoration: underline !important }
#mainmenu A:hover                       { text-decoration: none; color: #bd0926; }

#mainmenu DIV SPAN A                    { color: #626d34; }
#mainmenu DIV SPAN.line2                { white-space: normal }
#mainmenu DIV SPAN.line2 A:hover        { text-decoration: none; color: #bd0926; }

#submenu                                { font: normal 12px/22px Arial, Helvetica, sans-serif; margin: 0px 10px 10px 25px; letter-spacing: -0.04em }
#submenu A                              { display: block; padding-left: 12px; color: #ae0017; white-space: nowrap }
#submenu A:hover                        { color: #000000 }
#submenu A.active                       { color: black; font-weight: bold; background: url('../img/subarrow.gif') 0 8px no-repeat }
#submenu A.subactive                    { font-weight: bold }

DIV.sub A,
DIV.subactive A                         { margin-left: 12px !important }
DIV.subactive                           { background: url('../img/subarrow.gif') 12px 8px no-repeat }
DIV.subactive A                         { color: black !important }

#maintable                              { background: url('../img/shadeline.gif') 0 100px repeat-x }
TR.headermargin TD                      { height: 30px }

#pagecontent                            { vertical-align: top; padding: 0px; overflow: visible }
#pagecontent TD                         { } /* border: 1px dashed #eeeeee  */

#footermenu                             { color: black; position: relative; top: -10px; margin-left: 60px; font: 13px Arial Narrow, Verdana, Arial, sans-serif }

#contactform,
#contactform INPUT,
#contactform TEXTAREA                   { font: 12px Arial, Helvetica, Tahoma, sans-serif; color: #62595c }
#contactform .txt                       { width: 250px; font-size: 12px }
#contactform .wp                        { width: 168px; font-size: 12px }
#contactform .pc                        { width: 80px; font-size: 12px }
#contactform .bn                        { width: 200px; font-size: 12px }
#contactform .nr                        { width: 48px; font-size: 12px }
#contactform TEXTAREA                   { width: 250px; height: 50px }

/* shop */

#shopform H4           { font: bold 15px Arial, Helvetica, Tahoma, sans-serif }
#shopform TD.img       { padding: 0px 10px 10px 0px; vertical-align: top }
#shopform TD.desc      { padding: 0px 20px 10px 0px; vertical-align: top }
#shopform TD.bestel    { vertical-align: top; width: 250px; font-size: 10px; white-space: nowrap; padding: 0px 15px 0px 0px }
#shopform INPUT.nr     { width: 20px; font-size: 12px; float: right }
#shopform INPUT.txt    { width: 250px; font-size: 12px }
#shopform INPUT.wp     { width: 168px; font-size: 12px }
#shopform INPUT.pc     { width: 80px; font-size: 12px }
#shopform INPUT.bn     { width: 250px; font-size: 12px }
#shopform TEXTAREA     { width: 350px; height: 100px; font: 12px Arial, Helvetica, Tahoma, sans-serif }

#shopform a.btnbestel { display: block; margin-top: 10px; text-align: right }

/* landing pages */
#landingform       { display: block; position: absolute; top: 300px; left: 133px }
#landingform .txt  { display: block; border-width: 0; background-color: transparent; width: 212px; height: 20px; margin: 2px 0 0; padding: 0 }
#landingform .btn  { border: none; margin: 22px 0 0 96px }

/* op je werk */
#slootwater        { position: relative; width: 290px; height: 130px; top: 0; left: 165px }
#slootwater A      { display: block; width: 100%; height: 100%; cursor: pointer }
#service24uur      { position: relative; width: 250px; height: 160px; top: 25px; left: 240px }
#service24uur A,
#service24uur A:visited  { display: block; padding-top: 120px; height: 100%; width: 100%;color: black; font-weight: bold; font-size: 13px; line-height: 18px }
#assortiment        { position: relative; width: 200px; height: 240px; top: -220px; left: 500px }
#assortiment A      { display: block; width: 100%; height: 100%; cursor: pointer }
#beanmachine        { position: relative; width: 200px; height: 320px; top: -600px; left: -175px }
#beanmachine A      { display: block; width: 100%; height: 100%; cursor: pointer }

/* horeca */
#horeca            { position: relative; top: -80px; left: 160px; width: 370px; color: white }
#horeca A,
#horeca A:visited  { color: white !important; text-decoration: underline }
#horeca H1         { color: white !important; font-size: 18px !important; margin-bottom: 8px }
#walloffamelink    { position: relative; width: 150px; height: 180px; top: 0; left: 555px }
#walloffamelink A  { display: block; width: 100%; height: 100%; cursor: pointer}
#academylink       { position: relative; width: 200px; height: 220px; top: -234px; left: -220px }
#academylink A     { display: block; width: 100%; height: 100%; cursor: pointer  }
#miragelink        { position: relative; width: 165px; height: 90px; top: -703px; left: 547px }
#miragelink A      { display: block; width: 100%; height: 100%; cursor: pointer  }
#walloffamelink A:hover,
#academylink A:hover,
#miragelink A:hover      { text-decoration: none  }


/* barista */
#barista           { position: relative; top: -155px; left: 480px; width: 200px; color: white }
#barista H1        { color: white !important }

/* academy */
#academy           { position: relative; top: -175px; left: 440px; width: 200px; color: white; font-size: 11px }

/* beanmachine forms */

/* used in "op je werk" and "Academy" */
#form1            { width: 367px; height: 192px; text-align: left; background: url('../data/images/Forms/form1-bg.gif') no-repeat }
#form1 FORM       { width: 100%; padding-top: 46px }
#form1 INPUT.txt  { width: 245px; height: 22px !important; background: url('../img/input-border22x245.gif') top right #ffffff no-repeat; margin: 0 0 2px 94px; border: 0; padding: 0 5px; line-height: 22px }
#form1 INPUT.btn  { margin: 25px 0 0 226px; border: 0 }

/* used in "Horeca" */
#form2            { width: 201px; height: 115px; text-align: left; background: url('../data/images/Forms/form2-bg.gif') no-repeat }
#form2 FORM       { width: 100%; height: 100%; padding-top: 24px }
#form2 INPUT.txt  { width: 134px; height: 17px; background: url('../img/input-border17x134.gif') top right #ffffff no-repeat; margin: 0 0 1px 54px; border: 0; padding: 0 3px; line-height: 17px }
#form2 INPUT.btn  { margin: 15px 0 0 130px; border: 0 }

/* used in "Barista" */
#form3            { width: 367px; height: 192px; text-align: left; background: url('../data/images/Forms/form3-bg.gif') no-repeat }
#form3 FORM       { width: 100%; padding-top: 46px }
#form3 INPUT.txt  { width: 228px; height: 21px; background: url('../img/input-border21x228.gif') top right #ffffff no-repeat; margin: 0 0 2px 94px; border: 0; padding: 0 5px; line-height: 21px }
#form3 INPUT.btn  { margin: 22px 0 0 207px; border: 0 }

/* used in beanmachine pages */
#form4            { width: 279px; height: 196px; text-align: left; background: url('../data/images/Forms/form4-bg.gif') no-repeat }
#form4 FORM       { width: 100%; padding-top: 46px }
#form4 INPUT.txt  { width: 176px; height: 16px; background: url('../img/input-border16x176.gif') top right #ffffff no-repeat; margin: 0 0 1px 86px; border: 0; padding: 0 3px; line-height: 16px }
#form4 INPUT.btn  { margin: 40px 0 0 171px; border: 0 }