/* standaard */

img
{
   border : 0px;
   padding: 1px;
}

h1
{
   font-size: 14px;
   margin: 4px 0px 4px 0px;
}

hr
{
   color: #666666;
}

table {
}

a, a:link, a:visited
{ 
  color: #0e0b50;
  text-decoration: none;
}
a:hover, a:active 
{ 
  color:#000;
  text-decoration : underline;
}

input, select, textarea
{
   font-size: 12px;
   font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
}

/* menu
--------------------------------------------------*/

#menu a:link, a:visited, a:active {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	text-decoration:none;
	margin-left: 10px;
}
#menu A:hover {text-decoration:underline;}


/* page navigator
-------------------- */
#page_navigator
{
   clear:both;
   font-size: 11px;
}

#page_navigator ul
{
   margin: 0;
   padding: 0;
   list-style: none;
}
#page_navigator li
{
   float:left;
   margin-left: 3px;
   margin-right: 3px;
   padding:0;
   list-style:none;
   white-space:nowrap;
}

#page_navigator li a
{
  display: inline-block;
  padding:1px 5px 1px 5px;
  border:1px #cccccc solid;
  background-color:#000000;
  color: #ffffff;
}

#page_navigator .nav_button
{
   color: #000000;
   background-color:#dbdbdb;
   border: 1px solid #cccccc;
   cursor: pointer;
   padding: 1px 5px 1px 5px;
}

#page_navigator li a.nav_button:hover
{
   display: inline-block;
   background-color:#dbdbdb;
   color:#000000;
   text-decoration: none;
   padding: 1px 5px 1px 5px;
}


#page_navigator .selected
{
   padding: 1px 5px 1px 5px;
   border:1px #ffffff solid;
   background-color:#666666;
   color: #ffffff;
}

#page_navigator li a:hover
{
   padding: 1px 5px 1px 5px;
   background-color:#dbdbdb;
   color:#000000;
   text-decoration: none;
   border:1px #ffffff solid;
}

#page_navigator li a.normal:hover
{
   padding: 1px 5px 1px 5px;
   background-color:#ffffff;
   color:#000000;
   text-decoration: underline;
}

/* top */
.page_top
{
  background: #5CB900;
}

/* page title */
tr.title 
{
}
td.title
{
  color: #000000;
  /*font-variant: small-caps;*/
  font-weight : bold;
  border-bottom: 1px #ffffff solid;
}

span.title
{
  color: #FFF1AC;
  font-weight : bold;
}

a.title, a:link.title, a:active.title, a:visited.title
{
  color: #FFF1AC;
  text-decoration: underline;
}

/* grid */

#grid_button ul,li
{
   margin:0;
   padding:0;
   list-style:none;
}

#grid_button li a
{
  color: #ffffff;
  display: inline-block;
  padding:1px 5px 1px 5px;
  border:1px #ffffff solid;
  background-color:#666666;
}

#grid_button li a:hover
{
   padding: 1px 5px 1px 5px;
   background-color:#dbdbdb;
   color:#000000;
   text-decoration: none;
   border:1px #000000 solid;
}

.grid_navigator
{
   color: #ffffff;
}

.grid_navigator td
{
   font-size: 11px;
   font-weight : bold;
}

.grid_header tr, .grid_header th, .grid_header td
{
   color: #ffffff;
   background-color:#9F1515;
   /*font-variant: small-caps;*/
   vertical-align:bottom;
   font-weight : bold;
   
}

a.grid_header, a:link.grid_header, a:visited.grid_header
{
  color: #ffffff;
  text-decoration : none;  
}

a.grid_header:hover, a.grid_header:active
{
  color: #ffffff;
  text-decoration : underline;
}

.grid_footer tr, .grid_footer th, .grid_footer td
{
   color: #ffffff;
   /*background-color:#dbdbdb;*/
}

td.grid_label
{
   color: #ffffff;
   font-variant: small-caps;
}

