/* ------------------------------------ *
    Document: website.css
    Datum aanmaak: 18-07-2006
    Datum laatste wijziging: 07-02-2007
    Versie: 1.0.0
    Copyright Jalasystems B.V.
 * ------------------------------------ */

body {
  padding-top: 0px;  padding-bottom: 0px;  padding-left: 0px;  padding-right: 0px;
  margin: 0px; margin-top : 4px;
  width: auto;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
  background-color: #FFFFFF; color: #000000;
}

a {
  color : #000000;
  font-weight: normal;
  font-size: 12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a:hover {
  color: #666666;
  font-weight: normal;
  font-size: 12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

img, img a, img a:hover {
 border : 0px solid #000000;
}
h1 { color: #483d8b; font-size: 16px; line-height: 16px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular, sans-serif }
h2 { color: #483d8b; font-size: 14px; line-height: 14px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular, sans-serif }
h3 { color: #483d8b; font-size: 12px; line-height: 12px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular, sans-serif }
h4 { color: #483d8b; font-style: normal; font-weight: lighter; font-size: 10px; line-height: 12px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular, sans-serif }

table {
 border  : 0px solid #000000;
 width   : 100%;
 margin  : 0px;
 padding : 0px;
}
td {
  font-size: 12px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;

  vertical-align: top;
}
tr {
  margin  : 0px;
  padding : 0px;
}
.header-menu {
	vertical-align: top;
	text-align : right;
	width : 100%;
	padding-top: 2px;
	padding-right : 6px;
	padding-bottom: 20px;
}

.menu-header, .menu-header a, .header-menu, .header-menu a, .menu-header a:hover, .header-menu a:hover {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;
  color:#FFFFFF;
}
.menu-header a:hover, .header-menu a:hover {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: underline;
  color:#FFFFFF;
}


.footer, .footer a, .footer a:hover {
  text-align : right;
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;
}
.footer a:hover {
  text-align : right;
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: underline;
}
.menu-footer {
  vertical-align: middle;
  text-align : center;
}

.content-left {
  background-color : #0080FF;
  width : 200px;
}
.content {
  height : 250px;
  padding : 2px;
}
.content-main-gray {
  height : 250px;
  padding : 2px;
  background-color :   #C1C1C1;
  text-align : center;
}

.content-right {
   vertical-align : top;
   background-color : #C0C0C0;
}
.content-tools {

}
.menu-tools {
  background-color : #FFFFFF;
  color : #000000;
  border-top: 1px solid #C0C0C0;
  border-right: 0px solid #FFFFFF;
  border-bottom: 1px solid #C0C0C0;
  border-left: 0px solid #FFFFFF;
  padding : 2px;
  width : 100%;

}
.menu-tools-item {
  width : 140px;
}
.menu-tools-item a {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;
  vertical-align: middle;
}
.menu-tools-item a:hover {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: underline;
  vertical-align: middle;
}

.content-sub {
  padding : 0px;
  margin : 0px;
}

.breadcrumb, .breadcrumb a {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;

}
 .breadcrumb a:hover {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: underline;
}

#menu-vertical {
 width : 100%;
}
#menu-vertical ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu-vertical li{
  margin-bottom: 3px;
  margin-top: 3px;
  padding: 0px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  width: 200px;
}
.menu-vertical-level1-no, .menu-vertical-level1-no a, .menu-vertical-level1-no a:visited {
  display: block;
  text-decoration: none;
  padding: 3px 4px 5px 5px;
  border: 0px solid #FFFFFF;
  color: #333333;   font-weight: normal;
  background-color: #c1c1c1;
  border: 1px solid #c9c9f0;
}
.menu-vertical-level1-no a:hover {
  color: #FFFFFF; font-weight:normal; background-color:#CCCCCC;
}
.menu-vertical-level1-act, .menu-vertical-level1-act a, .menu-vertical-level1-act a:visited,
.menu-vertical-level1-actifsub, .menu-vertical-level1-actifsub a, .menu-vertical-level1-actifsub a:visited,
.menu-vertical-level1-cur, .menu-vertical-level1-cur a, .menu-vertical-level1-cur a:visited {
  display: block;
  padding: 3px 4px 5px 5px;
  border : 0px solid #FFFFFF;  
  color: #FFFFFF;     text-decoration: none;   font-weight: bold;
    background-color: #c1c1c1;
  border: 1px solid #c9c9f0;
}
.menu-vertical-level2-no, .menu-vertical-level2-no a, .menu-vertical-level2-no a:visited {
  display: block;
  padding: 3px 4px 5px 15px;
  border : 0px solid #FFFFFF;  
  color: #333333;     text-decoration: none; font-weight: normal;
    background-color: #c1c1c1;
  border: 1px solid #c9c9f0;
  text-align:right;
}
.menu-vertical-level2-no a:hover {
  color: #FFFFFF; font-weight:normal; background-color:#CCCCCC;
}
.menu-vertical-level2-act, .menu-vertical-level2-act a, .menu-vertical-level2-act a:visited,
.menu-vertical-level2-cur, .menu-vertical-level2-cur a, .menu-vertical-level2-cur a:visited,
.menu-vertical-level2-actifsub, .menu-vertical-level2-actifsub a, .menu-vertical-level2-actifsub a:visited {
  display: block;
  padding: 3px 4px 5px 15px;
  border : 0px solid #FFFFFF;  
  color: #ffffff;     text-decoration: none;   font-weight: bold;
    background-color: #c1c1c1;
  border: 1px solid #c9c9f0;
  text-align: right;
}
.menu-vertical-level3-no, .menu-vertical-level3-no a, .menu-vertical-level3-no a:visited {
  display: block;
  padding: 3px 4px 5px 25px;
  border : 0px solid #FFFFFF;  
  color: #333333;     text-decoration: none; font-weight: normal;
    background-color: #c1c1c1;
  border: 1px solid #c9c9f0;
  text-align:right;
}
.menu-vertical-level3-no a:hover {
  color: #cf0619; font-weight:normal; background-color:#CCCCCC;
}
.menu-vertical-level3-act, .menu-vertical-level3-act a, .menu-vertical-level3-act a:visited,
.menu-vertical-level3-cur, .menu-vertical-level3-cur a, .menu-vertical-level3-cur a:visited,
.menu-vertical-level3-actifsub, .menu-vertical-level3-actifsub a, .menu-vertical-level3-actifsub a:visited {
  display: block;
  padding: 3px 4px 5px 25px;
  border : 0px solid #FFFFFF;  
  color: #333333;     text-decoration: none; font-weight: bold;
  text-align:right;
}
.menu-vertical-level4-no, .menu-vertical-level4-no a, .menu-vertical-level4-no a:visited {
  background-color : #CFCFCF;
  display: block;
  padding: 3px 4px 5px 40px;
  border: 0px solid #FFFFFF;  
  color: #333333;     text-decoration: none; font-weight: normal;
  text-align:right;
}
.menu-vertical-level4-no a:hover {
}
.menu-vertical-level4-act, .menu-vertical-level4-act a, .menu-vertical-level4-act a:visited,
.menu-vertical-level4-cur, .menu-vertical-level4-cur a, .menu-vertical-level4-cur a:visited,
.menu-vertical-level4-actifsub, .menu-vertical-level4-actifsub a, .menu-vertical-level4-actifsub a:visited {
  background-color : #CFCFCF;
  display: block;
  padding: 3px 4px 5px 40px;
  border: 0px solid #FFFFFF;  
  color: #333333;     text-decoration: none; font-weight: bold;
}
.menu-horizontal {
  border-top: 0px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 0px solid #FEB660;
  border-left: 0px solid #FFF;
}
.menu-horizontal td {
  height : 24px;
}
.menu-horizontal-no {
  background-color: #E47C00;
  text-align : center;
  vertical-align : middle;
}
.menu-horizontal-act {
  background-color: #E47C00;
  text-align : center;
  vertical-align : middle;
  color : white;
}
.menu-horizontal-no a {
  background-color: #595240;
  color: #FFB820;
}
.menu-horizontal-act a, .menu-horizontal-act a:hover, .menu-horizontal-no a:hover {
  background-color: #FFC000;
  color : yellow;
}

.menu-horizontal ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-horizontal li{
  margin: 0;
  padding: 0px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
    height : 24px;
}

.menu-horizontal li a{
  display: block;
  text-decoration: none;
  padding: 4px 5px 4px 5px;

  border-top: 1px solid #FFF;
  border-right: 1px solid #FEB660;
  border-bottom: 1px solid #FEB660;
  border-left: 1px solid #FFF;
  width : 120px;
  background-color: #595240;
}
.menu-horizontal-level2 {
  width : 120px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}
.menu-horizontal-level2-no {
 width : 120px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

.menu-horizontal-level2-no a {
  text-decoration: none;
}

.sub-tools {
  height : 24px;
}
.sub-breadcrumb {
  height : 12px;
}
.copyright, .copyright a, .copyright-content, .copyright-content a {
  text-align : center;
  color : #000000;
  font-size:9px;
}



/*..............................................
  Toegevoegd op 07-02-2007                     .
................................................*/

.main {
  width   : 806px;
  margin-left : auto; margin-right : auto;
  padding : 0px solid #FFFFFF;;
  border-spacing: 0px;
}
.main-header {
  background-image: url("images/header.jpg");
  background-repeat: no-repeat;
  height : 114px;
  border-bottom : 1px solid #FFFFFF;
  border-left : 0px solid #FFFFFF;
  border-right : 0px solid #FFFFFF;
}
.main-menu-header {
  vertical-align : middle;
}
.main-menu-horizontal {
  border-left : 1px solid #c0c0c0;
  border-right : 1px solid #c0c0c0;
}

.main-content {
 vertical-align: top;
  border-left : 0px solid #ffffff;
  border-right : 0px solid #ffffff;
  height: 100%;
}
.main-footer {
  background-color : #c1c1c1;
  height : 27px;
  vertical-align : middle;
  border-top : 1px solid #ffffff;
  border-right : 0px solid #ffffff;

}
.main-footer a, .main-footer a:visited {
  color : #FFFFFF;
  vertical-align : middle;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
.main-footer a:hover {
  color : #FFFFFF;
  vertical-align : middle;
  font-size: 10px;
  font-weight: normal;
  text-decoration: underline;
}
.main-border-top-left {
  width: 8px; 
  height: 10px; 
  background-image: url("images/shadow_left_top.jpg"); 
  background-repeat: no-repeat;
}
.main-border-top-center {
  height: 10px; 
  background-image: url("images/shadow_top.jpg"); 
  background-repeat: repeat-x;
}
.main-border-top-right {
  width: 8px; 
  height: 10px;
  background-image: url("images/shadow_right_top.jpg"); 
  background-repeat: no-repeat;
}
.main-border-middle-left {
  width: 8px; 
  background-image: url("images/shadow_left.jpg"); 
  background-repeat: repeat-y;
}
.main-border-middle-right {
  width: 8px; 
  background-image: url("images/shadow_right.jpg"); 
  background-repeat: repeat-y;
}
.main-border-bottom-left {
  width: 8px; 
  height: 10px; 
  background-image: url("images/shadow_left_bottom.jpg"); 
  background-repeat: no-repeat;
}
.main-border-bottom-center {
  height: 10px; 
  background-image: url("images/shadow_bottom.jpg"); 
  background-repeat: repeat-x;
  border-top : 1px solid #c0c0c0;
}
.main-border-bottom-right {
  width: 8px; 
  height: 10px; 
  background-image: url("images/shadow_right_bottom.jpg"); 
  background-repeat: no-repeat;
}
.sub {
  background-color : #FFFFFF;
  padding : 0px;
  margin : 0px;
}
.sub-content-left {
  width : 200px; /* main=780 -> 150   main =1000 -> 200 */  
  background-color: #e2e2e2;
  border-right: 2px solid #ffffff;
}
.sub-content-right {
  background-color : #e2e2e2;
  border-left : 0px #203A19 solid;
  border-right : 0px #203A19 solid;
  padding-top: 0px;
  vertical-align : bottom;
  height: 126px;
}

.sub-content-short {
  background-color: #e2e2e2;
  height: 219px;
}

.sub-content {
  background-color: #e2e2e2;
  height: 416px;
  width: 100%;
}

.scroll-short {
	height: 285px;
	overflow: auto;
}

.scroll {
	height: 100%;
	overflow: auto;
}

.scroll-longer {
	height: 412px;
	overflow: auto;
}

.header-logo {
text-align : center;
}

 .content-tagline, content-tagline a {
  vertical-align: top;
  text-align : right;
  width : 100%;
  padding-top: 40px;
  padding-right: 25px;
  height: 40px;
  color:#ffffff;
  text-decoration:none;
  font-size:16px;
}

.content-tagline a:hover, .content-tagline a:hover {
  text-decoration: underline;
  color:#000000;
  font-size:16px;
}

.header-adres  {
	vertical-align: top;
	text-align : right;
	width : 100%;
	padding-right: 10px;
	height: 60px;
	color:#ffffff;
	text-decoration:none;
	font-size : 9px;	
}
.header-adres a{
  color:#FFFFFF;
    font-size : 9px;
}
 .header-adres a:hover {
  text-decoration: underline;
  color:#FFFFFF;
    font-size : 9px;
}

.header-language {
	padding-left : 10px;
	padding-top : 0px;
	width : 280px;
}

.header-business {
	vertical-align: middle;
	font-size: 10px;
	font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align : right;
	padding-right: 18px;
	padding-top : 0px;
	/* height: 34px; */
  color:#FFFFFF;
}
.header-business a {
color:#FFFFFF; 
}
.header-business a:hover {
   text-decoration: underline;
   color:#FFFFFF; 
}

