/* --- MAIN.CSS - PepsiCo Benelux --- */
body, html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body, p, td, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	word-spacing: -0.1em;
	color: #264798;
}

body {
	font-size: 0.8em;
	line-height: 1.35em;
	background: url(../images/background.gif) #ffffff repeat-x left top;
}

h1, h2 {
	font-size: 1.4em;
	margin: 0;
}

h3 {
	font-size: 1.0em;
	margin: 0;
}

p {
	margin: 0 5px 17px;
}

form, ul, li {
	margin: 0;
	padding: 0;
}

.alignLeft {
	float: left;
	margin: 0 20px 0 5px;
}

.alignRight {
	float: right;
	margin: 0 5px 0 10px;
}

.verplicht {
	color: #008ed3;
}


/* --- SITE --- */

#site {
	height: 100%;
	margin: 0 auto;
	padding: 0;
}


/* --- siteTop --- */

#siteTop 
{
    display: block;
	height: 105px;
	margin: 0;
	padding: 0 10px 0 0;
	background: url(../images/background_globe.gif) #dfe0f0 no-repeat left bottom;
}

html>body #siteTop {
	height: auto;
	min-height: 105px;
}

#logo {
	display: block;
	float: left;
	margin: 13px 0 0 5px;
}

html>body #logo {
	margin: 13px 0 0 10px;
}

#topNavigatie {
	float: right;
	width: 470px;
}

#level_1 {
	float: right;
	width: 443px;
}

#level_2 {
	float: right;
	width: 470px;
	margin: 11px 0 0;
}

/* --- topMenu --- */

#topMenu 
{
    display: none;
}

/* --- exportSites --- */

#exportSites 
{
    display: none;
}

/* --- pulldownMenu --- */

#pulldownMenu 
{
    display: none;
}

/* --- tabMenu --- */

#tabMenu 
{
    display: none;
}


/* --- siteBody --- */

#siteBody {
	margin: 15px 0 0;
	padding: 0 10px;
}

/* --- siteBody: bodyLeft --- */

#bodyLeft 
{
    display: none;
}

/* --- siteBody: bodyCenter --- */

#bodyCenter {
	float: left;
	margin: 0;
	padding: 0 15px 6px;
}

#bodyCenter h1 {
	color: #008ed3;
	padding: 8px 3px 9px;
}

#bodyCenter h1 .subLevel {
	color: #264798;
}

/* --- siteBody: bodyCenter - breadcrumb --- */

#breadcrumb 
{
    display: none;
}

/* --- siteBody: bodyCenter - content --- */

#content {
	padding: 20px 0 0;
	border-top: 1px solid #aecae4;
}

.deelContent {
	padding: 10px 0 0;
	border-top: 1px solid #aecae4;
}

#content h1 {
	color: #264798;
	margin: -5px 5px 0;
	padding: 0 0 5px;
}

#content a .pijl {
	margin: 0 0 0 4px;
}

#content .datum {
	font-size: 0.85em;
	color: #008ed3;
	margin: 0;
	padding: 0;
}

html>body #content .datum {
	margin: 3px 0 -2px;
}

a.vorige {
	display:none;
}

a.volgende {
	display:none;
}

/* --- siteBody: bodyCenter - contentNieuws --- */

#contentNieuws {
	line-height: 1.0em;
	margin: -17px 0 0;
}

html>body #contentNieuws {
	line-height: 1.2em;
}

#contentNieuws li {
	padding: 4px 5px 8px;
	list-style-type: none;
	border-bottom: 1px solid #aecae4;
}

#contentNieuws li a:link, #contentNieuws li a:visited, #contentNieuws li a:hover, #contentNieuws li a:active {
	color: #264798;
	text-decoration: none;
}

#contentNieuws li a:hover, #contentNieuws li a:active {
	text-decoration: underline;
}

/* --- siteBody: bodyCenter - contentDownload --- */