.row-1  {background-color : #151515}
.row-2  {background-color : #111111}

td.grid_text
{
   color: #ffffff;
}

span.grid_text_small
{
   color: #ffffff;
   font-size: 9px;
}

input.grid
{
  font-size: 12px;
  background: #FFF1C6;
  border: 1px solid #808080;
}

input.grid_button
{
   font-size: 11px;
   color: #ffffff;
   background-color:#326085;
   border: 1px solid #ffffff;
   cursor: pointer;
}

a.grid, a:link.grid, a:visited.grid
{
  color: #ffffff;
  text-decoration : none;  
}

a.grid:hover, a.grid:active
{
  color: #ffffff;
  text-decoration : underline;
}

hr.grid
{
   color: #cccccc;
}

/* detail */
.detail
{
   color: #ffffff;
   background-color: #4384B8;
}

tr.detail_title
{
   font-variant: small-caps;
   background-color: #4F8CBF;
}

td.detail_title
{
   font-variant: small-caps;
	color: #ffffff;
}

.detail_header tr, .detail_header th, .detail_header td
{
   color: #ffffff;
   background-color:#4988a9;
   /*font-variant: small-caps;*/
}

td.detail_text
{
	color: #ffffff;
}

td.detail_space
{
   background-color: #4F8CBF;
}

input.detail, select.detail, textarea.detail
{
   color: #000000;
   background: #ffffff;
   font-size: 12px;
   border-bottom: 1px solid;
   border-left: 1px solid;
   border-right: 1px solid;
   border-top: 1px solid;
   border-color: #808080;
}

input.detail_readonly, select.detail_readonly, textarea.detail_readonly
{
   color: #ffffff;
   background: #FFF1C6;
   font-size: 11px;
   border-bottom: 1px solid;
   border-left: 1px solid;
   border-right: 1px solid;
   border-top: 1px solid;
   border-color: #808080;
}

input.detail_button
{
   font-size: 11px;
	/* font-variant: small-caps; */
   color: #000000;
   background-color:#dbdbdb;
   border: 1px solid #cccccc;
   cursor: pointer;
}

.nav_page_normal
{
   font-size: 11px;
	color: #ffffff;
   background-color:#dbdbdb;
   border: 1px solid #ffffff;
   width: 24px;
   cursor: pointer;   
}

.nav_page_selected
{
   font-size: 11px;
	color: #ffffff;
   background-color:#F97057;
   border: 1px solid #ffffff;
   width: 24px;
}

/* bottom */
td.bottom, span.bottom
{
   font-size: 11px;
}

a.bottom, a.bottom:link, a.bottom:visited, a.bottom:active
{
   color: #FFF1AC;
   font-size: 11px;
}

a.bottom:hover
{
   color: #ffffff;
}

a.button, a.button:link, a.button:visited, a.button:active, a.button:hover
{
  color: #FFFFFF;
  background-color: #326085;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #fff;
  font-weight : normal;
  line-height: 31px;
  padding: 6px;
}

input.input, textarea.input, select.input {
  font-size: 12px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-color: #808080;  
}

input.input_small, textarea.input_small, select.input_small {
  font-size: 9px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-color: #808080;  
}

input.readonly {
  background: #cccccc;
  font-size: 12px;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-color: #808080;  
}

input.button { 
  font-size: 11px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  color: #333300;
  background-color:#cccccc;
  cursor: pointer;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-color: #ffffff;
}

input.button_small { 
  font-size: 9px;
  color: #333300;
  background-color:#cccccc;
  cursor: pointer;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-color: #ffffff;
}

input.button_box1b { 
  font-size: 11px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  color: #023177;
  background-color:#CACACA;
  cursor: pointer;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-color: #ffffff;
}

.td_list {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

.thumb_on      { FILTER: alpha(Opacity=100); border: 1px #ffffff dotted; }
.thumb_off     { border: 1px #ffffff solid; }
.thumb_clicked { border: 1px #cccccc solid;  FILTER: alpha(Opacity=100); FILTER: gray(color: #000066) }

input.search, select.search, textarea.search
{
   color: #000000;
   background: #ffffff;
   font-size: 12px;
   border-bottom: 1px solid;
   border-left: 1px solid;
   border-right: 1px solid;
   border-top: 1px solid;
   border-color: #808080;
}

a.search, a.search:link, a.search:visited
{
   color: #FFF1AC;
   text-decoration : underline;
}

a.search:active, a.search:selected
{
   color: #ffffff;
   text-decoration : none;
}

a.search_selected
{
   color: #ffffff;
   text-decoration : none;
}

a.search:hover
{
   color: #ffffff;
}

a.searchbox, a.searchbox:link, a.searchbox:visited, a.searchbox:active
{
   color: #696969;
   text-decoration : none;
}

a.searchbox:hover
{
   color: #ffffff;
}

legend
{ 
  color: #cccccc;
}

fieldset
{ 
  color: #ffffff;
  border:1px #666666 solid;
}

/* bestellen
-------------------- */
#bestel_button ul,li
{
   margin:0;
   padding:0;
   list-style:none;
}

#bestel_button li a
{
  color: #FFF1AC;
  display: inline-block;
  padding:1px 5px 1px 5px;
  border:1px #FFF1AC solid;
  background-color:#9F1515;
}

#bestel_button li a:hover
{
   padding: 1px 5px 1px 5px;
   background-color:#dbdbdb;
   color:#000000;
   text-decoration: none;
   border:1px #FFF1AC solid;
}

input.bestel_button
{
   font-size: 12px;
   color: #FFF1AC;
   background-color:#9F1515;
   border:1px #FFF1AC solid;
   text-align: left;
   padding-left: 5px;
   background: url(../images/arrow-right.gif) 100% 20% no-repeat #9F1515;
   cursor: pointer;
}

.ordernummer
{
  font-size: 16px;
}

#cart table tr td
{
   font-size: 11px;
}

a.cart, a.cart:link, a.cart:visited, a.cart:active
{
   color: #FFF1AC;
   font-size: 10px;
}

a.cart:hover
{
   color: #ffffff;
   text-decoration: none;
}

/* element */
input.element, select.element, textarea.element
{
   font-size: 12px;
   color: #000000;
   background: #ffffff;
   border: 1px solid #6096bf;
}

table.element
{
   border-bottom: 1px dotted #cccccc;
}

tr.element
{
}

td.element
{
   padding-top:6px;
}

/* optie */
table.optie
{
}

tr.optie
{
}

td.optie
{
  vertical-align:absmiddle;
  font-size: 11px;
}

/* instructies */
tr.instructies 
{
}

td.instructies
{
  border-bottom: 1px solid #fafafa;
  color: #000;
}

span.instructies
{
  color: #000;
}

#error
{
   margin-top: 2px;
   margin-bottom: 2px;
}

#error td, #error span
{
   background-color: #ff0000;
   color: #ffffff;
   line-height:24px;
}

span.maximumbereikt
{
   color: #ff0000;
   font-size: 11px;
}