#madplan-header
{
    background: #fff url('/IMG/madplan-header.png') no-repeat;
    height: 72px;
    font-size: 17px;
}
    #madplan-header h1
    {
        color: #333333;
        display: block;
        float: left;
        font-weight: normal;
        margin: 39px 0 0 0;
        width: 249px;
        text-align: right;
    }
        #madplan-header h1 > span
        {
            color: #b40014;
            font-size: 35px;
            font-weight: normal;
        }
            #madplan-header h1 > span > span
            {
                font-weight: bold;
            }
    #madplan-header img
    {
        float: right;
        margin: 18px 12px 0 0;
    }
    
    #madplan-header .button-large {
        float: right;
        font-size: 12px;
        margin: 18px 12px 0 0;
        width: 198px;
    }
    #madplan-header .button-large span {
        line-height: 32px;
    }

#no-script
{
    border: 5px dashed #b40014;
    color: #b40014;
    line-height: 1.3em;
    margin: 5px 0 5px 0;
    padding: 5px;
    text-align: center;
}

/* DAYS
------------------------------------------------ */

#week-container
{
    background: transparent url('/IMG/week-container-back.png') no-repeat;
    height: 234px;
    margin-right: -10px;
    padding: 12px 0 10px 2px;
}

#week-container li, #suggestions li
{
    background: transparent url('/IMG/day-back.png') no-repeat;
    float: left;
    height: 233px;
    margin-right: 10px;
    width: 128px;
}
    #week-container .day-placeholder, #week-container li.empty
    {
        background-image: none;
        background-color: #f3f3f2;
        border: 2px dashed #ccc;
        float: left;
        height: 227px;
        margin-right: 10px;
        width: 124px;
    }
    DISABLED#week-container li#day7
    {
        margin-right: 0;
    }
    #week-container li .header
    {
        cursor: move;
        height: 32px;
    }
        #week-container li h2
        {
            float: left;
            font-size: 16px;
            font-weight: normal;
            padding: 8px 0 0 10px;
            width: 82px;
        }
        #week-container li img.close-button
        {
            color: #006730;
            cursor: pointer;
            float: right;
            font-weight: bold;
            padding: 7px 6px 5px 6px;
        }
        #week-container li img.loading-image
        {
            display: none;
            margin: 30px auto - 36px auto;
        }
        #week-container li img.recipe-image
        {
            border-top: 1px solid #9ab16f;
            margin-bottom: 10px;
        }
            #week-container li div.no-image
            {
                border: 1px dashed #3a520e;
                display: none;
                height: 65px;
                margin: 3px auto 12px auto;
                width: 118px;
            }
            
        
        #week-container li .recipe
        {
            /*height: 163px;*/
            overflow: hidden;
        }
            
        #week-container li p
        {
            font-size: 12px;
            line-height: 1.1em;
            margin: 0 5px 0 5px;
        }
        #week-container li p.description
        {
            height: 50px;
            margin-bottom: 10px;
        }
        #week-container li p.preparation-time
        {
            font-size: 10px;
            height: 21px;
        }
        #week-container li .button
        {
            margin: 0 2px 0 10px;
        }

/* BOTTOM
------------------------------------------------ */

#bottom-container
{
    margin: 10px -10px 0 0;
    padding-left: 2px;
    
}
    #bottom-container .button-box
    {
        background: #fff url('/IMG/buttons/bottom-button-back.png') no-repeat bottom;
        margin-right: 12px;
        float: left;
        text-align: center;
        width: 230px;
    }
        #bottom-container .last
        {
            margin-right: 0;
        }
        #bottom-container a.button
        {
            background-image: url('/IMG/buttons/bottom-button.png');
            color: #fff;
            display: block;
            font-size: 16px;
            font-weight: bold;
            height: 32px;
            padding-top: 12px;
        }
        #bottom-container .button-box p
        {
            color: #333;
            height: 22px;
            padding-top: 6px;
        }

/* BUTTONS
------------------------------------------------ */