#contentDownload {
	line-height: 1.0em;
	margin: 5px 0 15px;
	border-top: 1px solid #aecae4;
}

html>body #contentDownload {
	line-height: 1.2em;
}

#contentDownload li {
	padding: 8px 5px 9px;
	list-style-type: none;
	border-bottom: 1px solid #aecae4;
}

#contentDownload li a:link, #contentDownload li a:visited, #contentDownload li a:hover, #contentDownload li a:active {
	color: #264798;
	text-decoration: none;
}

#contentDownload li a:hover, #contentDownload li a:active {
	text-decoration: underline;
}

/* --- siteBody: bodyCenter - contentFaq --- */

#contentFaq {
	line-height: 1.3em;
	margin: 5px 0 15px;
	border-top: 1px solid #aecae4;
}

#contentFaq li.vraag {
	font-weight: bold;
	padding: 9px 5px 10px;
	list-style-type: none;
	border-bottom: 1px solid #aecae4;
}

#contentFaq li.jsHover {
	text-decoration: underline;
	cursor: pointer;
}

#contentFaq ul.antwoord {
	display: none;
	margin: 0;
}

#contentFaq li.unfold ul.antwoord {
	display: block;
}

#contentFaq ul.antwoord li {
	font-weight: normal;
	padding: 1px 0 0 16px;
	list-style-type: none;
	background: url(../images/ico_descendent.gif) transparent no-repeat 2px 5px;
}

/* --- siteBody: bodyCenter - contentVacatures --- */

#contentVacatures {
	line-height: 1.0em;
	margin: -20px 0 0;
	padding: 0;
}

#contentVacatures li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contentVacatures li h2 {
	font-size: 1.0em;
	margin: 10px 0 0;
	padding: 6px 7px 6px;
	background-color: #dfe0f0;
}

#contentVacatures li ul {
	margin: 0;
	padding: 0;
}

#contentVacatures li ul li {
	margin: 0;
	padding: 7px 3px 8px;
	background-color: #ffffff;
	border-bottom: 1px solid #aecae4;
}

#contentVacatures li a:link, #contentVacatures li a:visited, #contentVacatures li a:hover, #contentVacatures li a:active {
	color: #264798;
	text-decoration: none;
}

#contentVacatures li a:hover, #contentVacatures li a:active {
	text-decoration: underline;
}

/* --- siteBody: bodyCenter - vacature --- */

.vestiging {
	margin: -8px 0 17px;
	padding: 0;
	/*background-color: #ff0000;*/
}

.vestiging h2 {
	font-size: 1.0em;
	line-height: 1.25em;
	margin: 0;
	padding: 0 3px;
}

.vestiging p {
	margin: 0 3px;
}

#vacature {
	margin: 0;
	padding: 0;
}

#vacature dt {
	font-weight: bold;
	margin: 0;
	padding: 3px 7px 5px;
	background-color: #dfe0f0;
}

#vacature dd {
	line-height: 1.2em;
	margin: 0;
	padding: 10px 3px 26px;
}

a.solliciteer:link, a.solliciteer:visited, a.solliciteer:hover, a.solliciteer:active {
	display: block;
	font-weight: bold;
	letter-spacing: -0.1em;
	line-height: 1.0em;
	color: #ffffff;
	width: 154px;
	margin: -13px 0 10px 3px;
	padding: 5px 20px 6px 6px;
	background: url(../images/ico_pijl_wit_groot.gif) #008ed3 no-repeat 164px 6px;
	text-decoration: none;
}

html>body a.solliciteer:link, html>body a.solliciteer:visited, html>body a.solliciteer:hover, html>body a.solliciteer:active {
	letter-spacing: normal;
}

a.solliciteer:hover, a.solliciteer:active {
	background-color: #264798;
}

#bodyRight a.solliciteer:link, #bodyRight a.solliciteer:visited, #bodyRight a.solliciteer:hover, #bodyRight a.solliciteer:active {
	color: #ffffff;
	margin: -8px 0 10px;
}

