/*
-------------------------------------------------------------------
    
    CSS - Unterseiten - Geliebte Katze
    
    Copyright: CoCo new media GmbH, München <www.coco-new-media.de>
    Author: Harald Klotzberg <hklotzberg@coco-new-media.de>
    Version: 1.0
    Date: 23.10.2006
------------------------------------------------------------------- */

@media all {

    /* 
    #################################
    # General Properties            #
    # Container                     #
    ################################# */

    html {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #333333; 
    }

    body {
        margin: 0;
        padding: 0;
        background: #B76BC4;
    }

    #container {
        background: #FFFFFF;
        width: 790px;
        margin: 10px 0 0 10px;
    }
    
    .cleaner {
        clear: both;
        height: 1px;
        font-size: 1px;
        border: 0px none;
        margin: 0;
        padding: 0;
        background: transparent;
    }
    
    img {
        border: none;
    }

    #ivwContainer {
        display: none;
    }   

    #col3MoreMagazines h1.csc-firstHeader {
        color: #666666;
        font-weight: bold;
        font-size: 100%;
        padding: 0;     
    }

    h1.csc-firstHeader {
        color: #666666;
        font-weight: bold;
        font-size: 130%;
        padding: 0;
    }
    
    h1 {
        color: #666666;
        font-weight: bold;
        font-size: 100%;
        padding: 5px 0 0 0;
    }
    
    h2 {    
        color: #666666;
        font-weight: bold;
        font-size: 120%;
    }

    h3, .ro-title , h3 a {
        color: #666666;
		font-weight: bold;
        font-size: 100%;
		margin-bottom: 1.2em
    }
    
    h3 a {
        text-decoration: none;
    }
    
    a {
        color: #000;
        text-decoration: none;
        font-size: 100%;
    }

    #col2Content a, #col2Content .internal-link, #col2Content .external-link {
        color: #B76BC4;
    }

    
    a:hover {
        text-decoration: underline;
    }

    hr.clearer {
        visibility: hidden;
    }
    
    #weiterempfehlen a {
        color: #666666;
        font-size: 90%;
        text-align: right;
    }
    
    /* 
    # Screenreader Helper - invisible, but important for accessibility reasons. 
    # Screenreaders need this to have a better pronunciation in Menues appending a dot
    # at the end of each menueitem */

    .screenreader {
        display: none;
        visibility: hidden;
    }
    
    
    /* 
    #################################
    # headerContainer               #
    ################################# */

    #headerContainer #logo, #headerContainer #signet {
        float: left;
    }

    #headerContainer #logo {
        margin: -20px 0 0 0;
    }
    
    #headerContainer #loginBox {
        background: #FFFFFF url(images/ehft_background_searchbox.jpg) top left no-repeat;
        width: 277px;
        height: 58px;
        float: left;
        padding: 10px 10px 0 40px;
    }
    
    #headerContainer #menueContainer {
        background: #999999;
        width: 605px;
        height: 26px;
        float: left;
    }
    
    #weiterempfehlen {
        float: right;
        text-align: right;
        width: 200px;
        padding-right: 10px;
    }
    
    /* 
    #################################
    # contentContainer              #
    ################################# */

    #contentContainer {
        margin: 0;
        padding: 20px 0 0 0;
        float: left;
        background: #FFFFFF url(images/bg_col1_left.gif) top left repeat-y;
    }
    
        /* 
        #################################
        # contentContainer              #
        ################################# */    

        #contentContainer #contentBorders {
            margin: 0;
            padding: 0;
            background: #FFFFFF url(images/bg_col3_right.gif) top right repeat-y;
        }
    
            /* 
            #################################
            # col1Content = NavL2 ++ ...    #
            ################################# */
            
            #col1ContentTop {
                background: transparent url(images/menue_l2_top.jpg) top right repeat-y;
                width: 144px;
                height: 15px;
            }

            #col1Content {
                background: #DBB5E1;
                width: 144px;
                float: left;
                margin: 0 0 0 10px;
                display: inline;
            }

            #col1ContentBottom {
                background: transparent url(images/menue_l2_bottom.jpg) top right repeat-y;
                width: 144px;
                height: 15px;
            }

            #col1Content ul {
                width: 144px;
                list-style: none;
                margin: 5px 0 5px 0;
                padding: 0 0 0 0;
                line-height: 175%;
            }

            ul.navL2_L1 {
                width: 144px;
                text-align: left;
                display: block;
                font-weight: bold;
                font-size: 92%;
            }

            .navL2_L1 a {
                width: 129px;
                display: block;
                padding: 1px 5px 1px 10px;
            }

            ul .navL2_L2 {
                width: 144px;
                text-align: left;
                display: block;
                font-weight: normal;
            }

            .navL2_L2 a {
                width: 119px;
                display: block;
                padding: 1px 5px 1px 20px;
            }           

            ul .navL2_L3 {
                width: 144px;
                text-align: left;
                display: block;
            }

            .navL2_L3 a {
                width: 109px;
                display: block;
                padding: 1px 5px 1px 30px;
            }

            ul .navL2_L4 {
                width: 144px;
                text-align: left;
                display: block;
            }

            ul .navL2_L5 {
                width: 99px;
                text-align: left;
                display: block;
            }

            .active {
                display: block;
                background: #B76BC4;
            }

            #col1Content #navL2 ul li a,
            #col1Content #navL2 ul li a:visited {
                text-decoration:none;
                color: #333333;
            }

            #col1Content #navL2 ul li a:hover {
                text-decoration: underline;
            }

            /* 
            #################################
            # col2Content                   #
            ################################# */    
    
            #col2Content {
                background: #FFFFFF;
                margin: 0 182px 0 182px;
                width: 426px;
            }

            * html #col2Content {
                width: 420px;
            }

            #col2Content #contentItem {
                padding: 10px 10px 10px 10px;
            }

            #col2Content .contentItem {
                margin: 0 0 20px 0;
            }

            #col2Content .csc-menu dd {
                margin: 0px 0px 10px 0px
            }

            .galleryFloater {
                float: left;
                width: 141px;
                height: 200px;
            }

            .galleryFloater h1 {
                font-size: 16px;
            }

            .galleryFloater a {
                color: #000000;
                text-decoration: none;
            }

            .galleryFloater a:hover {
                color: #FF0000;
                text-decoration: none;
            }
        
            /* 
            #################################
            # col3Content                   #
            ################################# */
    
            #col3Content {
                font-size: 90%;
                float: right;
                padding: 0 10px 0 0;
                margin: 0 0 0 16px;
                display: inline;
            }
            
            /*#col3Content #col3Search {
                background: #F1F1F1 url(images/box_top_grey_col3.jpg) top left no-repeat;
                width: 134px;
                padding: 5px 10px 1px 10px;
            }
            
            #col3Content .searchHeader {
                font-weight: bold;
                color: #666666;
            }

            #col3Content #col3SearchBottom {
                background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;
                width: 154px;
                height: 10px;
                margin: 0 0 10px 0;
            }*/

            #col3Content #col3Magazin {
                background: #F1F1F1 url(images/box_top_magazin.jpg) top left no-repeat;
                width: 134px;
                padding: 30px 10px 1px 10px;
            }
            
            #col3Content #col3MagazinBottom {
                background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;
                width: 154px;
                height: 10px;
                margin: 0 0 10px 0;
            }               
            
            #col3Content #col3MoreMagazines {
                background: #F1F1F1 url(images/box_top_grey_col3.jpg) top left no-repeat;
                width: 134px;
                padding: 5px 10px 1px 10px;
            }                               

            #col3Content #col3MoreMagazinesBottom {
                background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;
                width: 154px;
                height: 10px;
                margin: 0 0 10px 0;                     
            }                               

            #col3Content #col3Tags {
            #    background: #F1F1F1 url(images/box_top_tags.jpg) top left no-repeat;
            #    width: 134px;
            #    padding: 31px 10px 1px 10px;
            #}           

            #col3Content #col3TagsBottom {
            #    background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;
            #    width: 154px;
            #    height: 10px;
            #    margin: 0 0 10px 0;
            #}
    
    /*
    #################################
    # footer & footerMenue      #
    ################################# */

    #footerContainer {
        display: inline;
        background: #FFF;
        float: left;
        font-size: 100%;
        margin-left: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #footer {
        margin: 10px 0 5px 0;
        color: #888;
        float: left;
    }

    #footerLine {
        width: 770px;
        margin: 0 0 5px 0;
        padding: 0;
        float: left;
    }

    #footerLine hr{
        border: 1px solid #CCC;
    }

    #footerCompany {
        float: left;
        padding: 5px 0 10px 0;
        width: 200px;
    }

    #footerMenue {
        margin: 0;
        padding: 5px 0 10px 0;
        float: left;
    }

    #footerMenue ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    #footerMenue ul li {
        float: left;
        text-align: left;
        padding: 0 10px 0 0;
    }

    #footerMenue ul li a,
    #footerMenue ul li a:link,
    #footerMenue ul li a:visited {
        float: left;
        text-align: left;
        text-decoration:none;
        color: #888;
    }

    #footerMenue ul li a:active,
    #footerMenue ul li a:hover {
        float: left;
        text-align: left;
        text-decoration: underline;
    }

    #footerBrand{
        float: right;
        padding: 5px 10px 10px 0;
        white-space: nowrap;
    }

    #footerBrand a,
    #footerMenue a:link,
    #footerBrand a:visited{
        text-decoration: none;
        color: #888;
    }

    #footerMenue a:active,
    #footerBrand a:hover{
        text-decoration: underline;
    }


    
    /* 
    #################################
    # Navigation - navL1            #
    ################################# */

    #headerContainer #menueContainer {
        margin: 0;
        padding: 0;
        display: block;
            list-style: none;
        float: left;
        text-align: left;
        width: 605px;
        height: 26px;       
    }
    
    #headerContainer #menueContainer ul {
        margin: 0;
        padding: 0;
        display: block;
            list-style: none;
        float: left;
        text-align: left;
        width: 605px;
        height: 26px;
        margin-left: auto;
    }
        
    #headerContainer #menueContainer ul li {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        text-align: left;
        height: 26px;
    }
    
    #headerContainer #menueContainer a,
    #headerContainer #menueContainer img {
        float: left;
        text-align: left;
        border: none;
        height: 26px;
    }
    

    /* 
    #################################
    # Blog Stuff            #
    ################################# */

    .ruler,
    .csc-frame-rulerAfter {
        margin: 15px 0px 15px 0px;
        padding: 0px;
        height: 1px;
        display: block;
        border-bottom: 1px solid #CCC
    }

    .news-amenu-container ul,
    .news-amenu-container li {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .news-amenu-container {
        text-align: left;
        padding: 0px;
        margin: 0px;
    }

    .news-amenu-container dd {
        font-weight: bold;
        text-align: left;
        padding: 0px;
        margin: 0px;
    }

    .news-single-img {
        float: left;
    }

    .news-single-img img {
        margin: 0 20px 15px 0;
    }

    .news-list-item {
        float: left;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #CCC;
    }

    .news-list-item a {
        float: left;
        margin: 0 0 10px 0;
    }

    .news-list-item img {
        margin: 0 20px 0 0;
    }

    .news-list-morelink {
        margin: 15px 0 15px 0;
    }

    .news-single-imgcaption{
        max-width: 100px;
        margin: 0 10px 0 0;
        font-style: italic;
    }

    .news-single-item h2 {
        margin: 5px 0 5px 0;
    }

    .news-single-author {
        margin: 0 0 2px 0;
    }

    .bodytext{
        margin-top: 0px;
    }

    /* 
    #################################
    # Tagcloud                      #
    ################################# */     
    
    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag1{
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 90%;
        color: #000;
        text-decoration: none;
    }

    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag2{
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 100%;
        text-decoration: none;
    }

    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag3 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 120%;
        text-decoration: none;
    }

    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag4 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 140%;
        text-decoration: none;
    }

    .tx-timtabtagcloud-pi1 .tx-timtabtagcloud-tag5 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 160%;
        text-decoration: none;

    }

    .tx-timtabtagcloud-pi1 form {
        display: inline;
        margin: 0px;
        padding: 0px;
    }
    
    .tx-timtabtagcloud2-pi1 form {
        display: inline;
        margin: 0px;
        padding: 0px;
    }

    .tx-timtabtagcloud3-pi1 form {
        display: inline;
        margin: 0px;
        padding: 0px;
    }
    
    .tx-timtabtagcloud3-pi1 {
        float: left;
    }

    .tx-timtabtagcloud3-pi1 .tx-timtabtagcloud-tag1{
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 90%;
        color: #000;
        text-decoration: none;
    }

    .tx-timtabtagcloud3-pi1 .tx-timtabtagcloud-tag2{
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 120%;
        text-decoration: none;
    }

    .tx-timtabtagcloud3-pi1 .tx-timtabtagcloud-tag3 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 140%;
        text-decoration: none;
    }

    .tx-timtabtagcloud3-pi1 .tx-timtabtagcloud-tag4 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 160%;
        text-decoration: none;
    }

    .tx-timtabtagcloud3-pi1 .tx-timtabtagcloud-tag5{
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 180%;
        color: #000;
        text-decoration: none;
    }

    .tx-timtabtagcloud3-pi1 .tx-timtabtagcloud-tag6{
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 200%;
        text-decoration: none;
    }

    .tx-timtabtagcloud3-pi1 .tx-timtabtagcloud-tag7 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 220%;
        text-decoration: none;
    }

    .tx-timtabtagcloud3-pi1 .tx-timtabtagcloud-tag8 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 240%;
        text-decoration: none;
    }

    .tx-timtabtagcloud3-pi1 .tx-timtabtagcloud-tag9 {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 260%;
        text-decoration: none;
    }    

    /*
    #################################
    # Banner                        #
    ################################# */

    #bannerContainer {
        text-align: center;
    }

    #mainContainer {
        width: 1025px;
    }

    #innerContainer {
        width: 800px;
        float: left;
    }

    #skyscraper {
        float: left;
        width: 160px;
        margin: 0 0 0 10px;
    }
    
    #mediumRectangle {
        padding: 0px;
        padding-left:28px;
        border: 0px;
        margin: 0 0 20px 150px;
        width: 290px;
    }

    *html #mediumRectangle {
        padding: 0px;
        padding-left:28px;
        border: 0px;
        margin: 0px 0px 20px 150px;
        width: 290px;
    }    

}
/*********************************	Newsletter 	******************************************/
.newsletterTableTitel{
	background-color:#cdcdcd;
	border:0px solid #ffffff;
	border-bottom:2px solid #ffffff;

}
.newsletteTitel{
	padding:10px 0px 10px 10px;
	font-weight:bold;
	font-size:15px;
	font-family:Verdana;
	
}
.newsletterTable{
	background-color:#f1f1f1;
	border-bottom:2px solid #ffffff;
	padding:10px 0px 10px 0px;
/*	font-weight:500;
	font-size:13px;
	font-family:Verdana;
*/
}
.newsletterInputTitel{
	padding:0px;
	padding-left:10px;
	font-size:13px;
	font-family:Verdana;
}
.newsletterInput{
	padding: 0px 0px 10px 5px;
	
}
#stern{
	color:#ff0000;
}
.newsletterInputField{
	width:120px;	
	font-size:13px;
	font-family:Verdana;
}
.newsletterInputFieldEmail{
	width:266px;	
	font-size:13px;
	font-family:Verdana;
}
.newsletterChBTitel{
	background-color:#ffffff;
	width:236px;
	height:30px;
	font-size:14px;
	font-family:Verdana;
	padding-top:10px;
}
.checkbox{
	padding:10px;
	width:30px;
}
.checkboxTitel{
	padding:5px;
	font-size:14px;
	font-family:Verdana;
	font-weight:500;
}
.send_button{
	background:transparent url(images/btn_newsletter_abonnieren_gk.gif) no-repeat scroll left top;
	border:0pt none;
	padding:3px 7px 10px 15px;
	width:80px;
}
/*****************************************************************************************/

