/*
McDonalds FR Screen & max-width 1280px Stylesheet
Sitewidth: 928px
*/

.site {
    width: 					928px;
    /*background-color: orange;*/
}


/* Header */

header[role=banner] nav ul li {
    padding-left: 			14px;
}
header[role=banner] nav ul li a,
header[role=banner] nav ul li a:link,
header[role=banner] nav ul li a:hover,
header[role=banner] nav ul li a:active,
header[role=banner] nav ul li a:visited {
    font-size: 				1.1em;
}

header[role=banner] nav ul li section.secondary div.middle section ul.rgt li {
    padding-left: 			20px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li {
    line-height: 			18px;
    height: 				38px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li.doubleLine {
    height: 				48px;
    padding-top: 			12px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li a {
    font-size: 				1.5em;
}
header[role=banner] nav ul li section.secondary div.middle section ul li img {
    margin: 				-17px 8px 0 0;
    width: 					26%;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li {
    margin-bottom: 			24px;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li a {
    font-size: 				2em;
}


/* Main Page Header */

section[role=main] header.page h1,
section[role=main] header.page h2 {
    font-size: 				5.4em;
}
section[role=main] header.page h1.head-wide,
section[role=main] header.page h2.head-wide { font: 4.5em/1.1em 'MuseoSlab900', Arial, sans-serif; }
section[role=main] header.page h1.head-wide.s,
section[role=main] header.page h2.head-wide.s { font-size: 4em; }
section[role=main] header.page h1.head-wide.xs,
section[role=main] header.page h2.head-wide.xs { font-size:	3.7em; }
section[role=main] header.page aside {
    padding-top: 			32px;
}
section[role=main] header.page aside.smaller {
    padding-top: 			28px;
}
section[role=main] header.page aside.full.smaller { padding-top: 0; }
section[role=main] header.page aside p em {
    font-size: 				1.6em;
}
section[role=main] header.page aside p a {
    font-size: 				1.8em;
}
section[role=main] header.page aside.smaller p a { font-size: 1.6em; }
section[role=main] header.page aside.social div.tweet-button,
section[role=main] header.page aside.social div.fb-button,
section[role=main] header.page aside.social div.gplus-button { margin-top: 10px; }


/* Pushbox Small */

#pushbox-small .holder ul li img {
    width: 					100%;
    margin-top: 			5%;
}

#pushbox-small div.nav div.nav-wrap {
    margin: 				0 5%;
}

#pushbox-small div.nav ul.buttons li {
    /*width: 					115px;*/
    display: 				inline;
}
#pushbox-small div.nav ul.buttons li a {
    padding: 				0 14px;
}


/* Allergenes */

#content.allergenes section.col-70,
#content.allergenes aside.col-26 {
    width: 					100%;
    margin-right: 			0;
}

#content.allergenes section.filter { margin-bottom: 6%; }

#content.allergenes section.filter div.col-result {
    width: 					77%;
}
#content .allergenes .viewport {
    width: 					668px;
}
#content .allergenes .products-wrapper .product-list-wrapper .product-list {
    width: 					222px;
}
#content .allergenes .products-wrapper .product-list-wrapper .product-list ul.products li {
    min-height: 			130px;
}

#content .products .products-wrapper .product-list-wrapper .product-list {
    width: 					170px;
}


#content.allergenes aside.col-26 div.block {
    width: 					46%;
    float: 					left;
    margin-bottom: 			4%;
}
#content.allergenes aside.col-26 div.apps-small {
    float: 					right;
    clear: 					none;
}


/* Simple Nav */

#content nav.sub ul li a {
    font: normal 2.2em/1.05 'MuseoSlab100', Arial, sans-serif;
    color: #666;
}


/* Products */

#content.products nav.products-main ul li a {
    font-size: 				1.2em;
    line-height: 			55px;
}


/* Product */

#content.product h1,
#content.product h2 { font-size: 3.4em; margin-top: 20px; }

#content.product .moreinfo ul.accordion > li h4 a,
#content.product .moreinfo ul.accordion > li.noLink h4 {
    font-size: 				2.4em;
}

#content.product .info,
#content.product section.col-70 > ul {
    width: 					48.2%;
}

#content.product .info h3 {
    font-size: 				14em;
}
#content.product .info h3 span { font-size: .116em; }
#content.product .info p {
    margin-right: 			20px;
}

#content.product_evian h2 {
    font-size: 				9em;
}


/* Sandwichs */