#bodyRight a.solliciteer:hover, #bodyRight a.solliciteer:active {
	text-decoration: none;
}

#vacatureDatum {
	margin: 22px 0 15px;
	padding: 2px 2px 4px;
	border-style: solid none;
	border-width: 1px;
	border-color: #dfe0f0;
}

/* --- siteBody: bodyCenter - sollicitatieForm --- */

#sollicitatieForm {
	margin: 0 0 25px;
	padding: 0;
}

#sollicitatieForm .alignLeft, #sollicitatieForm .alignRight {
	margin: 0;
}

#sollicitatieForm div.vestiging {
	margin: 0 0 19px;
	padding: 0 10px;
	background-color: #e5ecf5;
	border-style: solid none;
	border-width: 1px;
	border-color: #88b2d8;
}

#sollicitatieForm div.vestiging h2 {
	display: block;
	margin: 8px 0;
	padding: 0;
}

#sollicitatieForm div.vestiging select {
	width: 440px;
	margin: 0 0 12px;
}

#sollicitatieForm table {
	margin: 0 0 19px;
	padding: 0;
	background-color: #e5ecf5;
	border-bottom: 1px solid #88b2d8;
}

#sollicitatieForm caption {
	font-weight: bold;
	text-align: left;
	padding: 1px 0 5px 10px;
	background-color: #ffffff;
	border-top: 1px solid #88b2d8;
}

#sollicitatieForm .caption {
	font-weight: bold;
	text-align: left;
	padding: 10px 0 5px 10px;
}

#sollicitatieForm table .formOpmerking {
	color: #008ed3;
	padding: 2px 10px;
}

#sollicitatieForm table#cvBrief .formOpmerking {
	color: #008ed3;
	margin: -11px 0 7px;
	padding: 2px 0;
}

#sollicitatieForm table .formOpmerking .referentie {
	color: #264798;
}

#sollicitatieForm .verplichtMelding {
	margin: 10px 0 13px;
}

#sollicitatieForm table td {
	line-height: 1.0em;
	padding: 0 10px;
}

#sollicitatieForm tr.bottom td {
	padding: 0 10px 14px;
}

#sollicitatieForm td.tussenkop {
	font-weight: bold;
	padding: 8px 10px 2px;
}

#sollicitatieForm label, #sollicitatieForm div.label {
	display: block;
	margin: 4px 0 2px;
}

#sollicitatieForm label.inline {
	display: inline;
	font-weight: bold;
}

#sollicitatieForm label.akkoord {
	display: inline;
	font-weight: bold;
	margin: 0 0 0 10px;
}

#sollicitatieForm td input, #sollicitatieForm td select {
	width: 206px;
	margin: 0;
	padding: 0;
}

#sollicitatieForm td select,
#sollicitatieForm td input#cv, #sollicitatieForm td input#motivatiebrief {
	width: 210px;
	margin: 0;
	padding: 0;
}

html>body #sollicitatieForm td input#cv, html>body #sollicitatieForm td input#motivatiebrief {
	width: 208px;
}

#sollicitatieForm td textarea {
	width: 434px;
}

#sollicitatieForm td input#via {
	display: block;
	width: 436px;
}

#sollicitatieForm td input#geslachtM, #sollicitatieForm td input#geslachtV,
#sollicitatieForm td input#diploma1J, #sollicitatieForm td input#diploma1N,
#sollicitatieForm td input#diploma2J, #sollicitatieForm td input#diploma2N,
#sollicitatieForm td input#akkoordJ, #sollicitatieForm td input#akkoordN {
	width: auto;
	margin: 0 0 0 -2px;
}

