/*All main-elements*/ body{ margin: 0px; height: 100%; background-color: #EBE0EA; } html, form{ height: 100%; } #logo { margin: 10px 0 5px 0; cursor: hand; cursor: pointer; border-style:none; } #rzlogo { background-image: url(rz_logo.gif); background-repeat: no-repeat; background-position: bottom left; height: 86px; } /*#right { font-family: Arial, Helvetica, sans-serif; float: left; width: 615px; left: 145px; }*/ #right h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } /*All styles for the pulldown menu*/ /*Menu will expand and collapse*/ ul#menubar li.expand:hover ul.a2, ul.a2 li.expand:hover ul.a3, ul.a3 li.expand:hover ul.a4, ul.a4 li.expand:hover ul.a5, ul.a5 li.expand:hover ul.a6, ul.a6 li.expand:hover ul.a7, ul.a7 li.expand:hover ul.a8, ul.a8 li.expand:hover ul.a9, ul.a9 li.expand:hover ul.a10{ visibility: visible; position: absolute; } li.expand ul { position: absolute; top:0px; visibility: hidden; } /*Layout stuff*/ #menubar { background-image: url(bg_head.png); background-repeat: repeat-x; background-position: left top; float: left; height: 40px; /* border: 1px solid;*/ margin: 0; padding-top: 5px; padding-left: 0px; width: 615px; } #menubar li { float: left; padding: 0; list-style-type: none; background-image:url(hoek-r.png); background-repeat: no-repeat; background-position: top right; margin-left: 4px; margin-top: 0px; height: 40px; font-weight: bold; position:relative; } #menubar li.liactive { float: left; padding: 0; list-style-type: none; /*background-image: url(hoek-r_act.png); background-repeat: no-repeat; background-position: top right;*/ margin-left: 4px; margin-top: 0px; height: 41px; } #menubar a { font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; color:#000000; background-image: url(hoek-l.png); background-repeat: no-repeat; background-position: top left; float: left; height: 41px; display: block; } #menubar a.aactive { /* background-image: url(hoek-l_act.png);*/ color: #FFFFFF; } #menubar li ul a { height: auto; background-image:none; display: block; width: 150px; color: #FFFFFF; } .menuitem { background-image:url(mnu_bg.png); background-repeat: repeat-x; padding-left: 6px; padding-right: 6px; margin-left: 3px; margin-right: 3px; padding-top: 7px; float: left; width: auto; height:41px; cursor: hand; } .menuactive { background-image:url(mnu_bg_act.gif); background-repeat: repeat-x; padding-left: 6px; padding-right: 6px; margin-left: 3px; margin-right: 3px; padding-top: 7px; float: left; width: auto; cursor: default; height:41px; } #menubar li ul { position: absolute; z-index:10000; top: 30px; width: 150px; clear: both; float:left; margin-left: 3px; margin-right: 0; margin-top: 10px; margin-bottom:0; padding: 0px; background-color:#905a9b; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; } #menubar li ul li { clear: both; background-image: none; width: 150px; padding: 3px 0 3px 3px; margin: 0; border-bottom: 1px solid #905a9b; font-size: 11px; font-weight: bold; height: auto; cursor: default; position: relative; } #menubar li ul li ul { position: absolute; top: 5px; left: 10px; padding: 0; left: 140px; background-image: none; width: 150px; z-index: 100000; } .extradiv { background-color: #FEF0CD; height:2px; z-index: 4; clear:both; width: inherit; display: none; margin-left: 2px; margin-right: 4px; font-size: 0px; background-image:url(border_bg.png); background-repeat: no-repeat; background-position: top right; } /*Styles for index leftside*/ #submenu { clear: both; float: left; } #submenu ul { float: left; padding: 0; margin: 0; width: 145px; clear: both; } #submenu li { font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; padding-left:13px; margin: 0; } #submenu li A { color:#000000; text-decoration: none; font-weight: bold; } /* Iconset */ #iconset { float: left; margin: 0px 0px 0px 0px; padding-top: 0; padding-bottom: 2px; padding-left: 4px; padding-right: 0px; } #iconset img { border: 1px solid; border-color: #52A127; float: left; margin-left: 3px; margin-right: 3px; height: 66px; width: 66px; } /*Left bottom menu*/ #left { position: absolute; clear: both; bottom: 0px; left: 0px; margin: 0 0 0 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #left ul input, select { border: 1px solid; width: 75px; font-size: 11px; margin: 1px 1px 1px 1px; background-color: #FFF } #left img { vertical-align: top; } #left ul select { width: 120px; } #left ul { list-style-type: none; padding: 0; margin: 0; } #left li { display: block; background-color: #396e36; border: 1px solid #73ac6b; width: 130px; padding: 0 0 0 2px; margin: 0; color: #FFFFFF; } #leftOUD li { display: block; background-color: #FFDE8F; border: 1px solid #FFF0CC; width: 130px; padding: 0 0 0 2px; margin: 0; } .buttonsearch { width: auto; } #left a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; } /*Breadcrumbs */ #breadcrums { background-color:#FFFFFF; height: 18px; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; font-weight: bold; color:#000000; padding: 0 0 0 10px; } #breadcrums A { text-decoration: underline; color:#000000; }