/* --- StyleSheet -------------------------------------------------------- */
/* Author: VIP marketing BV                                                */
/* Creation date: 17-03-2010                                               */
/* Modification date: 17-03-2010                                           */
/* Customer: Xtra Materieel                                                */
/* Usage: Freestyler 3 base stylesheet SCREEN                              */
/* ----------------------------------------------------------------------- */
BODY {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
background-color: #848076;
font: normal 9px/140% Arial, Verdana;
color: #cac3af;
line-height: 20px;
background-image: url(../htmlViewDocuments/4E0C3224593AB2EEC12576F0002C9334/$FILE/bodyBg.png);
background-repeat: repeat-x;
}
/* --- BEGIN LOTUS DOMINO FORM FIX --- */
FORM {
padding: 0px;
margin: 0px;
}
/* --- END LOTUS DOMINO FORM FIX ---- */
H1 {
font-size : 16pt;
color : #f7ba00;
font-weight: normal;
margin-top: 0px;
margin-bottom: 5px;
}
H2 {
font-size : 14pt;
color : #FFF;
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
}
H3 {
font-size : 12pt;
color: #f7ba00;
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
}
/* --- BEGIN Special for pricing articles --- */
H4 {
margin-top: 7px;
padding: 10px;
width: 170px;
float: right;
color: #f7ba00;
background-color: #333333;
font-size: 12pt;
font-weight: bold;
border: 1px dotted #f7ba00;
text-align: center;
}
/* ---- END Special for pricing articles --- */
HR {
height : 1px;
color : #9A9A9A;
clear: both;
}
P {
font-size : 10pt;
color : #cac3af;	
line-height: 20px;
margin-top: 0px;
margin-bottom: 20px;
}
ul {
font-size : 10pt;
margin-left : 20px;
margin-right : 5px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 20px;
line-height: 20px;
}
ol {
font-size : 10pt;
margin-left : 27px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 20px;
line-height: 20px;		
}
img {
border-color : #9A9A9A #9A9A9A #9A9A9A #9A9A9A;
}
a:link,
a:visited,
a:active {	
color: #f7ba00;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* --- BEGIN Framestructure definition ----------------------------------- */
table.mainStructure {
width: 985px;
margin-top: 0px;
margin-bottom: 0px;
}
td.leftHeader {
height: 35px;
margin: 0px;
padding: 0px;
vertical-align: top;
}
td.pageHeader{
height: 35px;
text-align: right;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
}
td.pageHeader P{
padding: 0px;
margin: 0px;
font-size: 10pt;
font-weight: normal;
color: #f7ba00;	
}
td.menuBar {
height: 45px;
padding: 0px;
margin: 0px;
font-size: 12pt;
background-image: url(../htmlViewDocuments/4E0C3224593AB2EEC12576F0002C9334/$FILE/bgMenu.png);
background-repeat: no-repeat;
background-position: right;
vertical-align: top;
}
td.pageBanner {
padding-top: 10px;
padding-bottom: 10px;
vertical-align: top;
} 
td.rightBanner{
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;	
}
td.pageBox {
padding-top: 10px;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 0px;
background-color: #4b4a45;
vertical-align : top;
}
td.rightCollumn {
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
background-color: #4b4a45;
vertical-align : top;
}
#advertiserBox{
float: right;
width: 260px;
padding-top: 0px;
padding-bottom: 0px; 
font-size: 9pt;
}
td.pageFooter {
padding: 0px;
}
/* --- END FrameStructure definitition ----------------------------------- */
/* --- BEGIN Header Images ----------------------------------------------- */
#primaryImage {
position: absolute;
z-index: 3;
}
#masker{
position: absolute;
z-index: 2;
width: 655px;
height: 200px;
background-image: url(../htmlViewDocuments/4E0C3224593AB2EEC12576F0002C9334/$FILE/masker.png);
background-repeat: no-repeat;
}
/* --- END Header Images ------------------------------------------------- */
/* --- BEGIN MenuItems Definition -------------------------------------- */
#menu {
margin-top: 0px;
margin-left: 250px;
margin-bottom: 0px;
margin-right: 10px;
padding: 0;
z-index: 30;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu li
{
margin: 0px;
padding: 0px;
list-style: none;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}
#menu li a {
display: block;
margin: 0px;
padding-top: 12px;
padding-bottom: 11px;
padding-left: 10px;
padding-right: 10px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11pt;
text-decoration: none;
}
#menu a.menu_current{
background-color: #f7ba00;
color: #FFF;
}
#menu li a:hover{
background-color: #f7ba00;
color: #FFF;
}
#menu div {
position: absolute;
visibility: hidden;
width: 200px;
margin-top: 0px;
padding: 0px;
background: #f7ba00;
z-index: 31;
text-decoration: none;
border: 0px solid #9A9A9A;
}
#menu div a {
position: relative;
display: block;
margin: 0px;
padding-top:5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
width: auto;
text-align: left;
color: #000;
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
white-space: nowrap;
}
#menu div a:hover {
color: #FFF;
text-decoration: none;
}
/*--- END MenuItems Defintion -------------------------------------------- */
/* --- BEGIN latestNews -------------------------------------- */
#latestNews{
width: 275px;
height: 200px;
float: right; 
background-image: url(../htmlViewDocuments/4E0C3224593AB2EEC12576F0002C9334/$FILE/bgLatestNews.png);
background-repeat: no-repeat;	
}
#latestNews .newsItems{
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
font-size: 9pt;
}
#latestNews H2{
margin-bottom: 0px;
font-size: 12pt;
font-weight: bold;
color: #000;
}
#latestNews HR{
line-height: 1px;
color: #FFF;
}
#latestNews UL{
margin-top: 0px;
margin-bottom: 5px;
font-size: 9pt;
color: #f7ba00;
}
#latestNews LI{
margin-bottom:0px;
line-height: 16px;
}
#latestNews LI A{
color: #FFF;
font-size: 9pt;
}
/* --- END latestNews ---------------------------------------- */
/* --- BEGIN pageWrapper ------------------------------------- */
#pageWrapper {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 30px;
margin: 0px;
background-color: #59564f;
}
#pageWrapper H1 {
margin: 0px;
padding: 10px;
background-color: #252525;
color: #cac3af;
font-size: 16pt;
font-weight: bold;
}
#pageWrapper .content {
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
/* --- END poagewrapper -------------------------------------- */
/* --- BEGIN InfoTables -------------------------------------- */
#pageWrapper TABLE{
border: 0px solid #9a9a9a;
font-size: 9pt;
border-collapse: collapse;
padding: 3px;
}
#pageWrapper TD{
border: 0px solid #9a9a9a;
border-collapse: collapse;	
}
/* --- END InfoTables ---------------------------------------- */
/* --- BEGIN footerBox  -------------------------------------- */
#footerBox {
padding: 0px;
text-align: center;
}
#footerBox P{
padding:0px;
margin: 0px;
}
#footerContact {
margin-top: 10px;
text-align:center;
padding: 10px;
background-color: #f7ba00;
color: #000000;
}
#footerMap{
margin-top: 10px;
padding: 10px;
background-color: #bbb5a7;
}
#footerMap TD{
color: #000000;
} 
#footerMap P{
color: #000000;
}
#footerMap UL{
margin-left: 0px;
padding-left: 0px;
}
#footerMap LI{
list-style:none;
}
#footerMap A:link,
#footerMap A:visited{
color: #000000;
text-decoration:none;
}
#footerMap A:hover,
#footerMap A:active{
text-decoration: underline;
}
/* --- END footerBox  -------------------------------------- */
/* --- BEGIN Colofon Box ------------------------------------------------- */
#menuColofon {
margin: 0px;
background-color: #59564f;
}
#menuColofon H2{
padding: 10px;
background-color: #252525;
color: #f7ba00;
font-size: 16pt;
font-weight: bold;
}
#menuColofon P{
font-size: 9pt;
margin: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
/* --- END Colofon Box --------------------------------------------------- */
/* --- BEGIN Image Gallery definition ------------------------------------ */
#imageGallery {
margin: 0px;
background-color: #59564f;
}
#imageGallery H2{
padding: 10px;
background-color: #252525;
color: #f7ba00;
font-size: 16pt;
font-weight: bold;
}
#imageGallery .thumbnails{
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
#imageGallery IMG {
border: 1px solid #9A9A9A;
margin: 2px;
width: 110px;
height: 80px;
}
/* --- END Image Gallery definition -------------------------------------- */
/* --- BEGIN Crossell box definition ------------------------------------- */
#xsellBody {
margin: 0px;
background-color: #59564f;
}
#xsellBody .xsellContent {
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
#xsellBody P {
font-size: 9pt;
margin-top: 3px;
margin-bottom: 15px;
}
#xsellBody H2 {
padding: 10px;
background-color: #252525;
color: #f7ba00;
font-size: 16pt;
font-weight: bold;
text-decoration: none;
}
#xsellBody UL {
font-size: 9pt;
line-height: 18px;
margin-bottom: 5px;
}
#xsellBody A:link,
#xsellBody A:visited{
color: #f7ba00;
text-decoration: none;
}
#xsellBody A:hover,
#xsellBody A:active {
text-decoration: underline;
}
/* --- END Crossell box definition --------------------------------------- */
/* --- BEGIN List Category Box definition (DATABASE ROOT) ---------------- */
#categoryList {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
font-size: 10pt;
}
#categoryList H2{
margin-top: 0px;
margin-bottom: 0px;
font-size : 11pt;
font-weight: bold;	
}
#categoryList UL{
margin-bottom: 5px;
}
/* --- END List Category Box definition (DATABASE ROOT) ------------------ */
/* --- BEGIN Article box definition (DATABASE CATEGORY) ------------------ */
#articleBox {
width: 100%;
padding: 0px;
margin: 0px;
}
#articleBody {
margin-bottom: 20px;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 9pt;
border-top: 1px solid #cac3af;
}
img.articleImage {
margin-top: 0px;
margin-left: 5px;
float: right;
border : 1px solid #cac3af;
}
#articleBody H2 {
margin-top: 0px;
margin-bottom: 5px;
font-size : 11pt;
font-weight: bold;
color: #f7ba00;
text-decoration: none;
}
#articleBody P {
margin-top: 5px;
margin-bottom: 10px;
}
/* --- END Article box definition (DATABASE CATEGORY) -------------------- */
/*--- BEGIN Attachements ------------------------------------------------- */
table.attachements {
width: 630px;
margin-bottom: 10px;
border-collapse : collapse;	
}
table.attachements A:link,
table.attachements A:active,
table.attachements A:visited {
text-decoration: none;
display: block;
}
table.attachements A:hover {
text-decoration: underline;
}
td.att_headers {
font-size: 10pt;
color: #FFF;
font-weight : bold;
padding : 5px;
}
td.att_subheaders {
font-size: 9pt;
padding : 5px;
}
td.att_cell {
padding: 5px;
font-size: 9pt;
}
td.att_field{
padding: 5px;
font-size: 9pt;
font-weight: normal;
}
tr.att_normal { 
background-color: 
}
tr.att_highlight { 
color: #f7ba00;
}
.required {
color: #FF0000;
font-size: 10pt;
font-weight: bold;
}
/*--- END Attachements --------------------------------------------------- */
/* --- BEGIN Related Articles box  --------------------------------------- */
#relatedArticles {
margin-bottom: 15px;
font-size : 10pt;
}
#relatedArticles H2{
padding: 5px;
margin: 0px;
color : #FFF;
font-size : 10pt;
font-weight: bold;		
}
#relatedArticles UL{
margin-bottom: 5px;
}
#relatedArticles LI{
list-style-type : square;
}
/* --- END Related Articles box  ----------------------------------------- */
/*--- BEGIN Responder form items  ---------------------------------------- */
table.responder {
width: 630px;
margin-bottom: 10px;
padding: 0px;
border-collapse: collapse;
}
table.responder td.responsHeader {
text-align: left;
font-size: 10pt;
color: #FFF;
font-weight: bold;
padding: 5px;
}
table.responder td.responsLeft {
width:120px;
font-size: 10pt;
padding: 5px;
}
table.responder td.responsRight {
padding-top: 5px;
padding-bottom: 5px;	
}
table.responder td.responsMid {
padding: 5px;
border:0px;
font-size: 10pt;	
line-height: 20px;
color: #cac3af;
}
table.responder td.responsFooter {
font-family: Verdana;
height: 20px;
vertical-align: top;
border: 0px;
}
table.responder .field_textarea {
font-family: Verdana;
color : #4b4a45;
font-size : 9pt;
font-style : normal;
padding: 3px;
border: 1px solid #4b4a45;
background-color: #bdbca0;
}
table.responder .field_normal {
font-family: Verdana;
color : #4b4a45;
font-size : 9pt;
font-style : normal;
padding: 3px;
border: 0px;
border-bottom : 1px solid #4b4a45;
background-color: #bdbca0;
height: 22px;
}
table.responder .field_required {	
font-family: Verdana;
color : #4b4a45;
font-size : 9pt;
font-style : normal;
padding: 3px;
border: 0px;
border-bottom : 1px solid #4b4a45;
background-color: #bdbca0;
height: 22px;
}
input.catcher {
background-color: #DDDDDD;
color: #000000;
display: none;
}
.submitButton {
padding: 3px;
color: #f7ba00;
background-color: #4b4a45;
border: 1px solid #f7ba00;;
}
/*--- END FORM Items ----------------------------------------------------- */
/* --- BEGIN Search box definition --------------------------------------- */
#searchBody {
color : #666666;
font-size : 8pt;
float: right;
margin-top: 10px;
margin-right: 20px;
}
#searchBody A:link,
#searchBody A:visited{
display: block;
font-size : 9pt;
width: 22px;
height: 22px;
margin-left: 5px;
padding-left: 0px;
color: #000000;
background-image : url(../htmlViewDocuments/4E0C3224593AB2EEC12576F0002C9334/$FILE/search21_off.gif);
background-repeat : no-repeat;
}
#searchBody A:hover,
#searchBody A:active{
color: #FF0000;
background-image : url(../htmlViewDocuments/4E0C3224593AB2EEC12576F0002C9334/$FILE/search21_on.gif);	
background-repeat : no-repeat;	
}
#searchBody input.searchField {
font-family: Verdana;
color : #666;
font-size : 9pt;
font-style : normal;
padding: 3px;
border : 1px solid #666;
background-color: #FFF;
width: 165px;
height: 22px;
}
/* --- END Search box definition ----------------------------------------- */
/* --- BEGIN Navigation Elements ----------------------------------------- */
#pageNavigator{
clear : both;
margin-top: 20px;
font : normal 8pt Arial;
display: block;
color : #FFF;
text-align : left;		
line-height: 40px;
border-top : 1px solid #cac3af;
}
a.paginator:link,
a.paginator:visited {
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #f7ba00;
text-decoration: none;
background-color: #4b4a45;
border : 1px solid #f7ba00;
text-align : center;
}
a.paginator:active,
a.paginator:hover {
color: #4b4a45;
background-color: #f7ba00;
border : 1px solid #f7ba00;
}
a.paginator_selected:link,
a.paginator_selected:visited,
a.paginator_selected:active,
a.paginator_selected:hover {
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #4b4a45;
text-decoration: none;
background-color: #f7ba00;
border : 1px solid #f7ba00;
text-align : center;	
}
a.backLink:link,
a.backLink:visited {
float: right;
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #f7ba00;
text-decoration: none;
background-color: #4b4a45;
border : 1px solid #f7ba00;
text-align : center;
}
a.backLink:hover,
a.backLink:active {
color: #4b4a45;
background-color: #f7ba00;	
}
a.archiveLink:link,
a.archiveLink:visited {
float: right;
margin-top: 10px;
margin-right: 10px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #f7ba00;
text-decoration: none;
background-color: #4b4a45;
border : 1px solid #f7ba00;
text-align : center;
}
a.archiveLink:hover,
a.archiveLink:active {
color: #4b4a45;
background-color: #f7ba00;	
}
/* --- END Navigation Elements ----------------------------------------- */
/* --- END StyleSheet -------------------------------------------------- */