body {
	background-color: #b31a1c;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	font-family: Arial, Helvetica, sans-serif;
}
/***** Layout ****************************************************************/
/*
 * Main page:
 * +--------------------------------------------------------------------------------+
 * | #logo                                                                          |
 * +--------------------------------------------------------------------------------+
 * +--------------------------------------------------------------------------------+
 * | #main                                                                          |
 * |+------------------------------------------------------------------------------+|
 * || #header                                                                      ||
 * || <h1 class="titledesign">                                                     ||
 * ||+----------------------------------------------------------------------------+||
 * ||| #headerimg                                                                 |||
 * ||+----------------------------------------------------------------------------+||
 * |+------------------------------------------------------------------------------+|
 * |+----------------------------------------------------------+ +-----------------+|
 * || #leftpart                                                | | #largecolumn    ||
 * ||+--------------------------+ +---------------------------+| |+---------------+||
 * ||| #leftcolumn .smallcolumn | | #rightcolumn .smallcolumn || || #bigimage     |||
 * ||| <h2 class="titledesign"> | | <h2 class="titledesign">  || ||               |||
 * |||+------------------------+| |+-------------------------+|| ||               |||
 * |||| #leftcontent .text     || || #rightcontent .text     ||| |+---------------+||
 * |||+------------------------+| ||+-----------------------+||| |+---------------+||
 * |||+------------------------+| ||| #eventi               |||| || #largecontent |||
 * |||| #sunday                || ||+-----------------------+||| ||               |||
 * |||+------------------------+| |+-------------------------+|| |+---------------+||
 * ||+--------------------------+ +---------------------------+| +-----------------+|
 * |+----------------------------------------------------------+ +-----------------+|
 * |+------------------------------------------------------------------------------+|
 * || #footer                                                                      ||
 * |+------------------------------------------------------------------------------+|
 * +--------------------------------------------------------------------------------+
 * 
 * Shop page:
 * +-------------------------------------------------------------+
 * | #logo                                                       |
 * +-------------------------------------------------------------+
 * +-------------------------------------------------------------+
 * | #main                                                       |
 * |+-----------------------------------------------------------+|
 * || #header                                                   ||
 * || <h1 class="titledesign">                                  ||
 * ||+---------------------------------------------------------+||
 * ||| #headerimg                                              |||
 * ||+---------------------------------------------------------+||
 * |+-----------------------------------------------------------+|
 * |+----------------------------+ +----------------------------+|
 * || #leftpart                  | | #largecolumn               ||
 * ||+--------------------------+| |+--------------------------+||
 * ||| <h2 class="titledesign"> || || #bigimage                |||
 * |||+------------------------+|| |+--------------------------+||
 * |||| #bothcontent .text     ||| |+--------------------------+||
 * ||||+----------------------+||| || <h3 class="titledesign"> |||
 * ||||| #offerte             |||| || #openinghours .text      |||
 * |||||                      |||| |+--------------------------+||
 * ||||+----------------------+||| |+--------------------------+||
 * |||+------------------------+|| || #sunday                  |||
 * ||+--------------------------+| |+--------------------------+||
 * |+----------------------------+ +----------------------------+|
 * |+-----------------------------------------------------------+|
 * || #footer                                                   ||
 * |+-----------------------------------------------------------+|
 * +-------------------------------------------------------------+
 * 
 * Whole page:
 * +----------------------------+
 * | #logo                      |
 * +----------------------------+
 * +----------------------------+
 * | #main                      |
 * |+--------------------------+|
 * || #header                  ||
 * || <h1 class="titledesign"> ||
 * ||+------------------------+||
 * ||| #headerimg             |||
 * ||+------------------------+||
 * |+--------------------------+|
 * |+--------------------------+|
 * || #wholepage               ||
 * |+--------------------------+|
 * |+--------------------------+|
 * || #footer                  ||
 * |+--------------------------+|
 * +----------------------------+
 */
/*
 * Logo.
 */
#logo {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 767px;
	height: 107px;
	z-index: 1000;
}
/* The logo image is positioned absolutly so it can overflow the main contents. */
#logo img {
	position: absolute;
	z-index: 1000;
	border: 0 none;
}
/*
 * The container for all the rest of the page.
 */
#main {
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	background-color: #ffffff;
	z-index: 0;
	/* Set bad size for IE 5 and 6 (includes padding and borders). */
	width: 787px;
   /* Close this stylesheet for IE 5 and 6. */
	voice-family: "\"}\"";
	/* Restore voice-family for all other browsers. */
	voice-family: inherit;
	/* Set correct size. */
	width: 767px;
}
/* Use CSS selectors to set the correct width for Opera 5. */
html>body #main {
	width: 767px;
}
/*
 * Header, the title and the big image.
 */
#header {
	border-top: 8px solid #e33916;
	border-bottom: 5px solid #aa0001;
	padding-top: 4px; 
	padding-bottom: 0px;
	margin-bottom: 4px; 
}
#email {
	float: right;
	border: 0;
	margin-top: 2px;
	margin-right: 10px;
}
/*
 * Left part (two small columns)
 */