#content.sandwichs header hgroup h1,
#content.sandwichs header hgroup h2 {
    font-size: 				4.6em;
}
#content.sandwichs header hgroup h3 {
    font-size: 				1.6em;
}

#content.sandwichs ul.products li {
    height: 				160px;
}
#content.sandwichs ul.products li a {
    height: 				150px;
    padding-top: 			10px;
}
#content.sandwichs ul.products li h4 {
    font-size: 				1.3em;
}
#content.sandwichs ul.products li img { margin-bottom: 20px; }

#content.sandwichs.darkbrown ul.products li:nth-child(1) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(2) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(3) a:hover {
    background: 			#543823;
}
#content.sandwichs.darkbrown ul.products li:nth-child(4) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(5) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(6) a:hover {
    background: 			#5f4028;
}
#content.sandwichs.darkbrown ul.products li:nth-child(7) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(8) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(9) a:hover {
    background: 			#69472d;
}
#content.sandwichs.darkbrown ul.products li:nth-child(10) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(11) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(12) a:hover {
    background: 			#724d30;
}


/* Content > McCafe Page */

#content.page_mccafe .info h4 {
    font-size: 				2.6em;
}
#content.page_mccafe .info h5 {
    font-size: 				1.8em;
}
#content.page_mccafe .info p {
    font-size: 				1.1em;
}

#content.page_mccafe .products ul li h3 {
    font-size: 				2em;
}


/* Content > Error Page */

#content.error header {
    width: 					780px;
    padding: 				160px 0;
}
#content.error header hgroup {
    padding-top: 			10%;
}
#content.error header hgroup h1,
#content.error header hgroup h2 {
    font-size: 				5.6em;
}
#content.error header hgroup h3 {
    font-size: 				2.6em;
}


/* Content > Sub Page */

#content.sub_page .wrapper > h1,
#content.sub_page .wrapper > h2 {
    font-size: 				4.8em;
}
#content.sub_page ul.accordion li h4 a {
    font-size: 				1.8em;
}
#content.sub_page ul.accordion li p {
    font-size: 				1.5em;
    padding-top: 			6px;
}


/* FAQ */

#content.faq .col-70 h1,
#content.faq .col-70 h2 {
    font-size: 				10em;
}

#content.faq ul.accordion li h4 a {
    font-size: 				1.6em;
}


/* Recruitment */

#content.recruitment .col-70 h1,
#content.recruitment .col-70 h2 {
    font-size: 				3.6em;
}
#content.recruitment ul.list li h3 {
    font-size: 				1.8em;
}
#content.recruitment article div.text h3 {
    font-size: 				2.6em;
}
#content.recruitment article div.text h4 {
    font-size: 				1.4em;
}


/* Text Page */

#content.text_page .col-70 h1,
#content.text_page .col-70 h2 {
    font-size: 				3em;
}
#content.text_page .col-70 h3 {
    font-size: 				3em;
}

#content.text_page ul.full-list li h2 { font-size: 2.2em; }

#content.text_page ul.crew li h4 { font-size: 1em; }

#content.text_page div.trade h4 {
    font-size: 				2.8em;
    padding-top: 			6px;
}


/* Restaurant */

#content.restaurant ul.large-services li h3 {
    font-size: 				2.6em;
}
#content.restaurant form.findmcd-large fieldset.options label {
    width: 					7%;
}


/* Viewer */

#content.design section.pictures div.holder ul li { width: 928px; }


/* History */

#content.history div.slider-wrapper {
    padding: 				0 12% 0 13%;
}
#content.history div.slider-wrapper ul li {
   font-size: 				1.05em;
}
#content.history div.slider-wrapper .slider-range a div {
    width: 					78px;/*98px;*/
    left: 					-49px;
}
#content.history div.slider-wrapper .handle-visual {
    width: 					78px;/*98px;*/
}
#content.history .col-70 ul.result li h3 {
    font-size: 				1.4em;
}


/* Service */

#content.service_restaurant div.tabcontent div.option-slider { height: 105px; }
#content.service_restaurant div.tabcontent div.option-wrapper ul.option-nav li a {
    top: 					34px;
}

#content.service_restaurant div.tabcontent ul.option { height: 105px; }
#content.service_restaurant div.tabcontent ul.option li {
    width: 					93px;
    height: 				93px;
    background: 			url(../image/bg-sprite-option-small.gif) no-repeat left top;
}
#content.service_restaurant div.tabcontent ul.option li a {
    width: 					77px;
    height: 				93px;
    background: 			url(../image/bg-sprite-option-small.gif) no-repeat left top;
}
#content.service_restaurant div.tabcontent ul.option li a.active { background-position: left -93px; }

