/* Start of CMSMS style sheet 'MKN - Groen - Main' */ /* 1.0. Page Build */ /* 1.1. Titel */ /* 1.1.1. Titel */ table.logo { border: none; width: 100%; } td.logo { background: url(uploads/MKN/logo_green.jpg) #1D5C1E no-repeat; height: 110px; width: 998px; } td.logobk2 { background: url(uploads/MKN/logor.jpg) #1D5C1E repeat-x; height: 110px; } font.logo { color: White; font: 8px Verdana, Geneva, Arial, Helvetica, sans-serif; } /* 1.2. Top Menu */ table.top { background-color: #FFFFFF; border: none; z-index: 100; width: 100%; } td.top1 { background: url(uploads/MKN/topbg_green.gif) #DDF4DD repeat; z-index: 100; border-top: 1px solid #1D5C1E; border-bottom: 1px solid #7EB97D; border-right: 1px solid #7EB97D; border-left: 1px solid #1D5C1E; height: 28px; width: 139px; -moz-box-sizing: border-box; } div.top1 { margin-top: 5px; margin-left: 10px; -moz-box-sizing: border-box; } td.top2 { background: url(uploads/MKN/topbg_green.gif) #DDF4DD repeat; height: 28px; border-top: 1px solid #1D5C1E; border-bottom: 1px solid #7EB97D; border-right: 1px solid #1D5C1E; -moz-box-sizing: border-box; } /* 1.3. Left Menu */ table.content { border: none; height: 100%; width: 1000px; table-layout: fixed; } td.menu { background: #DDF4DD; vertical-align: top; border-left: 1px solid #1D5C1E; border-bottom: 1px solid #1D5C1E; width: 140px; -moz-box-sizing: border-box; } div.colofon { color: #000000; padding-left: 10px; padding-top: 0px; -moz-box-sizing: border-box; } /* 1.4. Content Box */ td.main { border-left: 1px solid #7EB97D; border-right: 1px solid #1D5C1E; border-bottom: 1px solid #1D5C1E; background-color: #EAF8EA; vertical-align: top; width: 860px; background-image: url(uploads/MKN/logogerasterdll.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: center; -moz-box-sizing: border-box; } div.content { margin: 2px 2px 2px 2px; padding-left: 10px; /* om in te springen */ padding-right: 0px; /* zonder inspringen */ -moz-box-sizing: border-box; } .breadcrumbs { color: #7EB97D; font-size: 6pt; margin: 0; padding: 4px 0px 4px 2px; -moz-box-sizing: border-box; } /* 2.0. Body Standards */ /* 2.1. Body */ body { background: url(uploads/MKN/logor.jpg) #DDF4DD repeat; color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; scrollbar-3dlight-color: #3C803B; scrollbar-arrow-color: White; scrollbar-darkshadow-color: #3C803B; scrollbar-face-color: #A4E3A4; scrollbar-highlight-color: #DDF4DD; scrollbar-shadow-color: #1D5C1E; scrollbar-track-color: #EAF8EA; } table.spreader { border: none; width: 100%; } table.pagealign { border: none; width: 998px; } td { color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } input { color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } /* 2.2. Hyperlinks */ /* 2.2.1. Standard hyperlinks */ a { color: #3C803B; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } a:hover { text-decoration: underline; } a.cred { color: #000000; font: 8px Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } a.cred:hover { color: #3C803B; text-decoration: none; } /* 2.3. Headings */ h1 { color: #1D5C1E; font: bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif; } h2 { color: #1D5C1E; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } h3 { color: #1D5C1E; font: bold italic 10px Verdana, Geneva, Arial, Helvetica, sans-serif; } h4 { background: url(uploads/MKN/topbg_green.gif) #DDF4DD repeat; border: 1px solid #1D5C1E; color: #1D5C1E; font-size: 11pt; margin: 0px 0px 0px 0px; padding: 4px 2px 4px 2px; width: 100%; font-weight: bold; font-style: italic; -moz-box-sizing: border-box; } h5 { background: url(uploads/MKN/butnbg_green.gif) #FFFFEA repeat; border: 1px solid #A4E3A4; color: #1D5C1E; font-size: 9pt; padding: 4px 2px 4px 2px; font: italic bold; text-align: center; width: 100%; -moz-box-sizing: border-box; } h6 { /*background: url(uploads/MKN/topbg_green.gif) #DDDDF4 repeat;*/ border-bottom: 1px solid #7EB97D; border-top: 0px solid #7EB97D; border-left: 10px solid #7EB97D; color: #1D5C1E; font-size: 11pt; margin: 0px -10px 0px 10px; _margin: 0px 10px 0px 10px; *margin: 0px 10px 0px 10px; padding-top: 4px; padding-bottom: 4px; padding-left: 5px; width: 98%; _width: 100%; *width: 100%; font-weight: bold; font-style: italic; -moz-box-sizing: border-box; } /* 2.3. Rulers */ hr { border: 1px solid; color: #7EB97D; } /* 3.0. Menu systeem */ /* 3.1. Horizontaal menu */ /* Horizontal and vertical menu for the CMS CSS Menu Module */ /* by Alexander Endresen altered by Bas Hesselink*/ /* Horizontal menu for the CMS CSS Menu Module */ #menu_vert { margin-left: 0px; /* org. 1px */ margin-right: 0px; /* org. 1px */ } /* The wrapper clears the floating elements of the menu */ /* Fix for Opera 8 */ .clearb { clear: both; } #horiz-menuwrapper { /* Fix for Opera 8 */ /* overflow: hidden; */ background: #DDF4DD; background: url(uploads/MKN/topbg_green.gif); border-bottom: 0px solid #7EB97D; width: 100%; } /* Set the width of the menu elements at second level. Leaving first level flexible. */ #horiz-nav li li { width: 140px; } /* Unless you know what you do, do not touch this */ #horiz-nav, #horiz-nav ul { list-style: none; margin: 0px; padding: 0px; } #horiz-nav ul { position: absolute; top: auto; display: none; border: 1px solid #7EB97D; padding-top: 1px; width: 140px; /* Opera 9 aanpassing */ } #horiz-nav ul ul { margin-top: 1px; margin-left: 0px; left: 100%; top: 0px; } #horiz-nav li { margin-left: -1px; float: left; } #horiz-nav li li { margin-left: 0px; margin-top: -1px; float: none; position: relative; } /* Styling the basic apperance of the menu elements */ #horiz-nav div { display: block; margin: 0px; padding: 0px 10px; text-decoration: none; width: 130px; text-align: left; border-left: 1px solid black; } #horiz-nav a { display: block; margin: 0px; padding: 7px 10px; /*Aangevuld!!! van 5px 10px*/ text-decoration: none; color: #46844A; background: transparent; } #horiz-nav ul a { padding: 5px 10px; /*Aangevuld!!! van 5px 10px*/ } #horiz-nav a.hoover { background-color: #FFFFEA; } #horiz-nav li a { border-right: 1px solid #7EB97D; border-left: 1px solid #7EB97D; } #horiz-nav li li a { border: 0px solid #7EB97D; } #horiz-nav li, #horiz-nav li.menuparent { background-color: #DDF4DD; background: url(uploads/MKN/topbg_green.gif); } /* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */ #horiz-nav li.menuactive { background-color: #A4E3A4; background: url(uploads/MKN/topbg_green.gif); } /* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */ #horiz-nav ul li.menuparent, #horiz-nav ul li.menuparent:hover, #horiz-nav ul li.menuparenth { /* arrow for menuparents */ background-image: url(uploads/MKN/arrow.gif); background-position: center right; background-repeat: no-repeat; background-color: #DDF4DD; } /* Styling the apperance of menu items on hover */ #horiz-nav li:hover, #horiz-nav li.menuh, #horiz-nav li.menuparenth, #horiz-nav li.menuactiveh { background-color: #FFFFEA; background-image: url(uploads/MKN/butnbg.gif); } #horiz-nav ul li { background-image: none; background-color: #DDF4DD; /* Aangevuld!!! */ } #horiz-nav ul li:hover, #horiz-nav ul li.menuh, #horiz-nav ul li.menuactiveh { background-color: #FFFFEA; background-image: none; } #horiz-nav ul li.menuparenth { background-image: url(uploads/MKN/arrow.gif); background-position: center right; background-repeat: no-repeat; background-color: #FFFFEA; } /* The magic - set to work for up to a 3 level menu, but can be increased unlimited */ /* just add #horiz-nav li:hover ul ul, #horiz-nav li.menuparenth ul ul ul, for fourth level */ #horiz-nav ul, #horiz-nav li:hover ul, #horiz-nav li:hover ul ul, #horiz-nav li.menuparenth ul, #horiz-nav li.menuparenth ul ul { display: none; } /* add #horiz-nav ul ul ul li:hover ul, #horiz-nav ul ul ul li.menuparenth ul, for fourth level */ #horiz-nav li:hover ul, #horiz-nav ul li:hover ul, #horiz-nav ul ul li:hover ul, #horiz-nav li.menuparenth ul, #horiz-nav ul li.menuparenth ul, #horiz-nav ul ul li.menuparenth ul { display: block; } /* IE Hacks */ #horiz-nav li li { float: left; clear: both; } #horiz-nav li li a { height: 1%; } /* 3.1. Horizontaal menu */ /* The wrapper determines the width of the menu elements */ #vert-menuwrapper { width: 100%; } /* Unless you know what you do, do not touch this */ #vert-nav, #vert-nav ul { list-style: none; margin: 0px; padding: 0px; width: 100%; margin-left: 0px; border-bottom: 1px solid #7EB97D; padding-bottom: 1px; } #vert-nav ul { position: absolute; top: 0; left: 100%; display: none; background-color: #DDF4DD; border: 1px solid #7EB97D; padding-bottom: 1px; margin-left: -2px; } #vert-nav li { margin-bottom: -1px; position: relative; *margin-botom: 0px; *margin-top: 0px; _margin: 0px; } /* Styling the basic apperance of the menu elements */ #vert-nav a { display: block; *display: inline; _display: block; margin: 0px; padding: 5px 10px; *padding-left: 10px; *padding-bottom: 0px; *padding-top: 5px; *padding-right: 0px; _padding: 5px 10px; color: #46844A; text-decoration: none; *height: 24px; *text-align: centre; } #vert-nav li, #vert-nav li.menuparent { /* background-color: transparent; */ min-height:1em; /* Fixes IE7 bug*/ } /* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */ #vert-nav li.menuactive { background-color: #A4E3A4; } /* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */ #vert-nav li.menuparent, #vert-nav li.menuparent:hover, #vert-nav li.menuparenth { background-image: url(uploads/MKN/arrow.gif); background-position: center right; background-repeat: no-repeat; } /* Styling the apperance of menu items on hover */ #vert-nav li:hover, #vert-nav li.menuh, #vert-nav li.menuparenth, #vert-nav li.menuactiveh { background-color: #FFFFEA; } /* The magic - set to work for up to a 3 level menu, but can be increased unlimited */ #vert-nav ul, #vert-nav li:hover ul, #vert-nav li:hover ul ul, #vert-nav li:hover ul ul ul, /*toegevoegd 5-12-06*/ #vert-nav li.menuparenth ul, #vert-nav li.menuparenth ul ul, #vert-nav li.menuparenth ul ul ul { /*toegevoegd 5-12-06*/ display: none; } #vert-nav li:hover ul, #vert-nav ul li:hover ul, #vert-nav ul ul li:hover ul, #vert-nav ul ul ul li:hover ul, /*toegevoegd 5-12-06*/ #vert-nav li.menuparenth ul, #vert-nav ul li.menuparenth ul, #vert-nav ul ul li.menuparenth ul, #vert-nav ul ul ul li.menuparenth ul { /*toegevoegd 5-12-06*/ display: block; } /* IE Hack, will cause the css to not validate */ #vert-nav li, #vert-nav li.menuparenth { _float: left; _height: 1%; } #vert-nav li a { _height: 1%; } /* section header */ #vert-nav li.sectionheader { border-left: 1px solid #7EB97D; border-top: 1px solid #7EB97D; font-size: 130%; font-weight: bold; padding: 1.5em 0 0.8em 0.5em; background-color: #fff; margin: 0; width: 100%; } /* separator */ #vert-nav li hr.separator { display:block; height: 0.5em; color: #3C803B; background-color: #3C803B; width: 100%; border:0; margin:0; padding:0; border-top: 1px solid #7EB97D; border-right: 1px solid #7EB97D; } /* END */ /* End of 'MKN - Groen - Main' */