/*
Filename: screen.css
Created: Cinnamon Interactive BV (DC).
Date: Fri Apr 23 15:43:42 CEST 2010

COLOR SCHEME: 
ORANGE: e8b500
ROZE: ac0068
GROEN: a3bf2b
WIJN: 5a0048

*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset*/

/* layout & typeography */ 
html,
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #FFF;
	font-size: 100%;
	text-align: left;
	font-family: "Calibri","Helvetica Neue",Arial,sans-serif;
	}
@font-face { font-family: "Museo 500"; font-style: normal; font-weight: normal;
src: url("fonts/Museo500-Regular.otf") format("opentype");
}


h1, h2, h3, /*#sublogo div.blok span,*/ blockquote {
	font-family: "Museo 500", "Calibri","Helvetica Neue",Arial,sans-serif;
	font-weight: normal;
	}
#sublogo div.blok span {
	position: absolute;
	left: -9999em;	
	}
#sublogo div.blok span { text-align: center; display: block; padding-left: 20px;}
#buiten {
	width: 100%; /*
	max-width:1016px;
	min-width:875px; */
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	}
#header #hoofdlogo {background: #5a0048 url("/img/headings/2010-header-algemeen.png") right top no-repeat; height: 118px; } 
#header #hoofdlogo a img { margin: 26px 0 0 50px; } 
#fotobalk { max-width: 100%; min-width:880px; height: 138px; background-color: #e8b601; }
#header #sublogo { width: 278px; position: absolute; top: 256px; left: 0; }

body.foods #header #hoofdlogo { background: #fff url("/img/headings/2010-header-foods.png") right top no-repeat; border-bottom: 0; } 

body.bakkerij #header #hoofdlogo { background: #fff url("/img/headings/2010-header-bakery.png") right top no-repeat; border-bottom: 0; }


#inhoud #hoofdinhoud .blok { margin-left: 312px; margin-top: 12px; width:48.2%;  line-height: 21pt; color: #5a0048; }
body.contact #inhoud #hoofdinhoud .blok { width: 72.3%; }
body.contact #inhoud #hoofdinhoud .blok .inleiding { width: 66%; }

#navigatie #secundair { position: absolute; top: 86px; left: 302px; letter-spacing: 0.025em; text-transform:uppercase;  }

#navigatie #secundair ul li { display: inline; padding: 0;  margin: 0; background: url("/img/deco/white-line.gif") right center no-repeat; }
body.foods #navigatie #secundair ul li, body.bakkerij #navigatie #secundair ul li { display: inline; padding: 0;  margin: 0; background: url("/img/deco/wine-line.gif") right center no-repeat; }
body.foods #navigatie #secundair ul li.last, body.bakkerij #navigatie #secundair ul li.last, #navigatie #secundair ul li.last {  border-right: none; background: none;} 
#navigatie #secundair a { font-size: 10pt; font-weight: bold; letter-spacing: .25em; color: #fff; text-decoration: none; padding: 0 12px 0 8px; margin: 0;  }
body.foods #navigatie #secundair ul li a, body.bakkerij #navigatie #secundair ul li a { color: #5a0048; }

h1, body.home #hoofdinhoud h2 { font-size: 1.36em; letter-spacing: 0.025em; padding-top:16px; padding-bottom: 14pt; }
body.bakkerij #header .summary a { color: #e8b601;}
body.foods #header .summary a { color: #a5bf2a;}
body.bakkerij #header .summary a.main-link, body.foods #header .summary a.main-link { color: #5a0048; font-weight: 700; }

#inhoud h2 { padding-top: 21pt;}
#inhoud a { color: #ac0068;}
#sublogo div.blok { font-size: 2em; padding: 0; margin: 0; width:276px !important; height: 78px;}
#sublogo div.blok span { margin: 0 auto; padding-top: 21pt; color: #fff; width:224px !important; height: 52px; display: block; text-align: center;  }
#chronologie table th { padding-right: 1em; }
.summary { width: 276px; text-align: right; padding-top: 21pt; line-height: 21pt; }
.summary ul { list-style-type:disc; }
.summary h2 { color: #5a0048; }
body.bakkerij .summary li, body.bakkerij .summary { color: #ac0068; }
body.foods .summary li, body.foods .summary { color: #a5bf2a; }
#sublogo div.home a {width:224px !important; height: 52px; display: block; text-decoration: none; }
#sublogo .bakery a { background: url("/img/nav/sm-bakery-1.gif") 35px 32px no-repeat; padding-left: 26px; } 
body.bakkerij #sublogo .bakery a { background: url("/img/nav/sm-bakery-2.gif") 35px 32px no-repeat; padding-left: 26px; }
#sublogo .foods a { background: url("/img/nav/sm-foods-1.gif") 35px 32px no-repeat; padding-left: 26px; } 
body.foods #sublogo .foods a { background: url("/img/nav/sm-foods-2.gif") 35px 32px no-repeat; padding-left: 26px; } 
#sublogo div.bakery.blok { background-color: #ac0068; }
#sublogo div.foods.blok { background-color: #a5bf2a; }
#sublogo div.historie.blok, #sublogo div.contact.blok, #sublogo div.nieuws.blok, #sublogo div.news.blok { background-color: #e8b601; }

#navigatie #secundair a:hover, #navigatie #secundair li.huidige a, h1, h2 { color: #e8b601; }
#inhoud .brands { padding: 8pt 0;}
#inhoud .brands img { padding-right: 14pt;}
.bedrijf .adres, body.contact div.bedrijf, body.nieuws div.item { padding-bottom: 1em; }
body.nieuws div.item h3 { letter-spacing: .025em; font-weight: 700;} 
body.nieuws div.item span.datum { font-size: .83em; text-transform:uppercase; } 
body.contact div.bedrijf h3 { letter-spacing: .025em; font-weight: 700;} 
div.summary { letter-spacing: .025em; font-weight: 700;}
div.summary h2 { padding-top: 1em; font-weight: bold;} 
body.foods #navigatie #secundair ul li#taal a, body.bakkerij #navigatie #secundair ul li#taal a, #secundair #taal a {color: #e75099;}
.bedrijf, .kolom-1, .kolom-2 { width: 320px; }
.kolom-1, .kolom-2 { float: left; }
blockquote { font-style:oblique; font-size: 1.33em; padding-bottom: 1em;}
#inhoud p { padding-bottom: 1em; }
.bedrijf { padding-left: 43px; }
.nl-orange { background: url("/img/logos/contact/hoofdkantoor-nl.png") left top no-repeat; }
.nl-roze{ background: url("/img/logos/contact/bakkerij-nl.png") left top no-repeat; }
.fr-roze{ background: url("/img/logos/contact/bakkerij-fr.png") left top no-repeat; }
.be-roze{ background: url("/img/logos/contact/bakkerij-be.png") left top no-repeat; }
.de-roze{ background: url("/img/logos/contact/bakkerij-de.png") left top no-repeat; }
.nl-groen { background: url("/img/logos/contact/foods-nl.png") left top no-repeat; }
.gb-groen { background: url("/img/logos/contact/foods-gb.png") left top no-repeat; }
body.nieuws div#nieuwsarchief tr .datum { padding-right: 10px; }
body.foods #binnen div.blok #inhoud {min-height: 945px;}
#inhoud #subinhoud .blok {margin-left: 312px; padding-bottom: 2em; }