html>body #sollicitatieForm td input#geslachtM, html>body #sollicitatieForm td input#geslachtV,
html>body #sollicitatieForm td input#diploma1J, html>body #sollicitatieForm td input#diploma1N,
html>body #sollicitatieForm td input#diploma2J, html>body #sollicitatieForm td input#diploma2N,
html>body #sollicitatieForm td input#akkoordJ, html>body #sollicitatieForm td input#akkoordN {
	margin: 0;
}

#sollicitatieForm td input#geslachtM,
#sollicitatieForm td input#diploma1J,
#sollicitatieForm td input#diploma2J {
	margin-right: 10px;
}

#sollicitatieForm td input#geboortedag, #sollicitatieForm td input#geboortemaand,
#sollicitatieForm td input#aanvangStudie1Dag, #sollicitatieForm td input#aanvangStudie1Maand,
#sollicitatieForm td input#eindeStudie1Dag, #sollicitatieForm td input#eindeStudie1Maand,
#sollicitatieForm td input#aanvangStudie2Dag, #sollicitatieForm td input#aanvangStudie2Maand,
#sollicitatieForm td input#eindeStudie2Dag, #sollicitatieForm td input#eindeStudie2Maand,
#sollicitatieForm td input#vanDag, #sollicitatieForm td input#vanMaand,
#sollicitatieForm td input#totDag, #sollicitatieForm td input#totMaand {
	width: 21px;
	margin: 0 -2px 0 0;
}

#sollicitatieForm td input#geboortejaar,
#sollicitatieForm td input#aanvangStudie1Jaar,
#sollicitatieForm td input#eindeStudie1Jaar,
#sollicitatieForm td input#aanvangStudie2Jaar,
#sollicitatieForm td input#eindeStudie2Jaar,
#sollicitatieForm td input#vanJaar,
#sollicitatieForm td input#totJaar {
	width: 44px;
	margin: 0;
}

            Page.Validate();
#sollicitatieForm td input#via {
	margin-bottom: 16px;
}

#sollicitatieForm td a#privacyLink:link, #sollicitatieForm td a#privacyLink:visited, #sollicitatieForm td a#privacyLink:hover, #sollicitatieForm td a#privacyLink:active {
	color: #264798;
	text-decoration: none;
	padding: 0 0 1px 12px;
	background: url(../images/ico_pijl_lblauw.gif) transparent no-repeat 1px 6px;
}

#sollicitatieForm td a#privacyLink:hover, #sollicitatieForm td a#privacyLink:active {
	text-decoration: underline;
}

#sollicitatieForm a#resetForm:link, #sollicitatieForm a#resetForm:visited, #sollicitatieForm a#resetForm:hover, #sollicitatieForm a#resetForm:active {
	float: left;
	color: #264798;
	text-decoration: none;
	padding: 0 0 0 12px;
	margin: -9px 0 0 10px;
	background: url(../images/ico_pijl_lblauw.gif) transparent no-repeat 1px 6px;
}

#sollicitatieForm a#resetForm:hover, #sollicitatieForm a#resetForm:active {
	text-decoration: underline;
}

#sollicitatieForm #solliciteer {
	float: right;
	margin: -4px 0 0;
}

#siteBody.sollicitatie #bodyRight #topSpacer {
	margin: 0 0 8px;
	border-bottom: 1px solid #132b66;
}


/* --- siteBody: bodyRight --- */

#bodyRight 
{
    display: none;
}


/* --- siteBody: home --- */

#siteBody.home #column_1 {
	float: left;
	width: 460px;
	margin: 0;
}

#siteBody.home #column_2 {
	float: left;
	width: 180px;
	margin: 0 0 0 15px;
}

#siteBody.home #column_3 {
	float: left;
	width: 180px;
	margin: 0 0 0 15px;
}

#siteBody.home .banner {
	position: relative;
}

#siteBody.home .banner .bannerText {
	position: absolute;
	color: #ffffff;
	margin: 0;
	overflow: auto;
}

#siteBody.home #column_1 .bannerText {
	left: 291px;
	top: 12px;
	width: 154px;
	height: 191px;
	padding: 0 15px 0 0;
}

