/* ------------------------------------ *
    Document: main.css
    Datum aanmaak: 18-07-2006
    Datum laatste wijziging: 22-04-2007
    Versie: 1.0.1
    Auteur: Peter de Regt
    Copyright Shark IT
 * ------------------------------------ */

body {
  PADDING-TOP: 4px;  PADDING-BOTTOM: 0px;  PADDING-LEFT: 0px;  PADDING-RIGHT: 0px;
  MARGIN: 0px; WIDTH: auto;
  FONT-FAMILY: Arial, Helvetica, sans-serif;  FONT-WEIGHT: normal;  FONT-SIZE: 9pt;
  COLOR: #000000;
/*  background-color : #EEEEEE; */
  background-color : #FFFFFF;
/*  background : url(images/background.03.gif) #FFFF00 repeat;
*/
}

a {
  color : black;
  font-weight: normal;
  font-size: 9pt;
  font-family: Arial, Helvetica, sans-serif;  text-decoration: underline;
}

a:hover {
  color: #FF8000;
  font-weight: normal;
  font-size: 9pt;
}

h1 { padding : 0px; margin : 0px; color: #F8981D; line-height: 1.2em; font-size: 14pt; font-family: Arial, Helvetica, sans-serif;   }
h2 { color: #F8981D; font-size: 11pt; font-family: Arial, Helvetica, sans-serif;   }
h3 { color: #F8981D; font-size: 11px; line-height: 11px; font-family: Arial, Helvetica, sans-serif;   }
h4 { color: #F8981D; font-style: normal; font-weight: lighter; font-size: 10px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; }

table {
 border  : 0px solid #000000;
 width   : 100%;
 margin  : 0px;
 padding : 0px;
}
td {
  font-size: 9pt;
  font-family:  Arial, Helvetica, sans-serif;
  text-decoration: none;
  BACKGROUND-COLOR: white;
  vertical-align: top;
  text-align : left;
}
tr {
  margin  : 0px;
  padding : 0px;
}
p {
padding : 0px; margin : 0px;
}
.main {
  width   : 792px;
  margin-left: auto; margin-right: auto;
  padding : 0px;
  border-spacing: 0px;
  border : 0px solid #FFFFFF;
}
.header-left {
  border : 0px solid #FFFFFF;
  margin : 0px;
  padding : 0px;
  background : url(images/bg-header-left.png) #FFFFFF no-repeat;
  width : 24px;
}
.header-main {
  border : 0px solid #FFFFFF;
  margin : 0px;
  padding : 0px;
  background : url(images/bg-header-main.png) #FFFFFF repeat-x;
  height : 111px;

}
.header-right {
  border : 0px solid #FFFFFF;
  margin : 0px;
  padding : 0px;
  background : url(images/bg-header-right.png) #FFFFFF no-repeat;
  width : 24px;
}
.merken-1 {
  background : url(images/bg-merken-1.png) #FFFFFF repeat;
  height : 36px;
}
.merken-2-left {
  background : url(images/bg-merken-2-left.png) #FFFFFF no-repeat;
}
.merken-2-main {
  background : url(images/bg-merken-2-main.png) #FFFFFF repeat-x;
  height : 24px;
}
.merken-2-right {
  background : url(images/bg-merken-2-right.png) #FFFFFF no-repeat;
}
.content-left {
  background : url(images/bg-content-left.png) #FFFFFF repeat-y;
  width : 24px;

}
.content-main-left {
  background : url(images/bg-content.png) #FFFFFF repeat;
  height : 370px;
  width : 530px;
  border : 0px;
  padding : 0px;
  margin : 0px;
}
.content-main-left-new {
  background : url(images/bg-content.png) #FFFFFF repeat;
  height : 370px;
  width : 554px;
  border : 0px;
  padding : 8px;
  margin : 0px;
}

.content-main-right-top {
/*  padding-left : 6px;
  padding-top : 6px;
*/
  background : url(images/bg-content.png) #FFFFFF repeat;
  width : 208px;
}
.content-main-right-top-new {
/*  padding-left : 6px;
  padding-top : 6px;
*/
  background : url(images/bg-content.png) #FFFFFF repeat;
  width : 232px;
  border-left : 1px solid #000000;
}
.content-main {
  border-left : 1px solid #000000;
  border-right : 1px solid #000000;
}
.content-main-right-bottom {
/*   padding-left : 24px; */
  background : url(images/bg-content.png) #FFFFFF repeat;
  text-align : center;
  vertical-align : middle;
  height : 130px;
}
.content-main-right-bottom-new {
/*   padding-left : 24px; */
  background : url(images/bg-content.png) #FFFFFF repeat;
  text-align : center;
  vertical-align : middle;
  height : 130px;
  border-left : 1px solid #000000;

}
.content-right {
  background : url(images/bg-content-right.png) #FFFFFF repeat-y;
}
.content-right p {
 padding : 0px;
 margin : 0px;

}
.footer-left {
  border : 0px solid #FFFFFF;
  margin : 0px;
  padding : 0px;
  background : url(images/bg-footer-left.png) #FFFFFF no-repeat;
  width : 24px;
  border-top : 1px solid #000000;

}
.footer-main {
  border : 0px solid #FFFFFF;
  margin : 0px;
  padding : 0px;
  background : url(images/bg-footer-main.png) #FFFFFF repeat-x;
  height : 36px;
  border-top : 1px solid #000000;

}
.footer-right {
  border : 0px solid #FFFFFF;
  margin : 0px;
  padding : 0px;
  background : url(images/bg-footer-right.png) #FFFFFF no-repeat;
  width : 24px;
  border-top : 1px solid #000000;
}


/*
..
..ORGINEEL
..
*/
.header {
 height : 30px;
 border-bottom : 4px solid #FFFFFF;
 background-color : #F5EDE2;
 text-align : right;
 vertical-align : middle;
}
.content-logo {
  border-right : 4px solid #FFFFFF;
  border-bottom : 4px solid #FFFFFF;
  vertical-align : middle;
  text-align : center;
  background-color : #F5EDE2;
}
.content-tagline {
 background-color : #F5EDE2;
 border-bottom : 4px solid #FFFFFF;
}
.content {
  border-bottom : 4px solid #FFFFFF;
  border-top : 4px solid #FFFFFF;
  height : 200px;
}
.content-footer {
  text-align : right;
  background-color : #F5EDE2;
  height : 30px;
  vertical-align : middle;
  border-top : 4px solid #FFFFFF;
}
.content-bottom td {
  height : 2px;
  background-color : #B69A73;
  border-top : 4px solid #B69A73;
  border-bottom : 4px solid #B69A73;
}

.header-menu {
  vertical-align: top;
  text-align : right;
}
.menu-header, .menu-header a, .header-menu, .header-menu a {
  font-size: 10px;
  font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;
}
.menu-footer {
  vertical-align: middle;
  text-align : center;
}
.copyright {
  text-align : center;
  width : 100%;
}
.copyright-content {
  text-align : center;
 font-size : 8pt;
}
.copyright-content a, .copyright-content a:hover, .copyright-content a:visited {
  text-align : center;
 font-size : 8pt;

}
.sub {

}
.content-tools, .menu-tools {
  vertical-align: bottom;
  background-color : #FFFFFF;
  border-bottom : 4px solid #FFFFFF;
  font-size : 10px;
}
.content-tools td {
 border-top : 1px solid #c0c0c0;
 height : 10px;
 vertical-align : middle;
 text-align : center;
}

.menu-tools a, .menu-tools a:hover {
  font-size : 10px;

}

.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;

}

#menu-vertical {
 width : 201px;
}
#menu-vertical ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu-vertical li{
  margin: 0;
  padding: 0px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  width: 100%;
}

.menu-vertical-level1-no, .menu-vertical-level1-no a {
  background-color: #F0E7D8;
  color: #5D503F;   font-weight: normal;
}
.menu-vertical-level1-act, .menu-vertical-level1-act a {
  background-color: #F0E7D8;
  color: #5D503F;    font-weight: bold;
}
.menu-vertical-level1-cur, .menu-vertical-level1-cur a {
  background-color: #F0E7D8;
  color: #5D503F;    font-weight: bold;
}
.menu-vertical-level1-actifsub, .menu-vertical-level1-actifsub a {
  background-color: #F0E7D8;
  color: #5D503F;     font-weight: bold;
}
.menu-vertical-level2-no, .menu-vertical-level2-no a {
  background-color: #4D4634;
  color: #FFFFFF;   font-weight: normal;
}
.menu-vertical-level2-act, .menu-vertical-level2-act a {
  background-color: #4D4634;
  color: #FFB820;   font-weight: bold;
}
.menu-vertical-level2-cur, .menu-vertical-level2-cur a {
  background-color: #4D4634;
  color: #FFB820;   font-weight: bold;
}
.menu-vertical-level2-actifsub, .menu-vertical-level2-actifsub a {
  background-color: #4D4634;
  color: #FFB820;   font-weight: bold;
}

.menu-vertical-level3-no, .menu-vertical-level3-no a {
  background-color: #4D4634;
  color: #FFFFFF;   font-weight: normal;
}
.menu-vertical-level3-act, .menu-vertical-level3-act a {
  background-color: #4D4634;
  color: #FFB820;    font-weight: bold;
}
.menu-vertical-level3-cur, .menu-vertical-level3-cur a {
  background-color: #4D4634;
  color: #FFB820;    font-weight: bold;
}
.menu-vertical-level3-actifsub, .menu-vertical-level3-actifsub a {
  background-color: #4D4634;
  color: #FFB820;   font-weight: bold;
}

#menu-vertical li a{
  display: block;
  text-decoration: none;
  padding: 4px 5px 4px 5px;
  border-top: 1px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 1px solid #4D4634;
  border-left: 0px solid #FFF;
}

