﻿.cmsBody {
	text-align:center;
}

.cmsBody, body, html {
/*	background-color:#17375E;*/
	background-color:#e9e9e9;
	background-image:url(http://www.graydon.be/pictures/medialib/pics/bg_body.png);
	background-repeat:repeat-x;
}

.cmsForm {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	overflow:auto;
}

.LayBrd, .LayTmp, .LayBrd_blue {
    border-collapse: collapse;
    width:100%;
}
body, .LayBrd td, .LayTmp td, .LayBrd_blue td{
    margin:0px;
    /* padding:0px;  20081209 IS DIT WEL NODIG ? TOMMY */
    vertical-align: top;
    text-align: left;
}


.LayTop{}/*: */
.LayTopLft {
    background-image: url(layout/toplft.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 20px;
	height: 20px;
}
.LayTopLft_blue {
  /*  background-image: url(http://www.graydon.be/pictures/medialib/pics/borders/blue/toplft.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 20px;
	height: 20px;*/
}
.LayTopMid {
    background-image: url(layout/topmid.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	height: 20px;  
}
.LayTopMid_blue {
  /*  background-image: url(http://www.graydon.be/pictures/medialib/pics/borders/blue/topmid.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	height: 20px;  */
}
.LayTopRgh {
    background-image: url(layout/toprgh.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 20px;
	height: 20px;
}
.LayTopRgh_blue {
   /* background-image: url(http://www.graydon.be/pictures/medialib/pics/borders/blue/toprgh.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 20px;
	height: 20px;*/
}

.LayCnt{}  /*~LayEmp: */
.LayCntLft {
    background-image: url(layout/midlft.gif);
	background-repeat: repeat-y;
	background-position: center right;  
	width: 20px;
	height: 1px;
}
.LayCntLft_blue {
   /* background-image: url(http://www.graydon.be/pictures/medialib/pics/borders/blue/midlft.gif);
	background-repeat: repeat-y;
	background-position: center right;
	width: 20px;
	height: 1px;*/
}
.LayCntMid{}
.LayCntRgh {
    background-image: url(layout/midrgh.gif);
	background-repeat: repeat-y;
	background-position: center left;  
	width: 20px;  
	height: 1px; 
}
.LayCntRgh_blue {
    /*background-image: url(http://www.graydon.be/pictures/medialib/pics/borders/blue/midrgh.gif);
	background-repeat: repeat-y;
	background-position: center left; 
	width: 20px;  
	height: 1px; */
}


.LayBtm{}/*: */
.LayBtmLft {
    background-image: url(layout/btmlft.gif);
	background-repeat: no-repeat;
	background-position: top right;   
	width: 20px;  
	height: 20px; 
}
.LayBtmLft_blue {
   /* background-image: url(http://www.graydon.be/pictures/medialib/pics/borders/blue/btmlft.gif);
	background-repeat: no-repeat;
	background-position: top right;  
	width: 20px;  
	height: 20px; */
}
.LayBtmMid {
    background-image: url(layout/btmmid.gif);
	background-repeat: repeat-x;
	background-position: top center;
	height: 20px;
}
.LayBtmMid_blue {
  /*  background-image: url(http://www.graydon.be/pictures/medialib/pics/borders/blue/btmmid.gif);
	background-repeat: repeat-x;
	background-position: top center;
	height: 20px;*/
}
.LayBtmRgh {
    background-image: url(layout/btmrgh.gif);
	background-repeat: no-repeat;
	background-position: top left; 
	width: 20px;   
	height: 20px;  
}
.LayBtmRgh_blue {
   /* background-image: url(http://www.graydon.be/pictures/medialib/pics/borders/blue/btmrgh.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 20px;   
	height: 20px;  */
}


.LayEmp{}  /*~LayCnt: */
.LayEmpLft {
    background-image: url(layout/midlft.gif);
	background-repeat: repeat-y;
	background-position: center left;  
	width: 20px;
	height: 1px;
}
.LayEmpMid {}
.LayEmpRgh { /* td.empty */
    background-color: white;
	position:relative;
	width: 20px;
	right:-20px;
	z-index_:0;
}
td[class="LayEmpRgh"] div { /*td[class="empty"] div*/
    background-color: white;
    position: relative;
    width: 20px;
    left: 20px;
    height: 100%;
    visibility: visible;
    overflow: visible;
    display: table;
}


.LayMrg{}/*: */
.LayMrgLft {
    background-image: url(layout/mrglft.gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 20px;
	height: 20px; 
}
.LayMrgMid {
    background-image: url(layout/btmmid.gif);
	background-repeat: repeat-x;
	background-position: center center; 
	height: 20px;
}
.LayMrgRgh {
    background-image: url(layout/mrgbtmrgh.gif);
	background-repeat: no-repeat;
	background-position: left bottom;  
}
.LayMrgRgh div {
    background-image: url(layout/mrgbtmrgh.gif);
	background-repeat: no-repeat;
	background-position: right bottom;  
	height:20px;
	width:20px;
	position:relative;
	right:-20px; 
	z-index_:10;
}


.LaySpl{}/*: */
.LaySplLft {
    background-image: url(layout/spllft.gif);
	background-repeat: no-repeat;
	background-position: center left;   
	width: 20px;  
	height: 4px; 
}
.LaySplMid {
    background-image: url(layout/splmid.gif);
	background-repeat: repeat-x;
	background-position: center center;    
}
.LaySplRgh {
    background-image: url(layout/splrgh.gif);
	background-repeat: no-repeat;
	background-position: center right; 
	width: 20px;   
	height: 4px;  
}

.LayBrdOut .LayCntMid{
	background-color:white;
}
.LayCntMid_blue{
	background-color:#fff;
}

/* TOMMY */


.BrdBrd, .BrdTmp {
    border-collapse: collapse;
    width:100%;
}

body, .BrdBrd td, .BrdTmp td{
    margin:0px;
    padding:0px;
    vertical-align: top;
    text-align: left;
}


.BrdTop{ 
	z-index_:100;

}

.BrdTopLft, .LayBrd .BrdTopLft {
    background-image: url(layout/toplft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 20px;
	height: 20px;
}
.LayBrd_blue{/*240609*/
/*    background-image: url(http://www.graydon.be/pictures/medialib/pics/borders/blue/toplft.gif);
	background-repeat: no-repeat;
	background-position: top left;*/
	width: 100%;
	height: 100%;
}
.BrdTopMid {
    background-image: url(layout/topmid.gif);
	background-repeat: repeat-x;
	background-position: top center;
	height: 20px;  
}
.BrdTopRgh {
    background-image: url(layout/toprgh.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 20px;
	height: 20px;
}


.BrdCnt{~BrdEmp}
.BrdCntLft {
    background-image: url(layout/midlft.gif);
	background-repeat: repeat-y;
	background-position: left center;  
	width: 20px;
	height: 1px;
}
.BrdCntMid{}
.BrdCntRgh {
    background-image: url(layout/midrgh.gif);
	background-repeat: repeat-y;
	background-position: right center;  
	width: 20px;  
	height: 1px; 
}


.BrdBtm{
	z-index_:100;
}
.BrdBtmLft {
    background-image: url(layout/btmlft.gif);
	background-repeat: no-repeat;
	background-position: bottom left;   
	width: 20px;  
	height: 20px; 
}
.BrdBtmMid {
    background-image: url(layout/btmmid.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	height: 20px;
}
.BrdBtmRgh {
    background-image: url(layout/btmrgh.gif);
	background-repeat: no-repeat;
	background-position: bottom right; 
	width: 20px;   
	height: 20px;  
}


.BrdEmp{~BrdCnt}
.BrdEmpLft {
    background-image: url(layout/midlft.gif);
	background-repeat: repeat-y;
	background-position: center left;  
	width: 20px;
	height: 1px;
}
.BrdEmpMid {}
.BrdEmpRgh { 
    background-color: White;
	position:relative;
	width: 20px;
	right:-20px;
}
td[class="BrdEmpRgh"] div { 
    background-color: White;
    position: relative;
    width: 20px;
    left: 20px;
    height: 100%;
    visibility: visible;
    overflow: visible;
    display: table;
}

.BrdMrg{}
.BrdMrgLft {
    background-image: url(layout/mrglft.gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 20px;
	height: 20px; 
}
.BrdMrgMid {
    background-image: url(layout/btmmid.gif);
	background-repeat: repeat-x;
	background-position: center center; 
	height: 20px;
}
.BrdMrgRgh {
    background-image: url(layout/mrgbtmrgh.gif);
	background-repeat: no-repeat;
	background-position: left bottom;  
}
.BrdMrgRgh div {
    background-image: url(layout/mrgbtmrgh.gif);
	background-repeat: no-repeat;
	background-position: right bottom;  
	height:20px;
	width:20px;
	position:relative;
	right:-20px; 
	z-index_:10;
}

.BrdSpl{}
.BrdSplLft {
    background-image: url(layout/spllft.gif);
	background-repeat: no-repeat;
	background-position: center left;   
	width: 20px;  
	height: 4px; 
}
.BrdSplMid {
    background-image: url(layout/splmid.gif);
	background-repeat: repeat-x;
	background-position: center center;    
}
.BrdSplRgh {
    background-image: url(layout/splrgh.gif);
	background-repeat: no-repeat;
	background-position: center right; 
	width: 20px;   
	height: 4px;  
}

.cmsMenu .BrdBrd{
    width:auto;
}

.cmsMenu .BrdTopLft, .cmsMenu .BrdTopRgh {
    width: auto;
    padding-right: 20px;
}