.mapdimensions
{
width:548px;
height:346px;
}

body
{
   margin: 0px;
   padding: 0px;
   background-color: #ffffff;
   font-family: Century Gothic;
   font-size: 11px;
}

body, html
{
   background-image: url(images/main_Bg.jpg);
   background-repeat: no-repeat;
   background-position: top center;
   height: 100%;
   margin: auto;
}

h1, h2, h3, h4, h5, h6, ul, li, p, label, fieldset, form
{
   margin: 0;
   padding: 0;
}

h1, h2, h3, h4, h5, h6
{
   font-weight: normal;
}
h1
{
   font-size: 176%;
   letter-spacing: -0.05em;
   font-weight: bold;
   color: #0055A5;
}

h2
{
   font-size: 136%;
   letter-spacing: -0.03em;
}

h3
{
   font-size: 126%;
}

h4
{
   font-size: 116%;
}

h5
{
   font-size: 106%;
}

h6
{
   font-size: 96%;
}

p
{
   line-height: 1.4em;
}

a img
{
   border: 0 none;
}

a
{
  color: #0055A5;
}

#header
{
   background-image: url(images/header_BG.png);
   height: 209px;
   width: 881px;
   padding-left: 7px
   padding-top:3px;
}

#headerFade
{
      list-style: none;
}



#headerFade ul
{
     margin-top:0px;
     padding-top:0px;
}


#headerFade li
{
margin-left:6px;
margin-top:1px;
}


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

/* TOP NAVIGATIE */

#socialMediaLinks
{
    position: absolute;
    top: 164px;
    z-index: 30;
}


#homenav
{
   filter: Alpha(Opacity=75); 
   opacity: 0.75;
   background-image: url(images/menu_bg.png);
   background-repeat: no-repeat;
   height: 30px;
   width: 960px;
   margin-left: -40px;
padding-left:101px;
   top: 160px;
   position: absolute;
   z-index: 20;
}

#homenav li
{
   float: left;
   list-style: none;
   font-size: 126%;
}

#homenav li a
{
   display: block;
   padding: 5px 3px;
   text-decoration: none;
   color: #EAFFED;
   white-space: nowrap;
   /*background: transparent url(images/menuSeperator.png) center left no-repeat;*/
}

#homenav li a:hover
{
   font-weight: bold;
   color: #ffffff;
}

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


.navSeperator
{
   background: transparent url(images/naviDivider.png) center right no-repeat  !important; 
   float: left;
   list-style: none;
   width:20px;
   height:29px;
   width:17px;
   margin-right:7px;
   margin-left:4px;
}


/* EINDE TOP NAVIGATIE */

#kramerKeukenKader
{
   background: transparent url(images/kramerLogoKader.png) no-repeat scroll 0 0;
   position: absolute;
   right: 15px;
   top: 60px;
   z-index: 10;
   width: 238px;
   height: 204px;
}

#onzeActies
{
   background-image: url(images/bekijkOnzeActiesKnop.jpg);
   position: absolute;
   z-index: 11;
   width: 186px;
   height: 25px;
   padding-top: 10px;
   top: 202px;
   right: 39px;
}

#onzeActies a
{
   color: #ffffff;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
   padding-left: 15px;
}

#onzeActies a:hover
{
   color: #7E7E7E;
}

#keukenKader
{
   height: 204px;
   position: absolute;
   right: 2px;
   top: 270px;
   width: 238px;
   z-index: 11;
   overflow: hidden;
}

#keukenKader img
{
   margin-left: 7px;
   margin-top: 6px;
}


#WitkaderMetAchtergrond
{

   background: transparent url(images/keukenKaderMetAchtergrond.png) no-repeat scroll 0 0;
   position: absolute;
   z-index: 9;
   height: 200px;
   width: 238px;
    padding-left: 55px;
    padding-top: 33px;

}


#keukenKaderLinksOnder {
    height: 289px;
    overflow: hidden;
    position: absolute;
    top: 455px;
    width: 238px;
    z-index: 12;
}


#keukenKaderLinksOnder img
{
   margin-left: 4px;
   margin-top: 10px;
}

#linksOnderKaderOverlay
{
   background: transparent url(images/LinksOnderKaderGroot.png) no-repeat scroll 0 0;
   position: absolute;
   z-index: 9;
   height: 289px;
   width: 238px;
}

#onderKaderOverlay p
{
  color: #0055A5;
    font-size: 12px;
    font-weight: bold;
    margin-left: 33px;
    margin-top: 20px;

}

#royaalFlashBanner
{
 margin-left: 29px;
 margin-top: 6px;
}

#bovenKaderOverlay
{
   background: transparent url(images/keukenKader.png) no-repeat scroll 0 0;
   position: absolute;
   z-index: 9;
   height: 200px;
   width: 238px;
}

#onderKaderOverlay
{
   background: transparent url(images/keukenKaderMetAchtergrond.png) no-repeat scroll 0 0;
   position: absolute;
   z-index: 9;
   height: 289px;
   width: 238px;
}

#keukenLadenKader
{
   position: absolute;
   right: 2px;
   top: 472px;
   z-index: 12;
   width: 238px;
   height: 289px;
   overflow: hidden;
}

