/* Reset */
h1, h2, h3, p                           {margin: 0px;}
ul                                      {list-style-type: none; margin: 0px; padding: 0px;}
address                                 {font-style: normal;}

/* Typo */
body                                    {font: 12px 'Arial', sans-serif;}
h1                                      {font-size: 13px; font-weight: bold;}
h3                                      {font-size: 11px; font-weight: normal; font-style: italic;}
p                                       {margin-top: 10px; line-height: 150%;}
a                                       {color: #a41128;}
div.adres                               {text-align: right; font-size: 11px; font-style: italic;}

/* Containers */
#body                                   {width: 850px; margin: 0px auto;}
    #content                            {background: #000 url('/_images/background.gif') no-repeat;}
        #spacer                         {padding: 10px;}
            #navigation                 {}
            #inner                      {background: transparent url('/_images/content_background.gif') repeat-y;}
                #left                   {float: left; width: 150px;}
                #page                   {float: right; width: 652px; background: #FFF; padding: 10px;}
				#page.producten			{padding: 0px; width: 672px;}
                    #right              {float: right; width: 190px; margin: 0px 5px; text-align: right;}
            #footer                     {text-align: right; background: transparent url('/_images/background_bottom.gif') no-repeat; padding-top: 5px;}

/* Spacers Bah! */
div.spacer								{height: 20px;}
#spacer_home							{background: transparent url('/_images/spacer_home.gif') repeat-y;}
#spacer_links							{background: transparent url('/_images/spacer_catalogus.gif') repeat-y;}
#spacer_nieuwsbrief						{background: transparent url('/_images/spacer_nieuwsbrief.gif') repeat-y;}
#spacer_contact							{background: transparent url('/_images/spacer_contact.gif') repeat-y;}
#spacer_producten						{background: transparent url('/_images/spacer_producten.gif') repeat-y;}

/* Navigation */
#navigation li                          {float: left;}
#navigation li a {
    display: block; 
    width: 166px; 
    height: 25px; 
    text-align: center; 
    background: #6E7376 url('/_images/nav_center.gif') no-repeat;
    color: #FFF;
    font-size: 13px;
    text-decoration: none;
    line-height: 25px;
}

#navigation li a.left                   {background: url('/_images/nav_left.gif') no-repeat;}
#navigation li a.right                  {background: url('/_images/nav_right.gif') no-repeat;}

#navigation li a:hover                  {background: url('/_images/nav_center_o.gif') no-repeat;}
#navigation li a.left:hover             {background: url('/_images/nav_left_o.gif') no-repeat;}
#navigation li a.right:hover            {background: url('/_images/nav_right_o.gif') no-repeat;}

#navigation li a.selected               {background: url('/_images/nav_center_s.gif') no-repeat;}
#navigation li a.left.selected          {background: url('/_images/nav_left_s.gif') no-repeat;}
#navigation li a.right.selected         {background: url('/_images/nav_right_s.gif') no-repeat;}

/* Styles */
#right img                              {border: 10px solid #a41128;}
a.back                                  {color: #FFF; text-decoration: none; font-size: 10px;}
p.label									{float: left; width: 150px; clear: left;}

/* Form */
fieldset								{padding: 10px; border: 1px solid #a41128; margin-top: 10px;}
label									{float: left; width: 100px; padding-top: 3px;}
label.inline							{float: none;}
label.block								{width: 400px;}
input[type=text]						{width: 320px;}
input									{margin-bottom: 5px;}
label.inline							{padding: 0px;}

p.ok									{color: #0A0; font-weight: bold;}
p.nok									{color: #F00; font-weight: bold;}

/* Producten */
div.categorie							{margin-top: 20px;}
div.categorie a							{color: #000; text-decoration: none;}
div.categorie a:hover					{color: #a41128;}
div.categorie.selected					{margin: 0px; font-weight: bold;}
div.categorie.sub						{margin: 0px; padding-left: 55px; margin-top: 5px;}
div.categorie.sub a						{color: #555; text-decoration: underline;}
#acrobat								{background: #EEE; padding: 20px;}
#acrobat a								{float: right;}
div.inner								{padding: 10px;}
div.back								{float: right;}
div.product								{margin-bottom: 20px;}
div.product img							{float: right;} 
div.product div.text					{float: left; width: 500px;}
a.pdf									{font-size: 11px;}

/* Links */
div.link								{margin-top: 30px;}
div.link label							{width: 250px; padding: 0px;}
div.link a								{display: block;}

/* Tools */
div.clear                               {clear: both; height: 0px;}