/*---------------------------------------------------
/*  styles
/*---------------------------------------------------*/

h1, .title, .title a
{
    color: #645d50;
}

h2, .titlesmall, .titlesmall a
{
    color: #645d50;
}

/*---------------------------------------------------
/*  site-general
/*---------------------------------------------------*/

body, a, input, select
{
    color: #58585a;
}

#top
{
    background-image: url(../media/bg-menu-top.gif);
    background-repeat: repeat-x;
}

/*---------------------------------------------------
/*  menu
/*---------------------------------------------------*/


#menu a
{
	color: #645d50;
}

#menu .menu-0
{
	background-image: url(../media/bg-menu0.png);
	background-repeat: repeat-x;
}

#menu .menu-0:hover,
#menu .level-0-active .menu-0
{
	background-image: url(../media/bg-menu0-active.png);
	background-repeat: repeat-x;
	color: #fffefd;
}

#menu .menu-0 .left
{
    background-image: url(../media/bg-menu0-left.png);
    background-repeat: no-repeat;
}

#menu .menu-0 .right
{
    background-image: url(../media/bg-menu0-right.png);
    background-repeat: no-repeat;
}

#menu .menu-0:hover .left,
#menu .level-0-active .menu-0 .left,
#menu .menu-1:hover .left,
#menu .level-1-active .menu-1 .left,
#menu .level-1 .selected .left
{
    background-image: url(../media/bg-menu0-left-active.png);
    background-repeat: no-repeat;
}

#menu .menu-0:hover .right,
#menu .level-0-active .menu-0 .right,
#menu .menu-1:hover .right,
#menu .level-1-active .menu-1 .right,
#menu .level-1 .selected .right
{
    background-image: url(../media/bg-menu0-right-active.png);
    background-repeat: no-repeat;
}

#menu .menu-1:hover,
#menu .level-1 .selected,
#menu .level-1-active .menu-1
{
	background-image: url(../media/bg-menu0-active.png);
	background-repeat: repeat-x;
	color: #fffefd;
}

#menu .container
{
    background-image: url(../media/bg-flyout.png);
    background-repeat: repeat-x;
    background-position: left top;
}

#menu .flyout
{
    background-image: url(../media/bg-flyout.png);
    background-repeat: repeat-x;
    background-position: left 10px;
}

#menu .flyout-active
{
    background-image: url(../media/bg-flyout.png);
    background-repeat: repeat-x;
    background-position: left top;
}


/*---------------------------------------------------
/*  menu-recipes
/*---------------------------------------------------*/

