body
{
   background-image: url(images/main_Bg.jpg);
   margin: 0px;
   padding: 0px;
   background-color: #ffffff;
   font-family: Arial;
   font-size: 12px;
}

body, html
{
   height: 100%;
   overflow: hidden; 
}

a img
{
   border: 0 none;
}


#Container
{
   margin: 0 auto;
   position: relative;
   width: 865px;
}

#header
{
   width: 1024px;
   margin-top: 100px;
}



/* TOP NAVIGATIE */

#navigatie
{
   height: 42px;
   left: 216px;
   list-style: none outside none;
   position: absolute;
   top: 66px;
   width: 500px;
   z-index: 20;
}

#navigatie ul
{
   margin: auto;
}


#navigatie li
{
   float: left;
   padding-top: 5px;
}

#navigatie li a
{
   color: #003472;
   display: block;
   padding-top: 7px;
   padding-right: 7px;
   text-decoration: none;
}

#navigatie li a:hover
{
   font-weight: bolder;
   cursor: pointer;
}

.navSeperator
{
   background: transparent url(images/MenuSeperator.png) no-repeat scroll right center !important;
   float: left;
   height: 23px;
   margin-left: 1px;
   margin-right: 6px;
   margin-top: 5px;
   width: 6px;
}

.active
{
   font-weight: bold;
   text-decoration: underline;
   color: #ffffff;
}



/*  =CONTENT
-------------------------------------------------------------- */

#Logo
{
   float: left;
   left: 29px;
   position: relative;
}

#Spreuk
{
   top: 7px;
   left: 190px;
   position: relative;
   width: 550px;
}

#VerhuurShop a
{
   background: url("images/VerhuurShopKnop.png") no-repeat scroll 0 0 transparent;
   height: 95px;
   position: absolute;
   right: 18px;
   top: 55px;
   width: 179px;
   z-index: 5;
}

#VerhuurShop a:hover
{
   background: url("images/VerhuurShopKnop.png") no-repeat scroll 0 -93px;
   height: 107px;
   width: 179px;
}


#HorizontaleMiddenBalk
{
   background-image: url("images/HorizontaleBalk.png");
   background-repeat: repeat-x;
   height: 100px;
   position: absolute;
   top: 274px;
   width: 100%;
   z-index: 1;
}

#KaderEventCatering
{
   left: 0;
   position: absolute;
   top: 79px;
   z-index: 2;
}

#KaderEventCatering a
{
   position: absolute;
   display: block;
   height: 206px;
   left: 15px;
   top: 29px;
   width: 231px;
}

#KaderEventCatering a:hover
{
   width: 231px;
   height: 206px;
   display: block;
}

#KaderEventCatering img
{
   margin-left: 16px;
   margin-top: 34px;
}

#KaderPartyCatering
{
   position: absolute;
   top: 80px;
   left: 243px;
   z-index: 2;
}

#KaderPartyCatering img
{
   margin-left: 25px;
   margin-top: 32px;
}

#KaderPartyCatering a
{
   position: absolute;
   display: block;
   height: 206px;
   left: 23px;
   top: 29px;
   width: 231px;
}

#KaderPartyCatering a:hover
{
   width: 231px;
   height: 206px;
   display: block;
}

#KaderBedrijfCatering
{
   left: 495px;
   position: absolute;
   top: 84px;
   z-index: 2;
}


#KaderBedrijfCatering a
{
   position: absolute;
   display: block;
   height: 206px;
   left: 23px;
   top: 29px;
   width: 231px;
}

#KaderBedrijfCatering a:hover
{
   width: 231px;
   height: 206px;
   display: block;
}

#KaderBedrijfCatering img
{
   margin-left: 22px;
   margin-top: 30px;
}

#EventCateringOverlay
{
   background-image: url("images/EventCateringKader.png");
   height: 303px;
   position: absolute;
   width: 290px;
}

#PartyCateringOverlay
{
   background-image: url("images/PartyCateringKader.png");
   height: 322px;
   position: absolute;
   width: 325px;
}

#BedrijfCateringOverlay
{
   background-image: url("images/BedrijfsCateringKader.png");
   height: 330px;
   position: absolute;
   width: 313px;
}

#Hapjes
{
   background-image: url("images/Hapjes.jpg");
   height: 172px;
   left: 129px;
   position: absolute;
   top: 360px;
   width: 508px;
}



#Footer
{
   text-align: center;
/*   background-image: url("images/Footer_BG.png");
   background-repeat: repeat-x;*/
   background-color: #51b9ea;
   bottom: 0;
   height: 33px;
   position: absolute;
   width: 100%;
   z-index: 20;
   color: #ffffff;
}

#footerContent
{
   margin: 0 auto;
   padding-top: 12px;
   width:897px
}

#Footer a
{
   color: #ffffff;
}

#footer p
{
   color: #ffffff;
   font-size: 10px;
}
#copyright
{
}

#buro19
{
   float: right;
   position: relative;
   right: 40px;
}

#buro19 a
{
   text-decoration: underline;
   color: #ffffff;
}


/*  =DEFAULT STYLES
-------------------------------------------------------------- */

.alignleft
{
   float: left;
}
.alignright
{
   float: right;
}
.clear
{
   clear: both;
}

.center
{
   text-align: center;
}
.left
{
   text-align: left;
}
.right
{
   text-align: right;
}

.small
{
   font-size: 0.8em;
}
.hidden
{
   display: none;
}














/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */