/************************************************************
* CSS for BGG
* Author: Harald Klotzberg <hklotzberg@coco-new-media.de
*
************************************************************/

* {
    margin: 0px;
    padding: 0px;
}

body{
    background-color: #E2E2E2;
    width: 938px;
    font-family: Arial;
    font-size: 12px;
    color: #454545;
    margin: 0px auto;
    padding: 0px 0px 22px 0px;
    text-align: left;
}


/***********************************
* Clearer
************************************/

.clearer{
    clear: both;
}

.clearerLeft{
    clear: left;
}

.clearerRight{
    clear: right;
}

hr.clearer {
    color: red;
}


/***********************************
* Misc Standard Stuff
************************************/

h1, strong {
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 8px 0;
}

h2{
    font-size: 100%;
}

h3{
    font-size: 80%;
}

p{
    margin-bottom: 25px;
}

a,
a:link,
a:visited{
    color: #006CBB;
    text-decoration: underline;
    border: 0px;
}

a:hover {
    text-decoration: none;
}

a.no_link,
a.no_link:link,
a.no_link:visited,
a.no_link:hover{
    color: #454545;
    text-decoration: none;
}

img{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

input{
    margin: 0px;
    padding: 0px;
}

.align-right{
    text-align: right;
}

.csc-linkToTop{
    text-align: right;
}

/****************************
* Container
****************************/

#mainContainer{
    background-color: #FFF;
    margin-top: 22px;
    padding: 0px;
    width: 960px;
}

    #mainContainer #headerContainer {
        width: 916px;
        height: 86px;
        margin: 0px 22px 0px 22px;
        padding-top: 22px;
    }

        #mainContainer #headerContainer #logo {
            /* background: transparent url(../img/bgg/bgg_logo.gif) top left no-repeat; */
            float: left;
            height: 86px;
            width: 366px;
        }

        #mainContainer #headerContainer #navL1 {
            float: right;
            width: 550px;
            margin-top: 60px;
        }


    #contentContainer {
        width: 916px;
        background: transparent url(../img/bgg/bgg_faux.gif) top left repeat-y;
        margin: 0px 22px 0px 22px;
    }

        #contentContainer #contentLeftContainer {
            float: left;
            width: 183px;
            /* border: 1px solid green; */
        }

            #contentContainer #contentLeftContainerHeader{
                background-color: #66A7D6;
                height: 49px;
                /* border: 1px solid green; */
            }

            #contentContainer #contentLeftContainerContent{
                background-color: #006CBB;
                min-height: 400px;
                /* border: 1px solid green; */
            }

        #contentContainer #contentMiddleContainer {
            float: left;
            width: 183px;
            /* border: 1px solid blue; */
        }

            #contentContainer #contentMiddleContainerHeader{
                background-color: #E0E0E0;
                height: 49px;
                /* border: 1px solid green; */
            }

            #contentContainer #contentMiddleContainerContent{
                background-color: #CCCCCC;
                min-height: 400px;
                /* border: 1px solid green; */
            }

        #contentContainer #contentRightContainer {
            float: right;
            width: 550px;
            /* border: 1px solid black; */
        }

            #contentContainer #contentRightContainerHeader{
                background-color: #F0F0F0;
                height: 49px;
                color: #006CBB;
                /* border: 1px solid green; */
            }

            #contentContainer #contentRightContainerContent{
                background-color: #E6E6E6;
                min-height: 400px;
                /* border: 1px solid green; */
            }


/****************************
* Content Stuff Startseite
****************************/

    #contentContainer #contentRightContainerContent{
        padding: 26px;
    }

    #contentContainer #contentRightContainerContent .contentItem{
        margin-bottom: 25px;
    }

    #contentContainer #contentRightContainerHeader .contentItem {
        padding: 25px 0px 0px 25px;
    }

    .contentItem li {
           margin: 0 0 8px 30px;
    }

    .contentItem ul {
        margin: 8px 0 15px 0;
    }


/****************************
* Content Stuff Unterseiten
****************************/
    #contentContainer #contentRightContainerContent .contentItemPersons .csc-textpic-text{
        float: left;
        margin-top: 40px;
    }

    #contentContainer #contentRightContainerContent .contentItemPersons p{
        margin-bottom: 10px;
    }

    #contentContainer #contentRightContainerContent .contentItemPersonVita .contenttable td{
        vertical-align: top;
    }

    /* geschaeftspartner -> netzwerk */
    #contentContainer #contentRightContainer #contentRightContainerContent .contentItemNetwork{
        margin-bottom: 30px;
    }

    #contentContainer #contentRightContainer #contentRightContainerContent .contentItemNetwork .csc-header{
        border-bottom: 1px solid #D4D0C8;
        padding: 10px 10px 5px 0px;
    }

    #contentContainer #contentRightContainer #contentRightContainerContent .contentItemNetwork .csc-textpic-imagewrap{
        width: 185px;
    }

/****************************
* Navigation Stuff L1
****************************/

        #mainContainer #headerContainer #navL1 li {
            list-style: none;
            float: left;
            vertical-align: top;
            height: 20px;
            /* margin-left: 25px;
            margin-right: 11px; */
        }

            #mainContainer #headerContainer #navL1 li a,
            #footerContainer li a:link,
            #footerContainer li a:visited{
                vertical-align: top;
                height: 20px;
            }

            #mainContainer #headerContainer #navL1 li h1 a{
                font-variant:small-caps;
                font-size: 122%;
                color: #006CBB;
                font-weight: normal;
            }

            #mainContainer #headerContainer #navL1 li h1 .active{
                color: #549CD1;
            }

            #mainContainer #headerContainer #navL1 li a img {
                vertical-align: top;
            }

