/* kookfabriek.nl */
BODY, HTML { height: 100%; }
Body { background-color: #000000; margin: 0px 0px 0px 0px; overflow: hidden; }
* { font-family: Verdana, Helvetica, Geneva, sans-serif; color: #000000; font-size: 8pt; }
Img { border-width: 0px; }
Small { font-size: smaller!important; letter-spacing: -1px; }
H1 { font-size: 11pt; text-transform: uppercase; letter-spacing: 0.2em; color: #000000; display: block; margin-top: 0px; margin-bottom: 20px; padding: 0px 0px 0px 0px; font-weight: normal; }
H2 { font-size: 8pt; text-transform: uppercase; letter-spacing: 0.1em; color: #000000; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; }
FORM { padding: 0px; margin: 0px; }
UL { list-style: none; margin: 0; padding: 0; }
LI { background: url(/img/icon_arrows.png) 0px 7px no-repeat; text-decoration: none; display: block; padding: 0 0 0 15px; margin: 0; list-style: none; }
A, A:link, A:visited, A:hover, A:active { color: #000000; text-decoration: underline; cursor: pointer ; }
/* Layouts */
#SiteFade { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 100; }
#SiteFade IMG { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50, style=0); -moz-opacity: 0.5; khtml-opacity: 0.5; opacity: 0.5; }
/* BASE CONTAINER */
#SiteContainer { position: relative; width: 1000px; height: 590px; background-color: #3f3f3f; text-align: left; }
/* LOGO'S */
#HomeLogoExpats { }
#LogoKookPrint { position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; overflow: hidden; display: none; }
#LogoKookfabriek { position: absolute; left: 40px; top: 39px; width: 400px; height: 55px; overflow: hidden; }
#Payoff { position: absolute; left: 464px; top: 45px; width: auto; height: auto; overflow: hidden; }
/* MAIN MENU - LOCATIONS (GRAY) */
#MenuLoca { position: absolute; left: 40px; top: 103px; width: 370px; height: 27px; overflow: visible; z-index: 150; }
#MenuLoca A.MainMenu, #MenuLoca SPAN.MainMenu { background-color: #3f3f3f; padding-left: 0px; padding-right: 22px; padding-top: 7px; padding-bottom: 7px; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; }
#MenuLoca A.MainMenu:hover { color: #787878; }
/* MAIN MENU */
#MenuMain { position: absolute; left: 425px; top: 103px; width: 575px; height: 27px; overflow: visible; z-index: 140; }
#MenuMain A.MainMenu, #MenuMain SPAN.MainMenu { background-color: #000000; padding-left: 11px; padding-right: 11px; padding-top: 7px; padding-bottom: 7px; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; }
#MenuMain A.MainMenu:hover { color: #787878; }
/* LAYOUT: HOME FLASH HOLDER */
#HomeFlash { position: absolute; left: 40px; top: 152px; width: 920px; height: 400px; overflow: hidden; }
#Home1Box { position: absolute; left: 0px; top: 0px; width: 317px; height: 98px; overflow: hidden; cursor: pointer; }
#Home2Box { position: absolute; left: 0px; top: 99px; width: 317px; height: 194px; overflow: hidden; cursor: pointer; }
#Home3Box { position: absolute; left: 0px; top: 294px; width: 317px; height: 106px; overflow: hidden; cursor: pointer; }
#Home4Box { position: absolute; left: 318px; top: 0px; width: 285px; height: 66px; overflow: hidden; cursor: pointer; }
#Home5Box { position: absolute; left: 318px; top: 67px; width: 285px; height: 149px; overflow: hidden; cursor: pointer; }
#Home6Box { position: absolute; left: 318px; top: 217px; width: 285px; height: 183px; overflow: hidden; cursor: pointer; }
#Home7Box { position: absolute; left: 604px; top: 0px; width: 316px; height: 132px; overflow: hidden; cursor: pointer; }
#Home8Box { position: absolute; left: 604px; top: 133px; width: 316px; height: 211px; overflow: hidden; cursor: pointer; }
#Home9Box { position: absolute; left: 604px; top: 345px; width: 316px; height: 55px; overflow: hidden; cursor: pointer; }
.HomeBoxTitle { position: absolute; left: 11px; top: 8px; width: auto; height: auto; color: #878787; letter-spacing: 2px; margin: 0px; padding: 0px; ss}
#HomeBoxNews { position: absolute; left: 328px; top: 100px; width: 265px; height: 100px; overflow: hidden; }
#HomeAgenda { position: absolute; left: 328px; top: 250px; width: 265px; height: 140px; overflow: hidden; }
#HomeBoxNews *, #HomeAgenda * { font-weight: bold; color: #000000!important; font-size: 8pt; letter-spacing: -0.1em; line-height: 175%; }
.BoxFade { background-color: #000000; width: 100%; height: 100%; }
#Home1Line { position: absolute; left: 0px; top: 98px; width: 317px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Home2Line { position: absolute; left: 0px; top: 293px; width: 317px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Home3Line { position: absolute; left: 318px; top: 66px; width: 285px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Home4Line { position: absolute; left: 318px; top: 216px; width: 285px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Home5Line { position: absolute; left: 604px; top: 132px; width: 316px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Home6Line { position: absolute; left: 604px; top: 344px; width: 316px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Home7Line { position: absolute; left: 317px; top: 0px; width: 1px; height: 400px; overflow: hidden; background-color: #3f3f3f; }
#Home8Line { position: absolute; left: 603px; top: 0px; width: 1px; height: 400px; overflow: hidden; background-color: #3f3f3f; }
/* LAYOUT: FLASH CONTENT */
#ContentFlash { position: absolute; left: 40px; top: 152px; width: 175px; height: 400px; overflow: hidden; }
#Content1Box { position: absolute; left: 0px; top: 0px; width: 88px; height: 101px; overflow: hidden; cursor: pointer; }
#Content2Box { position: absolute; left: 0px; top: 102px; width: 88px; height: 96px; overflow: hidden; cursor: pointer; }
#Content3Box { position: absolute; left: 0px; top: 199px; width: 88px; height: 97px; overflow: hidden; cursor: pointer; }
#Content4Box { position: absolute; left: 0px; top: 297px; width: 88px; height: 103px; overflow: hidden; cursor: pointer; }
#Content5Box { position: absolute; left: 89px; top: 0px; width: 86px; height: 101px; overflow: hidden; cursor: pointer; }
#Content6Box { position: absolute; left: 89px; top: 102px; width: 86px; height: 96px; overflow: hidden; cursor: pointer; }
#Content7Box { position: absolute; left: 89px; top: 199px; width: 86px; height: 97px; overflow: hidden; cursor: pointer; }
#Content8Box { position: absolute; left: 89px; top: 297px; width: 86px; height: 56px; overflow: hidden; cursor: pointer; }
#Content9Box { position: absolute; left: 89px; top: 354px; width: 86px; height: 49px; overflow: hidden; cursor: pointer; }
.ContentBoxTitle { position: absolute; left: 7px; top: 9px; width: 80px; height: auto; color: #878787; margin: 0px; padding: 0px; font-size: 9px; }
#Content1Line { position: absolute; left: 0px; top: 101px; width: 175px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Content2Line { position: absolute; left: 0px; top: 198px; width: 175px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Content3Line { position: absolute; left: 0px; top: 296px; width: 175px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Content4Line { position: absolute; left: 89px; top: 353px; width: 86px; height: 1px; overflow: hidden; background-color: #3f3f3f; }
#Content5Line { position: absolute; left: 88px; top: 0px; width: 1px; height: 400px; overflow: hidden; background-color: #3f3f3f; }
/* LAYOUT: HOME LANGUAGE */
#LanguageSwitch { position: absolute; left: 40px; top: 563px; width: 455px; height: 16px; overflow: hidden; z-index: 1; }
#LanguageSwitch A, #LanguageSwitch SPAN { color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; }
#LanguageSwitch A:hover { color: #787878; }
/* LAYOUT: FOOTER */
#FooterFolder { position: absolute; left: 460px; top: 563px; width: 500px; height: 16px; overflow: hidden; z-index: 1; text-align: right; }
#FooterFolder A { margin-left: 25px; color: #ffffff; text-decoration: none; font-size: 11px; font-weight: bold; }
#FooterFolder A:hover { color: #787878; }
#FooterFolder IMG { padding: 0; margin: 0; }
/* LAYOUT: NAV PATH 2 */
#NavigateBackPath { position: absolute; left: 40px; top: 563px; width: 655px; height: 16px; overflow: hidden; z-index: 1; white-space: nowrap; }
#NavigateBackPath, #NavigateBackPath A { color: #787878; text-decoration: none; font-size: 11px; font-weight: bold; }
#NavigateBackPath SPAN { color: #787878; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 5px; margin-right: 5px; }
#NavigateBackPath A:hover { color: #ffffff; }
/* LAYOUT: CONTENT ERROR HOLDER */
#ContentError { position: absolute; left: 40px; top: 152px; width: 920px; height: 400px; overflow: hidden; background-color: #ffffff; text-align: left; }
#ContentText { position: absolute; left: 215px; top: 152px; /* width: 745px; */ /* height: 400px; */ overflow: hidden; background-color: #ffffff; }
#ContentScroll { position:absolute; left: 20px; top: 0px; /* width: 705px; */ height: auto; padding-left: 0px; padding-right: 0px; padding-top: 25px; padding-bottom: 15px; margin: 0px 0px 0px 0px; text-align: left; }
/* Content Font Style */
#ContentScroll *, #ContentScroll *:hover, #ContentScroll *:visited, #ContentScroll *:active, #ContentScroll *:link { line-height: 135%; color: #000000; }
/* fix */
#ContentScroll TD P { padding: 0px; margin: 0px; }
#ScrollbarBorder { position: absolute; /* left: 940px; */ top: 152px; width: 20px; /* height: 400px; */ overflow: hidden; background-color: #000000; z-index: 20; }
#ScrollbarContainer { position: absolute; left: 2px; top: 2px; width: 16px; /* height: 396px; */ overflow: hidden; background-color: #3f3f3f; z-index: 21; }
#Scrollbar { position: relative; left: 0px; top: 0px; width: 16px; /* height: 396px; *//* hoogte schuifbalk = 40 */ overflow: hidden; border-width: 0px; background-color: #ffffff; z-index: 22; }
#ContentSideImage { position: absolute; left: 810px; top: 152px; width: 150px; height: 400px; overflow: hidden; }
/* LAYOUT: PHOTO GALLERY */
#GalleryContainer { position: absolute; left: 216px; top: 472px; width: 744px; height: 80px; overflow: hidden; background-color: #000000; }
#ArrLeft { position: absolute; left: 0px; top: 0px; width: 50px; height: 80px; overflow: hidden; }
#GalleryThumbsContainer { position: absolute; left: 50px; top: 0px; width: 644px; height: 80px; overflow: hidden; clip:rect(0 644 80 0); background-color: #000000; BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(/img/loading.gif); BACKGROUND-REPEAT: no-repeat; }
#GalleryThumbs { position: absolute; left: 0px; top: 0px; width: auto; height: 80px; }
#GalleryThumbs IMG { border-width: 0px; height: 50px; /* width: auto; */ margin-right: 12px; margin-top: 15px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75, style=0); -moz-opacity: 0.75; khtml-opacity: 0.75; opacity: 0.75; }
#ArrRight { position: absolute; left: 694px; top: 0px; width: 50px; height: 80px; overflow: hidden; }
#GalleryImageContainer { position: absolute; left: 0px; top: 100px;/* fixed top */ width: 0px; height: 420px;/* fixed height ( \imageheight + imageheader)*/ overflow: hidden; background-color: #000000; BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(/img/loading.gif); BACKGROUND-REPEAT: no-repeat; text-align: center; z-index: 999; }
#GalleryImageHeader { position: relative; width: 100%; height: 20px; overflow: hidden; background-color: #000000; text-align: right; }
#GalleryImageHeader A { color: #ffffff; font-size: 7pt; text-decoration: none; }
#GalleryImageLarge IMG { /* width: auto; */ height: 400px; border-width: 0px; }
#GalleryImageFooter { color: #ffffff; font-size: 7pt; text-decoration: none; text-align: left; margin-top: -15px; height: 15px; font-weight: bold; display: block; background-color: #3f3f3f; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75, style=0); -moz-opacity: 0.75; khtml-opacity: 0.75; opacity: 0.75; }
#GalleryImageFooter A, #GalleryImageFooter SPAN, #GalleryImageFooter TD, #GalleryImageFooter * { color: #ffffff; font-size: 7pt; text-decoration: none; height: 15px; font-weight: bold; }
/* FORM ELEMENTS */
.FormText { border: 1px solid #808080; width: 200px; }
.FormSelect { border: 1px solid #808080; width: 205px; }
.FormCheckbox { border: 1px solid #808080; margin: 0px; padding: 0px; }
.FormTextarea { border: 1px solid #808080; width: 450px; height: 75px; }
.FormLabelSpacer { width: 240px; height: 5px; overflow: hidden; }
.FormButton { border: 1px solid #000000; background-color: #808080; color: #000000; font-weight: bold; }
.FormError { color: #FF0000!important; }
/* GOOGLE MAPS */
.MapDirections { }
.MapDirections TH { text-align: left; border-bottom: 1px solid #000000; }
/* Others */
.BoldSelected { font-weight: bold; }
/* MENU GENERAL*/
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;overflow:hidden;}
.qmmc {position:relative;}
.qmmc a, .qmmc span {float:left;display:block;white-space:nowrap;}
.qmmc div a {float:none;}
.qmmc div {visibility:hidden;position:absolute;}
/* Add-On Core Code (Remove when not using any add-on's) */
.qmfv{visibility:visible !important;}
.qmfh{visibility:hidden !important;}
/*"""""""" (MAIN) Container """"""""*/
#qm0, #qm1 { background-color: transparent; white-space: nowrap; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
/*"""""""" (MAIN) Items """"""""*/
#qm0 a, #qm1 a { white-space: nowrap; }
/*"""""""" (MAIN) Hover State """"""""*/
#qm0 a:hover, #qm1 a:hover { white-space: nowrap; }
/*"""""""" (MAIN) Active State """"""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover, body #qm1 .qmactive, body #qm1 .qmactive:hover { }
/*"""""""" (MAIN) Parent Items """"""""*/
#qm0 .qmparent, #qm1 .qmparent { /* background-image: url(/img/menu_arrow.gif); */ background-repeat: no-repeat; background-position: 100%; }
/*"""""""" [SUB] Containers """"""""*/
#qm0 div, #qm1 div { background-color: #666666; }
/*"""""""" [SUB] Items """"""""*/
#qm0 div a, #qm1 div a { color: #000000; text-decoration: none; padding-left: 10px; padding-right: 25px; line-height: 150%; border-bottom: 1px solid #6e6e6e; }
/*"""""""" [SUB] Hover State """"""""*/
#qm0 div a:hover, #qm1 div a:hover { text-decoration: none; color: #ffffff; background-color: transparent; }
/*""""""""[SUB] Active State """"""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover, body #qm1 div .qmactive, body #qm1 div .qmactive:hover { }
/*"""""""" [SUB] Parent Items """"""""*/
#qm0 div .qmparent, #qm1 div .qmparent { background-image:url(/img/menu_arrow.gif);
}
/*"""""""" [SUB SUB] Containers """"""""*/
#qm0 div div, #qm1 div div { background-color: #969696; margin-left: -5px; margin-top: 5px; }
/*"""""""" [SUB SUB]] Items """"""""*/
#qm0 div div a, #qm1 div div a { color: #000000; text-decoration: none; padding-left: 10px; padding-right: 25px; line-height: 150%; border-bottom: 1px solid #6e6e6e; }
/*"""""""" [SUB SUB]] Hover State """"""""*/
#qm0 div div a:hover, #qm1 div div a:hover {text-decoration: none; color: #ffffff; }
/*""""""""[SUB SUB]] Active State """"""""*/
body #qm0 div div .qmactive, body #qm0 div div .qmactive:hover, body #qm1 div div .qmactive, body #qm1 div div .qmactive:hover { background-color: transparent; }
/*"""""""" [SUB SUB]] Parent Items """"""""*/
#qm0 div div .qmparent, #qm1 div div .qmparent { background-image:url(/img/menu_arrow.gif); }
/* RESERVEERING POPUP */
#ReserveerDiv { background-color: #ffffff; margin: 0px; padding: 0px; }
H3 { font-size: 10pt; margin: 0px; padding: 0px;}
#ReserveerTable TH { text-align: left; }
#ReserveerTable TD { padding-left: 25px; }
#ReserveerTable TD TD { padding-left: 0px;}
#ErrorMsg { position: relative; border: 1px solid red; padding: 5px; margin: 15px 5px 15px 5px;}
#ErrorMsg * { color: red; }
#CustomerNameId { width: 200px; }
#CustomerAddressId { width: 200px; }
#CustomerZipcodeId { width: 60px; }
#CustomerCityId { width: 200px; }
#CustomerPhoneId { width: 200px; }
#CustomerEmailId { width: 200px; }
#SeatsId { width: 30px; }
#TotalPriceId { width: 200px; border: 1px transparent solid; }
#PaymentMethodId { width: 200px; }
#AnswerId { width: 200px; }
#SentButtonId { border: 0px solid transparent; background-color: transparent; font-weight: bold; text-decoration: underline; padding: 0px; margin: 0px; width: 160px; cursor: hand;}
#SentTdId { border-top: 1px solid #000000; text-align: right; }
.HrAnswers { border-bottom: 1px solid #000000; }
.SelectAnswers { width: 200px; }
.InputAnswers { width: 200px; }
.TextareaAnswers { width: 500px; height: 50px; }
/* SITE MAP V9.1 */
div.sitemap_holder { float: left; width: 300px; margin-right: 10px; margin-left: 20px; }
p.sitemap_header { font-weight: bold; margin: 20px 0 0 0; }
ul.sitemap_list { padding: 0 0 5px 10px; margin-left: 0px; margin-top: 0px; }
ul.sitemap_list ul { padding-right: 0; padding-top: 5px; margin-top: 0px; margin-left: 10px; }
ul.sitemap_list li { background: transparent url(/img/icon_sm_hor_line.gif) left 13px no-repeat; border-left: 1px solid #dcdcdc; margin-bottom:-2px; margin-left: 1px; padding: 2px 0 2px 8px; }
ul.sitemap_list li a { color: #797979; }
ul.sitemap_list li li a { font-size: 10px!important; }
ul.sitemap_list li.sitemap_list_last { background: transparent url(/img/icon_sm_last_item.gif) left 2px no-repeat; border-left: none; padding-left: 8px; }
.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }