﻿
/*---------------------------------------------------
/*  site-general
/*---------------------------------------------------*/

body {
    background-image: url(../media/background.png);
    background-repeat: repeat-x;
    background-color: #e0e3e8;
    color: #323232;
}


#background-top {
    background-image: url(../media/background_top.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#site-container {
    background-image: url(../media/background_center.png);
    background-repeat: repeat-y;
    background-position: left top;
}

#background-bottom {
    background-image: url(../media/background_bottom.png);
    background-repeat: no-repeat;
    background-position: left top;
}

ul {
    list-style-image: url(/media/listicon.png);
}

/*---------------------------------------------------
/*  styles
/*---------------------------------------------------*/

a {
    color: #323232;
}


/*---------------------------------------------------
/*  banner
/*---------------------------------------------------*/


#banner {
    background-image: url(../media/banner.jpg);
    background-repeat: no-repeat;
}

/*---------------------------------------------------
/*  language
/*---------------------------------------------------*/

#container .language .language-box {
    background-color: #ffffff;
}

/*---------------------------------------------------
/*  quickrequest
/*---------------------------------------------------*/

#quickrequest {
    background-image: url(../media/transparent-grey.png);
}

#quickrequest {
    color: #ffffff;
}

    #quickrequest .row .button a {
        background-image: url(../media/listicon.png);
        background-position: 8px 6px;
        background-repeat: no-repeat;
        background-color: #e9e9e9;
    }

        #quickrequest .row .button a:hover {
            background-image: url(../media/pfeil.png);
            background-position: 6px 5px;
            background-repeat: no-repeat;
            background-color: #6f6f6f;
            color: #fefefb;
        }


/*---------------------------------------------------
/*  menu flyout
/*---------------------------------------------------*/

#menu-flyout {
    background-image: url(../media/bg-menuflyout.png);
}


    #menu-flyout .menu-0:hover,
    #menu-flyout .level-0 .active {
        border-bottom: 5px solid #787878;
    }

    #menu-flyout .flyout {
        background-image: url(../media/transparent-grey.png);
        color: #fefefb;
    }

        #menu-flyout .flyout .level-1 .menu-1,
        #menu-flyout .flyout-1 .level-2 .menu-2 {
            color: #fefefb;
        }

            #menu-flyout .flyout .level-1 .menu-1:hover,
            #menu-flyout .flyout-1 .level-2 .menu-2:hover {
                background-color: #fefefb;
                color: #323232;
            }


/*---------------------------------------------------
/*  content
/*---------------------------------------------------*/

#content {
    background-image: url(../media/bg-content.png);
    background-repeat: repeat-y;
}


/*---------------------------------------------------
/* menu left
/*---------------------------------------------------*/

#menu-left {
    background-color: #e9e9e9;
    color: #38393a;
}

    #menu-left .menu-0 a {
        color: #646464;
    }


    #menu-left .menu-1-active a,
    #menu-left .menu-1 a:hover,
    #menu-left .menu-2-active a,
    #menu-left .menu-2 a:hover {
        color: #fefefb;
        background-image: url(../media/pfeil.png);
        background-position: 12px 6px;
        background-repeat: no-repeat;
        background-color: #737373;
    }

/*---------------------------------------------------
/*  address
/*---------------------------------------------------*/

#address {
    color: #e8ecf2;
    background-color: #737373;
}

/*---------------------------------------------------
/*  sitepath
/*---------------------------------------------------*/

#zone-right .sitepath {
    background-image: url(../media/line-top.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}

/*---------------------------------------------------
/*  favorites
/*---------------------------------------------------*/

.favorite {
    color: #333333;
}

/*---------------------------------------------------
/*  footer
/*---------------------------------------------------*/

#footer {
}

    #footer a {
        color: #787878;
        background-image: url(/media/listicon.png);
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

/*---------------------------------------------------
/*  footer zone
/*---------------------------------------------------*/

#footerzone {
    background-image: url(../media/line-bottom.gif);
    background-repeat: no-repeat;
    background-position: center 27px;
}


/*---------------------------------------------------
/*  menu bottom
/*---------------------------------------------------*/

#menu-bottom a:hover {
    color: #000000;
}



/*---------------------------------------------------
/*  frame weather
/*---------------------------------------------------*/


#frame-weather .item .temp {
    background-color: #e5e5e5;
}

/*---------------------------------------------------*/
/*  weather
/*---------------------------------------------------*/

#weather .ui-state-active a,
#weather .ui-state-default a:hover,
#weather .ui-state-active a:link,
#weather .ui-state-active a:visited {
    color: #ffffff;
}

/*---------------------------------------------------*/
/*  offers
/*---------------------------------------------------*/

#offers {
}

    #offers .item {
        background-color: #e9e9e9;
        border-bottom: 3px solid #d6d6d6;
        border-right: 3px solid #d6d6d6;
        border-top: 1px solid #d6d6d6;
        border-left: 1px solid #d6d6d6;
    }

    #offers .detail .info {
        background-color: #e9e9e9;
        border-bottom: 3px solid #d6d6d6;
        border-right: 3px solid #d6d6d6;
        border-top: 1px solid #d6d6d6;
        border-left: 1px solid #d6d6d6;
    }

    #offers .link a {
        background-image: url(/media/listicon.png);
        background-repeat: no-repeat;
        background-position: 0px 5px;
    }

    #offers .detail .footer {
        border-top: 1px solid #d6d6d6;
    }

/*---------------------------------------------------
/*  jquery popup
/*---------------------------------------------------*/

.ui-widget-overlay {
    background-color: #000000;
}

.cjq-popup {
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
}

    .cjq-popup .ui-dialog-titlebar {
        background-color: #707070;
        color: #ffffff;
        border: 1px solid #e9e9e9;
    }

        .cjq-popup .ui-dialog-titlebar a {
            color: #333333;
            background-color: #ffffff;
        }

            .cjq-popup .ui-dialog-titlebar a:hover {
                color: #333333;
                background-color: #e9e9e9;
            }

.print-body {
    background-color: #ffffff;
}

.ui-widget-content {
    border: 1px solid #e9e9e9;
    background-color: #ffffff;
}

body.popup {
    background-color: #ffffff;
}