/* 
#################################
# T.E.                          #
# Bug-Releases                  #
# (Briefing 17-07-09 T.S.)      #
################################# */

/*Content Images width:100%*/
#col2Content .csc-textpic-above      {display:inline; float:left;}
#col2Content .csc-textpic-clear      {padding:10px 0; height:1x; width:420px; clear:none}


/*Browsebox*/
#col2Content .news-list-browse       {width:400px;clear:both}
#col2Content .news-list-browse a img {margin-bottom:-4px}

/*Additional content Right*/
#rightContent {background:#f1f1f1 url(images/box_top_mehrZumThema.gif) 0 top no-repeat; padding-top:28px; margin-bottom:10px;}
#rightContent .contentItem {padding:0 10px;width:130px}
#rightContent .contentItem li {padding:0}
#rightContent .contentItem ul {padding:0 0 0 15px; margin:0}
#rightContent .contentItem h3	{padding:0; margin:0 0 2px 0}
#rightBottom {background: url(images/box_bottom_grey_col3.jpg) top left no-repeat;width: 154px; height: 10px;}  


/*Image CopyRight*/
.csc-textpic-image strong{display:block; margin-bottom:10px}

/*****************************************************************************************/

#obEventCalendar #obCalendarMenu { height: 73px; margin: 0 0 40px 0; padding-top: 0px; }
#obEventCalendar #obCalendarMenu ul { margin: 0; }
#obEventCalendar #obCalendarMenu a{ color: #333; font-size: 90%; }

