@charset "UTF-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

.clear {
	clear:both;
	float:none;
	display:block;
	overflow:hidden;
	width:100%;
}

body {
	line-height: 1;
}


html {
	min-height: 100%;
}
body {
	background:#f4f4f4;
	padding:0;
	margin:0;
}

.wrapper {
	width:980px;
	margin:0 auto;
	background:#fff;
}

#header, .category {
	width:100%;
	clear:both;
	padding:15px 0;
	z-index:102;
	position:relative;
	overflow:hidden;
	background:#cc1a46;
	margin-top:30px;
}

.category {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom:30px;
}

.category.promoties {
	background:url(../images/promoties.png) no-repeat 20px -5px #D8467E;
}


#logo {
	background:url("../images/logo.png") no-repeat;
	width:200px;
	height:129px;
	margin:0 auto;
}

#tagline {
	font-family: 'Raleway', sans-serif;
	font-weight:200;
	color:#fff;
	font-size:22px;
	display:block;
	float:right;
	padding-right:40px;
	padding-top:40px;
}

#hero {
	background:url(../images/header-dinner.jpg) no-repeat;
	width:100%;
	min-height:445px;
	z-index:1;
}

#hero
	h1 {
	font-family: 'Raleway', sans-serif;
	font-size:4em;
	line-height:1em;
	font-weight:200;
	display:block;
	padding:40px;
	width:46%;
	min-height:320px;
	background:rgba(255,255,255,0.5);
	}

#hero
	h1 span {
	color:#cc1a46;
	}

h4 {margin:20px 0;}

p {
	font-size:12px;
	font-weight:normal;
	line-height:20px;
}

#content {
	width:920px;
	padding:30px;
}



.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    padding-bottom: 25px;
    visibility: hidden;
}

ul.products-list {
    float: left;
    margin: 0;
    padding: 0;
}

.products-list li.item {
    position: relative;
}
.products-list .item {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 20px !important;
    overflow: hidden;
    padding: 0 15px 15px;
}


.products-list .product-image {
    float: left;
    padding-left: 0;
	border:1px solid #bfbfbf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px;
	margin-right:20px;
	width:300px;
	height:300px;
}


.products-list .product-image
	img {
		width:300px;
		height:300px;
		border:0;
}

.products-list .product-shop {
    float: right;
    margin-left: 15px;
    text-align: left;
    width: 468px;
}

.products-list .item a {
    font-weight: 400;
}

h2.product-name a {
	font-family: 'Raleway', sans-serif;
}

#contact p, label, legend { font: 14px "Raleway", sans-serif; }

#contact h1 { font-size: 24px; color: #8b8b8b; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; margin: 0; }

#contactform {}

/* Form style */

#contact label { color:#555;font: 14px "Raleway", sans-serif;display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 14px; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:14px "Droid", Arial, sans-serif; webkit-border-radius:5px;float:left; }
#contact input[type="text"] {border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid #000!important;background:#fff!important;padding:2px!important;font: 12px 300 "Raleway", sans-serif;}
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { margin-right:20px;text-transform:uppercase;padding:15px 40px;cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset {}
#contact legend {font: 14px/20px "Raleway", sans-serif;color:#000; margin-bottom:20px; }
#contact input.error {background:#ffb3c5!important;color:#fff!important;border-bottom:0px!important;}

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#contact label.error {
	margin-left: 10px;
	width: auto;
	float:left;
	color:#F03;
}

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #CC1A46 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#fff;border: 1px solid #D8467E; font: 14px "Raleway", sans-serif;  }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

#success_page p {
	font: 14px/20px "Raleway", sans-serif;color:#000; margin-bottom:20px; 
}

acronym { border-bottom:1px dotted #ccc; }

/* FIELDS */

#housenumber {
	width:70px!important;
}

#zipcode {
	width:70px!important;
}

#zipcode2, #housenumberadd {
	width:30px!important;
}

#dhr, #mevr {
	width:30px!important;
}

#contactform span {
	color:#555;font: 14px "Raleway", sans-serif;float:left;
}

/* FIELDS */