/****************************
* Navigation Stuff L2
****************************/

    #contentLeftContainer #contentLeftContainerContent .navL2 {
        width: 183px;
        padding: 25px 0px 1px 0px;
    }

        #contentLeftContainer #contentLeftContainerContent .navL2 li {
            list-style: none;
            width: 183px;
            min-height: 19px;
            vertical-align: middle;
            background: transparent url(../img/bgg/bgg_pfeil_l2.gif) 10px top no-repeat;
        }

        #contentLeftContainer #contentLeftContainerContent .navL2 li a,
        #contentLeftContainer #contentLeftContainerContent .navL2 li a:link,
        #contentLeftContainer #contentLeftContainerContent .navL2 li a:visited {
            color: #FFF;
            vertical-align: top;
            text-decoration: none;
            display: block;
            padding: 5px 0px 5px 23px;
        }

        #contentLeftContainer #contentLeftContainerContent .navL2 li a:hover {
            text-decoration: underline;
        }

        #contentLeftContainer #contentLeftContainerContent .navL2 li a.active {
            vertical-align: middle;
            display: block;
            background: #66A7D6 url(../img/bgg/bgg_pfeil_l2_active.gif) 10px top no-repeat;
        }

    .screenreader {
        display: none;
    }

/****************************
* Navigation Stuff L3
****************************/

    #contentMiddleContainer #contentMiddleContainerContent .navL3 {
        width: 183px;
        padding: 25px 0px 1px 0px;
    }

        #contentMiddleContainer #contentMiddleContainerContent .navL3 li {
            list-style: none;
            width: 183px;
            min-height: 19px;
            vertical-align: middle;
            background: transparent url(../img/bgg/bgg_pfeil_l3.gif) 10px top no-repeat;
        }

        #contentMiddleContainer #contentMiddleContainerContent .navL3 li a,
        #contentMiddleContainer #contentMiddleContainerContent .navL3 li a:link,
        #contentMiddleContainer #contentMiddleContainerContent .navL3 li a:visited {
            color: #000;
            vertical-align: top;
            text-decoration: none;
            display: block;
            padding: 5px 0px 5px 20px;
        }

        #contentMiddleContainer #contentMiddleContainerContent .navL3 li a:hover {
            text-decoration: underline;
        }

        #contentMiddleContainer #contentMiddleContainerContent .navL3 li a.active {
            font-weight: bold;
            vertical-align: middle;
            display: block;
        }

    .screenreader {
        display: none;
    }


/****************************
* Footer
****************************/

    #footerContainer{
        width: 916px;
        height: 2em;
        margin: 12px 22px 0px 22px;
        text-align: center;
    }

        #footerContainer li {
            font-size: 95%;
            list-style: none;
            color: #999999;
            display: inline;
        }

            #footerContainer li a,
            #footerContainer li a:link,
            #footerContainer li a:visited {
                color: #999999;
                text-decoration: none;
                vertical-align: middle;
            }

            #footerContainer li a:hover {
                text-decoration: underline;
            }


/****************************
* tt_news
****************************/

    .news-latest-date {
        font-size: 80%;
        color: #6087F0;
    }

    .news-latest-item p {
        margin: 0;
    }

    .news-latest-container .contentItem {
        min-height: 130px;
    }

    .news-latest-container .contentItem h1{
        padding-left: 2px;
        color: #24459B;
    }

    .news-latest-morelink {
        margin: 0;
        padding: 0;
        height: 12px;
    }

    .news-latest-catimage {
        height: 9px;
    }

	.news-list-item {
		float: left;
	}

	.news-list-item #leftNews {
		float: left;
	}

    .news-list-item #leftNews p{
		margin-bottom: 5px;
	}

	.news-list-item #leftNews .news-list-date,
    .news-list-item #leftNews .news-list-city{
		color: #6087F0;
	}

	.news-list-item #rightNews {
		float: right;
		width: 570px;
	}

    #contentContainer2sp #contentRightContainer #contentRightContainerContent .contentItem .news-list-item h1 {
    	color: #666666;
    	margin: 0px;
    	padding: 0px;
    }

    #leftNewsFloat {
    	float: left;
    	margin-right: 3px;
    }

    #rightNews dd img {
    	margin-right: 3px;
    }


/****************************
* CoCo Ajax Content
****************************/

	.cocoAjaxItem {
		width: 679px;
		/* border-top: 1px solid #CCCCCC; */
		border-bottom: 1px solid #CCCCCC;
		padding: 10px 0 15px 0;
	}

    .cocoAjaxItem .cocoAjaxItemTop .cocoAjaxItemLeft {
    	/* background: red; */
    	width: 230px;
    	float: left;
    	padding: 0;
    }

    .cocoAjaxItem .cocoAjaxItemTop .csc-textpic-below img {
    	max-width: 220px;
    	text-align: center;
    }

    .cocoAjaxItem .cocoAjaxItemTop .cocoAjaxItemRight {
    	/* background: blue; */
    	width: 425px;
    	float: right;
    	vertical-align: middle;
    }

    .cocoAjaxItem .cocoAjaxItemBottomText{
        padding: 10px 10px 5px 10px;
    }

    .cocoAjaxItem .cocoAjaxItemBottom {
    	background-color: #F7F7F7;
    }

    .cocoAjaxItem .cocoAjaxItemBottom .contenttable {
    	width: 645px;
    }

    .cocoAjaxItem .cocoAjaxItemBottom .contenttable tr {
    	width: 50%;
    }

    .cocoAjaxItemBottom .closeLink {
       	/* background: yellow; */
    	width: 415px;
    	float: right;
    }