#content.service_restaurant div.tabcontent ul.option li a span { line-height: 1em; }

#content.service_restaurant.page_mccafe div.tabcontent {
    width: 					585px;
}
#content.service_restaurant.page_mccafe div.tabcontent ul.option li {
    background: 			url(../image/bg-sprite-option-small.png) no-repeat left top;
}
#content.service_restaurant.page_mccafe div.tabcontent ul.option li a {
    background: 			url(../image/bg-sprite-option-small.png) no-repeat left top;
}
#content.service_restaurant.page_mccafe div.tabcontent ul.option li a.active { background-position: left -93px; }


/* Content */

#content .block figure figcaption { left: 12px; }

#content .newsitem hgroup {
    padding: 				18px 20px 6px;
}

#content .newsitem hgroup h3 {
    font-size: 				3.3em;
}
#content .newsitem hgroup h4 {
    font-size: 				1.4em;
}
#content .newsitem p {
    font-size: 				1.2em;
}

#content .findmcd div.wrapper div.content figure {
    width: 					70px;
}
#content .findmcd div.wrapper div.content h3 {
    font-size: 				2.6em;
}
#content .findmcd div.wrapper div.content hgroup h4 {
    font-size: 				1.2em;
}
#content .findmcd div.wrapper div.content p {
    font-size: 				1em;
}
#content .findmcd div.wrapper div.findjob p {
    display: 				none;
}
#content .findmcd div.wrapper div.findrestaurant {
    margin-bottom: 			14px;
}
#content .findmcd div.wrapper div.happymeal h3 { margin-top: 16px; }

#content .energy h3 {
    font-size: 				10em;
}
#content .energy p {
    font-size: 				2em;
}

#content .apps figure {
    width: 					29%;
    margin-top: 			56px;
}
#content .apps figure figcaption {
    font-size: 				1.2em;
}
#content .apps div.text {
    width: 					70%;
    margin-top: 			38px;
}
#content .apps div.text h3 {
    font-size: 				1.3em;
    margin-bottom: 			0;
}
#content .apps div.text h3 span {
    font-size: 				2.6em;
}
#content .apps div.text p {
    font-size: 				1em;
}

#content .apps-small .wrapper img,
#content .findmcd-small .wrapper img {
    display: 				none;
}
#content.allergenes aside.col-26 div.apps-small .wrapper img { display: block; }

#content .findmcd-small.xsmall div.wrapper form { overflow: visible; }
#content .findmcd-small.xsmall h3 { font-size: 2.8em; padding-top: 38px; }

#content .employer hgroup {
    margin-left: 			12px;
    margin-top: 			29%;
}
#content .employer hgroup h3 {
    font-size: 				3.4em;
}
#content .employer hgroup h4 {
    font-size: 				1.4em;
}
#content .employer p {
    font-size: 				1em;
    margin-left: 			12px;
}

#content .findmcd-small h3 {
    font-size: 				1.8em;
    padding-bottom: 		4px;
}
#content .findmcd-small .wrapper form {
    padding-left: 			12px;
}

#content .apps-small h3 {
    margin-top: 			40px;
    padding: 				0 0 0 12px;
}

#content .all-news-small .wrapper figure {
    display: 				none;
}
#content .all-news-small .wrapper h3 {
    margin: 				0 0 10px;
}

#content .energy-small .wrapper {
    padding-top: 			28px;
}
#content .energy-small .wrapper h3 {
    font-size: 				8em;
}
#content .energy-small .wrapper h3 span {
    font-size: 				.26em;
}
#content .energy-small .wrapper hgroup h3 { font-size: 6em; }
#content .energy-small .wrapper p {
    font-size: 				1.7em;
}
#content .energy-small.whiteborder .wrapper p {
    font-size: 				1.1em;
}

#content .mccafe-small .wrapper h3 {
    font-size: 				1.6em;
}

#content .news-small hgroup {
    padding-left: 			12px;
}
#content .news-small hgroup h3 {
    font-size: 				2.5em;
}
#content .news-small hgroup h4 {
    font-size: 				1.1em;
}
#content .news-small p {
    font-size: 				1.2em;
    padding-left: 			12px;
    padding-right: 			12px;
}

#content .happymeal-small .wrapper hgroup h3 {
    font-size: 				4.5em;
}
#content .happymeal-small .wrapper hgroup h4 {
    font-size: 				1.2em;
    left: 					0;
    right: 					0;
}
#content .happymeal-small .wrapper img.img-over {
    margin: 				-85px 0 0 -65px;
}

