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

.site {
    width: 					708px;
    /*background-color: red;*/
}


/* Header */

header[role=banner] form {
    position: 				absolute;
    right: 					0;
    top: 					83px;
    margin-top: 			0;
}

header[role=banner] aside.connect {
    right: 					205px;
}

header[role=banner] nav ul li section.secondary div.middle section {
    width: 					100%;
    border-right: 			0;
    float: 					none;
}
header[role=banner] nav ul li section.secondary div.middle section ul.lft,
header[role=banner] nav ul li section.secondary div.middle section ul.rgt {
    width: 					49%;
}
header[role=banner] nav ul li section.secondary div.middle section ul li {
    height: 				48px;
    padding-top: 			32px;
    line-height: 			24px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li.doubleLine {
    padding-top: 			18px;
    height: 				54px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li a {
    font-size: 				1.8em;
}
header[role=banner] nav ul li section.secondary div.middle section ul li a img {
    margin-top: 			-26px;
}

header[role=banner] nav ul li section.secondary div.middle aside {
    width: 					100%;
    float: 					none;
    margin-top: 			25px;
    clear: 					both;
}
html.ie7 header[role=banner] nav ul li section.secondary div.middle aside { margin-top: 0; padding-bottom: 31px; }
header[role=banner] nav ul li section.secondary div.middle aside ul {
    overflow: 				hidden;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li {
    width: 					33%;
    float: 					left;
    clear: 					none;
    padding: 				0;
    margin-bottom: 			29px;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li a {
    padding-right: 			20px;
    font-size: 				2.4em;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li img {
    display: 				none;
}

/* Main Page Header */

section[role=main] header.page {
    padding-top: 			48px;
}
section[role=main] header.page h1,
section[role=main] header.page h1.head-wide,
section[role=main] header.page h2,
section[role=main] header.page h2.head-wide {
    width: 					100%;
    font-size: 				6em;
    padding-bottom: 		0;
    padding-top: 			10px;
}
section[role=main] header.page h1.head-wide,
section[role=main] header.page h2.head-wide { font: normal 4.5em/1.1em 'MuseoSlab900', Arial, sans-serif;}
section[role=main] header.page aside,
section[role=main] header.page aside.smaller {
    clear: 					both;
    width: 					100%;
    padding-top: 			10px;
    padding-bottom: 		20px;
}
section[role=main] header.page aside p {
}
section[role=main] header.page aside p em {
    font-size: 				1.3em;
    display: 				inline;
    padding-right: 			6px;
}
section[role=main] header.page aside p a {
    font-size: 				1.4em;
    display: 				inline;
}
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: 0; }

section[role=main] header.page aside.full div.social { overflow: hidden; margin-bottom: 20px; }


/* Pushbox Small */

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

#pushbox-small div.nav ul.buttons li {
  /*width: 127px;*/
  display: inline;
}

#pushbox-small div.nav ul.buttons li a {
  padding: 0 14px;
}


/* Allergenes */

#content.allergenes section.filter div.col-result {
    width: 					71%;
}
#content .allergenes .viewport {
    width: 					553px;
}
#content .allergenes .products-wrapper .product-list-wrapper .product-list {
    width: 					183px;
}
#content .allergenes .products-wrapper .product-list-wrapper .product-list ul.products li {
    min-height: 			105px;
}

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


#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 {
    width:					48.09%;
    float: 					left;
}

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


/* Products */

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

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

/* Product */

#content.product .info {
    width: 					52%;
}

#content.product .info h3 {
    font-size: 				16em;
}

#content.product_evian h1,
#content.product_evian h2 {
    font-size: 				10em;
}


/* Sandwichs */

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

#content.sandwichs ul.products li {
    height: 				160px;
}
#content.sandwichs ul.products li a {
    height: 				170px;
    padding-top: 			10px;
}
#content.sandwichs ul.products li h4 {
    font-size: 				1.5em;
}

#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: 			#4e3521;
}
#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: 			#553a24;
}
#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: 			#5c3e27;
}
#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: 			#63432a;
}


/* Content > Sub Page */

#content.sub_page .col-60 {
    width: 					auto !important;
    float: 					none;
    margin-left: 			6%;
}

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


/* Page Family */

#content.sub_page.page_family img.page-bg {
    width: 					auto;
    height: 				100%;
    left: 					auto;
    right: 					0;
}
html.ie7 #content.sub_page.page_family img.page-bg {
    height: 				110%;
}

#content.sub_page.page_family .col-45 { float: right; }


/* FAQ */

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

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


/* Recruitment */

