.CLV{}
/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Positioning ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */
.contMain
{
    padding: 0px; margin: 0px 0 0px 0;
    border: solid 0px #30B457;
    background-color: Transparent;
    text-align: left;
    vertical-align: top;
}

.contHeader
{
    padding: 10px 10px 0px 12px; 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 15px 10px 12px; margin: 0px; border: solid 0px red;
    text-align: left;
    clear: both;
    width: auto;
}

.contFooter
{
    clear: both;
}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* -------------------------- here mostly empty, see the skin file ---------------------------*/
/* ------------------------------------------------------------------------------------------ */

.contHeader .Head
{
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-transform: none;
    line-height: 160%;
    color: #0165A7;
    text-align: left;
    text-transform: none;
}


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: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #333333;
}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Special cases --------------------------------------*/
/* ------------------------------------------------------------------------------------------ */

#plain.NoHeader
{
    margin: 20px 0 0px 0;
}

#ImageNoHeader .contContent
{
    padding: 0px; margin: 0px; border: solid 0px red;
    text-align: left;
}
#ImageNoHeader.contMain
{
    padding: 0 0 0px 0px; 
    margin: 0 -3px 0px 0;
    _margin: 0 -3px 0px -3px;
    border: solid 0px pink;
}

.bottomline .contContent
{
    border-bottom: solid 10px #30B457;
}
.topline .contHeader
{
    border-top: solid 10px #30B457;
    padding-top: 10px;
}

#ImageNoHeader .contContent
{
    border-bottom: solid 0px #30B457;
}

#ImageNoHeader
{
    padding: 0px; margin: 0px; border: solid 0px red;
    width: auto;
}
.contContentImg
{
    height: auto;
}
.contContentImg div img
{
    height: auto;
    border-bottom: solid 10px #30B457;
}


.leftcontentpane .contActions
{
    display: none;
}

.leftcontentpane .contContent
{
    padding: 0px 0px 10px 7px; margin: 0px; border: solid 0px red;
}
.leftcontentpane .contHeader
{
    padding: 0px 0px 0px 7px;
}

.leftcontentpane .contHeader .Head
{
    font-size: 14px;
    letter-spacing: normal;
}

#agenda .contHeader
{
    margin: 10px 0 0 0; 
    padding: 0px 0px 0px 10px;
    height: 34px;
    background: #FEEBB9 url(images/agenda.png) no-repeat scroll center right;
}
#agenda .contContent, #nieuws .contContent, #letop .contContent
{
    padding: 5px 0px 10px 10px; 
}
#nieuws .contHeader
{
    margin: 10px 0 0 0; 
    padding: 0px 0px 0px 10px;
    height: 34px;
    background: #FEEBB9 url(images/nieuws.png) no-repeat scroll center right;
}
#letop .contHeader
{
    margin: 10px 0 0 0; 
    padding: 0px 0px 0px 10px;
    height: 34px;
    background: #0060A9 url(images/letop.png) no-repeat scroll center right;
}
#letop .contHeader .Head
{
    color: #ffffff;
    text-align: center;
}

.contActions
{
    padding: 0px; 
    margin: 5px 20px 0 0; 
    _margin: 5px 10px 0 0; 
    border: solid 0px red;
    float: right;
    width: 50px;
    height: 16px;
    text-align: right;
    background-color: Transparent;
}


