html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,hr,table,td,tr{ margin:0px; padding:0px; border:0px; border-collapse:separate; border-spacing:0px; }
input,select{ margin:0; padding:0; }

* 
{
    font-family: Arial;
    font-size: small;
    color: #555555;	
}

body 
{
    overflow: hidden;
}

div#woberator_logo 
{
    position: absolute;
    width: 95px;
    height: 171px;
    margin-left: -452px;
    margin-top: -228px;
    left: 50%;
    top: 50%;
    z-index: 100;
}

div#menu 
{
    position: absolute;
    width: 109px;
    height: 120px;
    margin-left: 355px;
    margin-top: -228px;
    left: 50%;
    top: 50%;
    z-index: 100;
}

div#menu a
{
    display: block;
    margin-top: 2px;
}

div#menu hr 
{
    border: 0px;
    background-color: Black;
    height: 4px;
    margin-top: 2px;
}

div#background_image 
{
    position: absolute;
    width: 1920px;
    height: 1200px;
    margin-left: -960px;
    margin-top: -600px;
    left: 50%;
    top: 50%;
}

div.content 
{
    height: 336px;
}

div#stepbar
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -336px;
    margin-top: 262px;
    width: 672px;
    height: 36px;
    overflow: hidden;
    z-index: 100;
}

div#stepbar
{
    text-align: center;
    color: white;
}

div#stepbar a 
{
    display: inline-block;
    margin: 1px;
    font-size: 10px;
    color: white;
    background-color: Black;
    text-decoration: none;
    padding: 2px;
    font-weight: bold;
    outline: none;
}

div#stepbar a.selected 
{
    background-color: #086503;
}

div#stepbar a:hover 
{
    color: black;
    background-color: white;
}

div#keyhole
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -336px;
    margin-top: -253px;
    width: 672px;
    height: 506px;
    overflow: hidden;
}

div#keyhole div#playfield
{
    position: absolute;
    width: 5262px;
    height: 5262px;
}

div#keyhole div#playfield div#loading
{
	position: absolute;
	left: 328px;
	top: 245px;
}

div#keyhole div#playfield div.step 
{
    text-align: center;
    position: absolute;
    width: 672px;
    height: 506px;
}

div#keyhole div#playfield div.step h2 
{
    color: White;
    margin: 50px 0px 20px 0px;
    font-size: 36px;
    font-weight: bold;
}

div#keyhole div#playfield div.step div.left,
div#keyhole div#playfield div.step div.right 
{
    vertical-align: top;
    display: inline-block;
    width: 268px;
    margin-top: 0px;
    text-align: left;
} 

div#keyhole div#playfield div.step div.left ul li
{
    list-style-position: outside;
    margin-left: 14px;
}

div#keyhole div#playfield div.step div.left 
{
    margin-right: 4px;
    margin-left: 4px;
}

div#keyhole div#playfield div.step div.right { margin-left: 4px; }

div#keyhole div#playfield div.step div.button 
{
    position: absolute;
    text-indent: -10000px;
    margin: 3px;
}

div#keyhole div#playfield div.step div.button:hover { cursor: pointer; }

div#keyhole div#playfield div.step div.button.top,
div#keyhole div#playfield div.step div.button.bottom 
{
    left: 176px;
    width: 320px;
    height: 32px;
}

div#keyhole div#playfield div.step div.button.top { top: 0px; }
div#keyhole div#playfield div.step div.button.bottom  { bottom: 0px; }

div#keyhole div#playfield div.step div.button.left,
div#keyhole div#playfield div.step div.button.right 
{
    width: 32px;
    height: 320px;
    top: 93px;
} 

div#keyhole div#playfield div.step div.button.left  { left: 0px; }
div#keyhole div#playfield div.step div.button.right { right: 0px; }

div#keyhole div#playfield div.step div.button.hidden 
{
    display: none;
}

