span.dropt {border-bottom: thin dotted; background: #ffeedd; color: #28762D; }
span.dropt:hover {text-decoration: none; background: #d2ca6b; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 5px; background: #28762D;}
span.dropt span {position: absolute; left: -9999px;
margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;
border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #28762D; color: white; z-index:6; font-size: 80%; }
span.select-services {color: #773a04; }
2
span.droptlogin {border-bottom: thin dotted; background: #28762D; color: red; font-style: normal ; font-family: serif;
padding: 10px 10px 10px 10px;
}
span.droptlogin:hover {text-decoration: none; background: #28762D; color:whitesmoke; z-index: 6; }
span.droptlogin span {position: relative; left: -9999px;
padding: 10px 10px 10px 10px;
margin: 2px 2px 2px 2px;
border-style:solid; border-color:black; border-width:5px; z-index: 6;}
span.droptlogin:hover span {left: 5px; background: #28762D; color: blue; }
span.droptlogin span {position: absolute; left: -9999px;
margin: 4px 4px 4px 4px; padding: 3px 3px 3px 3px;
border-style:solid; border-color:black; border-width:3px;}
span.droptlogin:hover span {margin: 10px 0 0 110px; background: #28762D; color: white; z-index:6; font-size: 80%; }
.menu-3 {
z-index:100;
font-size:90%;
float:left;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu-3 ul {
padding:5px;
margin:0px;
list-style-type:none;
width:190px;
}
/* hack for IE5.5 */
* html .menu-3 ul {margin-left:-16px; margin-left:10;}
/* position relative so that you can position the sub levels */
.menu-3 li {
position:relative;
background:#AE801A;
height:50px;
}
/* get rid of the table */
.menu-3 table {position:absolute; border-collapse:collapse; top:20; left:20; z-index:10; font-size:1em;}
/* style the links */
.menu-3 a, .menu-3 a:visited {
display:block;
text-decoration:none;
height:50px;
line-height:50px;
width:190px;
color:white;
text-indent:5px;
border:3px solid #fff;
border-width:3 3px 3px 3;
}
/* hack for IE5.5 */
* html .menu-3 a, * html .menu-3 a:visited {background:#d4d8bd; width:250px; w\idth:250px;}
/* style the link hover */
* html .menu-3 a:hover {color:#fff; background:#949e7c;}
.menu-3 :hover > a{
color:#fff;
background:#949e7c;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-3 ul ul {
visibility:hidden;
position:absolute;
top:-5px;
right:-200px;
}
/* make the second level visible when hover on first level list OR link */
.menu-3 ul :hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu-3 ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu-3 ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu-3 ul :hover ul :hover ul{
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu-3 ul :hover ul :hover ul :hover ul {
visibility:visible;
}
span.dropt {border-bottom: thin dotted; background: #28762D; color: #775004; }
span.dropt:hover {text-decoration: none; background: #28762D; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #28762D;}
span.dropt span {position: absolute; left: -9999px;
margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;
border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #28762D; color: white; z-index:6; font-size: 80%; }
span.select-services {color: #773a04; }
/* =============================== END MENU HOVER CODES 2 ================================== */
/* ==================== NO IMPACT CODES -----------------> BEGIN SMALL MENU CODES ======================================= */
a.menu-services
{
display:block;
width:140px;
padding-bottom:1px;
padding-top:1px;
padding-left:1px;
padding-right:1px;
margin:0;
border:1px solid;
outline-color:#f7f4f2;
color: #70655c;
background:#efebe7;
outline-style: solid;
outline-width: medium;
font-size:85%;
font-family:
Sawasdee;
font-stretch: wider;
font-weight: normal;
font-variant: small-caps;
letter-spacing: 3px;
text-align: center;
text-decoration:none;
}
ul.menu {
display: block;
list-style-type: circle;
margin-left: -15px;
white-space: nowrap;
outline-width: thin;
position: relative;
overflow: visible;
left: inherit;
z-index: auto;
vertical-align: middle;
margin-right: 5px;
max-width: 90%;
min-width: 50%;
border-spacing: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-spacing: 1px;
border-collapse: separate;
}
li.menu {
list-style-type: none;
margin-left: -20px;
}
a.topmenu {
width:150px;
margin:0;
padding-left:3px;
padding-right:3px;
padding-bottom: 3px;
padding-top: 3px;
border:0px solid;
font-variant: small-caps;
font-size: 70%;
font-weight: bold;
letter-spacing: 3px;
color: #a09d70;
background:white;
text-decoration:none;
opacity : 0.95;
}
a.submenu {
display:block;
width:115px;
margin:0;
padding-left:10px;
padding-bottom: 1px;
padding-top: 1px;
border:1px solid;
font-variant: normal;
font-weight: normal;
font-size: 85%;
letter-spacing: 3px;
color: #a09d70;
background:white;
text-decoration:none;
}
/* ================================== END SMALL MENU CODES ======================================= */
/* ================== NO IMPACT CODES ----------------------> BEGIN LOGIN CODES ======================================= */
a.login {
display:block;
width:110px;
left: 1%;
float: left;
margin:0;
padding-left:10px;
padding-right:10px;
padding-bottom: 1px;
padding-top: 1px;
border:1px solid;
font-variant: normal;
font-weight: normal;
font-size: 85%;
letter-spacing: 3px;
color: #a09d70;
background:white;
text-decoration:none;
}
a.loginbewijs {
line-height: 1.5em;
padding-top: 7px;
margin:0;
padding-left:11px;
padding-right:0px;
padding-bottom: 0px;
border:0px solid;
font-variant: normal;
font-weight: normal;
font-size: 85%;
letter-spacing: 0px;
color: blue;
background:white;
text-decoration:underlined;
}
/* ================================== BEGIN LOGIN CODES ======================================= */
/* ================================= BEGIN NO EFFECT? BUTTON? ================================== */
li.button3 {
border: solid #243222;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 5px;
border-bottom-color: 5px;
box-shadow: 3px 3px 0 3px rgba(20,50,20,19.19), 1px 1px 1px 3px rgba(0,0,0,19.19);
border-radius: 10%;
padding: 3px;
width: 7em;
height: 4em;
color: white;
font-weight: normal;
font-size: 0.8em;
text-align: center;
font-family: sans-serif;
text-decoration: none;
word-wrap: break-word;
text-shadow: 0.3px 0.3px 0.5px #000;
}
li.button3:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 10px 30px 0 rgba(0,0,0,0.19);
}
li.button3:active {
background-color: green;
box-shadow: 0 5px darkgreen;
transform: translateY(2px);
}
/* ================================= END NO EFFECT? BUTTON? ================================== */
img.line-height-email-image {
vertical-align: middle;
line-height: 8px;
}