.bcs2{}


.contMain
{
    padding: 0px 0px 10px 0px; 
    margin: 0px 0 0px 0; 
    border: solid 0px #003876;
    text-align: left;
    background-color: Transparent;
}

.contHeader
{
    padding: 0px 0px 5px 0px; margin: 0px; border: solid 0px red;
    text-align: left;
    background-color: Transparent;
}
.contHeader h2
{
    display: inline;
    width: auto;
}
.contHeader .Head, .contHeader h2
{
    padding: 0px; margin: 0px; border: solid 0px red;
}
.contIcon
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
    float:left;
}
.contIcon img
{
    margin-right: 10px;
}
.topactionwrapper
{
    float: right;
    width: auto;
}


.contActions
{
    padding: 0px; 
    border: solid 0px red;
    float: left;
    width: auto;
    height: auto;
    text-align: right;
    background-color: Transparent;
}
.contActions img
{
    padding: 0px; margin: 0px; border: solid 0px red;
}

.contContent
{
    padding: 0px 0px 10px 0px; margin: 0px; border: solid 0px red;
    text-align: left;
    width: auto;
}

.contFooter
{
    clear: both;
}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* -------------------------- here mostly empty, see the skin file ---------------------------*/
/* ------------------------------------------------------------------------------------------ */

.contHeader .Head
{
	font-family: Calibri, Trebuchet MS, Arial, Sans-Serif;
	font-size: 15px;
	color: #0063ad;
	font-weight: bold;
	text-align: left;
	text-transform: none;
}
.contHeader h1 .Head
{
	font-family: Calibri, Trebuchet MS, Arial, Sans-Serif;
	font-size: 25px;
	color: #abd807;
	font-weight: bold;
	text-align: left;
	text-transform: none;
}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Special cases --------------------------------------*/
/* ------------------------------------------------------------------------------------------ */

.ImageNoHeader
{
    padding: 0px; margin: 0px; border: solid 0px pink;
}

.ImageNoHeader .contContent
{
    padding: 0px; margin: 0px; border: solid 0px red;
    text-align: left;
}
.containercontent
{	
}

.containerfooter
{
}
/*
.leftpane .contMain
{
    padding-left: 20px;
}
.leftpane .ImageNoHeader
{
    padding-left: 0px;
}

.contMain.blue
{
    width: 245px;
    background: #00a5e7 url(images/bgBlueContTop.jpg) no-repeat top left;	
    min-height: 100px;
    padding: 0px; margin: 0px; border: solid 0px pink;
}
.blue .contContent
{
    padding: 0px 10px 10px 15px; margin: 0px; border: solid 0px pink;
}

.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6, 
.blue div, .blue td, .blue .Normal, .blue p, .blue a, .blue a:link, .blue a:visited, .blue a:hover, .blue a:active, .blue .SkinObject, .blue a.CommandButton
{
    color: #ffffff;
}
.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6
{
    margin-top: 0px;
}

.blue b, .blue strong
{
    color: #d6e03e;
    font-family: Calibri, Trebuchet MS;
    font-size: 14px;
}

.bluefooter
{
    min-height: 20px;
    background: url(images/bgBlueContFoot.jpg) no-repeat top left;	
    
}
 
.contMain.blue.big 
{
    width: 297px;
    min-height: 335px;
    background: #00aaec url(images/bgBlueContTopLarge.jpg) no-repeat top left;	
}
.bigbluefooter
{
    min-height: 20px;
    background: url(images/bgBlueContFootLarge.jpg) no-repeat top left;	
    
}
.contMain.blueheader
{    
    background: url(images/BlueTopWithGradientRight.jpg) no-repeat top right;	
    padding: 0px; margin: 0px; border: solid 0px pink;
}
.blueheaderwrapper
{
    background: url(images/BlueTopWithGradientLeft.jpg) no-repeat top left;	
    padding: 8px 15px 10px 20px; margin: 0px; border: solid 0px pink;
    min-height: 150px;
}

.blueheader .contHeader .Head
{
	color: #ffffff;
}
.rightpane .contMain
{
    margin-right: 10px;
}

.rightpane .ImageNoHeader
{
    margin-right: 0px;
}

.middleleftpane .contMain
{
    padding: 0px 10px 0 20px;
}
*/

