@import url("basics.css");

body
{
    padding-bottom: 5px;
}

#wrapper
{
    width: 964px;
    margin: auto;
    margin-top: 26px;
}

    #logo
    {
        background-color: #cf1c21;
    }

        #logo img, #logo a
        {
            float: right;
        }

        #logo a
        {
            display: block;
            background-color: #ffffff;
            width: 101px;
        }

    #head
    {
        clear: both;
    }

        #search, #mainmenu
        {
            padding-top: 26px;
        }

        #search
        {
            float: right;
            font-size: 10px;
            margin-top: -2px;
        }

            #search input
            {
                width: 80px;
            }

        #mainmenu
        {
            border-bottom: 3px solid #dcd0c0;
            font-size: 12px;
            padding-left: 148px; /* width of left navigation - 26px distance between menu elements */
        }

            #mainmenu ul
            {
            }

                #mainmenu li
                {
                    padding-left: 26px; /* think of #mainmenu! padding, because IE6 doesn't like margin-left here */
                }

                    #mainmenu a
                    {
                        text-decoration: none;
                        display: block;
                        margin-bottom: 5px;
                        color: #dcd0c0;
                        font-weight: bold;
                    }

                    #mainmenu a:hover
                    {
                        color: #8b622f;
                    }

                    #mainmenu a.activePath
                    {
                        color: #cf1c21;
                    }

                    #mainmenu span
                    {
                        font-weight: bold;
                    }

                    #mainmenu ul ul
                    {
                        display: none;
                    }

    #bodyFootWrapper
    {
    }

        #body
        {
            background: url(../images/composings/faces.jpg) no-repeat;
        }

            #content
            {
                padding-top: 153px; /* 153px eyecatcher height */
                margin: 0 307px 0 175px; /* Think of page/academy.css + imprint.css + site-map.css when changing margin-left (IE6 workaround)!! right: 964px full width - 174px left navigation width - 483px content width; left: 174px subnavigation width; */
                min-height: 247px; /* 400px total height - 153px padding-top; don't forget value in lte_ie6.css! */
            }

                #content ul, #rightContent ul
                {
                    padding-left: 15px;
                    list-style-image: url(../images/bullet.gif);
                }

                    #content li, #rightContent li
                    {
                        margin: .35em 0;
                    }

                    #content ul ul, #rightContent ul ul
                    {
                        margin-bottom: 0;
                    }

            #body h1
            {
                font-size: 16px;
                color: #cf1c21;
                padding: 14px 0;
                font-weight: bold;
            }

            #body h2
            {
                font-size: 13px;
                color: #cf1c21;
                text-transform: uppercase;
                font-weight: bold;
            }

            #body h3
            {
                font-size: 11px;
                color: #4f5150;
                font-weight: bold;
            }

            #body p, #body ul, #body div.text
            {
                margin-bottom: 1.25em;
            }

            #body .teaser
            {
                font-weight: bold;
            }

        #foot
        {
            font-size: 10px;
            clear: both;
            color: #8b622f;
            padding-top: 20px;
        }

            #icons
            {
                height: 35px;
                background: url(../images/there_is_one_for_everybody_ltr.gif) no-repeat top right;
            }

                #icons img
                {
                    vertical-align: middle;
                }

            #foot ul
            {
            }

                #foot li
                {
                    margin-right: 20px;
                }

                    /*#foot li.active a
                    {
                        text-decoration: none;
                        color: #cf1c21;
                    }*/

            #copyright
            {
                font-size: 8px;
                float: left;
                margin-left: 34px;
                margin-top: .3em;
            }

            #languages
            {
                float: right;
            }

                #languages li
                {
                    margin: 0 0 0 20px;
                }


.hMenu ul
{
    list-style: none;
}

    .hMenu li
    {
        float: left;
    }

        li span.active, li a.active
        {
            color: #cf1c21;
        }

form.filter
{
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #cccccc;
}


/**** Content type: image ****/

.leftImage, .rightImage, .centerImage
{
    text-align: center;
    display:block;
}

.leftImage
{
    padding: 0 .75em .25em 0;
}

.rightImage
{
    padding: 0 0 .25em .75em;
}

.centerImage
{
    padding: .5em 0;
}

.leftImage .label, .rightImage .label, .centerImage .label
{
    font-size: 10px;
}


/**** Content type: download ****/

div.downloadWrapper
{
	background: url(../images/download.gif) no-repeat left top;
	display: block;
	height: 30px;
	margin-top:10px;
	margin-bottom:10px;
}

a.download
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 28px;
}

    div.downloadWrapper span.info
    {
        font-size: 10px;
        font-weight: normal;
        color: #999999;
        display: block;
        padding-left: 28px;
    }

        div.downloadWrapper span.info span
        {
            display: block;
            float: left;
            margin-right: 2em;
        }


/**** Content type: nice download ****/

.niceDownload div.leftImage
{
	display: block;
	float:left;
}

	.niceDownload img
	{
		margin-right:1em;
		border:1px solid #dcd0c0;
		width:72px;
	}
	
	.niceDownload div.downloadWrapper
	{
        background-position: 95px 0px;
		margin-top:2px;
		margin-bottom:2px;
	}

		.niceDownload span.info
		{
			display: block;
			margin-right: 4em;
			float: left;
		}


/**** Content type: news list ****/

.news
{
    /* clear: both; */
    margin-bottom: 3em;
}

    .news img
    {
        float: left;
        margin-right: .75em;
    }

    .news .date
    {
        float: right;
        font-size: 12px;
        margin-left: 1em;
    }

    .news h2
    {
        margin-bottom: .5em;
    }

        .news h2 a
        {
            color: #cf1c21;
            text-decoration: none;
        }

        .news h2 a:hover
        {
            color: #8b622f !important;
            text-decoration: underline;
        }

#rightContent #news
{
    width: 215px;
}

    #rightContent #news h2
    {
        margin-bottom: .5em;
    }

    #rightContent #news ul
    {
        font-size: 12px;
    }

        #rightContent #news li
        {
            margin-bottom: .5em;
        }

            #rightContent #news ul a
            {
                text-decoration: none;
                color: #262626;
            }

            #rightContent #news ul a:hover
            {
                color: #8b622f !important;
                text-decoration: underline;
            }

    #news table /* archive */
    {
    }

        #news td.date
        {
            white-space: nowrap;
        }


/**** Content type: fair list ****/


.fair
{
    clear: both;
    margin-bottom: 3em;
}

    .fair h3
    {
    }

    .fair img
    {
        float: right;
        margin-left: .75em;
    }

    .fair .date, .fair .speaker
    {
        margin: .5em 0;
    }

    .fair .speaker
    {
        font-weight: bold;
    }

    .fair .meetUs
    {
        margin-top: .5em;
        padding-left: 12px;
        background: url(../../images/arrow.gif) no-repeat left center;
    }


/**** Content type: download list ****/

#download table
{
    margin-bottom: 3em;
    border-collapse: collapse;
}

    #download th, #download td
    {
        padding: .5em .5em .5em 0;
    }

    #download th
    {
        border-bottom: 1px solid #cccccc;
    }

    #download td
    {
        text-align: center;
    }

    #download td.title
    {
        text-align: left;
    }

        td.title div.comment
        {
            color: #999999;
        }