#leftpart {
	float: left;
	width: 400px;
	padding-top: 0;
	padding-bottom: 4px;
	border-bottom: 5px solid #e33916;
}
/* The two small columns whithin the left part. */
#leftcolumn {
	width: 200px;
	float: left;
}
#rightcolumn {
	width: 200px;
	float: left;
}
/* The content of the two small columns. This doesn't include the title. */
#leftcontent {
	padding: 10px 13px 0 13px;
	height: 183px;
	/* Set bad size for IE 5 and 6 (includes padding and borders). */
	width: 195px;
    /* Close this stylesheet for IE 5 and 6. */
	voice-family: "\"}\"";
	/* Restore voice-family for all other browsers. */
	voice-family: inherit;
	/* Set correct size. */
	width: 169px;
}
/* Use CSS selectors to set the corretc width for Opera 5. */
html>body #leftcontent {
	width: 169px;
}
#rightcontent {
	height: 203px;
}
/* Content spread over both columns, making one large column. */
#bothcontent {
	height: 203px;
	overflow: auto;
}
/*
 * The large column on the right.
 */
#largecolumn {
	float: left;
	margin-top: 0;
	margin-left: 5px;
	padding-bottom: 4px;
	width: 362px;
	border-bottom: 5px solid #e33916;
}
/* The image with all shop logo's. */
#bigimage {
	margin: 0;
	padding-bottom: 4px;
}
#bigimage.shop {
   padding: 0;
	padding-bottom: 3px;
	border-bottom: 5px solid #e33916;
}
.imageslider {
	height: 231px;
	width: 361px;
	padding: 4px 0 4px 0;
	margin: 0;
	overflow: hidden;
}
.imageslider div {
	margin: 4px 3px 4px 3px;
}
.imageslider a {
	margin: 0;
	padding: 0;
}
.imageslider a img {
	margin: 0;
	padding: 0;
	border: 2px solid #AA0000;
	border-radius: 3px;
}
/* Opening hours below the image on the right side. */
#openinghours {
	height: 74px;
}
/* Small content under the who image. */
#largecontent {
	height: 29px;
}
/*
 * The sunday opening times.
 */
#sunday {
	margin: 0 0 0 0;
	padding: 2px 3px 2px 3px;
	background-color: #e33916;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;	
}
/* When used in the left column a special width must be applied. */
#leftcolumn #sunday {
	/* Set bad size for IE 5 and 6 (includes padding and borders). */
	width: 195px;
   /* Close this stylesheet for IE 5 and 6. */
	voice-family: "\"}\"";
	/* Restore voice-family for all other browsers. */
	voice-family: inherit;
	/* Set correct size. */
	width: 189px;
}
/* Use CSS selectors to set the correct width for Opera 5. */
html>body #leftcolumn #sunday {
	width: 189px;
}
#wholepage {
	padding: 0 0 2px 10px;
}
#wholepage img {
	border: 2px solid #aa0001;
	margin-top: 10px;
	margin-left: 8px;
}
/* Footer with contact information. */
#footer {
	position: static;
	margin-top: 3px;
	margin-bottom: 0;
	padding: 3px 0px 3px 0px;
	border-top: 5px solid #aa0001;
	border-bottom: 2px solid #e33916;
}
/***** Format ****************************************************************/
/* Header Styles. */
h1.titledesign, h2.titledesign, h3.titledesign {
	position: static;
	display: block;
	margin: 0;
	color: #ffffff;
	background-color: #e33916;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1.titledesign {
	padding: 7px 0 7px 20px;
	font-size: 12pt;
	font-weight: bold;
}
h2.titledesign {
	padding: 5px 0 5px 20px;
	font-size: 10pt;
}
h3.titledesign {
	width: 55%;
	margin: -10px 0 5px -13px;
	padding: 5px 0 5px 20px;
	background-color: #e8a394;
	font-size: 10pt;
}
h4 {
	margin-top: 5px;
	margin-bottom: 2px;
}
/* Remove padding and margins for all paragraphs. */
p {
	padding: 0;
	margin: 0;
}
/* By default links don't have any special formatting. */
a, a:hover, a:visited {
	text-decoration: none;
	border: 0 none;
}
/* Change table layout to something more artistisic. */
table th {
	font-weight: normal;
	text-align: right;
	padding: 0;
	margin: 0;
}
table td {
	border: 1px solid #e33916;
	text-align: center;
	padding: 0 2px 0 2px;
	margin: 0;
}
table p {
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
#leftcontent table {
	position: relative;
	left: -7px;
}
/* Format for frontpage news. */
.event {
}
/* Format for shop news. */
.news {
}
/* Format of all normal text in the page. */
.text {
	margin: 0;
	padding: 10px 13px 0 13px;
	background-color: #f4ccc4;
}
/* Adjustment for text in footer. */
#footer .text {
	padding-top: 0;
	color: #aa0001;
	font-size: 8pt;
}
/*
 * Some utility styles.
 */
.clear {
	clear: both;
}
/*
 * Apply clearfix class to any container element that has a float whithin and
 * that must contain this float entirely. In this way you don't need an extra
 * div with clear style at the end of the container.
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*
 * IE/MAC needs this to correctly enclose the floating element.
 * Note that the display property is reset to block in the code below which is
 * hidden from IE/MAC.
 */
.clearfix {display: inline-block;}
/*
 * IE < 7 wrongly enclose any floating element if the container has a height,
 * so here we use the same clearfix class to set the height of the container in
 * IE. We use * HTML to fool all other browsers.
 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */