/* --- StyleSheet -------------------------------------------------------- */
/* Author: ASPerience BV                                                   */
/* Creation date: 12-10-2009                                               */
/* Modification date:                                                      */
/* Customer: Ter Burg */
/* Usage: Freestyler 3 base stylesheet SCREEN                              */
/* ----------------------------------------------------------------------- */
BODY {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
background-color: #FFFFFF;
font: normal 9px/140% Arial, Verdana;
color: #666666;
line-height: 20px;
background-image: url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/bg_page.gif);
background-repeat: repeat-x;
}
/* --- LOTUS DOMINO FORM FIX ---*/
FORM {
padding: 0px;
margin: 0px;
}
H1 {
font-size : 14pt;
color : #9e8b46;
font-weight: bold;
}
H2 {
font-size : 12pt;
color : #9e8b46;
font-weight: bold;
}
/* --- BEGIN Special for pricing articles --- */
H3 {
margin-top: 7px;
padding: 5px;
width: 180px;
float: right;
color: #9e8b46;
background-color: #FFFFFF;
font-size: 9pt;
font-weight: bold;
border: 1px dotted #9e8b46;
text-align: center;
}
/* ---- END Special for pricing articles --- */
HR {
height : 1px;
color : #9e8b46;
}
P {
font-size : 10pt;
color : #666666;	
line-height: 20px;
margin-bottom: 10px;
}
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 : #666666 #666666 #666666 #666666;
}
a:link,
a:visited,
a:active {	
color: #8a7a50;
text-decoration: underline;
}
a:hover {
color: #8a7a50;
text-decoration: underline;
}
/* --- BEGIN Framestructure definition ----------------------------------- */
table.mainStructure {
width: 990px;
}
td.leftHeader{
padding-left: 20px;
padding-top: 10px;
vertical-align: top;
background-color: #FFFFFF;
}
#logo {
margin-top: 10px;
margin-left: 20px;
position:absolute;
z-index:999;
}
#head {
float: right;
}
td.pageHeader{
vertical-align: top;
background-color: #FFFFFF;
}
td.rightHeader{
text-align: left;
vertical-align: top;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
background-color: #FFFFFF;
}
td.menuBar {
padding: 0px;
margin: 0px;
font-size: 11pt;
color: #ecd155;
background-image: url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/bg_menu.png);
}
td.menuBar A:link,
td.menuBar A:visited {
padding-left: 20px;
padding-right: 20px;
border-right: 1px solid #ecd155;
color: #FFFFFF;
text-decoration: none;
}
td.menuBar A:hover,
td.menuBar A:active {
color: #FFFFFF;
text-decoration: underline;
}
td.pageBox {
background-color : #FFFFFF;
vertical-align : top;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
td.rightCollumn {
background-color: #ecd155;
vertical-align: top;
}
td.leftFooter {
}
td.pageFooter {
text-align: center;
}
td.rightFooter {
}
/* --- END FrameStructure definitition ----------------------------------- */
/* --- BEGIN MenuItems Definition ---------------------------------------- */
#menu {
margin-top: 0px;
margin-left: 10px;
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;
color: #eeeeee;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}
#menu li a {
display: block;
margin: 0px;
padding-top: 4px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
color: #eeeeee;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border-right:1px solid #ecd155;
}
#menu li a:hover{
background: #c1a961;
color: #ecd155;
text-decoration: none;
}
#menu div {
position: absolute;
visibility: hidden;
margin-top: 5px;
padding: 0px;
background: #c1a961;
z-index: 31;
text-decoration: none;
}
#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;
background: #c1a961;
color: #eeeeee;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
border-bottom: 1px solid #9e8b46;
border-right: 0px solid #9e8b46;
white-space: nowrap;
}
#menu div a:hover {
background: #c1a961;
color: #ecd155;
}
/*--- END MenuItems Defintion -------------------------------------------- */
/* --- BEGIN List Category Box definition (DATABASE ROOT) ---------------- */
#categoryList {
padding: 10px;
background-color: #EEEEEE;
margin-bottom: 10px;
font-size: 10pt;
line-height: 20px;	
}
#categoryList H2{
font-size: 10pt;
margin-top: 0px;
margin-bottom: 0px;
}
#categoryList LI{
list-style-type: circle;
}
/* --- END List Category Box definition (DATABASE ROOT) ------------------ */
/* --- BEGIN Article box definition (DATABASE CATEGORY) ------------------ */
#articleBody {
padding: 10px;
background-color: #EEEEEE;
margin-bottom: 10px;
font-size: 10pt;
line-height: 20px;	
}
img.articleImage {
margin-right:10px;
float: left;
border : 1px solid #666666;
}
#articleBody H2 {
font-size: 10pt;
margin-top: 0px;
margin-bottom: 0px;
}
#articleBody P {
margin-top: 5px;
margin-bottom: 5px;
}
/* --- END Article box definition (DATABASE CATEGORY) -------------------- */
/*--- BEGIN Attachements and Formtables  --------------------------------- */
table.attachements {;
background-color: #EEEEEE;
margin-bottom: 10px;
border-collapse : collapse;	
}
table.attachements A:link,
table.attachements A:active,
table.attachements A:visited {
width: 320px;
display: block;
}
table.attachements A:hover {
}
td.att_headers {
font-size: 12pt;
color: #8a7a50;
font-weight : bold;
padding : 5px;
}
td.att_subheaders {
background-color: #EEEEEE;
font-size: 10pt;
padding : 5px;
}
td.att_cell {
font-size: 10pt;
padding: 5px;
}
td.att_field{
background-color: #EEEEEE;
font-size: 10pt;
padding: 5px;
}
tr.att_normal { 
background-color: 
}
tr.att_highlight {
color: #990000;
background-color: ;
}
.required {
color: #FF0000;
font-size: 10pt;
font-weight: bold;
}
/*--- END Attachements and Formtables  ----------------------------------- */
/*--- BEGIN FORM Items --------------------------------------------------- */
.field_normal {
height: 22px;
font-family: Verdana;
color : #000000;
font-size : 8pt;
padding: 3px;
border : 1px solid #666666;	
background-color: #FFFFFF;
background-image : url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/backgroundInput.gif);
background-repeat : no-repeat;
}
.field_required {
height: 22px;
font-family: Verdana;
color : #000000;
font-size : 8pt;
padding: 3px;
border : 1px solid #666666;
background-color: #FFFFFF;
background-image : url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/backgroundInput.gif);
background-repeat : no-repeat;
}
.field_textarea{
font-family: Verdana;
color : #000000;
font-size : 8pt;
padding: 3px;
border : 1px solid #666666;
background-color: #FFFFFF;
background-image : url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/backgroundInput.gif);
background-repeat : no-repeat;	
}
.field_textarea_required{
font-family: Verdana;
color : #FF0000;
font-size : 8pt;
padding: 3px;
border : 1px solid #666666;
background-color: #FFFFFF;
background-image : url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/backgroundInput.gif);
background-repeat : no-repeat;	
}
input.catcher {
background-color: #DDDDDD;
color: #000000;
display: none;
}
/*--- END FORM Items ----------------------------------------------------- */
/* --- BEGIN Related Articles box  --------------------------------------- */
#relatedArticles {
background-color: #EEEEEE;
margin-bottom: 10px;
padding: 3px;
color : #666666;
font-size : 8pt;
line-height: 20px;
}
#relatedArticles H2{
margin: 3px;
}
#relatedArticles UL{
margin-bottom: 5px;
}
#relatedArticles LI{
list-style-type: circle;
margin-bottom: 5px;
}
/* --- END Related Articles box  ----------------------------------------- */
/* --- BEGIN Search box definition --------------------------------------- */
#searchBody {
padding: 0px;
margin-left: 15px;
color : #666666;
font-size : 8pt;
}
#searchBody A:link,
#searchBody A:visited{
display: block;
border-right: 0px solid black;
font-size : 9pt;
width: 23px;
height: 23px;
margin-left: 5px;
margin-right: 0px;
padding: 0px;
color: #000000;
background-image : url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/search_off.gif);
background-repeat : no-repeat;
}
#searchBody A:hover,
#searchBody A:active{
color: #FF0000;
background-image : url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/search_on.gif);	
background-repeat : no-repeat;	
}
#searchBody input.searchField {
font-family: Verdana;
color : #FFFFFF;
font-size : 9pt;
font-style : normal;
padding: 3px;
border : 1px solid #9e8b46;
background-color: #c1a961;
width: 180px;
height: 23px;
}
/* --- END Search box definition ----------------------------------------- */
/* --- BEGIN Crossell box definition ------------------------------------- */
#advertiserBox{
margin: 15px;
padding: 10px;
font-size: 10pt;
border: 1px solid #9e8b46;
color: #9e8b46;
background-color: #FFFFFF;
background-image: url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/bg_advertiser.gif);
background-repeat: no-repeat;
}
#xsellBody {
margin-top: 0px;
margin-bottom: 20px;
color : #9e8b46;
font-size : 10pt;
}
#xsellBody img {
border-color: #FFFFFF;
}
#xsellBody H2{
color: #9e8b46;
font-size: 12pt;
margin: 0px;
}
#xsellBody P {
font-size: 10pt;
line-height: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
#xsellBody LI{
color: #9e8b46;
}
/* --- END Crossell box definition --------------------------------------- */
/* --- BEGIN Colofon box definition -------------------------------------- */
#menuColofon
{
margin: 15px;
padding: 10px;
font-size: 10pt;
border: 1px solid #9e8b46;
color: #9e8b46;
background-color: #FFFFFF;
background-image: url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/bg_advertiser.gif);
background-repeat: no-repeat;
}
#menuColofon H2{
margin: 0px;
} 
#menuColofon P {
font-size: 10pt;
line-height: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
/* --- END Colofon box definition -------------------------------------- */
/* --- BEGIN Navigation Elements ----------------------------------------- */
#pageNavigator{
clear : both;
margin-top: 20px;
font : normal 8pt Arial;
display: block;
color : #666666;
text-align : left;		
line-height: 40px;
border-top : 1px solid #9e8b46;
}
a.paginator:link,
a.paginator:visited {
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #8a7a50;
text-decoration: none;
background-color: #EEEEEE;
border : 1px solid #9e8b46;
text-align : center;
}
a.paginator:active,
a.paginator:hover {
color: #FFFFFF;
background-color: #9e8b46;
border : 1px solid #9e8b46;
}
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: #FFFFFF;
text-decoration: none;
background-color: #9e8b46;
border : 1px solid #9e8b46;
text-align : center;	
}
a.backLink:link,
a.backLink:visited {
float: right;
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #9e8b46;
text-decoration: none;
background-color: #EEEEEE;
border : 1px solid #9e8b46;
text-align : center;
}
a.backLink:hover,
a.backLink:active {
color: #FFFFFF;
background-color: #9e8b46;	
}
a.archiveLink:link,
a.archiveLink:visited {
float: right;
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #8a7a50;
text-decoration: none;
background-color: #EEEEEE;
border : 1px solid #9e8b46;
text-align : center;
}
a.archiveLink:hover,
a.archiveLink:active {
color: #FFFFFF;
background-color: #9e8b46;	
}
/* --- END Navigation Elements ----------------------------------------- */
/* --- BEGIN articlebodies --------------------------------------------- */
#articleBodies {width:100%;overflow:hidden;padding-top:1px;}
#articleBodies .articleBody {width:164px;height:200px;float:left;display:inline;cursor:pointer;overflow:hidden;	background-color: #FFFFFF; padding: 0px;
background-image: url(../htmlViewDocuments/9663F9F27119F78DC125764300243E34/$FILE/bg_advertiser.gif);
background-repeat: no-repeat; margin-right:6px;margin-bottom:12px; border: 1px solid #9e8b46}
#articleBodies .articleBody H2 {height:26px;line-height:26px;font-size:13px;font-weight:bold; color:#9e8b46; margin: 0px; padding: 0px; padding-left: 5px; padding-right: 5px;}
#articleBodies .articleBody IMG {border: 1px solid #666; width: 150px; height: 100px; margin: 0px; margin-left: 5px; margin-right: 5px;}
#articleBodies .articleBody div.summary {height:50px;overflow:hidden;}
#articleBodies .articleBody div.summary p {padding:0px; padding-top: 3px; padding-left: 5px; padding-right: 5px; margin:0px; font-size: 11px; line-height:14px;}
#articleBodies .articleBody div.leesmeer {text-align:left;padding-left:5px; padding-right:5px;height:16px;}
#articleBodies .articleBody div.leesmeer a {text-decoration:none;height:16px;font-size:11px;}
#articleBodies div.articleBodyHover {background:#9e8b46;}
#articleBodies .articleBodyHover div.titel, 
#articleBodies .articleBodyHover H2, 
#articleBodies .articleBodyHover div.summary, 
#articleBodies .articleBodyHover div.summary * {color:#FFFFFF;}
#articleBodies .articleBodyHover div.leesmeer {color:#FFF;}
#articleBodies .articleBodyHover div.leesmeer a {color:#FFF;}
/* --- END articlebodies ----------------------------------------------- */
#styletable TD{
padding: 3px;
background-color: #EEE;
font: normal 9pt Arial;
}
/* --- END StyleSheet -------------------------------------------------- */