/* HTML */
html {
  	font-family: Arial, Helvetica, Verdana, sans-serif;
  	font-size: 62.5%;
  	font-weight: normal;
  	color: #4E0615;
	height: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: #F1BD67 url(../images/bg_home.jpg) no-repeat top center fixed;
}
html.about {background: #FFFFDD url('../images/bg_gradient.jpg') repeat-x top left fixed;}

body {height: 100%; margin: 0px auto;padding: 0px;}
body.home {background: url(../images/lines_home.gif) repeat-x top left scroll;}
body.page {background: url(../images/lines_page.gif) repeat-x top left scroll;}

* {margin: 0;padding: 0;}


h1, h2, h3 {font-family: Georgia, Times, serif; font-weight: normal; margin-bottom:15px;}
h1 {font-size:3.6em; color:#B71234;}
h2 {font-size:3.2em; color:#FFF;}
h3 {font-size:2.4em; color:#999999;}
h4 {font-size:1.2em; color:#B61030; font-weight: bold;}

span.kuyt-rood {color:#B71234;}

p {font-size: 1.2em; margin:0.5em 0; line-height: 1.5em;}
a {text-decoration:underline;color:#B71234;}
a:hover {text-decoration:none;color:#B71234;}

img {border-width:0px;margin:0px;padding:0px;}
img, div, a, input { behavior: url(http://www.patisseriekuyt.nl/css/iepngfix.htc) }

hr {border: 0;height: 1px;background-color: #D4D0BE;margin-top: 12px;}
input {font-size: 1.2em;padding: 1px 5px 0px 5px;}
ul {margin: 0px;padding: 0px;font-size: 1.2em;line-height: 1.7em;list-style-type: none;margin-bottom: 20px;}
li {background: url(../images/square.gif) no-repeat 0px 8px; padding-left: 12px;}


/* PAGE */

#container {
	position: relative;
	margin:0 auto; /* center, not in IE5 */
	width: 978px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	
	border-left: #FFF solid 1px;
	border-right: #FFF solid 1px;
	background: url(../images/lines_content.gif) repeat-y scroll top left;
}
body>#container {overflow: auto; /* Hide for: Netscape 4.x, Mac IE 4.01, Mac IE 4.5, Win IE 6 and lower */}




/* HEADER */

#header {height: 70px;}
#header-img {padding:14px 0px 0px 40px; display: inline; float:left;}



/* MAIN MENU */

#main-menu {
	display: inline;
	float: right;
	width: 713px;
	height: 37px;
	background-color:#FFF;
	font-weight: bold;
}

#main-menu ul, #service-menu ul {
	margin: 0;
	padding: 0px;
	list-style:none;
}

#main-menu li, #service-menu li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}

#main-menu ul li a {
	float: left;
	margin: 0;
	padding: 10px 20px 0 20px;
	color: #B71234;
	text-decoration: none;
	height: 27px;
	outline: none;
}
#main-menu ul li a.this {background-color:#4F0716;color: #FFF;}
#main-menu ul li a span {float:left; display:block;}
#main-menu ul li a:hover {background-color:#4F0716; color:#FFF; cursor:pointer;}





/* SERVICE MENU */

#service-menu {
	display: inline;
	float: right;
	width: 378px;
	height: 20px;
	margin-top: 14px;
	background-color:#B71234;
	font-weight: normal;
	font-size:9px;
}

#service-menu ul li a {
	float: left;
	margin: 0;
	padding: 1px 15px 0 15px;
	color: #FFF;
	text-decoration: none;
	height: 19px;
	outline: none;
}

#service-menu ul li a span { float:left; display:block;}
#service-menu ul li a:hover {background-color:#FFF; color:#B71234; cursor:pointer;}
#service-menu ul li a:hover span {background-color:#FFF; color:#B71234; cursor:pointer;}
#service-menu ul li.season { visibility:hidden; /* set to hidden when not needed */ }
#service-menu ul li a.this { background-color: #FFF; color: #B71234;}




/* CONTENT */

#content { padding: 1px 0px 5em 0px; /* bottom padding for footer */ }
#content img {display: inline; float:left;}
#content .block {
	display: inline;
	float: right;
	width: 379px;
	margin-top: 129px;
	height: auto;
	background-color:#FFF;
}
#content .block.wide {width: 579px;}
#content .block.wide2 {width: 669px;}

.column_1 {
	width: 289px;
	padding: 0px;
	float:left;
}
.column_2 {
	width: 339px;
	padding: 17px 20px 17px 20px;
	float:left;
}
.column_3 {
	width:539px;
	padding: 17px 20px 17px 20px;
	float:left;
}
.column_3.image {padding:0px; width: 579px;}

.special {
	position: absolute;
	background-image: url(../images/bg_special.png);
	text-align: center;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.special a, .special a:hover {color:#FFF; text-decoration:none;}

.special.kerst {
	top: 260px;
	right: 18px;
	width:120px;
	height:80px;
	padding: 40px 20px 40px 20px;
	cursor: hand; /* Show cursor hand for iepngfix */
	/* display: none;  Hide rest of the season */
}
.special.lunch {
	top: 250px;
	right: 370px;
	width: 120px;
	height: 100px;
	padding: 30px 20px 30px 20px;
	cursor: hand; /* Show cursor hand for iepngfix */
}

.brand-block {
	float: left;
	display: inline;
	margin-top: 30px;
	width: 210px;
}
.brand-block p {width: 325px;}

.deli-block {
	float: left;
	display: inline;
	margin: 20px 20px 0 0;
	width: 380px;
}
.deli-block-img {
	float: right;
	display: inline;
	margin-top: 30px;
	width: 130px;
}

.photo-gallery {margin: 20px 0; }
ul.photo-gallery li { display:inline; float:left; margin:0 10px 10px 0; padding:0px; }
ul.photo-gallery li a img {border:1px solid #FFF; }
ul.photo-gallery li a:hover img {border:1px solid #B71234; }


/* FOOTER */

#footer {
	position: absolute;
	bottom: 0; /* heel belangrijk */
	right: 0;
	width: 560px;
	height: 15px;
	text-align: right;
}
#footer .highlite {
	background-color:#FFF;
}

/* table */
table {
  	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	margin-right:15px;
	padding: 0px;
	align: left;
	text-align:left
	display: block;
}