a.button, a.button span, a.button-large
{
    cursor: pointer;
}
    a.button.small
    {
        background: transparent url('/IMG/buttons/button-small-black-left.png') no-repeat left;
        display: block;
        display: inline-block;
        font-size: 12px;
        margin: 0 5px 0 5px;
        padding-left: 10px;
        min-width: 100px;
    }
        a.button.small span
        {
            background: transparent url('/IMG/buttons/button-small-black-right.png') no-repeat right;
            color: #fff;
            display: block;
            font-weight: bold;
            height: 28px;
            line-height: 2.35em;
            min-width: 80px;
            padding: 0 15px 0 5px;
            text-align: center;
        }
        
        a.button.small.grey
        {
            background-image: url('/IMG/buttons/button-small-grey-left.png');
        }
            a.button.small.grey span
            {
                background-image: url('/IMG/buttons/button-small-grey-right.png');
            }
     
    a.button-large
    {
        background: transparent url('/IMG/buttons/button-large-left.png') no-repeat left;
        display: block;
        font-size: 16px;
        margin: 0 0 0 0;
        padding-left: 10px;
        min-width: 10px;
    }
        a.button-large span
        {
            background: transparent url('/IMG/buttons/button-large-right.png') no-repeat right;
            color: #fff;
            display: block;
            font-weight: bold;
            height: 33px;
            line-height: 2em;
            padding: 0 10px 0 0;
            text-align: center;
        }
    a.button-medium
    {
        background: transparent url('/IMG/buttons/button-medium-left.png') no-repeat left;
        display: block;
        float: right;
        margin: 0 0 0 0;
        padding-left: 10px;
        width: 250px;
    }
        a.button-medium span
        {
            background: transparent url('/IMG/buttons/button-medium-right.png') no-repeat right;
            color: #fff;
            display: block;
            font-weight: bold;
            height: 31px;
            line-height: 2.5em;
            padding: 0 10px 0 0;
            text-align: center;
        }
    

/* SHOW RECIPE
------------------------------------------------ */

