/*
  Layout
*/

#wrapper
{
  width:908px;
  margin-left:auto;
  margin-right:auto;
  border-left:1px solid white;
  border-right:1px solid white;
  background-color:white;
}

#header
{
  height:78px;
  width:908px;
  background-image:url(/static/project/wcmexchange/images/header.jpg);
  background-repeat:no-repeat;
  border-bottom:1px solid white;
}

#nav
{
  clear:both;
  width:908px;
  height:23px;
  background-color:black;
  border-bottom:1px solid white;
}

#flash
{
  clear:both;
  width:908px;
  height:232px;
  border-bottom:1px solid white;
}

#bannerTop
{
  width:908px;
  height:111px;
  clear:both;
  margin:0px;
  padding:0px;
  overflow:hidden;
  border-bottom:1px solid white;
}

#breadcrumb
{
  clear:both;
  height:20px;
  background-image:url(/static/project/wcmexchange/images/breadcrumb.gif);
  background-repeat:repeat-x;
  padding-top:3px;
  padding-left:25px;
}

#contentWrapper
{
  float:left;  
  /*overflow:auto;
  height:1%;*/
  background-color:#FFFFFF;
  padding-top:10px;
  padding-bottom:10px;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  margin-left:-1px;
  width:100%;
}

#footer
{
  clear:both;
  width:910px;
  height:22px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(/static/project/wcmexchange/images/footer.gif);
  background-repeat:repeat-x;
  color:white;
  background-color:#f18e4a;
  /*padding-top:5px;*/
}

#frameLeft,#frameRight
{
  width:225px;
  margin:0px;
  padding:0px;
  float:left;
}



#frameMid
{
  width:443px;
  margin:0px;
  padding:0px;
  float:left;
  overflow:auto;
  height:1%;
  margin-left:9px;
}

.blockWrapper
{
  margin:0px;
  padding:0px;
  width:203px;
  background-image:url(/static/project/wcmexchange/images/block_bg.gif);
  background-repeat:repeat-y;
  margin-bottom:14px;
  overflow:hidden;
}

#frameLeft .blockWrapper
{
  margin-left:16px;
}

#frameRight .blockWrapper
{
  margin-left:9px;
}

#frameMid .blockWrapper
{
  /*margin-left:8px;  */
}

.blockWrapperHeader
{
  background-image:url(/static/project/wcmexchange/images/block_header_grijs.gif);
  background-repeat:no-repeat;
  padding-left:15px;
  padding-top:3px;
  padding-bottom:3px;
}

.blockWrapperContent
{
  margin:0px;
  padding:0px;
  clear:both;
  padding-left:10px;
  padding-right:10px;
}

.blockWrapperFooter
{
  clear:both;
  margin:0px;
  padding:0;x;
  background-image:url(/static/project/wcmexchange/images/block_footer.gif);
  background-repeat:no-repeat;
  height:10px;
  background-position: bottom left;
}


#frameLeft .blockWrapper .blockWrapperHeader
{

}

#frameMid .blockWrapper
{
  width:443px;
  background-image:url(/static/project/wcmexchange/images/block_bg_mid_1.gif);
}

#frameMid .wide
{
  width:400px;
  background-color:#31A7CF;
}

#frameMid .blockWrapper .blockWrapperHeader
{
  background-image:url(/static/project/wcmexchange/images/block_header_oranje_1.gif);
}

#frameMid .blockWrapper .blockWrapperFooter
{
  background-image:url(/static/project/wcmexchange/images/block_footer_2.gif);
}

#frameMid .blocks2
{
  margin-bottom:14px;
}


#frameMid .blocks2 .blockWrapper
{
  background-image:url(/static/project/wcmexchange/images/block_bg_mid.gif);
  background-repeat:repeat-y;
  width:214px;
  margin:0px;
  padding:0px;
}



#frameMid .blocks2 .blockWrapper .blockWrapperHeader
{
  background-image:url(/static/project/wcmexchange/images/block_header_oranje.gif);
  width:214px;
  margin:0px;
  padding:0px;
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
}

#frameMid .blocks2 .blockWrapper .blockWrapperFooter
{
  background-image:url(/static/project/wcmexchange/images/block_footer_1.gif);
  width:214px;
}


.blocks2
{
  height:1%;
  overflow:hidden;
}

.blockWrapperContent
{
  padding-top:10px;
}

#frameMid .blockWrapper.rows3
{
  background-image:url(/static/project/wcmexchange/images/block_bg_mid_3.gif);
}

#frameMid .blockWrapper.rows3 .blockWrapperFooter
{
  background-image:url(/static/project/wcmexchange/images/block_footer_4.gif);
}

.blockRow
{
  float:left;
  width:200px;
}


#frameRight .widget
{
  margin-left:15px;
}


.widget,#frameMid .blockWrapperContent .widget
{
  width:202px;
  margin-bottom:15px;
  color:white;
}

#frameMid .blockWrapperContentWide .widget
{
  width:400px;
  margin-bottom:15px;
  color:white;
}



.widget .blockWrapperHeader
{
  /*border-bottom:1px solid red;*/
}

/*
  blue
*/
.blockBlue
{
  background-color:#31a7cf;
  background-image:transparent;
}

.blockBlueWide
{
  background-color:#31a7cf;
  background-image:transparent;
  width:443px;
  
}

.widget.blockBlue .blockWrapperHeader,#frameMid .blockWrapperContent .widget.blockBlue .blockWrapperHeader
{
  background-image:url(/static/project/wcmexchange/images/block_blue_header.gif);
}

.widget.blockBlue .blockWrapperFooter,#frameMid .blockWrapperContent .widget.blockBlue .blockWrapperFooter
{
  background-image:url(/static/project/wcmexchange/images/block_blue_footer.gif);
}

.widget.blockBlueWide .blockWrapperHeaderWide,#frameMid .blockWrapperContent .widget.blockBlueWide .blockWrapperHeaderWide
{
  background-image:url(/static/project/wcmexchange/images/block_blue_header_wide.gif);
}

.widget.blockBlueWide .blockWrapperFooter,#frameMid .blockWrapperContent .widget.blockBlueWide .blockWrapperFooter
{
  background-image:url(/static/project/wcmexchange/images/block_blue_footer_wide.gif);
}

/*
  green
*/
.blockGreen
{
  background-color:#5cb676;
  background-image:transparent;
}


.widget.blockGreen .blockWrapperHeader,#frameMid .blockWrapperContent .widget.blockGreen .blockWrapperHeader
{
  background-image:url(/static/project/wcmexchange/images/block_green_header.gif);
}

.widget.blockGreen .blockWrapperFooter,#frameMid .blockWrapperContent .widget.blockGreen .blockWrapperFooter
{
  background-image:url(/static/project/wcmexchange/images/block_green_footer.gif);
}



/*
  gray
*/
.blockGray
{
  background-color:#707070;
  background-image:transparent;
}


.widget.blockGray .blockWrapperHeader,#frameMid .blockWrapperContent .widget.blockGray .blockWrapperHeader
{
  background-image:url(/static/project/wcmexchange/images/block_gray_header.gif);
}

.widget.blockGray .blockWrapperFooter,#frameMid .blockWrapperContent .widget.blockGray .blockWrapperFooter
{
  background-image:url(/static/project/wcmexchange/images/block_gray_footer.gif);
}