#menu-vertical li a:link, #menu-vertical li a:visited{

}

#menu-vertical li a:hover, #menu-vertical li a:active{
  background: #595240;
  color: #FFB820;
}

#menu-vertical li li {
  margin: 0;
  padding: 0px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  border-top: 0px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 0px solid #FEB660;
  border-left: 0px solid #FFF;

}
#menu-vertical li li a{
  padding: 4px 5px 4px 20px;
}

#menu-vertical li li a:link, #menu-vertical li li a:visited{
/*
  background: #FF8000;
  color: #FFFFFF;
*/
  border-top: 0px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 0px solid #FEB660;
  border-left: 0px solid #FFF;
}

#menu-vertical li li a:hover, #menu-vertical li li a:active{
  background: #595240;
  color: #FFB820;
}

#menu-vertical ul ul{
  margin: 0 0 0 0px;
  border-top: 1px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 1px solid #FEB660;
  border-left: 0px solid #FFF;
}

#menu-vertical li li li {
  margin: 0;
  padding: 0px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
#menu-vertical li li li a{
  padding: 4px 5px 4px 35px;
}

#menu-vertical li li li a:link, #menu-vertical li li li a:visited{

}

#menu-vertical li li li a:hover, #menu-vertical li li li a:active{
  background: #595240;
  color: #FFB820;
}
#menu-vertical ul ul ul{
  margin: 0 0 0 0px;
  border-top: 0px solid #FFF;
  border-right: 0px solid #FEB660;
  border-bottom: 0px solid #FEB660;
  border-left: 0px solid #FFF;
}

