.Mendel{}
/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Positioning ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */
.contMain
{
    padding: 0px 20px 0px 20px; margin: 0px 0 10px 0;
    border: solid 0px #ffffff;
    background-color: Transparent;
    text-align: left;
    vertical-align: top;
}

.contHeader
{
    padding: 0px 0px 5px 0px; margin: 0px; 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: 40px;
    height: 16px;
    text-align: right;
    background-color: Transparent;
}
.contActions img
{
    padding: 0px; margin: 0px; border: solid 0px red;
}

.contContent
{
    padding: 0px 0px 0px 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: Trebuchet MS, Arial, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    line-height: 120%;
    color: #014a81;
    text-align: left;
    letter-spacing: normal;
}

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, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #585858;
    text-align:left;
}

/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Special cases --------------------------------------*/
/* ------------------------------------------------------------------------------------------ */

.NoHeader
{
    margin: 17px 0 0px 0;
}

#ImageNoHeader .contContent
{
    padding: 0px; margin: 0px; border: solid 0px red;
    text-align: left;
}
#ImageNoHeader.contMain
{
    padding: 0 0 10px 0px; 
    margin: 0 0 0px 0;
    border: solid 0px pink;
}


.rightpane .contMain
{
    padding: 0px 0px 0px 0px; margin: 0px 0 0px 0;    
    border: solid 0px red;
}


.rightpane .contMain
{
    padding: 0px 0px 10px 15px;
    margin: 0px 0px 0px 0px; 
    background: Transparent url(images/rightcolumntopleft.gif) no-repeat scroll top left;
    background-color: #ebf5df;
}
.rightpane .contHeader
{
    padding: 10px 0px 10px 0px;
    background: Transparent url(images/rightcolumntopright.gif) no-repeat scroll top right;
}
.rightpane .contContent
{
    padding: 0 10px 0px 0;
}

.rightpane .contFooter
{
    margin: 0px 0px 10px 0px; 
    padding: 0px 0px 0px 0px;
    border: solid 0px red;
    background: Transparent url(images/rightcolumnbottomright.gif) no-repeat scroll bottom right;
    min-height: 13px;
    _height: 13px;
    width: auto;
}
.rightpane .footerwrapper
{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    border: solid 0px red;
    background: Transparent url(images/rightcolumnbottomleft.gif) no-repeat scroll bottom left;
    height: auto;
    width: auto;
    background-color: #ebf5df;
}

.rightpane .contHeader .Head
{
    color: #5da70e;
}

.leftpane .contMain
{
    margin: -10px 0 0px 0;    
    padding: 5px 10px 20px 10px;
    background-color: #ebf5df;
    background: #ebf5df url(images/leftcolumnbottombglight.gif) no-repeat scroll bottom left;
}


.leftpane .green 
{
    background: #aedf72 url(images/leftcolumnbottombgdark.gif) no-repeat scroll bottom left;
    height: auto;
    border-top: solid 1px #ffffff;
}
.leftpane .lightgreen 
{
    background-image: none;
    background-color: #d5eabb;
    height: auto;
    border-top: solid 1px #ffffff;
}


.leftpane .green .contHeader, .leftpane .lightgreen .contHeader
{
    padding: 10px 0px 10px 0px;
    width: 175px;
}

.line .contHeader
{
    border-bottom: solid 1px #005ea5;
    padding: 0px 0px 5px 0px; 
    margin: 0 5px 5px 0; 
}

