/* --- StyleSheet -------------------------------------------------------- */
/* Author: ASPerience BV                                                   */
/* Creation date:                                                          */
/* Modification date:                                                      */
/* Customer:                                                               */
/* Usage: Freestyler 3 base stylesheet Print				   */
/* ----------------------------------------------------------------------- */
BODY {
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
background-color : #999999;
font:normal 9px/140% Arial, Verdana;
color : #666666;	
line-height: 20px;
}
H1 {
font-size : 16pt;
color : #8a6da0;
font-weight: bold;
margin-bottom: 0px;
}
H2 {
font-size : 12pt;
color : #8a6da0;
font-weight: bold;
margin-bottom: 0px;
}
H3 {
font-size : 10pt;
color : #8a6da0;
font-weight: bold;
margin-bottom: 0px;
}
HR {
height : 1px;
color : #58b145;
}
P {
font-size : 10pt;
color : #666666;	
line-height: 20px;
margin-bottom: 5px;
}
ul {
font-size : 10pt;
margin-left : 20px;
margin-right : 5px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 5px;
line-height: 20px;
}
ol {
font-size : 10pt;
margin-left : 27px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 5px;
line-height: 20px;		
}
img {
border-color : #666666 #666666 #666666 #666666;
}
/*--- Default link styles ----------------------------------------------------*/
a:link,
a:visited,
a:active {	
color: #7f6e4e;
text-decoration: underline;
}
a:hover {
color: #990000;
text-decoration: underline;
}
/*--- END Default link styles ------------------------------------------------*/
/* --- Framestructure definition ----------------------------------------- */
table.mainStructure {
width: 640px
}
td.leftHeader{
height: 20px;
background-image : url(./gfx/leftHeader.gif);
display:none;
}
td.pageHeader{
height: 20px;
background-image : url(./gfx/pageHeader.gif);	
display:none;
}
td.rightHeader{
height: 20px;
background-image : url(./gfx/rightHeader.gif);	
display:none;
}
td.leftBannerBox {
text-align: center;
background-color : #d6cfbd;
background-image : url(./gfx/leftBovenBalk.gif);
display:none;
} 
td.midBannerBox {
vertical-align : top;
background-color : #FFFFFF;
}
td.rightBannerBox {
text-align: center;
background-color : #d6cfbd;
background-image : url(./gfx/rightBovenBalk.gif);
display:none;
}
td.leftCollumn {
background-color: #f7f4e7;
vertical-align : top;	
width: 240px;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #7f6e4e;
background-image : url(./gfx/leftCollumn.gif);
display:none;
}
td.pageBox {
background-color : #FFFFFF;
vertical-align : top;
padding : 10px;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #FFFFFF;	
}
td.rightCollumn {
background-color: #f7f4e7;
vertical-align : top;
width: 240px;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #7f6e4e;
background-image : url(./gfx/rightCollumn.gif);
display:none;
}
td.leftFooter {
height: 30px;
background-color : #f1e8db;
padding: 3px;
background-image : url(./gfx/leftFooter.gif);
display:none;
}
td.pageFooter {
height: 30px;
font-size: 8pt;
color: #666666;
background-color : #f1e8db;
padding: 3px;
text-align : center;
background-image : url(./gfx/pageFooter.gif);
vertical-align : bottom;
}
td.rightFooter {
height: 30px;
background-color : #f1e8db;
padding: 3px;
background-image : url(./gfx/rightFooter.gif);
display:none;
}
/* --- END FrameStructure definitition -------------------------------- */
/*--- menu items normal   -----------------------------------------------*/
a.menu:link,
a.menu:visited 		{
padding : 5px 5px 5px 5px;
margin: 0px;	
display:block;
font : normal 10pt Arial;
color: #7f6e4e;
text-decoration: none;
font-weight : bold;
}
a.menu:hover	{
color: #990000;
background-color: #e2dccf; 
background-image : url(./gfx/leftMenuBox.gif);	
}
a.menu_current:link,
a.menu_current:visited,
a.menu_current:hover	{
padding : 5px 5px 5px 5px;
margin : 0px;	
display:block;
font : normal 10pt Arial;
color: #7f6e4e;
background-color: #e2dccf;
text-decoration: none;	
font-weight : bold;
background-image : url(./gfx/leftMenuBox.gif);
}
a.submenu:link,
a.submenu:visited 		{
padding : 5px 5px 5px 15px;
margin-top : 0px;	
display:block;
font : normal 8pt Arial;
color: #7f6e4e;
text-decoration: none;
}
a.submenu:hover	{
color: #990000;
background-color: #e2dccf; 		
background-image : url(./gfx/leftMenuBox.gif);		
}
a.submenu_current:link,
a.submenu_current:visited,
a.submenu_current:hover	{
padding : 5px 5px 5px 15px;
margin: 0px;	
display:block;
font : normal 8pt Arial;
color: #635526;
background-color: #e2dccf;
background-image : url(./gfx/leftMenuBox.gif);			
text-decoration: none;			
}
a.menuCart:link,
a.menuCart:visited 		{
padding : 5px 5px 5px 35px;
margin: 0px;	
display:block;
color: #3466CC;
font-size: 9pt;
line-height: 20px;
text-decoration: none;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #7f6e4e;
background : #FFFFFF url(./gfx/fs3_shoppingcart16.gif) no-repeat 5px;
}
a.menuCart:hover	{
color: #990000;
}
/*--- END menu items ---------------------------------------------------*/
/*--- Embedded Tables ---------------------------------------------------*/
table.object {
background-color: #f2f3f8;
border : 1px solid #7f6e4e;
}
tr.objectHeaders {
font-family: Arial;
font-size : 10pt;
color: #7f6e4e;
font-weight : bold;
background-color : #f7f4e7;
padding : 3px 3px 3px 3px;
}
tr.objectContent{
font-family: Arial;
font-size : 10pt;
font-weight : normal;
padding : 3px 3px 3px 3px;
background-color : #FFFFFF;
vertical-align : top;
}
/*--- END Embedded Tables -------------------------------------------------*/
/*--- Attachement Items -----------------------------------------------------*/
a.attachement:link,
a.attachement:visited 		{
display:block;
width: 100%;
color: #9a8540;
text-decoration: none;
}
a.attachement:hover	{
display:block;
width: 100%;	
color: #990000;
background-color: #FFFFCC; 		
text-decoration: underline;
}
/*--- END Attachement Items -------------------------------------------------*/
/* --- home box definition ----------------------------------------- */
#boxHomeNews {
width: 250px;
margin-top: 10px;
padding: 5px;
font-size : 8pt;
color: #666666;
background-color: #f7f4e7;	
float: right;
border : 1px solid #7f6e4e;
}
#boxHomeNews A:link,
#boxHomeNews A:visited {
color: #7f6e4e;
text-decoration: none;
}
#boxHomeNews A:hover,
#boxHomeNews A:active {
color: #990000;
text-decoration: underline;
}
/* --- END home box definition --------------------------------- */
/* --- Thumbnail Category Box definition --------------------- */
#categoryThumb {
width: 230px; 
height: 300px;
margin-right: 5px;
margin-bottom: 5px;
padding: 3px;
color : #666666;
font-size : 8pt;
line-height: 20px;
background-color: #EEEEEE;
border : 1px solid #8a6da0;
float : left;
}
#categoryThumb H2{
margin-top: 0px;
margin-bottom: 0px;
color : #8a6da0;
font-size : 11pt;
font-weight: bold;	
}
#categoryThumb P{
font-size: 8pt;
margin-top: 3px;
}
#categoryThumb A:link,
#categoryThumb A:visited{
font-size: 8pt;
color: #8a6da0;
text-decoration: none;	
}
#categoryThumb A:hover,
#categoryThumb A:active{
font-size: 8pt;
color: #8a6da0;
text-decoration: underline;	
}
/* --- END Thumbnail Category Box definition ----------------- */
/* --- List Category Box definition --------------------- */
#categoryList {
margin-bottom: 10px;
padding: 3px;
color : #666666;
font-size : 8pt;
line-height: 20px;
background-color: #EEEEEE;
border : 1px solid #8a6da0;
}
#categoryList H2{
margin-top: 0px;
margin-bottom: 0px;
color : #8a6da0;
font-size : 11pt;
font-weight: bold;	
}
#categoryList P{
font-size: 8pt;
margin-top: 3px;
}
#categoryList A:link,
#categoryList A:visited{
color: #8a6da0;
text-decoration: none;	
}
#categoryList A:hover,
#categoryList A:active{
color: #8a6da0;
text-decoration: underline;	
}
/* --- END List Category Box definition ----------------- */
#shopOrder{
margin-top: 15px;
font-size: 12pt;
font-weight: bold;
color: #993399;
background-color : ;
}
#shopOrder input.orderField {
height: 20px;
width: 30px;
font-size : 9pt;
font-weight: normal;
color : #666666;
background-color: #FFFFFF;	
border : 1px solid #8a6da0;
}
#shopOrder a.orderButton:link,
#shopOrder a.orderButton:visited {
padding: 3px;
font-size : 9pt;
font-weight: normal;
text-align : center;	
text-decoration: none;	
color: #8a6da0;
background-color: #EEEEEE;
border : 1px solid #8a6da0;
}
#shopOrder a.orderButton:hover,
#shopOrder a.orderButton:active {
text-decoration: none;	
color: #FFFFFF;	
background-color: #8a6da0;
border : 1px solid #8a6da0;
}
td.shopActive {
background-color: #66FF33;
color: #666666;
font-size: 9pt;
}
td.shopInactive {
background-color: #EEEEEE;
color: #666666;
font-size: 9pt;
}
/* --- Article box definition ----------------------------------------- */
#articleBody {
width: 480px;
padding: 3px;
color : #666666;
font-size : 9pt;
line-height: 20px;
background-color: #EBE7EF;
border : 1px solid #8a6da0;
margin-bottom: 10px;
}
#articleBody ul {
font-size : 9pt;
margin-left : 20px;
margin-right : 5px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 5px;
line-height: 20px;
}
#articleBody P {
margin-top: 3px;
margin-bottom: 3px;
font-size : 9pt;
color: #666666;
line-height: 20px;
}
#articleBody H1 {
display: block;
background-color: #FF0000;
margin-top: 0px;
margin-bottom: 0px;
color : #FF6666;
font-size : 11pt;
font-weight: bold;
}
#articleBody H2 {
margin-top: 0px;
margin-bottom: 0px;
color : #8a6da0;
font-size : 11pt;
font-weight: bold;
}
#articleBody H3 {
margin-top: 0px;
margin-bottom: 0px;
color : #993399;
font-size : 9pt;
font-weight: normal;
}
#articleBody A:link,
#articleBody A:visited {
color: #8a6da0;
text-decoration: none;
}
#articleBody A:hover,
#articleBody A:active {
color: #8a6da0;
text-decoration: underline;
}
/* --- END Article box definition ----------------------------------------- */
/* --- Search box definition ------------------------------------------ */
#searchBody {
margin-top: 5px;
margin-left: 5px;
margin-bottom: 10px;
padding: 5px;
color : #666666;
font-size : 8pt;
line-height: 16px;
}
#searchBody p{
color: #000000;
}
#searchBody input.searchField {
font-family: Verdana;
color : #666666;
font-size : 9pt;
font-style : normal;
padding: 2px;
border : 1px solid #666666;
background-color: #FFFFFF;
width: 150px;
height: 20px;
background-image : url(./gfx/backgroundInput.gif);
}
#searchBody input.searchButton{
font-weight: normal;
color : #000000;
border : 1px solid #333333;
background-color: #EEEEEE;
}
/* --- END Search Box definition ---------------------------------- */
/* --- Crossell box definition ----------------------------------------- */
#xsellBody {
margin-top: 5px;
margin-left: 5px;
margin-bottom: 10px;
padding: 5px;
color : #666666;
font-size : 8pt;
line-height: 16px;
}
#xsellbody ul {
font-size : 9pt;
margin-left : 20px;
margin-right : 5px;
padding-left: 0;
margin-top : 5px;
margin-bottom : 5px;
line-height: 20px;
}
#xsellBody P {
margin-top: 3px;
margin-bottom: 3px;
font-size : 8pt;
color: #666666;
line-height: 16px;
}
#xsellBody H2 {
margin-top: 0px;
color : #7f6e4e;
font-size : 10pt;
font-weight: bold;
}
#xsellBody A:link,
#xsellBody A:visited {
color: #7f6e4e;
text-decoration: none;
}
#xsellBody A:hover,
#xsellBody A:active {
color: #990000;
text-decoration: underline;
}
/* --- END Crossell box definition ----------------------------------------- */
/* --- Menu box definition ----------------------------------------- */
#menuColofon {
padding: 5px;
color: #666666;
background-color: #e2dccf;
line-height: 20px;
background-image : url(./gfx/leftMenuBox.gif);
}
#menuColofon P {
font-size : 9pt;
color: #666666;
margin-top: 3px;
margin-bottom: 3px;
}
#menuColofon H3 {
font-size : 12pt;
color : #7f6e4e;
font-weight: bold;
margin-top: 3px;
margin-bottom: 3px;
}
#menuColofon label {	
color: #7f6e4e;
text-decoration: none;
}
#menuColofon A:link,
#menuColofon A:visited  {
color: #7f6e4e;
text-decoration: none;
}
#menuColofon A:hover,
#menuColofon A:active  {
color: #990000;
text-decoration: underline;
}
/* --- END box definition ----------------------------------------- */
/* --- Footer box definition ----------------------------------------- */
#footerColofon {
padding: 5px;
color: #000000;
line-height: 20px;
text-align : right;
}
#footerColofon P {
font-size : 9pt;
color: #000000;
}
#footerColofon A:link,
#footerColofon A:visited  {
font-size : 9pt;
color: #FFFFFF;
text-decoration: none;
}
#footerColofon A:hover,
#footerColofon A:active  {
color: #FFFFFF;
text-decoration: underline;
}
/* --- END box definition ----------------------------------------- */
/*--- FORM Items --------------------------------------------------------*/
INPUT {
font-family: Arial;
color : #000000;
font-size : 10pt;
}
SELECT {
font-family: Arial;
color : Black;
font-size : 10pt;
}
input.textfield {
font-family: Verdana;
color : #666666;
font-size : 9pt;
background-color: #FFFFFF;
font-style : normal;
padding: 2px;
border : 1px solid #666666;
}
input.catcher {
background-color: #DDDDDD;
color: #000000;
display: none;
}
textarea {
font-family: Verdana;
color : #000000;
font-size : 10pt;
background-color: #EEEEEE;
font-style : italic;
padding: 2px;
border : 1px solid #666666;
}
/*--- END FORM items ----------------------------------------------------*/
#pageNavigator{
clear : both;
margin-top: 20px;
font : normal 8pt Arial;
display: block;
color : #666666;
text-align : left;		
line-height: 30px;
border-top : 1px solid #8a6da0;
}
a.paginator:link,
a.paginator:visited {
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #8a6da0;
text-decoration: none;
background-color: #EEEEEE;
border : 1px solid #8a6da0;
text-align : center;
}
a.paginator:active,
a.paginator:hover {
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #FFFFFF;
text-decoration: none;
background-color: #8a6da0;
border : 1px solid #8a6da0;
text-align : center;
}
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: #8a6da0;
border : 1px solid #8a6da0;
text-align : center;	
}
a.backLink:link,
a.backLink:visited {
float: right;
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #8a6da0;
text-decoration: none;
background-color: #EEEEEE;
border : 1px solid #8a6da0;
text-align : center;
}
a.backLink:hover,
a.backLink:active {
float: right;
margin-right: 4px;
padding : 3px 5px 3px 5px;
font : normal 8pt Arial;
color: #FFFFFF;
text-decoration: none;
background-color: #8a6da0;
border : 1px solid #8a6da0;
text-align : center;	
}
/* --- END StyleSheet ---------------------------------------------------- */