h3 { font-size:16px; margin:0; } #restColScroll { width:192px; height:338px; overflow-y: scroll; scrollbar-arrow-color:#877368; scrollbar-track-color:#fff; scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#f2e9cb; scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#877368; } body { text-align: center; margin:0; padding:0; color: #4b3529; } p {} td {font-size:12px;} h1 { font-size:24px; } table.detailTable { margin:2px; border:1px solid blue; background-color: #ffffff; width:100%; font-size:12px; } .itertable { background-color: #f2e9cb; color: rgb(0, 0, 0); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border:1px solid; border-top-color:#b79a86; border-left-color:#b79a86; border-right-color:#643c26; border-bottom-color:#643c26; } .tableRowEven { background-color: #f8f3e3; } .tableIterRow { background-color: #c7bd9d; } .tableRowOdd { background-color: #FFFFFF; } .theadalt { background-color: #f8f3e3; color: #000000; } h2 { font-size:18px; } h4 { /* bestaat alleen in Rest pane als h1 font-weight:normal, links uitgelijnd */ font-size: 24px; font-weight:normal; } .horLine { font-size: 0px; /* workaround voor IE */ margin:1px 0 0 0; border:solid #272425; border-width: 1px 0 0 0; width:100%; } #page { width:802px; height: 100%; margin-left: auto; margin-right: auto; text-align: left; } #interface { width:802px; height:98%; /*600+38 ivm extra regel */ background-color: #fefcf6; color: #4b3529; /*def. kleur tekst*/ font: 12px arial; } #restCol { background-image: url('/resources/images/homepage/colBody.gif'); width:197px; } #restCol img { display:block; } #restCol p { padding: 0 10px; margin: 0 0 1em 0; display:block; } #restCol a, #restCol a.active, #restCol a.visited { text-decoration:underline; color: #4b3529; padding: 0 10px; display:block; } #restCol a:hover{ text-decoration:none; color: #988767; } #steps { position:absolute; top:0; left:204px; } .lineDown { width:10px; background-image: url('/resources/images/homepage/pix4B3529.gif'); background-repeat: repeat-y; } /* tops /////////////////////////////////////////////////////*/ #interface td.topsVisitor { vertical-align: top; height:155px; background: url('/resources/images/common/top_visi2.jpg') no-repeat top left; } #interface td.topsRest{ vertical-align: top; height:155px; background: url('/resources/images/common/top_visi2.jpg') no-repeat top left; } #topsLang { position:absolute; top:24px; left:27px; } /*naam vn het restaurant in topframe */ #topsName { position:absolute; top:56px; left:27px; color:#653b25; } #topsLang a, a.active, a.visited { color:#653b25; text-decoration: underline; } #topsLang a:hover{ color:#653b25; text-decoration: none; } #topsNav { position:absolute; top:117px; left:7px; font: bold 12px Arial; } #topsNav a, a.active, a.visited { text-decoration:none; color: #4b3529; padding: 0 3px; } #topsNav a:hover{ text-decoration:underline; color: #988767; } #topsNavRest { position:absolute; width:900px; top:117px; left:27px; font: normal 12px Arial; z-index: 400; } #topsNavRest a, a.active, a.visited { text-decoration:none; color: #4b3529; padding: 0 3px; } #topsNavRest a:hover{ text-decoration:underline; color: #988767; } /* middenstuk //////////////////////////////////////////////////*/ #interface td.leftMarge { width:10px; background: url('/resources/images/common/left_border.gif') repeat-y top left; } #interface .content { vertical-align: top; width:782px; height:100%; } #interface td.content { vertical-align: top; width:782px; height:100%; } #interface td.rightMarge { width:10px; background: url('/resources/images/common/right_border.gif') repeat-y top right; } #extContent { border:0px solid blue; position:absolute; top:1px; left:302px; width:482px; height:100%; } #extContentWide { border:0px solid blue; position:absolute; top:1px; left:302px; width:682px; height:100%; } #extContentWide #pane { width:690px; } #innerFrame { position:relative; top:0; left:0; width:482px; height:100%;/*412+38 ivm extra regel */ } #extContent2 { position:absolute; top:1px; left:12px; width:850px; height:100%;/*412+38 ivm extra regel */ } #extContent2 #paneTop h1 { margin:0; padding:0; /*border:1px dashed red;*/ } #extContent2 #paneTop span { position:absolute; width:auto; margin:0; font-size:12px; z-index:401; } #extContent2 #paneTop div { height:24px; position:absolute; z-index:401; text-align:left; } #extContent2 #paneTop { width:576px; height:36px; } #extContent2 #innerPane { width:726px; } #extContent2 #overlay { width:594px; } #extContent2 #pane { width:754px; } .overlay { position:absolute; top:1px; left:88px; width:600px; height:100%;/*412+38 ivm extra regel */ overflow:hidden; } #innerFrame2 { position:absolute; top:0; left:0; width:600px; height:450px;/*412+38 ivm extra regel */ } /* naw Rest (visitors side) /////////////////////////////////////////////////////////////////*/ #nawRest { position:absolute; width:290px; height:260px; top:-10px; left:30px; font-size: 11px; } #nawRest p { margin: 0 0 1px 0; } #nawRest h1 { margin:0; } #nawRest a, a.active, a.visited { color: #4b3529; } #nawRest a:hover { color: #988767; } #details { position:absolute; border:1px solid #b79a86; width:279px; height:100px; left:0px; padding:3px; } #details table { width:100%; font-size: 11px } #details table td { padding:1px; } /*#detailst a, a.active, a.visited { color: #4b3529; } #details a:hover { color: #988767; }*/ #details input.btn{ text-align: center; height:19px; cursor: pointer; color:#643c26; font: bold 12px Arial; background-color:#e7e3d6; border:1px solid; border-top-color:#b79a86; border-left-color:#b79a86; border-right-color:#643c26; border-bottom-color:#643c26; } /* frm mijn instellingen ////////////////////////////////////////*/ table.mijnInstellingen td { padding: 4px 0; } input { border:1px solid #766839; margin:2px 0 2px 5px; } input.personen_disabled { width:28px; border-width:0; background-color: transparent; color:#988767; text-align:left; } div.text_disabled { padding-left:4px; border-width:0; background-color: transparent; color:#988767; text-align:left; } .tip { color:#B79A86; font: normal italic 10px Arial; padding:4px; } select { border:1px solid #766839; margin:2px 0 2px 5px; } input.personen { width:28px; text-align:center; } input.radio { width:auto; border-width:0; margin-right:3px; } input.checkbox { width:auto; border-width:0; margin-right:3px; } label { margin-right:10px; } textarea.textarea, div textarea.textarea { width:270px; height:36px; margin:2px 0 2px 5px; border:1px solid #766839; } textarea.textareaLang { width:416px; height: 34px; margin:2px 0 2px 5px; border:1px solid #766839; } input.width200 { width:200px; border:1px solid #766839; } input.btn{ text-align: center; height:19px; cursor: pointer; color:#643c26; font: bold 12px Arial; background-color:#e7e3d6; border:1px solid; border-top-color:#b79a86; border-left-color:#b79a86; border-right-color:#643c26; border-bottom-color:#643c26; } table.couvInst { margin: 0 10px; font: 12px Arial; } table.couvInst td { text-align: center; padding:5px; background-color: #f8f3e3; } table.couvInst input.datum_disabled { color:#988767; width:100px; border-width:0; background-color: transparent; text-align:center; } /* footer ///////////////////////////////////////////////////////////////*/ #interface td.bottom { height:31px; background: url('/resources/images/common/bottom.gif') no-repeat top left; } #bottomNav { padding-top:8px; text-align: center; font-size: 11px; } #bottomNav a, a.active, a.visited { color: #4b3529; } #bottomNav a:hover { color: #988767; } /* calendar ///////////////////////////////////////////////////////////////*/ #cal { position:absolute; background-color: #f2e9cb; width:287px; height:302px; left:0px; } /* tab boven */ .tabUp { z-index: 400; position:absolute; top:-25px; left:30px; } .tabUp .tabBodyActive { background: url('/resources/images/calendar/tabUp_bodyActive.gif') repeat-x top left; text-align: center; width:124px; } .tabUp .tabBodyActive a { display:block; padding:5px 0; } .tabUp .tabBodyInActive { background: url('/resources/images/calendar/tabUp_bodyInActive.gif') repeat-x top left; text-align: center; width:124px; } /*.tabUp .tabBody { background: url('/resources/images/calendar/tabUp_body.gif') repeat-x top left; text-align: center; padding: 0 4px; width:100px; }*/ /* tab onder */ .tabDown { z-index: 400; position:absolute; top:293px; left:30px; } .tabDown .tabBodyActive { background: url('/resources/images/calendar/tabDown_bodyActive.gif') repeat-x top left; text-align: center; width:124px; } .tabDown .tabBodyActive a { display:block; padding:5px 0; } .tabDown .tabBodyInActive { background: url('/resources/images/calendar/tabDown_bodyInActive.gif') repeat-x top left; text-align: center; width:124px; } .tabActive { font: bold 12px Verdana; color:#643c26; text-decoration: none; } .tabInactive { font: bold 12px Verdana; color:#cbbcaa; text-decoration: none; padding: 2px 4px; } #calShellTopLeft { z-index: 200; position:absolute; top:0; left:0; height:22px; width:6px; background: url('/resources/images/calendar/cal_shell_topleft.gif') no-repeat top left; } #calShellTopRight { z-index: 200; position:absolute; top:0; right:-1px; height:22px; width:15px; background: url('/resources/images/calendar/cal_shell_topright.gif') no-repeat top left; } #calShellLeft { z-index: 100; position:absolute; top:0; left:0; height:298px; width:6px; background: url('/resources/images/calendar/cal_shell_left.gif') repeat-y top left; } #calShellRight { z-index: 100; position:absolute; top:0; right:-1px; height:298px; width:15px; background: url('/resources/images/calendar/cal_shell_right.gif') repeat-y top left; } #calShellBottomLeft { z-index: 200; position:absolute; top:289px; left:0; height:12px; width:9px; background: url('/resources/images/calendar/cal_shell_botleft.gif') no-repeat top left; } #calShellBottomRight { z-index: 200; position:absolute; top:289px; right:-1px; height:14px; width:15px; background: url('/resources/images/calendar/cal_shell_botright.gif') no-repeat top left; } #calShellBottom { z-index: 100; position:absolute; top:289px; left:0; height:14px; width:100%; background: url('/resources/images/calendar/cal_shell_bottom.gif') repeat-x top left; } #calShellTop { z-index: 100; position:absolute; top:0; left:0; height:5px; width:100%; background: url('/resources/images/calendar/cal_shell_top.gif') repeat-x top left; } #weekDays { z-index: 300; position:absolute; top:4px; left:6px; } #weekDays table td { width:37px; text-align: center; color:#643c26; } #month { z-index: 300; position:absolute; top:256px; left:6px; } #month table { width:267px; } .paneBottom { color:#643c26; height:24px; font: bold 24px Arial; border:0px solid #999; margin-top:2px; } #luDi { position:absolute; z-index:400; bottom:12px; right:15px; } .ludiActive { font: bold 12px Verdana; color:#00f; text-decoration: none; } .ludiInactive { font: bold 12px Verdana; color:#643c26; text-decoration: none; } table.calendar { position:absolute; z-index:300; top:25px; left:6px; background-color: #c7bd9d; } table.calendar td { height:37px; width:37px; font: bold 20px Arial; vertical-align: middle; } .dateContainer { position:relative; width:37px; height:25px; text-align:center; vertical-align: middle; margin:0; padding:6px 0; border: 0px dashed blue; /*background-color: #c7bd9d;*/ } /* helder rood */ .unselected div.full { position:absolute; top:1px; left:1px; width:35px; height:6px; z-index:100; background-color:#f30; font-size:1px; display:block; } /* helder rood */ .selected div.full { position:absolute; top:1px; left:1px; width:35px; height:6px; z-index:100; background-color:#f30; font-size:1px; display:block; } /* helder groen */ .unselected div.rsv { position:absolute; top:1px; left:1px; height:6px; z-index:100; background-color:#24c11c; font-size:1px; display:block; } /* helder groen */ .selected div.rsv { position:absolute; top:1px; left:1px; height:6px; z-index:100; background-color:#24c11c; font-size:1px; display:block; } /* vaag rood */ .greyedOut div.full { position:absolute; top:1px; left:1px; width:35px; height:6px; z-index:100; background-color:#fd9796; font-size:1px; display:block; } /* vaag groen */ .greyedOut div.rsv { position:absolute; top:1px; left:1px; height:6px; z-index:100; background-color:#a5e4a1; font-size:1px; display:block; } table.calendar td a { text-decoration: none; color: #643C26; padding: 3px 6px; } table.calendar td a.today { color:#00f; padding: 3px 5px; } table.calendar td div.today { color:#00f; } table.calendar td.unselected { background-image: url('/resources/images/calendar/bg_unselected.gif'); color: #643C26; } table.calendar td.greyedOut { background-image: url('/resources/images/calendar/bg_unselected.gif'); color:#999; } table.calendar td.greyedOut a { color:#999; } table.calendar td.selected { background-image: url('/resources/images/calendar/bg_selected.gif'); color:#00f; } table.calendar td.selected a { color:#00f; } table.calendar td.closed{ background-image: url('/resources/images/calendar/bg_closed.gif'); color:#666; } .daysopen { border:1px solid #999; background-color: #c7bd9d; } .daysopen td{ height: 35px; text-align: center; width:37px; padding:0px 0; margin:0px 0; } .closed{ background-image: url('/resources/images/calendar/bg_closed.gif'); color:#666; } .unselected { background-image: url('/resources/images/calendar/bg_unselected.gif'); color: #643C26; } /* extCont /////////////////////////////////////////////////////////////// */ /* #643c26 donkerbruin # 877368 iets lichter #c7bd9d rand table #f8f3e3 bg innerpane #f2e9cb buitenrand innerpane */ /* ////////////////////////////////////////////////////////// */ #pane { position:absolute; background-color: #f2e9cb; width:476px; height:448px; top:3px; left:3px; } #overlay { position:absolute; background-color: #f2e9cb; width:476px; height:448px; /* height is +38 nav extra regel calendar; */ top:3px; left:3px; } #pane h1, #pane h2, #pane h3, #pane h4, #pane p { padding-left:10px; padding-right:10px; } #pane h2 { margin-top:10px; } #pane h3 { font-size: 12px; } #pane p { color: #4b3529; /*def. kleur tekst*/ } #pane li { margin: 0 0 4px 0} #innerPane { position:absolute; z-index:400; background-color: #f8f3e3; border:1px solid #272425; width:457px; height:376px; /* height is +38 nav extra regel calendar; */ top:28px; left:5px; overflow: auto; scrollbar-arrow-color:#643c26; scrollbar-track-color:#f8f3e3; scrollbar-face-color:#f2e9cb; scrollbar-highlight-color:white; scrollbar-3dlight-color:#f2e9cb; scrollbar-darkshadow-color:#643c26; scrollbar-shadow-color:#877368; } #paneTop { position:absolute; z-index:400; } #paneBottom { position:absolute; z-index:500; width:98%; bottom:16px; text-align:center; } #paneTop h1 { /*border:1px solid blue;*/ text-align:center; margin:0; } #paneTop h4 { width:450px; position:absolute; top:3px; margin:0; } #paneBottom h1 { width:100%; margin:0;} #paneBottom h4 { width:440px; display:block; position:absolute; top:-25px; margin:0; } /* formulier elementen//////////////////////////////////////////////////*/ .errorMsg { border:1px solid red; padding:8px; margin:10px; color:red; font-weight:bold; } .errorExplenation { display:inline; padding:1px; margin:1px; color:red; font-weight:bold; } .errorInput200 { width:200px; border:1px solid red; } .errorLine { color:red; font-weight:bold; } #pane table.formulier { margin:10px; font: 12px arial; } #pane form { margin:0 0 0 10px; } #pane form table { font: 12px arial; } #pane input { border:1px solid #766839; margin:2px 0 2px 5px;;} #pane select { border:1px solid #766839; margin:2px 0 2px 5px; } #pane input.personen { width:24px; text-align:center; } #pane input.radio { width:auto; border-width:0; } #pane textarea.textarea { width:270px; height: 60px; margin:2px 0 2px 5px; border:1px solid #766839; font: 12px arial; } #pane input.width200 { width:200px; border:1px solid #766839; } #pane input.personen_disabled { width:24px; border-width:0; background-color: transparent; color:#988767; text-align:left; } #pane input.datum_disabled { color:#988767; width:100px; border-width:0; background-color: transparent; } #pane input.tijd_disabled { color:#988767; border-width:0; background-color: transparent; margin-left:0px; } #pane input.btn{ text-align: center; height:19px; cursor: pointer; color:#643c26; font: bold 12px Arial; background-color:#e7e3d6; border:1px solid; border-top-color:#b79a86; border-left-color:#b79a86; border-right-color:#643c26; border-bottom-color:#643c26; } #paneBottom input { display:inline; margin:0 3px; } #paneShellTopLeft { z-index: 200; position:absolute; top:0; left:0; height:22px; width:6px; background: url('/resources/images/calendar/cal_shell_topleft.gif') no-repeat top left; } #paneShellTopRight { z-index: 200; position:absolute; top:0; right:0; height:22px; width:15px; background: url('/resources/images/calendar/cal_shell_topright.gif') no-repeat top left; } #paneShellLeft { z-index: 100; position:absolute; top:0; left:0; height:100%; width:6px; background: url('/resources/images/calendar/cal_shell_left.gif') repeat-y top left; } #paneShellRight { z-index: 100; position:absolute; top:0; right:0; height:100%; width:15px; background: url('/resources/images/calendar/cal_shell_right.gif') repeat-y top left; } #paneShellTop { z-index: 100; position:absolute; top:0; left:0; height:5px; width:100%; background: url('/resources/images/calendar/cal_shell_top.gif') repeat-x top left; } #paneShellBottomLeft { z-index: 200; position:absolute; top:434px; left:0; height:12px; width:9px; background: url('/resources/images/calendar/cal_shell_botleft.gif') no-repeat top left; } #paneShellBottomRight { z-index: 200; position:absolute; top:434px; right:0; height:14px; width:15px; background: url('/resources/images/calendar/cal_shell_botright.gif') no-repeat top left; } #paneShellBottom { z-index: 100; position:absolute; top:434px; left:0; height:14px; width:100%; background: url('/resources/images/calendar/cal_shell_bottom.gif') repeat-x top left; } .paneBottom { color:#643c26; height:24px; font: bold 24px Arial; border:0px solid #999; margin-top:2px; } /* These are the less height ones */ #paneShellBottomLeftLower { z-index: 200; position:absolute; top:402px; left:0; height:12px; width:9px; background: url('/resources/images/calendar/cal_shell_botleft.gif') no-repeat top left; } #paneShellBottomRightLower { z-index: 200; position:absolute; top:402px; right:0; height:14px; width:15px; background: url('/resources/images/calendar/cal_shell_botright.gif') no-repeat top left; } #paneShellBottomLower { z-index: 100; position:absolute; top:402px; left:0; height:14px; width:100%; background: url('/resources/images/calendar/cal_shell_bottom.gif') repeat-x top left; } .paneBottomLower { color:#643c26; height:24px; font: bold 24px Arial; border:0px solid #999; margin-top:2px; } /* specifiek Restaurant /////////////////////////////////////////*/ /* tafeleoverzicht */ table.tafels { margin: 0 10px; font: 12px Arial; width:400px; } table.tafels td { text-align: center; padding:5px; } table.tafels a.linkTable, table.tafels a:visited.linkTable, table.tafels a:active.linkTable { color:white; text-decoration: none; font-weight:bold; } a.linkTable div { background-color:#24c11c; height:36px; width:100px; cursor:pointer; border:2px solid green; } table.tafels a:hover.linkTable { color:yellow; } table.tafels a.linkTableSel, table.tafels a:visited.linkTableSel, table.tafels a:active.linkTableSel { color:white; text-decoration: none; font-weight:bold; } table.tafels a:hover.linkTableSel { color:yellow; } a.linkTableSel div { background-color:#24c11c; height:36px; width:100px; cursor:pointer; border:2px solid blue; } /* tab boven */ .tabUp .tabBodyInActive { background: url('/resources/images/calendar/tabUp_bodyInActive.gif') repeat-x top left; text-align: center; width:124px; } /* tab boven Rest */ .tabUpRest { z-index: 400; position:absolute; top:-25px; left:45px; } .tabUpRest .tabBodyRest { background: url('/resources/images/calendar/tabUpR_bodyActive.gif') repeat-x top left; text-align: center; padding: 0 4px; width:216px; } .tabUpRest .tabBodyRest a { display:block; padding:5px 0; } /* tab onder Rest */ .tabDownRest { z-index: 400; position:absolute; top:406px; left:45px; } .tabDownRest .tabBodyRest { background: url('/resources/images/calendar/tabDownR_bodyActive.gif') repeat-x top left; text-align: center; padding: 0 4px; width:216px; } .tabDownRest .tabBodyRest a { display:block; padding:5px 0; }