#siteBody.home #column_2 .bannerText {
	left: 0px;
	top: 88px;
	width: 158px;
	height: 115px;
	padding: 0 11px;
}

#siteBody.home #column_3 .bannerText {
	left: 0px;
	top: 12px;
	width: 124px;
	height: 76px;
	padding: 0 45px 0 11px;
}

#siteBody.home .bannerText h2 {
	color: #ffffff;
}

#siteBody.home #column_2 .bannerText h2 {
	font-size: 1.0em;
	color: #f2d400;
	margin: 0 0 -2px;
}

#siteBody.home .bannerText p {
	line-height: 1.2em;
	color: #ffffff;
	margin: 6px 0 0;
	padding: 0;
}

#siteBody.home .bannerText a:link, #siteBody.home .bannerText a:visited, #siteBody.home .bannerText a:hover, #siteBody.home .bannerText a:active {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#siteBody.home .bannerText a:hover, #siteBody.home .bannerText a:active {
	text-decoration: underline;
}

#siteBody.home a img.pijl {
	margin: 0 0 0 4px;
}

#siteBody.home #column_3 .text {
	line-height: 1.2em;
	margin: 19px 0 0 11px; 
}

#siteBody.home #column_3 .text h2 {
	margin: 0 0 2px;
}

#siteBody.home #column_3 .text a:link, #siteBody.home #column_3 .text a:visited, #siteBody.home #column_3 .text a:hover, #siteBody.home #column_3 .text a:active {
	text-decoration: none;
	color: #264798;
}

#siteBody.home #column_3 .text a:hover, #siteBody.home #column_3 .text a:active {
	text-decoration: underline;
}


/* --- siteBody: Overzicht --- */

#siteBody.overzicht #bodyCenter {
	padding: 0 0 6px 15px;
}

#siteBody.overzicht .deelContent {
	clear: both;
	width: 100%;
}

#siteBody.overzicht .deelContent .afbeelding {
	float: left;
	width: 120px;
	margin: 0;
}

#siteBody.overzicht .deelContent .tekst {
	float: left;
	margin: 0;
	padding: 0 15px 0;
}

#siteBody.overzicht .deelContent .tekst h1 {
	color: #264798;
	padding: 7px 0 1px;
}

#siteBody.overzicht .deelContent .tekst p {
	margin: 0 0 17px;
}

#siteBody.overzicht .deelContent .subBoxRight {
	display: block;
	float: right;
	width: 168px;
	margin: 0 0 10px;
	padding: 4px 5px 9px;
	background: url(../images/background_block_verloop.gif) #ffffff repeat-x 0px 100%;
	border: 1px solid #aecae4;
}

#siteBody.overzicht .deelContent .subBoxRight ul {
	line-height: 1.2em;
}

#siteBody.overzicht .deelContent .subBoxRight li {
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(../images/ico_pijl_lblauw.gif) transparent no-repeat 1px 5px;
}

#siteBody.overzicht .deelContent .subBoxRight a:link, #siteBody.overzicht .deelContent .subBoxRight a:visited, #siteBody.overzicht .deelContent .subBoxRight a:hover, #siteBody.overzicht .deelContent .subBoxRight a:active {
	color: #264798;
	text-decoration: none;
}

#siteBody.overzicht .deelContent .subBoxRight a:hover, #siteBody.overzicht .deelContent .subBoxRight a:active {
	text-decoration: underline;
}


/* --- siteBody: Merk --- */

#siteBody.merkOverzicht #bodyCenter {
	padding: 0 0 6px 15px;
}

#siteBody.merkOverzicht #content {
	padding: 10px 0 0;
}

#siteBody.merkOverzicht #overzicht {
	margin: 0 1px 0 0;
}

#siteBody.merkOverzicht .laysColumn, #siteBody.merkOverzicht .pepsiColumn, #siteBody.merkOverzicht .quakerColumn {
	width: 200px;
	margin: 0;
	padding: 0;
}