#content .middle-link-small div.wrapper h3 {
    font-size: 				2.6em;
    margin-top: 			65px;
}
#content .middle-link-small.xsmall div.wrapper h3 { margin-top: 32px; font-size: 2.6em; }
#content .middle-link-small.services div.wrapper h3 { margin-top: 40px; }
#content .middle-link-small.xsmall figure { display: none; }
#content .middle-link-small.services div.wrapper p {
    font-size: 				1em;
    padding-left: 			12px;
}

#content .stores-small hgroup h3 {
    font-size: 				9.6em;
}
#content .stores-small hgroup h4 {
    font-size: 				1.5em;
}

#content .corporate-small .wrapper h3 {
    font-size: 				2.9em;
}


/* Footer */

footer[role=contentinfo] > nav .block {
    width: 					15.83%;
    display: 				inline;
    float: 					left;
    margin-right: 			1%;
}

footer[role=contentinfo] div.header section { margin-left: -35px; }
/**
* STORELOCATOR
*/
#map_canvas{
    width: 580px;
    height: 320px;
    background: #ccc;
    float: left;
    margin-right: 20px;
    margin-bottom:10px;
}
#tabs{
    height: 293px;
    overflow: auto;
    margin: 0 0 0 0px;
    border: 1px solid #ccc;

}

.view-mcdo-events-actu .view-header h2 {
    width: 513px;
}

/** Editor styles */
/* H2 */
#content.page .col-70 div.campaign-header h2,
#content.page .col-70 div.column1 h2,
#content.page .col-70 div.column2 h2,
#content.faq .col-70 h2,
#content.text_page_mcdo .col-70 h2 {
    font: normal 3.0em/1.15em 'MuseoSlab900', Arial, sans-serif;
    text-transform: uppercase;
    color: #666666;
}

/* STRONG */
#content.page .col-70 div.campaign-header p.introductie,
#content.page .col-70 div.column1 p.introductie,
#content.page .col-70 div.column2 p.introductie,
#content.faq .col-70 p.introductie,
#content.text_page_mcdo .col-70 p.introductie {
    font: bold 1.5em/1.75em 'MuseoSlab700', Arial, sans-serif;
    color: #666666;
}

/* H3 */
#content.page .col-70 div.campaign-header h3,
#content.page .col-70 div.column1 h3,
#content.page .col-70 div.column2 h3,
#content.faq .col-70 h3,
#content.text_page_mcdo .col-70 h3 {
    font: normal 1.9em/1.25em 'MuseoSlab700', Arial, sans-serif;
    text-transform: uppercase;
    color: #004812;
    padding-top: 1.3em;
    /*padding-top: 20px;*/
}

/* LINK */
#content.page .col-70 div.campaign-header a.link,
#content.page .col-70 div.column1 a.link,
#content.page .col-70 div.column2 a.link,
#content.faq .col-70 a.link,
#content.text_page_mcdo .col-70 a.link {
    font: normal 1.5em/1.75em 'MuseoSlab300', Arial, sans-serif;
    color: #004812;
    background: url('../image/bullet-mcdo.png') no-repeat -2px center;
    padding-left: 25px;
}

/* P en Paragraaf */
#content.page .col-70 div.campaign-header p.paragraaf,
#content.page .col-70 div.column1 p.paragraaf,
#content.page .col-70 div.column2 p.paragraaf,
#content.faq .col-70 p.paragraaf,
#content.text_page_mcdo .col-70 p.paragraaf,
#content.faq .col-70 p,
#content.text_page_mcdo .col-70 p {
    font: normal 1.5em/1.75em 'MuseoSlab300', Arial, sans-serif;
    color: #666666;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* LINK in P */
#content.page .col-70 div.campaign-header p.paragraaf a,
#content.page .col-70 div.column1 p.paragraaf a,
#content.page .col-70 div.column2 p.paragraaf a,
#content.faq .col-70 p.paragraaf a,
#content.text_page_mcdo .col-70 p.paragraaf a,
#content.faq .col-70 p a,
#content.text_page_mcdo .col-70 p a,
#content.service_restaurant div.tabcontent ul.option li p.paragraaf a {
    padding: 0px;
    color: #004812;
    font: normal 1em/1em 'MuseoSlab300', Arial, sans-serif;
}