#show-recipe
{
    padding-top: 10px;
}
    #show-recipe #main-column
    {
        float: left;
        margin-right: 16px;
        width: 716px;
        position: relative;
		/*overflow: hidden;*/
    }
    #show-recipe .recipe img.loading-image
    {
        display: block;
        margin: 100px auto -36px;
    }
    #right-column
    {
        float: left;
        width: 228px;
    }
        .box h2
        {
            background-color: #000;
            color: #fff;
            font-size: 15px;
            height: 23px;
            padding: 8px 0 0 10px;
        }
        .box .body
        {
            background: #9ab16f url('/IMG/show-recipe/body-back-2.png') repeat-x;
        }

    
    h1.recipe-name
    {
        color: #b40014;
        float: left;
        font-size: 22px;
        font-weight: normal;
        margin-bottom: 4px;
        width: 620px;
    }
    img.recipe-icon
    {
        float: right;
        padding: 0 5px 0 3px;
    }
    #image-container 
    {
    }
    #info-bar
    {
        background-color: #9ab16f;
        height: 53px;
        padding: 0 10px 0 10px;
        margin-bottom: 16px;
    }
    .info-button
    {
        background: transparent url('/IMG/show-recipe/info-button-left.png') no-repeat;
        color: #fff;
        float: left;
        height: 33px;
        margin: 10px 10px 0 0;
        width: 100px;
        min-width: 100px;
        padding-left: 10px;
    }
        .info-button .inner
        {
            background: transparent url('/IMG/show-recipe/info-button-right.png') no-repeat right;
            height: 33px;
            font-size: 9px;
            padding-right: 10px;
            text-align: center;
        }
        .info-button .value
        {
            font-size: 16px;
            padding-top: 3px;
        }
        .info-button .label
        {
        }
        
        #info-bar a.button-large
        {
            float: right;
            margin-top: 10px;
            width: 198px;
        }
    
    .ingredients
    {
        float: left;
        margin: 7px 16px 0 0;
        width: 228px;
    }
        h1.red-back, h2.black-back
        {
            background: transparent url('/IMG/headline-black-left.png') no-repeat left;
            color: #fff;
            font-weight: normal;
            height: 30px;
            padding: 0 0 0 10px;
        }
            h1.red-back span, h2.black-back span
            {
                background: transparent url('/IMG/headline-black-right.png') no-repeat right;
                display: block;
                font-size: 15px;
                font-weight: bold;
                height: 23px;
                padding: 7px 10px 0 0;
            }
        .ingredients .body
        {
            border-top: 1px solid #9ab16f;
            font-size: 11px;
            line-height: 2em;
            padding: 8px 0 12px 10px;
        }
            .ingredients .body h3
            {
                font-size: 12px;
                font-weight: bold;
            }
        .details-container
        { 
            float: left;
            width: 472px;
        }
            #instructions-container h2
            {
                font-size: 18px;
                padding: 14px 0 12px 0;
            }
                .instructions
                {
                    font-size: 12px;
                    line-height: 1.2em;
                }
                    .instructions p
                    {
                        margin-bottom: 1em;
                    }
            .nutrition-container
            {
                background: transparent url('/IMG/show-recipe/nutrition-back.png') no-repeat;
                margin-top: 16px;
                min-height: 48px;
                padding: 12px;
            }
                .nutrition-column
                {
                    float: left;
                    width: 50%;
                }
                    .nutrition-column h3
                    {
                        font-size: 12px;
                        padding-bottom: 3px;
                    }
                    .nutrition-column ul
                    {
                        font-size: 11px;
                        line-height: 1.3em;
                    }
                    
            .recipe-list
            {
                margin-top: 16px;
            }
                .recipe-list li.proto
                {
                    display: none;
                }
                .recipe-list img.loading-image
                {
                    display: block;
                    margin: 20px auto 10px auto;   
                }
                .recipe-list .body
                {
                    padding: 8px 0 0 8px;
                }
                .recipe-list li
                {
                    float: left;
                    margin: 0 8px 8px 0;
                    width: 228px;
                }
                .recipe-list img
                {
                    display: block;
                }
                .recipe-list .title
                {
                    background: #fff url('/IMG/show-recipe/recipe-list-title-back.gif') no-repeat;
                    height: 40px;
                }
                    .recipe-list .title p
                    {
                    	color : #351600;
                        padding: 10px 10px 0 10px;
                    }
    
    
    /* Right column */ 
    
    .madplan-splash
    {
        background: transparent url('/IMG/show-recipe/madplan-splash.png') no-repeat;
        height: 151px;
        margin-bottom: 16px;
        width: 228px;
        cursor:pointer;
    }
        .madplan-splash h2
        {
            background-image: none !important;
            font-size: 15px;
            height: auto;
            padding: 8px 0 0 10px;
        }
    
        .themes 
        {
            margin-bottom: 16px;
        }
        .themes li.proto
        {
            display: none;
        }
            .themes p
            {
                padding: 18px 0 0 10px;
            }
            .themes ul
            {
                list-style-type: disc;
                padding: 12px 0 6px 30px;
            }
                .themes li
                {
                    padding-bottom: 8px;
                }
            .themes-footer p 
            {
                font-weight: bold;
                padding: 10px;
            }
                .themes-footer a 
                {
                    color: #000;
                }
        .on-offer .body p
        {
            padding: 10px;
        }
        

/* "Select day" dialog
------------------------------------------------ */

#select-day-dialog .inner-body
{
    height: 374px;
    padding: 10px 0 0 10px;
}
#select-day-dialog .bottom div
{
    height: 7px;
}

#select-day-dialog #week-container
{
    background: none;
    height: auto;
    margin: 0;
    padding: 0;
}
    #select-day-dialog #week-container li
    {
        background-image: url('/IMG/dialog/dialog-day-back.png');
        cursor: pointer;
        height: 177px;
        margin-bottom: 10px;
    }
        #select-day-dialog #week-container li.proto
        {
            display: none;
        }
        #select-day-dialog #week-container li.button
        {
            background-image: none;
            cursor: auto;
        }
        #select-day-dialog #week-container li.day:hover
        {
            background-image: url('/IMG/dialog/dialog-day-back-hover.png');
            margin: -3px 7px 7px -3px;
            padding: 3px;
        }
            #select-day-dialog #week-container li.button .button
            {
                margin: 149px 0 0 0;
                width: 118px;
            }
        #select-day-dialog #week-container li .header
        {
            color: #fff;
            cursor:inherit;
            line-height: 1.4em;
        }
        #select-day-dialog #week-container li img.recipe-image
        {
            border: none;
        }
        #select-day-dialog img.loading-image
        {   
            display: block;
            margin: 80px auto 0 auto;
        }