#keukenLadenKader img
{
   margin-left: 11px;
   margin-top: 8px;
}

#youTubeFilm
{
   background-image: url(images/youTubeKader_Bg.png);
   width: 226px;
   height: 207px;
   padding-left: 8px;
   padding-top: 9px;
}

#uwDroomKeukenKnop a
{
   position: absolute;
   width: 186px;
   height: 33px;
}

/*#uwDroomKeukenKnop a
{
   background: transparent url(images/keukensamenstellenKnop.jpg) no-repeat scroll 0 0;
   position: absolute;
   z-index: 11;
   width: 186px;
   height: 33px;
   padding-top: 10px;
   top: 194px;
   right: 36px;
}*/



#uwDroomKeukenKnop
{
   position: absolute;
   z-index: 11;
   width: 186px;
   height: 33px;
   padding-top: 4px;
   top: 197px;
   right: 39px;

}
#uwDroomKeukenKnop a:hover
{
   background: transparent url(images/keukensamenstellenKnop.jpg) no-repeat scroll 0 -45px;
   width: 186px;
   height: 33px;
}

#merkenKader
{
   /*background: transparent url(images/sponsorKader.png) no-repeat scroll 0 0;*/
   width: 220px;
   height: 190px;
/*   padding: 20px;*/
   margin-top:10px;
}

#merkenKader li
{
   float: left;
   list-style: none;
   width: 52px;
   height: 52px;
   margin-right: 17px;
}

#merkenKader li a
{
   text-decoration: none;
}


#left
{
   float: left;
   height: 455px;
   margin: 0;
   padding: 9px 0 0;
   width: 220px;
}

#right
{
   background-image: url(images/content_Bg.png);
   float: left;
   margin-top: 22px;
   margin-left: 17px;
   height: 484px;
   width: 354px;
   padding-top: 20px;
   padding-left: 30px;
}

#right img
{
   padding-top: 10px;
   padding-bottom: 10px;    
}

#right p
{
   width: 300px;
}

#footer
{
clear:both;
font-size:10px;
height:50px;
left:6px;
position:absolute;
top:680px;
width:auto;
z-index:20;
}

.textBlauwBold
{
  font-weight:bold;
  color: #0055A5;
   
}

#contentBGWide
{
   background-image: url(images/fotoGallerij_Bg.png);
   margin-top: 20px;
   width: 590px;
   height: 484px;
   padding-top: 20px;
   padding-left: 30px;
}

#contentBGWide img
{
   padding-top: 10px;
   padding-bottom: 10px;    
}

#fotogallerij
{
   background-image: url(images/fotoGallerij_Bg.png);
   margin-top: 20px;
   width: 590px;
   height: 484px;
   padding-top: 20px;
   padding-left: 30px;
}

#fotogallerij img
{
   padding-top: 10px;
   padding-bottom: 10px;    
}

#fotogallerij li
{
   float: left;
   list-style: none;
   margin-right: 6px;
   margin-bottom: 10px;
   width: 83px;
   height: 83px;
}

#gallerij
{

   list-style: none;
}

#gallerij li
{
   float: left;
   list-style: none;
   margin-right: 15px;
   margin-bottom: 15px;
   width: 126px;
   height: 126px;
}

#fotogallerij li a
{
   text-decoration: none;
}


#fotogallerij li a:hover
{
   font-weight: bold;
}

#nawGegevensKader
{
   background: transparent url(images/kaderAchtergrondWit.png) no-repeat scroll 0 0;
   width: 180px;
   height: 204px;
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 22px;

}

#nawGegevensKader p
{
   font-size: 9px;
}

#kramerKeukensKader
{
   background: transparent url(images/kramerKeukensKader.png) no-repeat scroll 0 0;
   width: 231px;
   height: 282px;
}

#scrollContentArea
{
   width: 549px;
   height: 320px;
}

#scrollContentAreaSmall
{
   width: 322px;
   height: 320px;
}

div.wrapper
{
 position:relative; /* important(so we can absolutely position the description div */
}

div.description
{
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom  :0px; /* position will be on bottom */  
    left:0px;  
    display:none; /* hide it */  
    /* styling bellow */  
    background-color:#0055A5;  
    font-size:13px;  
    font-weight: bold;
    color:#ffffff;  
    height: 40px;
    width: 126px;
    bottom: 20px;
}
div.description_content
{
   padding-top: 5px;
   padding-left:8px;
   padding-right:10px;
   text-align:center;
}

.lijnMarges
{
   padding-top: 10px;
   padding-bottom: 10px;   
}
































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {
font-size: 176%;
letter-spacing: -0.05em;
font-weight: bold;
color: #0055A5;
}

h2 {
font-size: 136%;
letter-spacing: -0.03em;
color: #0055A5;
}

Century Gothic {
font-family: Century Gothic;
}

Arial {
font-family: arial;
}

h3 {
font-size: 126%;
color: #0055A5;
}

h4 {
font-size: 116%;
color: #0055A5;
}

h5 {
font-size: 106%;
color: #0055A5;
}

h6 {
font-size: 96%;
}

h7 {
font-size: 76%;
}

float left {
float: left;
}

float right {
float: right;
}