.content-menu-horizontal {
  height : 32px;
  background-color : #E47C00;
  border-top: 4px solid #B9A38E;
  border-right: 0px solid #FEB660;
  border-bottom: 4px solid #B9A38E;
  border-left: 0px solid #FFF;
}


.content-title {
  border-left : 0px solid #FFFFFF;
  border-right : 0px solid #FFFFFF;
  border-top : 4px solid #CEB4A5;
  border-bottom : 4px solid #CEB4A5;
  width : 100%;
}
.content-title td {
  background-color : #A0754B;
  color : #FFFFFF;
  height : 32px;
 vertical-align : middle;
  padding: 4px 4px 4px 12px;
  font-size : 14px;
  font-weight: bold;
 }

.menu-vertical-title {
  border-left : 0px solid #FFFFFF;
  border-right : 0px solid #FFFFFF;
  border-top : 4px solid #E4B682;
  border-bottom : 4px solid #E4B682;
  width : 100%;
}
.menu-vertical-title td {
  background-color : #D77D1C;
  color : #FFFFFF;
  height : 32px;
  vertical-align : middle;
  padding: 4px 4px 4px 12px;
  font-size : 14px;
  font-weight: bold;
}

/*.....................................*/
.menu {
   background : url(images/bg-menu.png) #FFFFFF repeat-x;
   height : 36px;
   border-top : 1px solid #000000;
}
.menu-left {
   background : url(images/bg-menu.png) #FFFFFF repeat-x;
   height : 36px;
   border-left : 1px solid #000000;
   border-top : 1px solid #000000;
  border-right: 1px solid #000000;
}
.menu-right {
   background : url(images/bg-menu.png) #FFFFFF repeat-x;
   height : 36px;
   border-right : 1px solid #000000;
   border-top : 1px solid #000000;
  border-left: 1px solid #FFFFFF;
}

/*....MENU-HORIZONTAL....*/
.menu-horizontal {
  background : url(images/bg-menu.png) #FFFFFF repeat-x;
  padding : 0px;
  margin : 0px;
  height : 36px;
  width : 100% /* width : 160px; */
}
.menu-horizontal td {
  background : url(images/bg-menu.png) #FFFFFF repeat-x;
  height : 36px;
  vertical-align : middle;
  border-right: 1px solid #000000;
  border-left: 1px solid #FFFFFF; 
}
.menu-horizontal-no td {
  
  vertical-align : middle;
  height : 36px;
  width : 100px;
}
.menu-horizontal-act td {
  
  vertical-align : middle;
  color : white;
  height : 36px;
  width : 100px;
}
.menu-horizontal-no a {
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}

.menu-horizontal-blanco td {
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  border-right: 0px solid #000000;
  border-left: 1px solid #FFFFFF; 

}
.menu-horizontal-act a, .menu-horizontal-act a:hover, .menu-horizontal-no a:hover {
  color : #F8981D;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}

.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;
}

.menu-horizontal li a {
  display: block;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  text-align : center; vertical-align : middle;
  border-top: 0px solid #FFF;
  border-right: 0px solid #FFF;
  border-bottom: 0px solid #FEB660;
  border-left: 0px solid #FFF;
  width : 180px;
  text-align : center;
}