/*** algemeen ***/
html,body 
{
height: 100%;
}

.hide {
  display:none;
}

body {
  margin: 0;
  padding: 0;
  background: #8c8c8c url(gfx/body_bg.gif) repeat-x;
  font-family: Arial;
  font-size: 100%;
  position: relative;
}

#wrapper_container
{
position: relative;
width: 100%;
/*
height: auto !important; 
height: 100%; 
min-height: 100%;*/
background: url(gfx/wrapper_container_bg.gif) 50% 0 repeat-y;
float: left;
}

#wrapper
{
position: absolute;
top: 0;
left: 0;
width: 100%;
/*height: 100%;*/
background: url(gfx/container_bg.gif) 50% 0 no-repeat;
}

* html #wrapper_container
{

}

#container
{
position: relative;
margin: 0 auto;
width: 906px;
overflow: hidden;
}

#page
{
position: relative;
width: 830px;
float: left;
margin-left: 38px;
}

* html #page
{
margin-left: 19px;
width: 850px;
}

#logo
{
position: absolute;
top: 36px;
left: 0;
z-index: 10;
}

#menu {
}

.topmenu
{
position: relative;
z-index: 9;
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 830px;
height: 87px;
background: url(gfx/topmenu_bg.gif) no-repeat;
margin-top: 32px;
line-height: 1em;
}

.topmenu li
{
margin-top: 63px;
margin-left: 5px;
margin-right: 5px;
float: left;
display: inline;
position: relative;
}

.topmenu li a
{
display: block;
width: auto;
color: #FFF;
text-decoration: none;
font-size: 11pt;
font-weight: bold;
background: url(gfx/menu_spacer.gif) no-repeat 100% 1px;
padding-right: 10px;
}
.topmenu li.li-last a {
background-image: none;
}

/* Submenu */

.topmenu li ul {
  position: absolute;
  left: 0;
  top: 15px;
  display: none;
  margin: 0;
  padding: 10px 0 0 0;
  width: 135px;
  border: 1px #00050C solid;
}

.topmenu li:hover ul {
    display: block;
}


.topmenu li ul li {
         display: inline;
	float: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

.topmenu ul li a {
        display: block;
        width: 128px;
        font-size: 10px;
	color: #000;
	margin: 0;
        padding: 2px 2px 2px 5px;
        background: none;
        background-color: #FFF;
        border: none;
}


.topmenu ul li a:hover, .topmenu ul li a.current {
        color: #FFF;
        background-color: #00050C;
}


/* Container voor het tweede submenu (dat met javascript wordt gevuld) en catalogus formulier */

#subcat_container {
    float: left;
    width: 175px;
    padding-top: 10px;
}

#submenu_container
{
margin: 0;
padding: 0;
width: 175px;
display: block;
background: #00050C url(gfx/submenu_bg.gif) no-repeat;
min-height: 160px;
}

#submenu_container ul {
margin: 0;
padding: 0;
}

#submenu_container li {
list-style: none;
margin: 0;
padding: 0;
padding-top: 11px;
width: 175px;
display: block;
}

#submenu_container li a {
text-decoration: none;
color: #FFF;
padding-left: 31px;
width: 144px;
display: block;
font-weight: bold;
font-size: 9pt;
background: url(gfx/submenu_inactive.png) 11px 1px no-repeat;
}

#submenu_container a:hover, #submenu_container a:active, #submenu_container a.current
{
    /*background-position: 11px -185px; */
    background: url(gfx/submenu_active.png) 11px 1px no-repeat;
}

#content {
  float: right;
  width: 632px;
  background: #e0e0e0 url(gfx/content_bg.gif) repeat-x;
  min-height: 452px;
  margin-right: 7px;
  padding-top: 16px;
}

* html #content
 {
  height: 570px;
 

}

#nextlevel {
}

#breadcrumbs {
}

/*** div tekst ***/
#tekstWrapper {
    clear: left;
}

#tekst {
padding-left: 57px;
padding-right: 71px;
padding-bottom: 30px;
color: #003875;
font-size: 75%;
float: left;
clear: left;
}

* html #tekst
{
 padding-left: 30px;
 padding-right: 30px;
}

#tekst h1
{
font-size: 125%;
}

#tekst p
{
line-height: 1.2em;
margin 0 0 1.2em 0;
}

#tekst a {
color: #003875;
}

#tekst ul {
padding: 0;
margin-left: 0;
}
#tekst ul li {
margin: 0;
padding: 0 0 0 15px;
background: url(/css/brinkbox/gfx/bullet.gif) no-repeat 0 6px;
list-style: none;
}

#tekst hr {
    margin: 0 0 1.2em 0;
    padding: 0;
    height: 1px;
    line-height: 1px;
}   

#tekst table {
}

.tablec {
}
.hcell, .lcell, .dcell {
}
.hcellc, .lcellc {
  background: #ccc;
}
.hcellc, .dcellc {
}
.dcellc {
  background: #eee;
}

#containerimg
{
float: left;
width: 310px;
text-align: left;
padding-top: 0;
padding-left: 57px;
padding-bottom: 20px;
}

