/* ===================== GENERAL ======================== */
body {
color: #FFFFFF;
background-image: url("/dynamic/media/10/images/template/bg_raster.jpg");
background-repeat: no-repeat;
background-position: top center;
font-family: Verdana;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
}
/* ===================== HEADINGS ======================== */
h1 {
color: #FFFFFF;
font-size: 20px;
font-family: Verdana;
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
}
h2 {
color: #FFFFFF;
font-size: 18px;
font-family: Verdana;
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
}
h3 {
color: #555555;
font-size: 16px;
font-family: Verdana;
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
}
h4 {
color: #555555;
font-size: 14px;
font-family: Verdana;
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
}
/* ===================== BREADCRUMBS ======================== */
#breadcrumbs {
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #555555;
height: 30px;
line-height: 30px;
padding-right: 15px;
padding-left: 15px;
margin-top: 0px;
background-color: #ffffff;
text-align: left;
}
#breadcrumbs a {
font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #555555 !important;
text-decoration: underline !important;
}
#breadcrumbs a:hover {
color: #0175b0 !important;
text-decoration: none !important;
}
/* ===================== INPUTS ======================== */
input[type="checkbox"],
input[type="radio"] {
margin: 5px 0px 0px 0px;;
font-family: Verdana;
font-size: 12px;
}
input[type="text"],
input[type="file"],
input[type="password"] {
border: 1px solid #FFFFFF !important;
padding: 2px !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
margin-right: 1px;
width: 250px;
margin-bottom: 1px;
}
input[type="submit"],
.button {
border: 1px solid #bfdceb !important;
padding: 1px 5px !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
margin-top: 5px;
}
textarea {
border: 1px solid #FFFFFF !important;
padding: 2px !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
width: 250px;
height: 100px;
}
select {
border: 1px solid #bfdceb !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
width: 256px;
height: 22px !important;
}
/* ===================== HR'S ======================== */
hr {
border: 0px none;
border-bottom: 1px solid #0175b0;
height: 1px;
}
/* ===================== SHADOWS ======================== */
#shadowtop {
background-repeat: repeat-x;
height: 0px;
}
#shadowleft {
background-repeat: repeat-y;
}
#shadowright {
background-repeat: repeat-y;
}
#shadowbottom {
background-repeat: repeat-x;
}
/* ===================== CONTENT ======================== */
#content {
}
#content a {
color: #FFFFFF;
text-decoration: underline;
}
#content a:hover {
color: #FFFFFF;
}
#column1 {
width: 974px;
border-left: 0px solid #;
margin-top: 0px;
}
#column1_content {
margin-top: 15px;
margin-right: 0px;
margin-left: 0px;
}
#column2 {
width: 0px;
border-left: 0px solid #ffffff;
background-color: #ffffff;
margin-top: 0px;
}
#column2_content {
margin-top: 0px;
margin-right: 15px;
margin-left: 0px;
}
#column3 {
width: 0px;
border-left: 0px solid #ffffff;
background-color: #ffffff;
margin-top: 0px;
}
#column3_content {
margin-top: 0px;
margin-right: 15px;
margin-left: 0px;
}
#headerElements {
position: absolute;
top: 0px;
right: 0px;
}
/* ===================== SEARCH ======================== */
#searchForm {
position: absolute;
top: 30px;
right: 28px;
}
#searchForm form #searchForm_pattern {
background-color: #ffffff !important;
color: #004985;
border: 1px solid #004985 !important;
font-family: Verdana;
font-size: 12px;
width: 192px;
height: 15px;
}
/* ===================== DYNAMIC FORMS ======================== */
.dynamicForm {
color: #555555;
}
/* ===================== HORIZONTAL MENU ======================== */
#horizontalmenu {
background-color: #000000;
background-repeat: repeat-x;
height: 30px;
}
#horizontalmenu ul.level0 {
position: relative;
left: 0px;
}
#horizontalmenu ul.level0 li {
height: 30px;
line-height: 30px;
}
#horizontalmenu ul.level1 li {
height: 25px;
line-height: 25px;
}
#horizontalmenu ul.level1 li.level2 {
line-height: 25px;
}
#horizontalmenu ul.level1 li.level2 ul.level2 li {
line-height: 25px;
}
#horizontalmenu ul li.level1 a {
color: #ffffff;
font-weight: normal;
font-family: Verdana;
font-size: 12px;
letter-spacing: 0px;
border-bottom: 0px solid #888888;
}
#horizontalmenu ul li.level2 a {
color: #FFFFFF;
background-color: #000000;
font-weight: normal;
font-family: Verdana;
font-size: 12px;
letter-spacing: 0px;
width: 150px;
border-bottom: 0px solid #888888;
}
#horizontalmenu ul li.level3 a {
color: #FFFFFF;
background-color: #000000;
font-weight: normal;
font-family: Verdana;
font-size: 12px;
letter-spacing: 0px;
width: 150px;
border-bottom: 0px solid #888888;
}
#horizontalmenu ul li.level1 a:hover {
color: #FFFFFF;
background-color: #000000;
font-weight: normal;
letter-spacing: 0px;
}
#horizontalmenu ul li.level2 a:hover {
color: #FFFFFF;
background-color: #000000;
font-weight: normal;
letter-spacing: 0px;
}
#horizontalmenu ul li.level3 a:hover {
color: #FFFFFF;
background-color: #000000;
font-weight: normal;
letter-spacing: 0px;
}
#horizontalmenu ul li.level1 a.selected {
color: #FFFFFF;
background-color: #000000;
font-weight: normal;
letter-spacing: 0px;
}
#horizontalmenu ul li.level2 a.selected {
color: #FFFFFF;
font-weight: normal;
letter-spacing: 0px;
}
#horizontalmenu ul li.level3 a.selected {
color: #FFFFFF;
background-color: #000000;
font-weight: normal;
letter-spacing: 0px;
}
#horizontalmenu ul.level1 {
}
#horizontalmenu ul.level2 {
background-color: #000000;
}
#horizontalmenu ul.level3 {
background-color: #000000;
}
#horizontalmenu ul li.horizontalseperator {
background-repeat: no-repeat;
width: 1px;
}
#horizontalmenu ul li.first {
border-left: 0px none;
}
#horizontalmenuborder {
background-repeat: repeat-x;
}
/* ===================== VERTICAL MENU ======================== */
#verticalmenu {
background-image: url('http://dagjemaken.nl/templates/flexible/images/menubg.png');
background-repeat: repeat-x;
font-family: Verdana;
font-size: 12px;
padding-top: 0px;
width: 260px;
}
/* How to handle the submenu from the vertical menu */
#verticalmenu ul li ul {
display : none;
}
#verticalmenu ul li.level1 {
padding: 0px 15px;
}
#verticalmenu ul li.level2 {
padding: 0px 0px;
}
#verticalmenu ul li.level3 {
padding: 0px 0px;
}
#verticalmenuborder {
background-repeat: repeat-y;
}
#verticalmenu ul li.level1 a {
color: #555555;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
background-color: #d9eaf3;
height: 30px;
line-height: 30px;
border-bottom: 1px solid #888888;
padding-left: 10px;
letter-spacing: 0px;
}
#verticalmenu ul li.level2 a {
color: #555555;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
background-color: #bfdceb;
height: 30px;
line-height: 30px;
border-bottom: 1px solid #d9eaf3;
padding-left: 10px;
letter-spacing: 0px;
}
#verticalmenu ul li.level3 a {
color: #ffffff;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
height: 30px;
line-height: 30px;
padding-left: 5px;
letter-spacing: 0px;
}
#verticalmenu ul li.level1 a:hover {
color: #000000;
background-color: #d9eaf3;
font-weight: normal;
letter-spacing: 0px;
}
#verticalmenu ul li.level2 a:hover {
color: #000000;
background-color: #bfdceb;
font-weight: normal;
letter-spacing: 0px;
}
#verticalmenu ul li.level3 a:hover {
color: #ffffff;
background-color: #0175b0;
font-weight: normal;
letter-spacing: 0px;
}
#verticalmenu ul li.level1 a.selected {
color: #ffffff;
background-color: #0175b0;
font-weight: normal;
letter-spacing: 0px;
}
#verticalmenu ul li.level2 a.selected {
color: #0175b0;
background-color: #bfdceb;
font-weight: normal;
letter-spacing: 0px;
}
#verticalmenu ul li.level3 a.selected {
color: #FFFFFF;
background-color: #555555;
font-weight: normal;
letter-spacing: 0px;
}
#verticalmenucontent
{
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
/* ===================== FOOTER ======================== */
#bottommenu ul li.horizontalseperator {
background-repeat: no-repeat;
width: 1px;
}
#footercontainer {
background-image: url("/dynamic/media/10/images/template/lijn_onder.png");
background-repeat: no-repeat;
clear : both;
z-index : 1;
margin : 0px auto;
width : 100%;
float : left;
}
#footer {
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
float : none;
width : 974px;
margin : 0px auto;
}
#footer a {
color: #FFFFFF;
text-decoration: none;
}
#footer a:hover {
color: #FFFFFF;
}
#leftFooter {
text-align: left;
margin-left: 15px;
margin-right: 15px;
width: 550px;
}
#rightFooter {
text-align: left;
margin-left: 0px;
margin-right: 0px;
width: 350px;
}
#custom-component {
position: relative;
}