.white .contContent
{
    background: url(images/whitecontent.png) repeat-y top left;	
    padding: 0px 10px 0px 10px; 
}
.white .contHeader
{
    background: url(images/whitetop.png) no-repeat top left;
    height: 18px;	
}
.white
{
    background: url(images/whitebottom.png) no-repeat bottom left;	
    padding: 0px 0px 20px 0px; 
    margin: 10px 0 10px 0; 
    border: solid 0px #003876;

}

table.LinksDesignTable
{
    margin-right: 15px; 
}

.LinksDesignTable td
{
    background: url(images/greenbuttonright.png) no-repeat center right;	
    padding: 0px 20px 0px 0px; 
}
.LinksDesignTable td a
{
    padding: 0px; margin: 0px; border: solid 0px red;
    padding-left: 15px;
    background: url(images/greenbuttonleft.png) no-repeat center left;	
    font-size: 15px;
    text-decoration: none;
    color: #0063ad;    
    display: block;
    height: 24px;
    font-weight: bold;
}
.LinksDesignTable td a:hover
{
    color: #333333;    
}

.rightpane .LinksDesignTable td
{
    background-image: none;	
    padding: 0px 0px 10px 0px; 
}

.rightpane .LinksDesignTable td a
{
    background: url(images/linksbgrightpane.png) no-repeat center left;	
    padding: 0px 0px 0px 15px; 
    width: 160px;
}
.rightpane .LinksDesignTable td a:hover
{
    background: url(images/linksbgrightpanehover.png) no-repeat center left;	
    color: #0063ad;    
}


.referenceContainer {}


.references .contentpane .contMain 
{
    padding-left: 15px;
}
.references .contentpane .referenceContainer 
{
    padding-left: 0px;
}

.referenceContainer .contHeader
{
    padding: 0px;
}

.referenceContainer h1
{
    padding: 5px 0 0 10px;
}
.referenceContainer .contContent
{
    background: url(images/rechthoek.png) no-repeat scroll 0px 0px;
    padding: 16px 15px 5px 15px;
}
.rightpane .referenceContainer
{
    margin-left: -5px;
}
.rightpane .referenceContainer h3
{
    margin-left: 5px;
}
.rightpane .referenceContainer .contContent
{
    background: url(images/rechthoekrechts.png) no-repeat scroll 0px 0px;
    padding: 16px 15px 0px 7px;
}


.klantcaseheader
{
    height: 100px;
    overflow: hidden;
    margin: 5px 0 5px -15px;
    background: url(images/rechthoek.png) no-repeat scroll 0px 0px;
    padding: 22px 15px 5px 15px;
}
.klantcaseheader td.quote
{
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 135%;
    color: #0063AD;
}


.reflist
{
    padding-top: 20px;
}

.refitem
{
    position: relative;
    height: auto;
    width: auto;
    clear: both;
}
.refitem .itemimage
{
    width:120px;
    float: left;
}

.refitem .itemimage img
{
    width:120px;
    height: 120px;
}

.refitemtext
{
    float: right;
    width: 180px;
    height: auto;
    padding-bottom: 30px;
}
.refitemtext p
{
    padding-bottom: 0px;
}
.refitemtext p, .refitemtext div, .refitemtext span, .refitemtext a
{
}
.refitem a
{
    text-transform: uppercase;
    text-decoration: underline;
    color: #777777;
}
.imageoverlay
{
    background: url(images/vierkantje.png) no-repeat scroll 0px 0px;
    width: 120px;
    height: 120px;
    position:absolute;
    top: 0;
    left: 0;
}

.rightpane .referenceContainer .simply-scroll { /* Customisable base class for style override DIV */
	width: 310px;
	height: 90px;
	margin-bottom: 1em;
}

.rightpane .referenceContainer .simply-scroll .simply-scroll-clip {
		width: 310px;
		height: 70px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
.rightpane .referenceContainer .simply-scroll .simply-scroll-list li {
			float: left;
			width: 110px;
			height: 70px;
			margin: 0 0px 0 0px
		}

.rightpane .referenceContainer .simply-scroll .simply-scroll-list li img.smallscrolimage
{
			width: 100px;
			height: 66px;
}