#specificaties
{
background: url(gfx/specs_bg.gif) no-repeat;
float: right;
width: 224px; 
color: #636363;
font-size: 75%;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 6px;
}

#specstitle
{
padding-top: 8px;
padding-left: 18px;
padding-bottom: 6px;
font-weight: bold;
}

#specificaties #ralkleuren {
    margin-top: 10px;
}
#specificaties #ralkleuren div.kleur {
   margin: 0;
    width: 65px;
    height: 40px;
    overflow: hidden;
    display: block;
    float: left;
    padding: 4px 5px 5px 0;
    text-align: center;
}
#specificaties #ralkleuren img {
   width: 65px;
   height: 30px;
}
#specificaties #ralkleuren p {
    padding: 10px 0 0 0;
    margin: 0;
    width: 90%;
}
#specificaties #ralkleuren p img {
	width: auto;
	height: auto;	
}
#specificaties #ralkleuren a {
	color: #003875;
	font-weight: bold;
}

#resultstable
{
width: 562px;
margin-left: -25px;
}

#resultstable .first
{
height: 6px;
background: url(gfx/resultstable_bg.gif) no-repeat;
}

* html #resultstable
{
margin-top: -12px;
margin-left: 2px;
}

#resultstable .last
{
display: block;
height: 9px;
background: red url(gfx/resultstable_last_bg.gif) no-repeat;
}


.catalog_item
{
position: relative;
float: left;
display: block;
width: 562px;
height: 134px;
background: #f2f1f1 url(gfx/catalog_item_bg.gif) 0 -6px no-repeat;
cursor: pointer;
}

.catalog_item table
{
color: #636363;
font-size: 90%;
padding-left: 4px;
}

.catalog_item .details
{
position: absolute;
top: 0;
right: 10px;
}

.catalog_item .container_title
{
font-size: 11pt;
color: #000;
font-weight: bold;
padding-top: 6px;
}

/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 12em;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 250px;
}
select, .input {
  width: auto;
}

/*** newsletters/news ***/
#datum {
  font-weight: bold;
  display: block;
  text-align: right;
}

.more {
}
.more:hover {
}
.more img {
  vertical-align: middle;
  margin: 0!important;
  border: 0!important;
}

/*** print ***/
.printonly {
  display: none;
}

.button {
  width: auto;
}

#adresbalk
{
position: relative;
display: block;
float: left;
width: 100%;
height: 70px;
line-height: 70px;
background: url(gfx/footer_bg.gif) 50% no-repeat;
text-align: center;
color: #FFF;
font-size: 11px;
}
#adresbalk p {
    margin: 0; padding: 0;
}

#adresbalk a {
    color: #FFF;
}

* html #adresbalk
{
margin-top: -70px;
}


#footer {
    position: relative;
    float: left;
    width: 100%;
    height: 22px;
    line-height: 12px;
    text-align: center;
    color: #AAA;
    font-size: 10px;
    margin: 0 0 10px 0;
}
#footer a {
    color: #AAA;
    text-decoration: none;
}

/* PW */
#online_catalogus {
  width: 159px;
  height: 247px;
  background: #eee url(gfx/online_catalogus_bg.gif) no-repeat;
  padding: 24px 8px 0;
  color: white;
  margin-top: 0;
}
#online_catalogus.notop {
  background: #eee url(gfx/online_catalogus_bg2.gif) no-repeat;
  padding: 0 8px 0;
  margin-top: 18px;
}
#online_catalogus form {
  margin: 0;
  padding: 0;
}
#online_catalogus h2 {
  line-height: 1.2em;
  font-size: 17px;
  font-style: italic;
  border-bottom: 1px solid white;
  width: 90px;
  margin: 0 0 4px;
}
#online_catalogus label {
  font-size: 11px;
  margin: 0;
  font-weight: bold;
}
#online_catalogus select {
  font-size: 12px;
  width: 120px;
}
#online_catalogus input {
  font-size: 12px;
  width: 152px;
  margin-top: 10px;
}
#online_catalogus input.button {
  font-size: 11px;
  width: 130px;
  color: black;
  border: 0;
  background: url(gfx/cat-button.gif) 0 0 no-repeat;
  padding: 3px 0;
  cursor: pointer;
  margin-top: 2px;
}

#resultstable_top
{
display: block;
width: 562px;
height: 6px;
background: url(gfx/resultstable_bg.gif) no-repeat;
margin-left: 32px;
}

#bottom
{
width: 562px;
text-align: right;
background: url(gfx/resultstable_last_bg.gif) no-repeat;
margin-left: -25px;
height: 30px;
display: block;
}

* html #bottom
{
margin-left: 2px;
}

ul#pagingbottom
{
list-style: none;
margin: 0;
padding: 0;
height: 30px;
display: block;
float: right;
padding-top: 19px;
}

ul#pagingbottom li
{
float: left;
margin-right: 10px;
background: none;
}

ul#pagingbottom li a
{
text-decoration: none;
color: #777777;
font-size: 9pt;
font-weight: bold;
}

/* Ligtbox images */

#containerThumbs a {
	position: relative;
}
#containerThumbs img.zoom {
	position: absolute;
	right: 10px;
	bottom: 10px;
}