html, body {
   min-height: 100%;
}
   * html, * html body { height: 100%; }

body {
   background: url(../gfx/bgBody.gif) bottom left repeat-x #fafafa;
}

.accessibility {
   position: absolute;
   left: -999em;
}

.siteContainer {
   position: relative;
   width: 906px;
   margin: 0 auto;
   background-color: #fff;
}
.seoMenu {
   position: relative;
   width: 906px;
   margin: 0 auto;
}
.seoMenu ul {
   margin-left: 16px;
}
.seoMenu li {
   display: inline;
   list-style-type: none;
   padding-right: 20px;
}
   
.seoMenu a {
   color: #aaa;
}

   #logo {
      position: absolute;
      top: 7px;
      left: -19px;
      z-index: 10;
   }
	  #logo img {
        width: 187px;
        height: 120px;
	  }
   
   #mainMenu,
   #toolbar {
      width: 900px;
      overflow: hidden;
      margin: 0 3px;
   }
      #toolbar a,
      #mainMenu a {
         float: left;
         display: inline;
         height: 1.3em;
         padding: 5px 8px;
         font-size: 0.95em;
         font-weight: bold;
         text-decoration: none;
      }
      #toolbar h2 {
         float: left;
         display: inline;
         padding: 6px 3px 5px 7px;
         font-size: 0.9em;
         font-weight: normal;
         font-style: italic;
         border-left: 2px solid #003883;
      }
   
   #toolbar {
      background-color: #b0c0d7;
   }
   #toolbar #readSpeaker {
      color: #003883;
      font-weight: normal;
      background-color: #fff;
   }
   #language,
   #textSize {
      float: right;
      display: inline;
   }
      #textSize a{
         height: 1.4em;
         padding: 4px;
         float: none;
         display: inline;
         vertical-align: baseline;
      }
         #textSize #small{
            font-size: 1em;
         }
         #textSize #medium{
            font-size: 1.2em;
         }
         #textSize #large{
            font-size: 1.4em;
         }
         #textSize a.active {
            background-color: #fff;
         }
      #language {
         margin-right: 4px;
      }
         #language a {
            vertical-align: middle;
         }
         #language a.active {
            background-color: #fff;
         }
            #language a.active img{
               border: 1px solid #000;
            }
         #language img {
            border: 1px solid #ffffff;
         }
         #language .languageTools a {
            font-size: 0.9em;
            font-weight: normal;
         }
         #language .languageTools img {
            vertical-align: middle;
         }
   
   #mainMenu {
      background: url(../gfx/bgMainMenu.gif) bottom left repeat-x #003883;
   }
      #mainMenu ul {
         float: left;
         margin-left: 200px;
         list-style: none;
			margin-right: 14px;
      }
         #mainMenu li {
            float: left;
            display: inline;
            margin-top: 0.85em;
         }
            #mainMenu li.active {
               background: url(../gfx/mainMenuActiveLeft.gif) top left no-repeat #fff;
            }
         #mainMenu a {
            padding: 8px 10px;
            font-size: 0.95em;
            color: #fff;
         }
            #mainMenu .active a {
               color: #000;
               background: url(../gfx/mainMenuActiveRight.gif) top right no-repeat;
            }
   
   
   .productMenu,
   #header {
      width: 900px;
      margin: 0 3px;
   }
   #header {
      height: 90px;
   }
   
   .productMenu {
      border-bottom: 3px solid #003883;
		text-align: right;
	}
      .productMenu a {
      	white-space: nowrap;
      	display: inline;
         padding: 0 4px;
         font-size: 1.1em;
         font-weight: bold;
         text-transform: uppercase;
         text-decoration: none;
			line-height: 24px;
      }
         .productMenu a span {
				padding: 4px;
         }
	         .productMenu a.active span {
	         	color: white;
					background-color: #003883;
	         }
   
   #header {
   	position: relative;
   }
	  #header img {
	  	display: block;
	  }
	  #searchFormContainer {
        position:absolute;
        right: 14px;
        top: 5px;
        width: 200px;
        height: 24px;
        border: 4px solid #002b64;
        background-color: #003883;
        padding: 4px;
        font-size: 1.05em;
        color: #000;
	  }
	     #searchFormContainer input.text {
	     	 width: 132px;
			 float: left;
			 margin: 1px 0;
			 padding: 1px 0;
	     }
        #searchFormContainer input.button {
        	 width: 60px;
          float: right;
        }
		  
	  #shoppingCart {
	  	  position:absolute;
		  right: 234px;
		  top: 5px;
		  padding: 4px;
		  width: 190px;
		  border: 4px solid #002b64;
		  background-color: #003883;
		  font-size: 1em;
		  color: #fff;
	  }   
	     #shoppingCart p,
		  #shoppingCart h3,
		  #shoppingCart a {
		  	 color: #fff;
		  }
	     #shoppingCart #link {
	     	  float: right;
			  display: block;
			  margin-top: 5px;
	     }
	     #shoppingCart h3 {
	     	  font-weight: bold;
			  font-size: 1.05em;
	     }
		  
		  
   #mainContainer {
      width: 872px;
      margin: 0 3px;
      padding: 0 14px 40px 14px;
      background: url(../gfx/bgMainContainer.jpg) top center no-repeat #e2001a;
   }
      #main {
         background: url(../gfx/bgLeft.gif) top left repeat-y #fff;
      }
         #left,
         #right {
            float: left;
            display: inline;
         }
         #left {
            width: 210px;
            padding-left: 10px;
            overflow: hidden;
         }
				#contactPage #left * {
					color: #fff;
				}
					#contactPage #contactForm textarea,
					#contactPage #contactForm input {
						color: #000;
					}
				 
            #left ul {
               list-style: none;
            }
               #left ul li,
               #left ul a {
                  float: left;
                  display: inline;
               }
               #left ul li {
                  width: 210px;
                  margin: 1px 0;
               }
               #left ul a {
                  width: 205px;
                  padding: 4px 5px 4px 0;
                  color: #fff;
                  font-size: 1em; /*12px;*/
                  font-weight: bold;
                  text-decoration: none;
               }
					   #left ul i {
					   	color: #fff;
					   }
					   #left ul .active i {
					   	color: #000;
					   }
                  #left ul .active a {
                     padding: 4px 0 4px 5px;
                     color: #000;
                     background-color: #fff;
                  }
						#left ul .active ul a {
							background-color: #003883;
							color: #fff;
							margin-left: 10px;
							width: 195px;
						}
						   #left ul .active ul .active a {
						   	color: #000;
                        background-color: #fff;
							}
         #right {
            min-height: 200px;
            width: 616px;
            padding: 4px 18px;
         }
            #right h1 {
               font-size: 15px;
               font-weight: bold;
               margin-bottom: 1em;
            }
            #right h2 {
               font-size: 14px;
               font-weight: bold;
               margin-bottom: 3px;
               margin-top: 10px;
            }
				#right ul,
				#right ol {
					margin-left: 1.5em;
				}
				
         #mainTop {
            height: 14px;
            background: url(../gfx/mainTop.gif) bottom left no-repeat;
         }
         #mainBottom {
            clear: both;
            height: 14px;
            background: url(../gfx/mainBottom.gif) bottom left no-repeat;
         }

   #footer {
      width: 872px;
      margin: 0 3px;
      padding: 10px 14px;
      border-bottom: 3px solid #fff;
      background: url(../gfx/bgFooter.gif) top left repeat-x #003883;
   }
      #footer,
      #footer * {
         color: #ffffff;
         line-height: 1.5em;
      }
      #footerRight {
         float: right;
      }
      #social {
         padding-top: 3px;
      }


.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}

.nbsp {
   white-space: nowrap;
}

.pageNavigation {
   margin: 5px;
}

/* Locaties Google maps */
#staticmap {
   height: 400px;
   width: 400px;
}
#locaties_gmap {
   height: 261px;
   width: 300px;
   border: 1px solid #000000;
}
#gmapSearch #address {
   width: 200px;
}