/*All main-elements*/
body{
margin: 0px;
}
html, body, form{
height: 100%;
}
/*#right {
font-family: Arial, Helvetica, sans-serif;
float: left;
width: 615px;
left: 145px;
}*/
#right h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#logo {
background-image: url(RZ_AFRISEM.gif);
background-repeat: no-repeat;
background-position: center center;
height: 112px;
width: 145px;
float: left;
}
/*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: 35px;
margin: 0;
padding: 5px 0 0 0;
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;
background-color: #FFB300
height: 31px;
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;
background-color: #FFB300
height: 31px;
}
#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: 31px;
display: block;
}
#menubar a.aactive {
background-image: url(hoek-l_act.png);
}
#menubar li ul a {
height: auto;
background-image:none;
display: block;
width: 150px;
}
.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:31px;
cursor: hand;
}
.menuactive {
background-image:url(mnu_bg_act.png);
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:31px
}
#menubar li ul {
position: absolute;
z-index:10000;
top: 31px;
width: 150px;
clear: both;
float:left;
margin-left: 1px;
margin-right: 0;
margin-top: 0;
margin-bottom:0;
padding: 0px;
border: 1px solid #787E1A;
background-color: #FEF0CD;
}
#menubar li ul li {
clear: both;
background-image: none;
width: 150px;
padding: 3px 0 3px 3px;
margin: 0;
border-bottom: 1px solid #FFB300;
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 {
border-bottom: 1px solid #FFB300;
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 {
border: 1px solid;
border-color: #52A127;
float: left;
margin: 3px 0px 0px 0px;
padding: 2px;
}
#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 ul select {
width: 120px;
}
#left ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#left 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: #000000;
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;
}