/* ////////////// DannyDiablo v2 CSS 3 Style Sheet http://www.dannydiablo.de [ START ] ////////////// */
/*
Theme Name: Muellers Partyservice
Theme URI: http://www.muellerspartyservice.de
Description: Spezial Theme fuer Muellers Partyservice.
Version: 1.0
Author: Daniel Knaack
Author URI: http://www.dannydiablo.de
Tags: red, white, grunge, grey, black, food
Text Domain: muellerspartyservice
*/

/* ####################################### Swatches / Color Guide [ START ] ###

	Background:					Hex: #e5e1d7		RGB: 229, 225, 215
	Red Headline, Link On:		Hex: #b70000		RGB: 183, 0, 0
	Orange on Red, S-Link On:	Hex: #feb362		RGB: 254, 179, 98
	Light Text:					Hex: #a09a90		RGB: 160, 154, 144
	Medium Text:				Hex: #4e453d		RGB: 78, 69, 61
	Dark Text:					Hex: #28231e		RGB: 40, 35, 30
	S-Link Off:					Hex: #fff2d6		RGB: 255, 242, 214
	S-Link Border:				Hex: #564b42		RGB: 86, 75, 66
	Sidebar Link Border:		Hex: #2e2e2e		RGB: 46, 46, 46
	Sidebar Link:				Hex: #d0d0d0		RGB: 208, 208, 208
	White:						Hex: #ffffff		RGB: 255, 255, 255

####################################### Swatches / Color Guide [ STOP ] ### */


/* /////////////////////////////////////// Danny DevMode [ START ] ####
#header { background-color: rgba(255, 0, 0, 0.2)!important; }
#wood { background-color: rgba(255, 0, 204, 0.2)!important; }
#paper { background-color: rgba(84, 0, 255, 0.2)!important; }
#content-top { background-color: rgba(0, 174, 255, 0.2)!important; }
#content { background-color: rgba(0, 255, 168, 0.2)!important; }
#sidebar { background-color: rgba(78, 255, 0, 0.2)!important; }
#footer { background-color: rgba(246, 255, 0, 0.2)!important; }
#sortiment { background-color: rgba(255, 102, 0, 0.2)!important; }
 /////////////////////////////////////// Danny DevMode [ STOP ] #### */
 
/* ########### HTML Styles [ START ] ### */
@charset "utf-8";

@font-face { font-family: "Candara"; src: url('fonts/Candara.tff'); }
@font-face { font-family: "Candara"; font-weight: bold; src: url('fonts/Candarab.tff'); }
@font-face { font-family: "Candara"; font-style: italic; src: url('fonts/Candarai.tff'); }

