@charset "utf-8";
/* CSS Document */
html{ overflow-y:scroll;}
p {
	padding-bottom:10px;
}

a img {
	border: none;
}

.bestel_nu_index  {
	float:left;
}

.bestel_nu  {
	float:right;
}

.prijs {
	float: right;
	width: 110px;
	display: block;
	padding-top:5px;
}

hr {
	color:#afbed3;
	background-color:#afbed3;
	height:1px;
	border:0;
	margin: 5px 0 5px 0;
}

body {
	background-image:url(img/Backgroundgradient.jpg); background-repeat:repeat-x;
	margin:0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; color:#1b2473;
}

#Container {
	background-image: url(img/Contentvlak.jpg); background-repeat:no-repeat;
	width:1066px;
	margin:0 auto;
}
	
#Header {
	height:222px; width:970px;
	margin: 0 0 0 47px;
}

#Header_top{
	height:51px; width:970px;
}

#Header_bottom{
	background-image: url(img/Foto_home.jpg);
	padding: 143px 0 0 0; width:970px;
	position: relative;
}

#keurmerk {
	background: url(img/Keurslager_logo.png) no-repeat;
	position: absolute;
	height: 82px;
	width: 69px;
	top: 55px;
	right: 11px;
	display: block;
	text-indent: -9999px;
}

/*//////////////////////////////////////////////////////////////////////*/
#barbecue #Header_bottom {
	background-image:url(img/Foto_barbecue.jpg);
}
#gourmet #Header_bottom {
	background-image:url(img/Foto_gourmet.jpg);
}
#wok1 #Header_bottom {
	background-image:url(img/Foto_wok2.jpg);
}
#wok2 #Header_bottom {
	background-image:url(img/Foto_wok1.jpg);
}
#buffet #Header_bottom {
	background-image:url(img/Foto_buffet.jpg);
}
#bestellen #Header_bottom {
	background-image:url(img/Foto_bestel.jpg);
}
#bestellen2 #Header_bottom {
	background-image:url(img/Foto_bestel2.jpg);
}
#contact #Header_bottom {
	background-image:url(img/Foto_contact.jpg);
}
#faq #Header_bottom {
	background-image:url(img/Foto_faq.jpg);
}
#tips #Header_bottom {
	background-image:url(img/Foto_tips.jpg);
}
/*//////////////////////////////////////////////////////////////////////*/

#Logo {
	margin:5px 0 0 0;
	background-image:url(img/Logo.jpg); background-repeat:no-repeat;
	height:43px; width:823px;
	float:left;
}

#Sub_top {
	margin:35px 0 0 0; height:14px;
	width:115px; float:left;
}

#Sub_top a{
	text-decoration:none;
	font-size:10px;
	color:#999999;
}

#Sub_top a:hover{
	text-decoration:none;
	font-size:10px;
	color:#f04a5a;
}

#Menu {
	background: transparent url(img/Menubalk.gif) no-repeat;
	height:28px; width: 767px; margin: 0 0 0 184px; padding: 0 0 0 19px;
}
	
#Content_left {
	margin: 39px 0 0 0;
	padding: 0 0 0 47px;
	width:184px; min-height:350px; float:left;
	font-size:11px;
}

#Content_left h1{
	font-size:13px;
	color:#f04a5a;
	font-weight:bold;
	margin: 0 0 10px 0;
}

#Content_left h2{
	font-size:13px;
	color:#f04a5a;
	font-weight:bold;
}

#Content_left h3{
	font-size:12px;
	color:#f04a5a;
	font-weight:normal;
	margin: 10px 0 10px 0;
	line-height: 12px;
}

#Content_left h4{
	font-size:12px;
	font-weight:normal;
}

#Content_left a:hover{
	text-decoration:underline;
	color:#f04a5a;
}

#Content_left a, a:visited, a:active{
	text-decoration:none;
	color:#f04a5a;
}

#Content_left ul,
#Content_left li {
	list-style:none;
	padding:0;
	margin:0;
}

#Content_left.arrows ul,
#Content_left.arrows li {
	list-style:circle;
	padding:0;
	margin:0;
}