#content.recruitment .col-70 h1,
#content.recruitment .col-70 h2 {
    font-size: 				4em;
}
#content.recruitment ul.list li h3 {
    font-size: 				2em;
}
#content.recruitment article div.text h3 {
    font-size: 				3em;
}
#content.recruitment article div.text h4 {
    font-size: 				1.6em;
}


/* Content > McCafe Page */

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

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


/* Content > Error Page */

#content.error header {
    width: 					600px;
    padding: 				140px 0;
}
#content.error header hgroup {
    padding-top: 			8%;
}
#content.error header hgroup h1,
#content.error header hgroup h2 {
    font-size: 				4.6em;
}
#content.error header hgroup h3 {
    font-size: 				2.1em;
}


/* Text Page */

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

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

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

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


/* Restaurant */

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

/* Viewer */

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

#content.design nav dl {
    width: 					415px;
}
#content.design nav dl dt {
    font-size: 				1.2em;
    width: 					160px;
}
#content.design nav dl dd {
    width: 					240px;
}
#content.design nav dl dd ul {
    width: 					210px;
}
#content.design nav dl dd a,
#content.design nav dl dd ul li a span {
    font-size: 				1.2em;
    /*padding: 				10px 6px;*/
}
#content.design nav dl dd ul li a span {
    padding: 				10px 0 6px;
}
#content.design nav dl dd ul li a p {
    font-size: 				.9em;
    padding-bottom: 		10px;
}


/* Content */
#content .block:nth-child(2),
#content .itm-02,
#content .employer { margin-right: 0; }
#content .findmcd { margin-right: 3.82%; }

#content .newsitem,
#content .findmcd,
#content .fbsocial,
#content .apps,
#content .employer,
#content .apps-small,
#content .findmcd-small,
#content .all-news-small,
#content .energy-small,
#content .mccafe-small,
#content .middle-link-small,
#content .corporate-small,
#content .news-small {
    width:					48.09%;
}
#content.site .news-small { width: 100%; }
#content .newsitem hgroup h3 {
    font-size: 				4em;
}
#content .newsitem hgroup h4 {
    font-size: 				1.7em;
}
#content .newsitem p {
    font-size: 				1.4em;
}

#content .findmcd div.wrapper div.content figure {
    width: 					108px;
}
#content .findmcd div.wrapper div.content h3 {
    font-size: 				2.8em;
}
#content .findmcd div.wrapper div.content hgroup h4 {
    font-size: 				1.4em;
}
#content .findmcd div.wrapper div.content p {
    font-size: 				1.2em;
}
#content .findmcd div.wrapper div.findjob p {
    display: 				block;
}
#content .findmcd div.wrapper div.findrestaurant {
    margin-bottom: 			14px;
}
#content .findmcd div.wrapper div.happymeal h3 { margin-top: 26px; }

#content .energy {
    width: 					100%;
}
#content .energy h3 {
    font-size: 				11.6em;
}
#content .energy p {
    font-size: 				2.3em;
}

#content .apps div.text h3 {
    font-size: 				1.6em;
}

#content .employer hgroup {
    margin-top: 			32%;
}
#content .employer hgroup h3 {
    font-size: 				4.6em;
}
#content .employer hgroup h4 {
    font-size: 				1.8em;
}
#content .employer p {
    font-size: 				1em;
}

#content .findmcd-small,
#content .apps-small,
#content .all-news-small,
#content .energy-small,
#content .mccafe-small,
#content .middle-link-small,
#content .corporate-small { float: left !important; margin-bottom: 7.64%; }

#content.faq .col-26 .findmcd-small,
#content.recruitment .col-26 .findmcd-small {
    clear: 					both;
}

#content .col-26 .energy-small,
#content .col-26 .apps-small,
#content .col-26 .news-small {
    clear: 					none;
    float: 					right !important;
}
#content .findmcd-small div.wrapper img,
#content .apps-small div.wrapper img { display: block; }

#content .apps-small h3 {
    font-size: 				1.8em;
    margin-top: 			48px;
}
#content .apps-small p { padding-top: 6px; }

#content .findmcd-small h3 {
    font-size: 				2.6em;
    padding-top: 			48px;
    padding-bottom: 		12px;
}

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

#content .energy-small.whiteborder { width: 100%; }
#content .energy-small .wrapper {
    padding-top: 			18px;
}
#content .energy-small img.bg { display: none; }
#content .energy-small img.bg-hor { display: block; }
#content .energy-small.whiteborder img.bg { display: block; }
#content .energy-small.whiteborder img.bg-hor { display: none; }