* { margin: 0; padding: 0; }
body { height: 101%; font-family: "Candara", Candara, Arial, Helvetica, sans-serif; text-align: center; background: #fff url('images/bg_mueller.jpg') repeat 0 0; }
a:focus, a:active { outline: none; }
img { border: none; }
strong { font-weight: bold; }
em { font-style: italic; }
ul { list-style: none; }
input, select, textarea { font-family: "Candara", Candara, Arial, Helvetica, sans-serif; }
/* ########### HTML Styles [ STOP ] ### */

/* ########### General Layout Styles [ START ] ### */
#alpha { width: 100%; height: 234px; margin: 0 auto; background: transparent url('images/bg_alpha.png') repeat-x 0% 0%; }
#layout { width: 1000px; margin: 0 auto; padding: 0; position: relative; text-align: left; }

.red { color: #b70000; }
.clear { display: block; height: 0em!important; line-height: 0em!important; font-size: 0em!important; clear: both!important; padding: 0em!important; margin: 0em!important; }
/* ########### General Layout Styles [ STOP ] ### */

/* ########### Header [ START ] ### */
#header { width: 1000px; height: 204px; float: left; }
#header h1 { width: 320px; padding-top: 24px; float: left; }
#header .description { display: none; }

#header #topnav { float: right; width: 650px; padding: 12px 0 15px 0; background: transparent url('images/bg_topmenu.png') no-repeat 0 100%; }
#header #topnav li { float: left; padding: 4px 15px 4px 25px; margin: 0 10px; font-size: 0.88em; border-left: 1px solid #c7c1b8; }
#header #topnav li.first { border-left: none; }
#header #topnav li a { color: #4e453d; text-decoration: none; }
#header #topnav li a:hover { color: #b70000; text-decoration: underline; }

.home #header #topnav li.home a, #header #topnav .current_page_item a { color: #b70000; font-weight: bold; text-decoration: none; }
.home #header #topnav li.home a:hover, #header #topnav .current_page_item a:hover { text-decoration: underline; }

#header .order-online { position: absolute; top: 83px; right: 0px; width: 235px; height: 110px; padding: 10px 20px 0 25px; }
#header .order-online h2 { font-size: 1em; font-weight: bold; color: #4e453d; }
#header .order-online p { font-size: 0.88em; color: #4e453d; padding: 0 0 10px 0; }
#header .order-online .button { background: transparent url('images/btn_header.png') no-repeat 0 0; line-height: 1; padding: 6px 8px 0 44px; width: 182px; height: 42px; cursor: pointer; }
#header .order-online .button:hover { background: transparent url('images/btn_header.png') no-repeat 0 -60px; }
#header .order-online .button a { text-decoration: none; line-height: 1; display: block; font-size: 0.94em; }
#header .order-online .button a strong { text-transform: uppercase; font-weight: bold; color: #fff; text-decoration: none; font-size: 0.94em; }
#header .order-online .button:hover a strong { text-decoration: underline;}
#header .order-online .button a small { font-size: 0.77em; color: #feb362; }
#header .order-online .button:hover a small { color: #fff; }

#header #phone-info { position: absolute; top: 83px; left: 332px; width: 272px; height: 95px; padding: 35px 30px 0 75px; background: url('images/bg_order_online.png') no-repeat 0 0; line-height: 1; }
#header #phone-info img { width: 112px; height: 71px; float: right; margin: 0 0 0 20px; }
#header #phone-info h2 { color: #b70000; font-size: 0.94em; font-weight: bold; }
#header #phone-info p small { font-size: 0.81em; color: #a09a90; line-height: 1.4; }
#header #phone-info strong { font-size: 1.65em; color: #28231e; }
/* ########### Header [ STOP ] ### */

/* ########### Startsite [ START ] ### */
.home #wood { float: left; position: relative; width: 1000px; background: url('images/bg_wood.png') no-repeat 0px 0; }
.home #paper { width: 1000px; height: 440px; padding: 120px 0 0 0; background: url('images/bg_paper.png') no-repeat 10px 120px; }

.home #food-plate, .home #waiter, .home #banner, .home #sortiment { position: absolute; }
.home #food-plate { top: -20px; left: -18px; width: 610px; height: 348px; background: url('images/img_foodplates.png') no-repeat 0 0; }
.home #waiter { top: 146px; right: 22px; width: 357px; height: 393px; background: url('images/img_waiter.png') no-repeat 0 0; }
.home #banner { top: 30px; right: -1px; width: 445px; height: 79px; background: url('images/img_banner.png') no-repeat 0 0; }
.home #sortiment { bottom: 52px; left: 40px; width: 870px; height: 124px; padding: 40px 30px 0 30px; background: url('images/bg_sortiment.png') no-repeat 0 0; }
.home #sortiment h2 {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width: 272px;
	height: 43px;
	padding: 12px 0 0 0;
	background: url('images/bg_headline_nav.png') no-repeat 0 0;
	position: absolute;
	top: -20px;
	left: 30px;
}
.home #sortiment ul { float: left; }
.home #sortiment ul.first {}
.home #sortiment ul.last {}
.home #sortiment ul li { float: left; width: 134px; font-size: 0.88em; padding: 0 0 0 10px; }
.home #sortiment ul li a { display: block; float: left; width: 130px; padding: 4px 2px; border-bottom: 1px solid #564b42; color: #fff2d6; text-decoration: none; }
.home #sortiment ul li a:hover { color: #feb362; background: #3f352e; }

.home #sidebar { float: left; width: 1000px; }
.home #text-3 { float: left; width: 600px; padding: 15px 30px 25px 20px; }
.home #text-3 img { float: right; margin: 0 15px 0 15px; }
.home #text-3 h2 { font-size: 1.88em; font-weight: bold; color: #b70000; padding: 0 0 10px 0; }
.home #text-3 p { font-size: 0.88em; line-height: 1.4; padding: 0 0 20px 0; color: #28231e; }

.home #text-4 { float: left; position: relative; width: 180px; height: 181px; padding: 30px 120px 0 30px; margin: 15px 0 0 0; background: url('images/bg_start_teaser.jpg') no-repeat 0 0; }
.home #text-4 img { position: absolute; top: 30px; right: 25px; }
.home #text-4 h2 { font-size: 1.13em; font-weight: bold; color: #a09a90; padding: 0 0 15px 0; }
.home #text-4 h3 { font-size: 1.13em; font-weight: bold; color: #28231e; line-height: 1.1; background: none; border: none; margin: 0; padding: 0; }
.home #text-4 h3 a { color: #28231e; text-decoration: none; }
.home #text-4:hover h3 a { text-decoration: underline; }
.home #text-4 p { font-size: 1.06em; line-height: 1.1; padding: 4px 0 0 0; }
.home #text-4 p strong { color: #b70000; }
.home #text-4 p small { font-size: 0.82em; color: #a09a90; }
/* ########### Startsite [ STOP ] ### */

/* ########### Content [ START] ### */
#content-mid ,#content-bot, #content-top { float: left; }
#content-mid { background: transparent url('images/bg_content_mid.png') repeat-y 0% 0%; margin: 11px 0; padding: 0 20px; width: 960px; }
#content-bot { background: transparent url('images/bg_content_bot.png') no-repeat 0% 100%; padding: 0 0 9px 0; width: 1000px; }
#content-top { background: transparent url('images/bg_content_top.png') no-repeat 0% 0%; padding: 9px 0 25px 0; width: 1000px; }

#sidebar { width: 240px; float: left; }
#sidebar h3 { font-weight: bold; color: #ffffff; padding: 12px 20px 12px 20px; font-size: 1.26em; border-bottom: 1px solid #2e2e2e; background: url('images/bg_sidebar_h3.png') no-repeat 0 0; }
#sidebar ul { padding: 0px 0px 25px 0px; }
#sidebar ul li a { display: block; padding: 7px 20px 5px 30px; border-bottom: 1px solid #2e2e2e; background: #1e1e1e url('images/bg_sidebar_li_off.png') no-repeat 0 2px; color: #a09a90; font-size: 0.88em; text-decoration: none; }
#sidebar ul li a:hover { background: #282828 url('images/bg_sidebar_li_on.png') no-repeat 0 0; color: #ffffff; }
#sidebar ul li.current-cat a { background: #ffffff url('images/bg_sidebar_li_active.png') no-repeat 0 0; color: #b70000; font-weight: bold; }
#sidebar ul li.current-cat a:hover { color: #28231e; text-decoration: underline; }
#sidebar .widget_tag_cloud div { padding: 10px 20px; }
#sidebar .widget_tag_cloud a { color: #a09a90; text-decoration: none; }
#sidebar .widget_tag_cloud a:hover { color: #5e0b00; background:#ecceb7; text-decoration: underline; }
#sidebar .widget_search { clear: left; }
#sidebar .widget_search form { float: left; padding: 10px 20px 20px 20px; width: 200px; }
#sidebar .widget_search form label { display: block; color: #a09a90; padding: 0 0 2px 0; font-size: 0.81em; }
#sidebar .widget_search form input#s { background: #ffffff; border: 0px; padding: 3px 5px 4px 5px; width: 140px; float: left; color: #a09a90; font-size: 0.88em; }
#sidebar .widget_search form input#s:focus { color: #4e453d; }
#sidebar .widget_search form input#searchsubmit { float: left; border: none; background: url('images/btn_search.png') no-repeat 0 0; width: 33px; height: 24px; font-size: 0em; cursor: pointer; }

#content { width: 640px; padding: 30px 40px; float: left; }
#content h2 { font-size: 1.86em; font-weight: bold; color: #b70000; padding: 0 0 10px 0; margin: 0 0 10px 0; background: url('images/bg_topmenu.png') no-repeat 0 100%; padding: 0 0 15px 0; }
#content h2 a { color: #b70000; text-decoration: none; }
#content h2 a:hover { color: #4e453d; }

#content .post { float: left; position: relative; width: 640px; padding: 35px 0 35px 0; background: url('images/bg_topmenu.png') no-repeat 0 100%; }
#content .post h3 { color: #28231e; font-size: 1.52em; font-weight: bold; padding: 0 0 5px 0; margin: 0 0 15px 0; border-bottom: 1px solid #ecebea; }
#content .post h4 { font-size: 1.04em; color: #4e453d; font-weight: bold; padding: 5px 0 5px 0; }
#content .post h4.red { color: #b70000; }
#content .post h5 { font-size: 0.94em; color: #4e453d; font-weight: bold; padding: 5px 0 5px 0; }
#content p { color: #4e453d; padding: 0 0 20px 0; font-size: 0.88em; line-height: 1.3; clear: both; }
#content p small { color: #a09a90; font-size: 0.94em; }
#content .category-aktuelles p { clear: none; }
#content a { color: #833127; text-decoration: underline; }
#content a:hover { color: #5e0b00; background:#ecceb7; }
#content .post ul { list-style: circle; padding: 5px 0 20px 15px; }
#content .post ul li { font-size: 0.88em; padding: 3px 10px; border-bottom: 1px solid #ecebea; position: relative; }
#content .post ul li:hover { background: #f2f2f2; color: #b70000; }
#content .post ol { list-style: decimal; padding: 10px 0 10px 20px; }
#content .post ol li { font-size: 0.88em; padding: 10px 10px; }
#content .post ol li p { font-size: 1em; padding: 5px 0 10px 0; }
#content .post ol li ul { padding-top: 0px; }
#content .post ol li ul li { color: #4e453d; font-size: 1em; border: 0px; padding: 5px 2px; line-height: 1; }
#content .post ol li ul li:hover { background: none; }
#content .post ul li, #content .post ol li { color: #28231e; line-height: 1.3; }
#content hr { clear: both; border: 0px; padding: 0; margin: 15px 0 20px 0; background: transparent url('images/bg_dotted_hor.gif') repeat-x 0 100%; }
#content .post span.price { float: none; }
#content .post li span.price { position: absolute; right: 0px; top: 0px; }
#content .post span.price strong, #content .post span.price2 strong, #content .post span.list3 strong { color: #b70000; font-size: 1.27em; margin-left: 5px; line-height: 1; }
#content .post span.list1 strong, #content .post span.list2 strong { color: #4e453d; }
#content .post span.price, #content .post span.price2, #content .post span.list { color: #a09a90; }
#content .post span.list { float: left; padding: 4px 0; }
#content .post span.list1 { width: 455px; float: left; }
#content .post span.list2 { width: 105px; float: left; }
#content .post span.list3 { width: 80px; float: left; text-align: right; line-height: 1; }
#content .post li span.list { float: none; padding: 4px 0; }
#content .post li span.list1 { position: absolute; top: 3px; left: 0px; width: 400px; padding-right: 20px; float: none; color: #4e453d; }
#content .post li span.list2 { position: absolute; top: 3px; left: 420px; width: 85px; padding-right: 20px; float: none; }
#content .post li span.list3 { position: absolute; top: 2px; right: 0px; width: 80px; float: none; }
#content .post p.postmetadata { position: absolute; top: 40px; right: 0px; color: #a09a90; }

#content .post .alignright { float: right; }
#content .post .alignleft { float: left; }

#content .post form {}
#content .post form fieldset { border: 1px solid #f1efea; padding: 25px 25px 10px 25px; margin: 0 0 20px 0; }
#content .post form fieldset legend { color: #b70000; font-size: 1.16em; font-weight: bold;  }
#content .post form fieldset div { padding: 0 30px 20px 0; color: #4e453d; float: left; font-size: 0.88em; }
#content .post form fieldset em { color: #b70000; }
#content .post form fieldset strong { font-weight: normal; }
#content .post form fieldset span {}
#content .post form fieldset .small div { float: left; width: 90px; padding-right: 5px; font-size: 1em; }
#content .post form fieldset .small label { display: block; }
#content .post form fieldset label { color: #4e453d; font-weight: bold; line-height: 1.6; }
#content .post form fieldset input, #content .post form fieldset select, #content .post form fieldset textarea {
	background: #f2f0e9;
	border: 1px solid #c7c5bf;
	color: #a09a90;
	font-size: 1em;
}
#content .post form fieldset input:hover, #content .post form fieldset select:hover, #content .post form fieldset textarea:hover {
	background: #f7f5f0;
	border: 1px solid #aaa8a1;
	color: #4e453d;
}
#content .post form fieldset input:focus, #content .post form fieldset select:focus, #content .post form fieldset textarea:focus {
	background: #ecceb7;
	border: 1px solid #d2a79a;
	color: #28231e;
}