#Content_left.arrows li {
	margin: 0 0 0 20px;
}

#Content_left.faq a{
	background: url(img/Pijl_Rood.gif) no-repeat left 3px;
	padding: 0 0 0 10px;
	text-decoration:none;
	display: block;
	color:#1b2473;
}

#Content_left.faq a:hover{
	text-decoration:underline;
	color:#f04a5a;
}

#Content_middle {
	width:601px; min-height:347px;
	background: #FFFFFF url(img/Schaduw_top.jpg) no-repeat;
	float:left;
}

#Text_middle {
	padding: 39px 59px 0 59px;
}

#Text_middle h1 {
	/* background: transparent url(img/banner_orders.jpg) no-repeat; */
	font-size:18px;
	color:#f04a5a;
	margin: 0 0 10px 0;
	/* padding: 90px 0 0 0;  */
}

#Text_middle h2 {
	font-size:13px;
	color:#f04a5a;
	font-weight:bold;
	margin: 0 0 10px 0;
}

#Text_middle h3 {
	font-size:12px;
	color:#f04a5a;
	font-weight:normal;
	padding: 0 0 0 0;
}

#Text_middle a:hover{
	text-decoration:underline;
	color:#f04a5a;
}

#Text_middle a, a:active, a:visited{
	text-decoration:none;
	color:#f04a5a;
}

#Text_middle ul {
	padding-left:17px
}

#Text_middle li {
	list-style:circle;
}

#Content_right {
	margin: 39px 0 0 0; width:184px; min-height:307px; float:left;
	display:block;
	font-size:11px;
}

#Content_right h2 {
	font-size:13px; color:#f04a5a; font-weight:bold;
	margin:0; padding:0;
}

#Content_right a {
	background: url(img/Pijl_Rood.gif) no-repeat left 3px;
	display: block;
	text-decoration:none;
	color:#1b2473;
	padding: 0 0 0 10px;
}

#Content_right .verder_btn a {
	background: url(img/Verder_btn.jpg) no-repeat;
	display: block;
	height: 24px;
	line-height: 24px;
	width: 180px;
	padding: 0 0 0 7px;
	margin: 10px 0 0 0;
	font-size:12px;
}

#Content_right ul {
	list-style: none;
}

#Content_right li {
	width: 100%;
}

#Content_right a:hover {
	text-decoration:underline;
	color:#f04a5a;
}

#Content_right ul,
#Content_right li {
	list-style:none;
	padding:0;
	margin:0;
}

#Footer {
	background: url(img/Footer.jpg) no-repeat;
	display: inline;
	width:970px; height:auto;
	margin: 0 0 0 47px; float: left;
	font-size:11px;
	color:#79a2b4;
}

#Footer_left {
	padding: 32px 0 0 258px;
	float:left;
}

#Footer_middle {
	padding: 32px 0 10px 118px;
	float:left;
}

#Footer_right {
	padding: 32px 0 0 118px;
	float:left;
}

#Footer ul {
	list-style:url(img/Pijl_Blauw.gif);
	padding:0px;
	margin:0px;
}

#Footer a {
	padding:0px;
	margin:0px;
	color:#79a2b4;
	text-decoration:none;
}

#Footer a:hover {
	list-style:url(img/Pijl_Blauw.gif);
	padding:0px;
	margin:0px;
	color:#79a2b4;
	text-decoration:underline;
}

a:visited, a:active, {
	text-decoration:none;
}

/* stickyfooter*/
html, body, #Container {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; 
}

#Footer, .push {
	height: 100px; 
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1%;
	margin: 0;
	display: block;
	width: 100%;
}

/* slider*/
#pakketten {
	padding: 0 0 0 59px;
}

#pakketten h1{
	font-size:18px;
	color:#f04a5a;
	margin: 0 0 10px 0;
}

#pakketten h2 {
	font-size:13px;
	color:#f04a5a;
	font-weight:bold;
	margin: 0 0 10px 0;
}