#menu-recipes .container-recipes
{
    background-image: url(../media/flyout-box.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#menu-recipes .item:hover
{
    background-image: url(../media/flyout-active.png);
    background-repeat: repeat-y;
}


#menu-recipes .bottom
{
    background-image: url(../media/flyout-box-bottom.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

/*---------------------------------------------------
/*  language
/*---------------------------------------------------*/
#language,
#language a
{
    color: #fffefd;
}

/*---------------------------------------------------
/*  banner
/*---------------------------------------------------*/

#banner
{
    background-image: url(../media/banner.jpg);
    background-repeat: no-repeat;
}

/*---------------------------------------------------
/*  service
/*---------------------------------------------------*/

#service .pdf
{
    background-image: url(../media/icon-pdf.png);
    background-repeat: no-repeat;
    background-position: 0px -1px;
}

#service .print
{
    background-image: url(../media/icon-print.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#service .recommend-links
{
    background-image: url(../media/bg-recommend.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/*---------------------------------------------------
/*  bottom
/*---------------------------------------------------*/

#bottom
{
    background-image: url(../media/bg-menu-bottom.png);
    background-repeat: no-repeat;
}

/*---------------------------------------------------
/*  menu bottom
/*---------------------------------------------------*/

#menu-bottom,
#menu-bottom a
{
    color: #005132;
}

#menu-bottom .menu-0
{
    color: #005132;
}

/*---------------------------------------------------
/*  frame-search
/*---------------------------------------------------*/

#frame-search .button
{
    background-image: url(../media/bg-searchbutton.png);
    background-repeat: no-repeat;
}



/*---------------------------------------------------
/*  frame-producer
/*---------------------------------------------------*/

#frame-producer
{
    background-image: url(../media/bg-hersteller.png);
    background-repeat: no-repeat;
}

/*---------------------------------------------------
/*  downlaods
/*---------------------------------------------------*/

#downloads .separator
{
    background-color: #58585a;
}


/*---------------------------------------------------
/*  teaser
/*---------------------------------------------------*/

#teaser
{
    background-image: url(../media/bg-box.png);
    background-repeat: no-repeat;
}

#teaser .container
{
    background-image: url(../media/bg-teaser.png);
    background-repeat: no-repeat;
}

/*---------------------------------------------------
/*  producing-steps
/*---------------------------------------------------*/


#producing-steps .clipcontainer .item
{
	background-color: #f5f1eb;
}


/*---------------------------------------------------
/*  fotogallery
/*---------------------------------------------------*/

#fotogallery
{
    background-image: url(../media/bg-media.png);
}

#fotogallery .title
{
    background-image: url(../media/icon-gallery.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/*---------------------------------------------------
/*  videos
/*---------------------------------------------------*/

#videos
{
    background-image: url(../media/bg-media.png);
}

#videos .title
{
    background-image: url(../media/icon-video.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#videos .item .description
{
    background-image: url(../media/transparent-white2.png);
}

#videos .item:hover .icon-play
{
    background-image:url(../media/icon-play.png);
    background-repeat: no-repeat;
    background-position: center center;
}



/*---------------------------------------------------
/*  producer-list
/*---------------------------------------------------*/

#producer-list .active-item
{
    background-color: #e6e2d7;
}

#producer-list .toggle
{
    background-image: url(/media/arrow-right2.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#producer-list .close
{
    background-image: url(/media/arrow-up.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#producer-list .separator
{
    background-color: #58585a;
}

#producer-list .googlemaps a
{
    color: #b1b2bc;
}

#producer-list .googlemaps a:hover
{
    color: #58585a;
}

/*---------------------------------------------------
/*  news
/*---------------------------------------------------*/

#news .separator
{
    background-color: #58585a;
}

/*---------------------------------------------------
/*  recommendations
/*---------------------------------------------------*/

#recommendations .toggle
{
    background-image: url(/media/arrow-right2.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#recommendations .close
{
    background-image: url(/media/arrow-down.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/*---------------------------------------------------
/*  recipes
/*---------------------------------------------------*/

#recipes .container
{
    /*background-color: #f4f1eb;*/
    background-image: url(../media/bg-recipes.png);
    background-position: center top;
    background-repeat: repeat-y;
}

#recipes .name a
{
    background-color: #ffffff;
}

#recipes-detail .back
{
    background-image: url(../media/bg-hersteller.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#recipes-detail .back a
{
    color: #645d4f;
}

#recipes-detail .back a:hover
{
    color: #006241;
}

#recipes-detail .ingredients .tabs
{
    border-bottom: 1px solid #645d4f;
}

#recipes-detail .ingredients .titlesmall
{
    border-top: 1px solid #988f7d;
    border-left: 1px solid #988f7d;
    border-right: 1px solid #988f7d;
    color: #988f7d;
}
#recipes-detail .ingredients .titlesmall a
{
    color: #988f7d;
}

#recipes-detail .ingredients .active
{
    border-top: 1px solid #645d4f;
    border-left: 1px solid #645d4f;
    border-right: 1px solid #645d4f;
    background-image: url(../media/bg-hersteller.png);
    background-repeat: no-repeat;
    background-position: center center;
    color: #645d4f;
}

#recipes-detail .ingredients .active a
{
    color: #645d4f;
}

/*** recipes-search ***/

#recipes-search .name
{
    background-image: url(../media/border-searchrow.png);
    background-repeat: no-repeat;
    border: 0;
}

#recipes-search select
{
    background-image: url(../media/border-searchdropdown.png);
    background-repeat: no-repeat;
    border: 0;
}

/*---------------------------------------------------
/*  recipecomments
/*---------------------------------------------------*/

#recipecomments .link
{
    border-bottom: 1px solid #6d6659;
    background-image: url(/media/arrow-right.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
} 

#recipecomments .close
{
    border-bottom: 1px solid #6d6659;
    background-image: url(/media/arrow-up-small.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
} 

/*---------------------------------------------------
/*  recipes-overview
/*---------------------------------------------------*/

#recipes-overview .container
{
    /*background-color: #f4f1eb;*/
    background-image: url(../media/bg-media2.png);
}

/*---------------------------------------------------
/*  comments
/*---------------------------------------------------*/

/**** voting box ***/
#comments .voting-box
{
    background-image: url(../media/bg-box-comments.png);
    background-repeat: no-repeat;
}

#comments .voting-box .link
{
    color: #065537;
}

#comments .voting-box .button
{
    background-image: url(../media/button-small.png);
    background-repeat: no-repeat;
    background-position: left 0px;
    color: #ffffff;
}


#comments .voting-box .star-empty
{
    background-image: url(../media/star-empty.png);
    background-repeat: no-repeat;
}

#comments .voting-box .star-full
{
    background-image: url(../media/star-full.png);
    background-repeat: no-repeat;
}

#comments .voting-box .star-selected
{
    background-image: url(../media/star-full.png);
    background-repeat: no-repeat;
}


/**** comment box ***/
#comments .comment-box
{
    background-image: url(../media/bg-box-comments.png);
    background-repeat: no-repeat;
}

/*---------------------------------------------------
/*  popularRecipes
/*---------------------------------------------------*/

#popularRecipes .title
{
    color: #005132;
}

#popularRecipes .container
{
    background-image: url(../media/bg-popular-recipes.png);
    background-repeat: no-repeat;
}


/*---------------------------------------------------
/*  search
/*---------------------------------------------------*/

#search .row
{
    background-image: url(../media/bg-item-search.png);
    background-repeat: no-repeat;
}

#search select
{
    background-image: url(../media/bg-dropdown-search.png);
    background-repeat: no-repeat;
    background-position:center;
}

#search .separator
{
    background-color: #58585a;
}


/*---------------------------------------------------
/*  jquery popup
/*---------------------------------------------------*/

.ui-widget-overlay
{
    background-color:#000000;
}
.cjq-popup
{
    color:#333333;
    background-color:#ffffff;
    border:solid 1px #645d4f;
}

.cjq-popup .ui-dialog-titlebar
{
    background-color:#645d4f;
    color:#ffffff;
    border:solid 1px #645d4f;
}

.cjq-popup .ui-dialog-titlebar a
{
    color:#333333;
    background-color:#d5cdbe;
}

.cjq-popup .ui-dialog-titlebar a:hover
{
    color:#333333;
    background-color:#ffffff;
}

.print-body
{
    background-color:#ffffff;
}

.ui-widget-content
{
    border:solid 1px #645d4f;
    background-color:#ffffff;
}
body.popup
{
	background-color:#ffffff;
}
.close-gallery
{
    background-image:url(../media/icon-close.png);
}
.close-gallery:hover
{
    background-image:url(../media/icon-close-active.png);
}