/* UL */
#content.page .col-70 div.campaign-header ul li,
#content.page .col-70 div.column1 ul li,
#content.page .col-70 div.column2 ul li,
#content.page .col-70 div.campaign-header ul,
#content.page .col-70 div.column1 ul,
#content.page .col-70 div.column2 ul,
#content.faq ul.arcordion li.views-row div ul,
#content.text_page_mcdo .col-70 ul {
    list-style: disc;
    padding-left: 15px;
    color: #666666;
    font: normal 1.5em/1.75em 'MuseoSlab300', Arial, sans-serif;
    padding-top: 0.9em;
}

/* OL */
#content.page .col-70 div.campaign-header ol,
#content.page .col-70 div.column1 ol,
#content.page .col-70 div.column2 ol,
#content.faq ul.accordion li.views-row div ol,
#content.text_page_mcdo .col-70 ol {
    list-style: decimal;
    padding-left: 15px;
    color: #666666;
    font: normal 1.5em/1.75em 'MuseoSlab300', Arial, sans-serif;
    padding-top: 0.9em;
}

/* LI */
#content.page .col-70 div.campaign-header ul li,
#content.page .col-70 div.column1 ul li,
#content.page .col-70 div.column2 ul li,
#content.page .col-70 div.campaign-header ol li,
#content.page .col-70 div.column1 ol li,
#content.page .col-70 div.column2 ol li,
#content.faq ul.accordion li.views-row div ul li,
#content.faq ul.accordion li.views-row div ol li,
#content.text_page_mcdo .col-70 li {
    margin-bottom: 6px;
    font: normal 1.0em/2.0em 'MuseoSlab300', Arial, sans-serif;
    color: #666666;
}
#content.page .col-70 div.campaign-header ul li,
#content.page .col-70 div.column1 ul li,
#content.page .col-70 div.column2 ul li,
#content.page .col-70 div.campaign-header ol li,
#content.page .col-70 div.column1 ol li,
#content.page .col-70 div.column2 ol li,
.cke_show_borders li,
#content.faq ul.accordion li.views-row div ul li,
#content.faq ul.accordion li.views-row div ol li {
    margin-left: 20px;
}

/* Reset size P in LI */
#content.page .col-70 div.campaign-header li > p,
#content.page .col-70 div.column1 li > p,
#content.page .col-70 div.column2 li > p,
#content.faq ul.accordion li.views-row ul div li > p,
#content.text_page_mcdo .col-70 li > p, {
    font: normal 1.0em/1.0em 'MuseoSlab300', Arial, sans-serif;
}

#content.page .col-70 div.campaign-header ul li a,
#content.page .col-70 div.column1 ul li a,
#content.page .col-70 div.column2 ul li a,
#content.text_page_mcdo .col-70 ul li a {
    font: normal1.0em/2.0em 'MuseoSlab300', Arial, sans-serif;
    color: #004812;
    list-style: none;
    list-style-type: none;
    background: url('../image/bullet-mcdo.png') no-repeat -2px center;
    padding-left: 25px;
    line-height: 2.3em;
}

/* reset for history slide years */
#content.history .col-70 ul.result li h2.large {
    font-size:  5.3em;
}
#content.page.history .col-70 ul li h3 {
    font-size: 1.05em;
    font-family: 'MuseoSlab900';
    color:  #7b7b7b;
    padding-bottom: 1em;
    border-bottom: 0;
}
#content.page.history .col-70 ul li p.paragraaf {
    font: 1.2em/1.5em 'MuseoSlab300', Arial, sans-serif;
    color: #666666;
    line-height: 1.8em;
}

/** Einde Editor styles */

aside .col-26 {
    margin-top: 3.82%;
}
/*CAMPAIGNPAGES*/
.campaign iframe{
    width: 300px;
}
.campaign-header{
    clear: both;
    margin-bottom: 1.5em;
    width: 648px;
}
.campaign-header p img{
    width: 100%;
}
.wrapper .column1{
    float: left;
    width: 300px;
}
.wrapper .column2{
    float: left;
    margin-left: 20px;
    width: 320px;

}

#content.restaurant #keuze-modal {
    left: 12%;
}

.ie8 .box-search {
    width: 454px;
    margin-right:20px;
    padding-top: 81px;
    padding-bottom: 81px;
}

.ie8 .box-commercial {
    width: 454px !important;
    /*padding-left: 2em !important*/;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie8 .box-commercial .commercial-video {
    width: 454px;
}

.ie8 .box-search .button {
    top: 138px;
}

.ie8 .questions ul {
    width:968px;
}

.ie8 .questions ul li {
    width: 296px;
}

.ie8 .questions ul li .header h1 {
    font-size:2.4em;
}