#content .post form fieldset input { padding: 2px 4px; width: 220px; }
#content .post form fieldset div.small input { width: 40px; margin: 0 0 0 4px; }
#content .post form fieldset select { padding: 2px 4px; }
#content .post form fieldset textarea { padding: 10px; width: 500px; }
#content .post form fieldset div.checkbox {}
#content .post form fieldset div.checkbox input { background: none; border: none; width: 17px; margin: 0 2px 0 4px; }
#content .post form .send {
	border: none;
	background: url('images/btn_send.png') no-repeat 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.88em;
	font-weight: bold;
	color: #fff;
	padding: 0 0 5px 0;
	width: 236px;
	height: 42px;
	cursor: pointer;
}
#content .post form .send:hover { background-position: 0 -50px; color: #feb362; }

form div.wpcf7-response-output {
	font-size: 0.81em;
	color: #b70000;
	padding: 10px 15px;
}
form div.wpcf7-mail-sent-ok { background: #b8ff9f; color: #1c6c00; font-weight: bold; }
form div.wpcf7-spam-blocked, form div.wpcf7-mail-sent-ng, form div.wpcf7-validation-errors { background: #810606; color: #ff8549; }
form span.wpcf7-form-control-wrap { position: relative; display: block; }
form span.wpcf7-not-valid-tip, form span.wpcf7-not-valid-tip-no-ajax {
	position: absolute;
	bottom: -17px; left: 0px;
	color: #b70000;
	font-size: 0.81em; width: 220px;
	display: block;
}
form .zeitbis span.wpcf7-not-valid-tip-no-ajax  { bottom: -30px;}
form .wpcf7-display-none { display: none; }
form img.ajax-loader { border: none; vertical-align: middle; }
	
/* ########### Content [ STOP ] ### */

/* ######## Footer [START] */
#footer { width: 100%; text-align: center; background: #fff url('images/bg_footer.gif') repeat-x 0 0; }

#footer #top { width: 960px; margin: 0 auto; padding: 25px 20px 0 20px; text-align: left; }
#footer #top .button { background: transparent url('images/btn_footer.png') no-repeat 0 0; line-height: 1; padding: 8px 8px 0 42px; width: 184px; height: 40px; cursor: pointer; float: right; }
#footer #top .button:hover { background: transparent url('images/btn_footer.png') no-repeat 0 -60px; }
#footer #top .button a { text-decoration: none; line-height: 1; display: block; font-size: 0.94em; }
#footer #top .button a strong { text-transform: uppercase; font-weight: bold; color: #fff; text-decoration: none; font-size: 0.94em; }
#footer #top .button:hover a strong { text-decoration: underline;}
#footer #top .button a small { font-size: 0.77em; color: #a09a90; }
#footer #top .button:hover a small { color: #fff2d6; }
#footer #top #legal { float: left; background: url('images/icon_mail.png') no-repeat 0 0; padding: 0 0 0 60px; }
#footer #top #legal ul { float: left; padding: 0 30px; }
#footer #top #legal ul.first { background: url('images/bg_dotted_ver.gif') repeat-y 100% 0; }
#footer #top #legal ul li { font-size: 0.88em; color: #4e453d; }
#footer #top #legal ul li a { color: #b70000; text-decoration: underline; }
#footer #top #legal ul li a:hover { color: #a09a90; text-decoration: underline; }

#footer #bottom { width: 960px; margin: 0 auto; padding: 40px 20px 17px 20px; text-align: left; background: url('images/bg_footer_border.png') no-repeat 0 15px; }
#footer #bottom ul { float: right; }
#footer #bottom ul li { font-size: 0.88em; float: left; padding: 0 12px; }
#footer #bottom ul li a { color: #b70000; text-decoration: underline; }
#footer #bottom ul li a:hover { color: #a09a90; text-decoration: underline; }
#footer #bottom p { font-size: 0.88em; color: #4e453d; }
/* ######## Footer [STOP] */