/*
	MERCL.COM 2006
	
			top - R - B - L
	padding:7px 20px 1px 1px;
	            color         image                        repeat  location
	background:transparent url(../../img/header_menu.jpg) no-repeat left top;
	
*/
/* tags */
body {background-color: #ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;color: #003399;}

table {margin-top:10px;border-collapse:collapse;}
body, html {padding:0; margin:0}
h1, h2, h3, h4 {color:#f60}
#wrapper {position:relative;width:820px;margin:0px auto;}

#foot {	clear:both;  background: transparent url(../../img/foot_deco_home.png) no-repeat top right; padding-top:66px;margin:20px 0 0 170px}
#foot hr { padding:0; margin:0;}
#foot h2 {height:27px;background:transparent url(../../img/kek_footer_po.png) no-repeat;border-top:solid 1px #999}
#foot h2 span {display:none}

#header {position:absolute;top:0;left:0}
#header h1 {}
#header h1 a {display:block;background:transparent url(../../img/kek_logo.png) no-repeat;height:194px; width:170px}
#header h1 a span {display:none;}

#heading {background:transparent url(../../img/top_deco.png) no-repeat left bottom; height: 137px;width:650px; position:absolute;left:170px; top:15px}

a:link, a:visited {	color:#F60;	text-decoration:underline;}
a:hover {	color:#666;	text-decoration:none;}
 /*chaged above color from #66 to #666 */

.cl {	clear:both;}
.MainContent {float:left;width:305px;}


#content {font-family:Verdana, Geneva, sans-serif;font-size:11px;color:#666;line-height:16px;padding:148px 0 0 0; margin:0 0 0 170px;}
/* Changed font --> font-famliy and size --> font-size  in above set #content*/
#content p {	padding:0px 20px 10px 0px; }
#content h3 {display:block;	line-height:25px;background:transparent  url(../../img/menu_bul_orange.png) no-repeat left 7px;padding:5px 0px 0px 28px;margin-top:10px;font-size:14px;	margin:25px 0 10px 0}
#content h3 span {display:block;font-size:11px;padding:5px 0 4px 0;margin:0; line-height:11px}

/* diner page */
#wrapper.diner #content h1 {background:transparent url(../../img/header_menu.jpg) no-repeat left top;width:350px; height:57px;padding:0;margin:0;}
#wrapper.diner #content h2 span, #wrapper.diner #content h1 span {display:none}
#wrapper.diner #content h2  {background:transparent url(../../img/header_sub_diner.jpg) no-repeat left top; width:305px; height:44px;padding:0;margin:0;}
#wrapper.diner #content p {color:#f60; font-weight:bold}
#wrapper.diner table tr th {line-height:20px;width:400px;text-align:left;	color:#666;font-weight:normal; vertical-align:top; padding:0;margin:0}
#wrapper.diner table tr td {line-height:20px;color:#999;vertical-align:top; padding-left:100px}


/*lunch content */
#wrapper.lunch #content h1 {background:transparent url(../../img/header_menu.jpg) no-repeat left top;width:350px; height:57px;padding:0;margin:0;}
#wrapper.lunch #content h2 span, #wrapper.lunch #content h1 span {display:none}
#wrapper.lunch #content h2  {background:transparent url(../../img/header_sub_lunch.jpg) no-repeat left top; width:305px; height:44px;padding:0;margin:0;}
#wrapper.lunch #content p {color:#f60; font-weight:bold}
#wrapper.lunch table tr th {line-height:20px;width:400px;text-align:left;	color:#666;font-weight:normal; vertical-align:top; padding:0;margin:0}
#wrapper.lunch table tr td {line-height:20px;color:#999;vertical-align:top; padding-left:100px}


/*drinks page */
#wrapper.dranken #content h1 {background:transparent url(../../img/header_menu.jpg) no-repeat left top;width:350px; height:57px;padding:0;margin:0;}
#wrapper.dranken #content h2 span, #wrapper.dranken #content h1 span {display:none}
#wrapper.dranken #content h2  {background:transparent url(../../img/header_sub_dranken.jpg) no-repeat left top; width:305px; height:44px;padding:0;margin:0;}
#wrapper.dranken #content p {color:#f60; font-weight:bold}
#wrapper.dranken table tr th {line-height:20px;width:500px;text-align:left;	color:#666;font-weight:normal; vertical-align:top; padding:0;margin:0 0 0 100px}
#wrapper.dranken table tr td {line-height:20px;color:#999;vertical-align:top; padding: 0 5px 0  0 }


/* home apage */
#wrapper.home #content {}
#wrapper.home #content #words{width:305px; float:left;}
#wrapper.home #content #pictures { }
#wrapper.home #content h1 {background:transparent url(../../img/welkom_header.gif) no-repeat left top;width:305px; height:57px;padding:0;margin:0;}
#wrapper.home #content h1 span, #wrapper.home #content h2 span {display:none}
#wrapper.home #content h2 {margin:0 ;padding:0; background:transparent url(../../img/kek_text_intro.gif) no-repeat left top;height:103px; width:305px}
#wrapper.home #content p strong {color:#f60; font-weight:bold}
#wrapper.home {}

/*contact page */
#wrapper.contact #content {background:transparent url(../../img/contact_5039.jpg) no-repeat right bottom; padding-right:350px;height:480px}
#wrapper.contact #content h1 {background:transparent url(../../img/ontdek_header.gif) no-repeat left top;width:350px; height:57px;padding:0;margin:0;}
#wrapper.contact #content h1 span {display:none}
#wrapper.contact #content h2  {margin:0 ;padding:0; color:#f60; font-size:11px}
#wrapper.contact #content p strong {color:#f60; font-weight:bold}
#wrapper.contact #content ul {padding:0;margin:0;color:#f60;list-style-type:none;font-weight:bold;}
#wrapper.contact #content ul li{padding:0;margin:0;}

/* menu */
#menu {position:absolute; left:5px; top:230px; width:120px; padding:0 80px 0 0;font-size:16px}
#menu ul {list-style-type:none; margin:0;padding:0}
#menu ul ul {padding:10px 0 20px 0}
#menu li span {border-bottom:solid 1px 	#F62817; padding:0 0 3px 0; display:block; width:100%; color:	#F62817}
#menu ul li a {border-bottom:solid 1px #f60; padding:0 0 3px 0; display:block;  color:#f60; text-decoration:none}
#menu ul li a:hover {color:#F62817;border-bottom:solid 1px	#F62817;}
#menu ul ul a {border-bottom:solid 1px #999; padding:1px 0 3px 10px; display:block;  color:#999; text-decoration:none}
#menu ul ul a:hover {color:#F62817;border-bottom:solid 1px #F62817;display:block; }
 

/* menu link select */
#wrapper.dranken #menu ul li ul li.dranken a {color:#F62817; border-bottom-color:#F62817;}
#wrapper.lunch #menu ul li ul li.lunch a {color:#F62817; border-bottom-color:#F62817;}
#wrapper.diner #menu ul li ul li.diner a {color:#F62817; border-bottom-color:#F62817;}
#wrapper.contact #menu ul li.contact a {color:#F62817; border-bottom-color:#F62817;}
#wrapper.home #menu ul li {margin-bottom:20px}