div#keyhole div#playfield div.step div.button.top.back                      { background-image: url(top_back.png); }
div#keyhole div#playfield div.step div.button.top.yes                       { background-image: url(top_yes.png); }
div#keyhole div#playfield div.step div.button.top.no                        { background-image: url(top_no.png); }
div#keyhole div#playfield div.step div.button.top.informatieontvangen       { background-image: url(top_informatieontvangen.png); }
div#keyhole div#playfield div.step div.button.top.verzoekschrijven          { background-image: url(top_verzoekschrijven.png); }
div#keyhole div#playfield div.step div.button.top.projectinformatie         { background-image: url(top_projectinformatie.png); }
div#keyhole div#playfield div.step div.button.top.wobverzoek                { background-image: url(top_wobverzoek.png); }
div#keyhole div#playfield div.step div.button.top.wobtoets                  { background-image: url(top_wobtoets.png); }
div#keyhole div#playfield div.step div.button.top.contact                   { background-image: url(top_contact.png); }
div#keyhole div#playfield div.step div.button.top.waaronder                 { background-image: url(top_waaronder.png); }

div#keyhole div#playfield div.step div.button.right.back                    { background-image: url(right_back.png); }
div#keyhole div#playfield div.step div.button.right.yes                     { background-image: url(right_yes.png); }
div#keyhole div#playfield div.step div.button.right.no                      { background-image: url(right_no.png); }
div#keyhole div#playfield div.step div.button.right.wobverzoek              { background-image: url(right_wobverzoek.png); }
div#keyhole div#playfield div.step div.button.right.uitzonderingsgronden    { background-image: url(right_uitzonderingsgronden.png); }
div#keyhole div#playfield div.step div.button.right.verzoekversturen        { background-image: url(right_verzoekversturen.png); }
div#keyhole div#playfield div.step div.button.right.wobexperts              { background-image: url(right_wobexperts.png); }
div#keyhole div#playfield div.step div.button.right.home                    { background-image: url(right_home.png); }

div#keyhole div#playfield div.step div.button.bottom.back                   { background-image: url(bottom_back.png); }
div#keyhole div#playfield div.step div.button.bottom.yes                    { background-image: url(bottom_yes.png); }
div#keyhole div#playfield div.step div.button.bottom.no                     { background-image: url(bottom_no.png); }
div#keyhole div#playfield div.step div.button.bottom.home                   { background-image: url(bottom_home.png); }
div#keyhole div#playfield div.step div.button.bottom.contact                { background-image: url(bottom_contact.png); }

div#keyhole div#playfield div.step div.button.bottom.afwijzing              { background-image: url(bottom_afwijzing.png); }
div#keyhole div#playfield div.step div.button.bottom.antwoordontvangen      { background-image: url(bottom_antwoordontvangen.png); }
div#keyhole div#playfield div.step div.button.bottom.uitzonderingsgronden   { background-image: url(bottom_uitzonderingsgronden.png); }
div#keyhole div#playfield div.step div.button.bottom.wobexperts             { background-image: url(bottom_wobexperts.png); }
div#keyhole div#playfield div.step div.button.bottom.wobobstructies         { background-image: url(bottom_wobobstructies.png); }

div#keyhole div#playfield div.step div.button.left.back                     { background-image: url(left_back.png); }
div#keyhole div#playfield div.step div.button.left.yes                      { background-image: url(left_yes.png); }
div#keyhole div#playfield div.step div.button.left.no                       { background-image: url(left_no.png); }
div#keyhole div#playfield div.step div.button.left.wobtoets                 { background-image: url(left_wobtoets.png); }
div#keyhole div#playfield div.step div.button.left.contact                  { background-image: url(left_contact.png); }

div#keyhole div#playfield div.step div.button.left.bezwaarmaken             { background-image: url(left_bezwaarmaken.png); }
div#keyhole div#playfield div.step div.button.left.inberoepgaan             { background-image: url(left_inberoepgaan.png); }
div#keyhole div#playfield div.step div.button.left.informatieontvangen      { background-image: url(left_informatieontvangen.png); }