#obEventCalendar #obEventTypeMenu { width: 170px; float: left; height: 73px; }
#obEventCalendar #obEventTypeMenu ul { list-style-type: none; padding-left: 0px; }
#obEventCalendar #obEventTypeMenu ul li { background-color: #DBB5E1; margin-bottom: 5px; padding-top: 4px; font-weight: normal; height: 15px; padding-left: 5px; font-size: 100%; padding-bottom: 2px; }
#obEventCalendar #obEventTypeMenu ul li .active { background-color: #DBB5E1; font-weight: bold;}

#obEventCalendar #obMonthMenu { width: 216px; float: right; text-align: center; overflow: hidden; height: 69px; border: 2px solid #DBB5E1; }
#obEventCalendar #obMonthMenu h3 { background-color: #DBB5E1; height: 15px; margin-bottom: 2px; padding-bottom: 2px; padding-top: 2px; margin-top: 0px; color: #555; }
#obEventCalendar #obMonthMenu #obMonthList { list-style-type: none; width: 100%; margin-right: 0px; margin-left: 0px; padding-left: 6px; }
#obEventCalendar #obMonthMenu #obMonthList li { float: left; width: 52px; height: 16px; overflow: hidden; }
#obEventCalendar #obMonthMenu #obMonthList li .active { background-color: #FFF; font-weight: bold; }

#obEventCalendar #obEventList { width: 100%; margin: 0; padding: 0; }
#obEventCalendar #obEventList .obEventHeader { font-weight: bold; font-size: 100%; }
#obEventCalendar #obNoEventMSG { margin-top: 45px; font-weight: bold; margin-left: 20px; }

/*****************************************************************************************/

#TJK_DL dd,#TJK_DL dt {margin:0;padding:0} 
#TJK_DL dt { margin:7px 0; }
#TJK_DL dd { padding-left:35px; }
#TJK_DL dt a { font-weight: normal; font-size: 85%; }
#TJK_DL dt a:visited {color:#666}
#TJK_DL dt a:hover{ text-decoration: underline; }
/**********************************/
/**********************************/
#TJK_DL .showDD {position:static;}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}

.clear { clear: both; }