.BCSContainers{}
/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Positioning ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */
.contMain
{
    padding: 0px; margin: 0 0 20px 0;
    border: solid 0px pink;
    background-color: Transparent;
    text-align: left;
}

.contHeader
{
    padding: 0px 20px 5px 20px; margin: 0px; border: solid 0px red;
    border: solid 0px red;
    text-align: left;
    background-color: Transparent;
    _height: 25px;
    min-height: 20px;
}
.contHeader h2
{
    display: inline;
    width: auto;
}
.contHeader .Head, h1, h2, h3
{
    padding: 0px; margin: 0px; border: solid 0px red;
}

.contActions
{
    padding: 0px; 
    margin: 2px 0 0 0; /*   must be in line with the font size of the h2 style the images
                            are 16px, thus top margin must be: fontsize * line-height minus 16px*/
    border: solid 0px red;
    float: right;
    width: 50px;
    height: 16px;
    text-align: right;
    background-color: Transparent;
}
.contActions img
{
    padding: 0px; margin: 0px; border: solid 0px red;
}

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

.contFooter
{
    clear: both;
}


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

.contHeader .Head
{
	font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: 160%;
    color: #0068B3;
    text-align: left;
}


div.contContent, /* this class needs to be added to align the first line in the container content 
                    when aligned justified because of hard-coded "align: left" in the container */ 
div.contContent td /* for various modules that have a surreounding td element */
{   
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    letter-spacing: 0.05em;
    color: #333333;
}

/* ------------------------------------------------------------------------------------------ */
/* ---------------------------------- container specific -------------------------------------*/
/* ------------------------------------------------------------------------------------------ */

#plain .contHeader
{
    margin-bottom: 0px;
    padding: 0px 20px 15px 20px; 
}


#blauwekop, #blauwkader, #blauw, #topContainer
{
    margin: 0 20px 20px 20px;
}
#blauw .contHeader, #blauwekop .contHeader, #blauwkader .contHeader, #topContainer .contHeader
{
    background-color: #0068B3;
}
#blauw .contHeader .Head, #blauwekop .contHeader .Head, #blauwkader .contHeader .Head, #topContainer .contHeader .Head
{
    text-transform: none;
    color: #ffffff;
    font-size: 14px;
    width: auto;
}

#blauwContent, #blauwcontentkader, #topContent
{
    padding: 0px 0 10px 0; margin: 0px; border: solid 0px red;
}

#blauw .contContent, #blauwkader .contContent, #topContainer .contContent
{
    background-color: #a4bedf;
    padding: 10px 30px 0px 20px; margin: 0px; border: solid 0px red;
}
#blauwkader .contContent
{
    background-color: #ffffff;
}
#topContainer .contContent
{
    background-color: transparent;
}

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


#blauw .contContent .Normal, #blauw .contContent p, #blauw .contContent a, #blauw .contContent a:link, 
#blauw .contContent a:visited, #blauw .contContent a:hover, #blauw .contContent a:active, #blauw .contContent td
{
    color: #ffffff;
}

#topContainer .contContent .Normal, #topContainer .contContent p, #topContainer .contContent a, #topContainer .contContent a:link, 
#topContainer .contContent a:visited, #topContainer .contContent a:hover, #topContainer .contContent a:active, #topContainer .contContent td
{
    color: #ffffff;
    font-weight: bold;
}




/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------- pane specific ---------------------------------------*/
/* ------------------------------------------------------------------------------------------ */


.teaser #noHeader .contContent
{
    padding: 0px 0px 0px 0px;
    background-color: Transparent;
}
.teaser #noHeader .contContent h1
{
    color: #ffffff;
    font-style: italic;
}
.teaser h1, .teaser p, .teaser .normal
{
    color: #ffffff;
    font-style: italic;
    text-align: right;
}
.headercontentpane #noHeader .contContent
{
    color: #ffffff;
    font-style: italic;
    background-color: #D4DDFF;
}

.centerpane #plain, .centerpane #noheader 
{
    width: 430px;
}
.centerpane #blauw, .centerpane #blauwkop, .centerpane #blauwkader
{
    width: 390px;
}
.lefcolumnpane #plain, .lefcolumnpane #blauw, .lefcolumnpane #blauwkop, .lefcolumnpane #blauwkader, .lefcolumnpane #noheader 
{
    width: 240px;
}
.rightcolumnpane #blauw, .rightcolumnpane #blauwkop, .rightcolumnpane #blauwkader
{
    width: 270px;
}

.headerpane #topContainer
{
}
/*
#adminskin #plain
{
}
#adminskin #plain .contContent
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
    text-align: left;
}
*/
.mainwide .centerpane #plain, .mainwide .centerpane #noheader 
{
    width: 740px;
}
.mainwide .centerpane #blauw, .mainwide .centerpane #blauwkop, .mainwide .centerpane #blauwkader
{
    width: 700px;
}


.bgplu
{
   	background: transparent url(images/paraplu.gif) no-repeat scroll top center;
}