#content .energy-small .wrapper h3 {
    line-height: 			.8;
    margin-top: 			8px;
    font-size: 				10em;
}
#content .energy-small .wrapper h3 span {
    font-size: 				.27em;
}
#content .energy-small .wrapper hgroup h3 {
    font-size: 				8em;
    padding-top: 			20px;
}
#content .energy-small .wrapper h4 img { width: 60%; }
#content .energy-small .wrapper hgroup h4 img { width: 100%; }
#content .energy-small .wrapper p {
    font-size: 				1.6em;
    margin-bottom: 			0;
}
#content .energy-small.whiteborder .wrapper p { font-size: 1.5em; }

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

#content .news-small hgroup {
    padding-left: 			18px;
}
#content .news-small hgroup h3 {
    font-size: 				3em;
}
#content .news-small hgroup h4 {
    font-size: 				1.2em;
}
#content .news-small p {
    font-size: 				1.4em;
    padding-left: 			18px;
    padding-right: 			18px;
}

#content .happymeal-small .wrapper hgroup h3 {
    font-size: 				5.6em;
}
#content .happymeal-small .wrapper hgroup h4 {
    font-size: 				1.5em;
    left: 					6px;
    right: 					6px;
}
#content .happymeal-small .wrapper img.img-over {
    margin: 				-110px 0 0 -92px;
}

#content .middle-link-small.services { margin-bottom: 7.64%; }
#content .middle-link-small div.wrapper h3 {
    font-size: 				3.4em;
    margin-top: 			85px;
}
#content .middle-link-small.services div.wrapper h3 {
    margin-top: 			60px;
}
#content .middle-link-small.services div.wrapper p {
    font-size: 				1.2em;
    padding-left: 			24px;
    padding-top: 			10px;
}

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

#content .corporate-small .wrapper h3 {
    font-size: 				3.8em;
    padding-top: 			36%;
}

#content .middle-link-small.xsmall div.wrapper figure { display: block; }
#content .middle-link-small.xsmall div.wrapper h3 {
    margin-top: 			60px;
}

#content.page_mccafe div.findmcd-small,
#content.chiffres div.corporate-small,
#content.valeurs div.corporate-small,
#content.restaurant div.middle-link-small.xsmall,
#content.history div.corporate-small,
#content.service_restaurant div.middle-link-small,
#content.recent_products div.middle-link-small.xsmall { float: right !important; }
#content.chiffres div.apps-small,
#content.valeurs div.apps-small,
#content.restaurant div.news-small,
#content.history div.apps-small,
#content.service_restaurant div.news-small,
#content.recent_products div.middle-link-small {
    float: 					left !important;
}
#content.restaurant div.news-small { margin-bottom: 3.82%; }


/* Footer */

footer[role=contentinfo] > nav .block {
    width: 					31.33%;
    display: 				inline;
    float: 					left;
    margin-right: 			3%;
}
footer[role=contentinfo] > nav .third { margin-right: 0; }
footer[role=contentinfo] > nav .fourth { clear: both; }

footer[role=contentinfo] div.footer div p { font-size: 1em; }
footer[role=contentinfo] div.footer div p.lft { width: 58%; }
footer[role=contentinfo] div.footer div p.rgt { width: 42%; }

footer[role=contentinfo] div.header section { margin-left: -145px; }
/**
* STORELOCATOR
*/
#map_canvas{
    width: 640px;
    height: 480px;
    background: #ccc;
    float: left;
    margin-right: 20px;
    margin-bottom:10px;
}
#tabs{
    width: 640px;

    overflow: auto;
    margin: 0 0 0 0px;
    border: 1px solid #ccc;

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

/** 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;
    margin-left: 10px;
}

#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: normal 1.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;
}

/** Einde Editor styles */

#content.history div.slider-wrapper ul li {
    width: 121px;
}


#content .col-26 {
    margin-top: 3.82%;
}

/* Beeldbank */

div.beeldbank {
    width: 708px;
}

#content.text_page .col-70 ul.beeldbank-image li {
    padding-right: 8px;
}
/*CAMPAIGNPAGES*/
.campaign-header{
    clear: both;
    margin-bottom: 1.5em;
    width: 648px;
}
.campaign-header p img{
    width: 100%;
}
.wrapper .column1{
    float: left;
    width: 320px;
}
.wrapper .column2{
    float: left;
    width: 320px;
}


.ie8 .box-search {
    width:100%;
}

.ie8 body .section[role="main"] .header.page aside.box-commercial {
    float:left;
}

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

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