/* SEARCH
------------------------------------------------ */

.search-field-container
{
    background: transparent url('/IMG/search-field-back-left.png') no-repeat left;
    height: 28px;
    padding: 0 10px 0 10px;
}
    input.search-field
    {   
        background: transparent url('/IMG/search-field-back.png') no-repeat right;
        border: none;
        color: #010101;
        font-family: Trebuchet MS, Verdana, Sans-Serif;
        font-size: 11px;
        height: 22px;
        margin: 0;
        padding: 6px 10px 0 0;
        width: 100%;
    }
    
#show-search
{
	padding-top: 26px;
}  
    #show-search #main-column
    {
        float: left;
        margin-right: 16px;
        width: 716px;
        position: relative;
		/*overflow: hidden;*/
    }
    #show-search #right-column
    {
        float: left;
        width: 228px;
    }
#search-icon 
{
    position: absolute;
    margin: -8px 0 0 -25px;    
}

#search-result-holder
{
	margin-top: 16px;
}

#search-result-holder h2
{
    color: #b40014;
    font-size: 22px;
    font-weight: normal;
    height: 28px;
    margin: 20px 0 15px 0;
}

.recipe-list.results li {
    margin: 0 16px 16px 0;
}
    .recipe-list.results .body p
    {
        font-weight: bold;
        padding: 0 10px 10px 5px;
    }
    .recipe-list li.right-most
    {
        margin-right: 0;
    }
        .box.search h1 span
        {
            padding-left: 35px;
        }
        .box.search .body
        {
            color: #333;
            padding: 16px;
        }
        .box.search .search-field-container
        {
            background-image: url('/IMG/search-field2-back-left.png');
            float: left;
            margin-top: 1px;
            width: 380px;
        }
        .box.search input.search-field 
        {
            background-image: url('/IMG/search-field2-back.png');
        }
        .box.search label
        {
            display: block;
            float: left; 
            padding-top: 10px;
        }
        a#more-search 
        {
            float: right;
            font-weight: bold;
            padding-top: 10px;
            text-decoration: underline;
        }
        #advanced-search h2 
        {
            background-color: transparent;
            color: #000;
        }
        .box.search .select-group label 
        {
            padding-top: 0;
        }
        
        
    #advanced-search
    {
        display: none;
        font-size: 12px;
        padding: 20px 10px 0 10px;
    }
        #advanced-search h2
        {
            background-image: none;
            font-size: 13px;
            padding: 0;
        }
        #advanced-search .select-group
        {
            padding-bottom: 6px;
        }
        #advanced-search select
        {
			width: 200px;	
        }
        
        #advanced-search label
        {
            line-height: 20px;
            width: 120px;
        }      
        #search-result-holder img.loading-image
        {
            display: block;
            margin: 40px auto 20px auto;
        }
        #search-result-holder h2.search-results, #search-result-holder .result-list, #search-result-holder, #search-result-holder .paging {
            display: none;
        }
        .no-results, .no-results-text {
            display: none;
        }
        
        .search .paging li.proto {
            display: none;
        }


                
/* SHOW-THEMES
------------------------------------------------ */

#show-themes
{
	padding-top:26px;
}
    #show-themes #main-column
    {
        float: left;
        margin-right: 16px;
        width: 716px;
        position: relative;
		/*overflow: hidden;*/
    }

    .theme-header h2
    {
		color:#B40014;
		font-size:22px;
		font-weight:normal;
		margin-bottom:15px;
    }
    
    /*
	#show-themes #main-column h2 {
		color:#B40014;
		font-size:22px;
		font-weight:normal;
		margin-bottom:15px;
	}
	
	#show-themes #main-column
	{
		float : left;
		position : relative;
		color : #333333;
		
		line-height : 19px;
		width : 716px;
	}
	*/
	.theme-header p
	{
		font-size : 16px;
		color : #333333;
		line-height : 19px;
	}
	
	.theme-description
	{
		font-size : 11px;
		color : #333333;
		line-height : 19px;
	}
	
	.theme-description h2
	{
		padding: 12px 0 4px 0;
		font-size : 13px;
		font-weight : bold;
		color : #333333;
	}
	.theme-description img
	{
		padding: 12px 0 0 0;
	}
	
	#show-themes #right-column
	{
		float:right;
		position:relative;
		width:228px;
	}
	.inspiration-first 
	{
		margin-left:0 !important;
	}

	.inspiration-holder 
	{
		float:left;
		margin-left:16px;
		margin-top:16px;
		width:228px;
	}
	.inspiration-info 
	{
		background-color:#F7F2E1;
		background-image:url("/IMG/sitemap_bottom.jpg");
		background-repeat:repeat-x;
		font-size:11px;
		height:24px;
		padding: 6px 0 0 10px;
	}
    #show-themes .paging li.proto
    {   
        display: block;
    }
    #show-themes .results li.proto
    {   
        display: block;
    }
	
	
	