#siteBody.merkOverzicht .pepsiColumn {
	padding: 0 27px;
}

#siteBody.merkOverzicht th img {
	border-bottom: 1px solid #ffffff;
}

#siteBody.merkOverzicht td#laysMerken {
	background-color: #db171b;
}

#siteBody.merkOverzicht td#pepsiMerken {
	background: url(../images/background_merkenoverzicht.gif) #4066ae repeat-y center top;
}

#siteBody.merkOverzicht td#quakerMerken {
	background-color: #d72f1c;
}

#siteBody.merkOverzicht #content ul {
	line-height: 1.5em;
	margin: 3px 10px 10px;
	padding: 0;
}

#siteBody.merkOverzicht #content ul li {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/ico_pijl_wit.gif) transparent no-repeat 0px 7px;
	list-style-type: none;
}

#siteBody.merkOverzicht ul.merken li a:link, #siteBody.merkOverzicht ul.merken li a:visited, #siteBody.merkOverzicht ul.merken li a:hover, #siteBody.merkOverzicht ul.merken li a:active {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#siteBody.merkOverzicht ul.merken li a:hover, #siteBody.merkOverzicht ul.merken li a:active {
	text-decoration: underline;
}

#siteBody.merkOverzicht .merkActies {
	margin: 10px 0;
	padding: 2px 9px 9px;
	background: url(../images/background_block_verloop.gif) #ffffff repeat-x left bottom;
	border: 1px solid #aecae4;
}

#siteBody.merkOverzicht #overzicht .merkActies ul {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}

#siteBody.merkOverzicht #overzicht .merkActies ul li {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/ico_pijl_lblauw.gif) transparent no-repeat 0px 5px;
	list-style-type: none;
}

#siteBody.merkOverzicht .merkActies li a:link, #siteBody.merkOverzicht .merkActies li a:visited, #siteBody.merkOverzicht .merkActies li a:hover, #siteBody.merkOverzicht .merkActies li a:active {
	color: #264798;
	text-decoration: none;
}

#siteBody.merkOverzicht .merkActies li a:hover, #siteBody.merkOverzicht .merkActies li a:active {
	text-decoration: underline;
}


/* --- siteBody: Merk --- */

#siteBody.merk #content {
	padding: 0;
	border-top-style: none;
}

#siteBody.merk #content p {
	margin: 0 5px 25px;
}

#siteBody.merk #content img.merk {
	margin: 0 0 8px;
}

#siteBody.merk #content .alignLeft {
	margin: 4px 20px 4px 0;
}

#siteBody.merk #content .alignRight {
	margin: 4px 0 4px 10px;
}

#siteBody.merk #content #miniGallery {
	padding: 0;
	margin: 0 0 20px;
}

#siteBody.merk #content #miniGallery img {
	display: block;
	float: left;
	margin: 0;
}

#siteBody.merk #content #miniGallery img.center {
	margin: 0 20px;
}

#siteBody.merk #bodyRight #topSpacer {
	margin: 0 0 8px;
	border-bottom: 1px solid #132b66;
}

#siteBody.merk #bodyRight h2 {
	padding: 5px 0 0;
	margin: 0 0 9px;
}

#siteBody.merk #bodyRight h2.eerste {
	padding: 0;
}

#siteBody.merk #bodyRight p {
	line-height: 1.2em;
	margin: 0 0 11px;
}

/* --- siteBody: Tests --- */

#siteBody.test #bodyCenter {
	padding: 0 0 6px 15px;
}

#siteBody.test #bodyCenter p {
	margin: 0 0 17px;
}

#siteBody.test #bodyCenter #content object {
	margin: 10px 0 7px;
}


/* --- siteBottom --- */

#siteBottom 
{
    display: none;
}

/* --- siteBody: footerMenu --- */

#footerMenu 
{
    display: none;
}