#pakketten a, a:active, a:visited {
	text-decoration:none;
	color:#f04a5a;
}

#pakketten a:hover {
	text-decoration:underline;
	color:#f04a5a;
}

#pakketten .pakket {
	background-color:#e3eef3;
	height:auto;
	width:434px;
	padding: 20px 10px 10px 40px;
}

#pakketten .pakket ul,
#pakketten .pakket li {
list-style:circle;
}

#pakketten h3 {
/* dicht */
	background: url(img/Balk_down.jpg) no-repeat;
	cursor: pointer;
	font-size:13px;
	height:18px;
	font-weight:normal;
	margin: 15px 0 0 0;
	padding: 0 0 0 20px;
	line-height: 18px;
}

#pakketten h4 {
/*open*/
	background: url(img/Balk_up.jpg) no-repeat;
	font-size:13px; color:#1b2473;
	font-weight:normal; padding: 0 0 0 20px;
}

#pakketten h4 {
/* dicht */
	background: url(img/Balk_down.jpg) no-repeat;
	cursor: pointer;
	font-size:13px;
	height:18px;
	font-weight:normal;
	margin: 15px 0 0 0;
	padding: 0 0 0 20px;
	line-height: 18px;
}

#pakketten h3.open {
/* open */
	background: url(img/Balk_up.jpg) no-repeat;
}

#pakketten h5 {
	background: url(img/Balk.png) no-repeat;
	font-size:13px;
	height:18px;
	font-weight:normal;
	margin: 15px 0 0 0;
	padding: 0 0 0 20px;
	line-height: 18px;
}

#pakketten h5.open {
/* open */
	background: url(img/Balk.png) no-repeat;
}

#faq #pakketten .pakket {
	background-color:#e3eef3;
	height:auto;
	width:454px;
	padding: 20px 10px 10px 20px;
}

#faq #pakketten .pakket ul{
	background-color:#e3eef3;
	height:auto;
	width:414px;
	padding: 0 10px 20px 20px;
}

#faq #pakketten .pakket li{
	background-color:#e3eef3;
}

#tips #pakketten .pakket {
	background-color:#e3eef3;
	height:auto;
	width:454px;
	padding: 20px 10px 10px 20px;
}

#tips #pakketten .pakket ul{
	background-color:#e3eef3;
	height:auto;
	width:414px;
	padding: 0 10px 20px 20px;
}

#tips #pakketten .pakket li{
	background-color:#e3eef3;
}

#pakketten .pakketstil {
	background-color:#e3eef3;
	height:auto;
	width:434px;
	padding: 20px 10px 10px 40px;
}


#pakketten h6 {
	font-size:10px; color:#1b2473;
	font-weight:normal;
}
/*/////////////////////////////////////////*/

.hide {
	display: none;
}

input.error {
	border: 1px solid #f04a5a;
}

label.error {
	display: block;
	clear: both;
	font-size:10px;
	font-style:italic;
	color:#f04a5a;
	padding: 5px 0 5px 0;
	margin: 0 0 0 110px;
}

.contactdetails label {
	padding: 0 10px 0 0;
}

.contactdetails label.title {
	display: block;
	width: 110px;
	float: left;
	padding: 0;
	line-height: 18px;
}

.contactdetails label.small {
	display: block;
	width: 26px;
	float: left;
	padding: 0 10px;
	line-height: 18px;
}

.contactdetails input.small {
	width: 50px;
	float: left;
}

.contactdetails input.medium {
	width: 175px;
	float: left;
}

.contactdetails input.large {
	width: 275px;
	float: left;
}

.contactdetails textarea {
	width: 275px;
	float: left;
}

.contactdetails p {
	margin: 0;
	padding: 0;
}

.contactdetails label.title,
.contactdetails label.small,
.contactdetails input.small,
.contactdetails input.medium,
.contactdetails input.large,
.contactdetails textarea {
	margin: 5px 0;
}

.contactdetails input.margin {
	margin: 0 0 0 110px;
}

label.error.hide {
	display: none;
}
tr.tableHeader {
	height:30px;
	vertical-align:bottom;
}