/* RESULT LIST ELEMENT
------------------------------------------------ */

.result-list
{
	margin-top: 16px;
	margin-right: -16px;
}
	.result-list .body
	{
		padding: 8px 0 0 8px;
	}
	.result-list li
	{
		float: left;
		margin: 0 16px 16px 0;
		width: 222px;
		height:127px;
		overflow:hidden;
	}
	    .result-list li.right-most
	    {
	        margin-right: 0;
	    }
	.result-list img
	{
		display: block;
	}

		.result-list .box .body p
		{
      		font-size: 11px;
			height: 26px;
			color: #000000;
		}
                
/* PAGING ELEMENT
------------------------------------------------ */

.paging {
	background-color: transparent;
	background-image: none;
	float: left;
	height: auto;
	margin: 0;
	padding-left: 0;
	margin-bottom: 15px;
	padding-top: 15px;
	width: auto;
}
	
	.paging li {
		float: left;
		height: 15px;
		line-height: 15px;
		margin: 0;
		text-align: center;
		width: 15px;
		font-size: 10px;
	}

	.paging .active-page {
		background-image:url("/IMG/aktiv-side.gif");
		background-repeat:no-repeat;
	}

	.paging .active-page a {
		color:#FFFFFF;
	}
        


/* INSPIRATION
------------------------------------------------ */
#right-column2{
	width: 228px;
	position:relative;
	float: right;
	}
.search-icon2 {
	height:58px;
	left:-7px;
	position: absolute;
	top:-5px;
}

#right-column2 h2 {
	background-color:#B70A1D;
	background-image:url("/IMG/inspiration/inspiration_03.jpg");
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	height:28px;
	line-height:30px;
	padding-bottom:5px;
	padding-left:50px;
	width:178px;
}

#searchshopinner2 {
	background-color:#F7F2E1;
	margin-bottom:1px;
	padding-left:11px;
	padding-top:11px;
}


/* GENERIC DIALOG
------------------------------------------------ */

.ui-widget-overlay { background-color: #000000; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-dialog-titlebar { display: none; }

.dialog 
{
    display: none;
}
    .dialog .top
    {
        background: transparent url('/IMG/dialog/top-left.png') no-repeat left;
        padding-left: 30px;
    }
        .dialog .top div
        {
            background: transparent url('/IMG/dialog/top-right.png') no-repeat right;
            height: 54px;
        }
        .dialog .top .cancel, .dialog .top .close
        {
            float: right;
            margin: 18px 18px 0 0;
        }
        .dialog .top h3
        {
            float: left;
            font-size: 18px;
            font-weight: normal;
            padding-top: 23px;
        }
    .dialog .body
    {
        background-image: url('/IMG/dialog/side.png');
        padding: 0 10px 0 10px;
    }
        .dialog .body .inner-body
        {
            background-color: #fff;
            line-height: 1.1em;
            padding: 20px 30px 5px 30px;
        }
            .dialog .body .inner-body p
            {
                line-height: 1.3em;
                margin-bottom: 1em;
            }
    .dialog .bottom
    {
        background: transparent url('/IMG/dialog/bottom-left.png') no-repeat left bottom;
        padding-left: 30px;
    }
        .dialog .bottom div
        {
            background: transparent url('/IMG/dialog/bottom-right.png') no-repeat right bottom;
            height: 46px;
            text-align: center;
            padding-top: 11px;
            padding-right: 30px;
        }
        
        .dialog .bottom .ajaxloading
        {
            display:none;
            /*visibility:hidden;*/
        }
        
        #madplanteaser img
        {
            margin-top:4px;
        }