html, body {
	width: 100%;
	height: 100%;
    text-align:-moz-center; /*FF*/
    #text-align:center; /*IE */
	margin: 0;
	padding: 0;
}

BODY {
	BACKGROUND-COLOR: #6f040e;
    padding: 0p;
	margin: 0px; 
    font-family: arial;
    font-size: 10pt;
    line-height: 14pt;
	background-image: url(img/bg.jpg); 	
	background-repeat: repeat-x;
    text-align:-moz-center; /*FF*/
    #text-align:center; /*IE */
}

#container {
    width: 800px;
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -29px; 
	background-color: #e8b157;
	overflow: hidden;
    text-align:-moz-center; /*FF*/
    #text-align:center; /*IE */
    }

#menucontainer {
    width: 800px;
    height: 40px;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	background-image: url(img/header_bg.jpg); 	
	background-repeat: norepeat;
	text-align:-moz-center; /*FF*/
    #text-align:center; /*IE */
    }

#menu {
    width: 550px;
    height: 40px;
	margin-top: 6px;
	margin-left: 15px;
	padding: 0px;
    font-family: arial;
    font-size: 10pt;
    line-height: 14pt;
	text-align: left;
	color: #FFF;
	float:left;
	display: inline;
    }

#menu ul { margin-left: 7px; margin-top: 4px; padding: 0px; list-style-type: none; }
#menu ul li { float: left; color: #333; margin-right: 13pt; list-style-type: none;  }
#menu ul li a { color: #993400; font-weight: bold; font-size: 12pt; text-decoration: none;  }
#menu ul li a:hover { color: #e10119; font-weight: bold; font-size: 12pt; text-decoration: none;}

#contentcontainer {
    min-height: 170px;
	width:800px;
    padding: 0p;
	margin: 0px; 
    font-family: arial;
    font-size: 10pt;
	background-image: url(img/bg2.jpg); 	
	background-repeat: repeat-x;
	text-align:-moz-center; /*FF*/
    #text-align:center; /*IE */
    }

#content {
    width: 760px;
	text-align: left;
	margin-top: 20px;
    }

#header {
    width: 800px;
	height: 160px;
    }

#zoekbalk {
    width: 200px;
    height: 20px;
	margin-top: 7px;
	margin-right: 15px;
	padding: 0px;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 10pt;
	text-align: right;
	color: #FFF;
	float: right;
	display: inline;
    }

input.zoeken {
   border: 1px solid #f2cf8f;
   font-family: arial;
   font-size: 10pt;
   color: #444444;
   background-color: #f2cf8f;
   width: 100;
   height: 17px;
  }

#divider
    {
	height: 1px;
	width: 100#;
	background-image: url(img/divider.gif); 	
	background-repeat: repeat-x; 
	margin-top: 5px;
	margin-bottom: 5px;
	}

#footer {
    width: 800px;
	height: 25px;
    background-color: #f9c879;
	text-align: left;
	font-size: 9pt;
    padding-top: 4px;
	margin: 0px auto; 
    text-align:-moz-center; /*FF*/
    #text-align:center; /*IE */
	}

#footer a {
    color: #993400;
	font-weight: none;
	text-decoration: none;
  }

#footer a:hover {
    color: #000;
	font-weight: none;
	text-decoration: underline;
  }

.push { height: 50px; }

#vakken {
    width:100%;
    text-align:-moz-center; /*FF*/
    #text-align:center; /*IE */
	border: 1px solid;
   }

a.vak1 {
       display: block;
	   display: inline;
	   width: 350px;
	   height: 130px;
	   color: #333;
   	   text-decoration: none; 
	   background-color: #ebc489;
	   float: left;
	   margin: 10px;
	   border: 1px solid #eea12f;
     }

a.vak1:hover {
       display: block;
	   display: inline;
	   width: 350px;
	   color: #333;
   	   text-decoration: none; 
	   height: 130px;
	   background-color: #fad7a1;
	   float: left;
	   margin: 10px;
	   border: 1px solid #eea12f;
     }

a.vak2 {
       display: block;
	   display: inline;
	   width: 350px;
	   height: 130px;
	   background-color: #ebc489;
	   color: #333;
   	   text-decoration: none; 
	   float: right;
	   margin: 10px;
	   border: 1px solid #eea12f;
     }

a.vak2:hover {
       display: block;
	   display: inline;
	   width: 350px;
	   height: 130px;
	   background-color: #fad7a1;
	   text-decoration: none; 
	   color: #333;
	   float: right;
	   margin: 10px;
	   border: 1px solid #eea12f;
     }

img.thumbnail {
     border: 4px solid #eea12f;
	 width: 100px;
	 height: 100px;
	 float: left;
	 margin: 10px;
    }

img.thumb {
     border: 4px solid #eea12f;
	 width: 140px;
	 height: 140px;
	 margin: 10px;
	 margin-bottom: 2px;
    }

a.produktthumb {
     display: inline;
	 width: 160;
	 height: 220;
     border: 1px solid #eea12f;
     float: left;
     margin: 10px;
     text-align:-moz-center; /*FF*/
     #text-align:center; /*IE */
	 font-weight: none;
	 text-decoration: none;
	 color: #333;
	 background-color: #ebc489;
	 }

a.produktthumb:hover {
     display: inline;
	 width: 160;
	 height: 220;
     border: 1px solid #eea12f;
     float: left;
     margin: 10px;
     text-align:-moz-center; /*FF*/
     #text-align:center; /*IE */
 	 font-weight: none;
	 text-decoration: none;
	 color: #333;
	 background-color: #fad7a1;
	 }

.vaktext {
	 margin: 10px;
     float:right;
	 text-decoration: none; 
	 width: 200px;
   } 

#menulinks {
     width: 200px;
	 float:left;
	 display: inline;
   }

#contentrechts {
     width: 525px;
	 float: right;
	 display: inline;
	 padding-left: 20px;
	 margin-right: 10px;
	 display: inline;
	 background-image: url(img/divider2.gif); 	
 	 background-repeat: repeat-y;
   }

a.menulink {
     display:block;
	 width:200px;
	 height:25px;
     text-decoration: none;
	 font-weight: bold;
	 color: #ab0437;
	 margin-top:2px;
   }

a.menulink:hover {
     display:block;
	 width:200px;
	 height:25px;
     text-decoration: none;
	 background-color: #ab0437;
	 font-weight: bold;
	 color: #CCC;
	 margin-top:2px;
   }

H1 {
   font-family: arial;
   font-size: 11pt;
   font-weight: bold;
   color: #ab0437;
   margin-bottom: 2px;
  }

#center {
   display: block;
   margin-top: 40px;
    text-align:-moz-center; /*FF*/
    #text-align:center; /*IE */
  }

  
/* --------------------- SITEMAP ------------------------------------------ \*/

li.hoofdmenu {
	margin-top: 10px;
	list-style-type: disc
   }

li.submenu {
	list-style-type: disc
   }


#winkelszoek td {
    text-align: left;
   }


  

#copyright {
    float:left;
    width:600px;
	height: 20px;
	text-align: left;
	margin-left: 200px;
	margin-top: 8px;
    padding: 0px;
	color: #333;
}

#martinmedia {
    float:right;
    width:150px;
	height: 20px;
	text-align: left;
	margin-top: 8px;
    padding: 0px;
	clear: both;
	color: #333;
}


img.banner {
   border: 1px solid #333;
  }

input.cfrm {
   border: 1px solid #ed1b40;
   font-family: arial;
   font-size: 10pt;
   color: #444444;
   background-color: #FFFFFF;
   width: 250;
  }

textarea.cfrm {
   border: 1px solid #ed1b40;
   font-family: arial;
   font-size: 10pt;
   color: #444444;
   background-color: #FFFFFF;
   width: 250;
  }

input.formulier {
   border: 1px solid #BBBBBB;
   font-family: verdana, arial;
   font-size: 10pt;
   color: #444444;
   background-color: #FFFFFF;
   width: 250px;
  }

textarea.formulier {
   border: 1px solid #BBBBBB;
   font-family: verdana, arial;
   font-size: 10pt;
   color: #444444;
   background-color: #FFFFFF;
   width: 250px;
   height: 125px;
  }

input.whois {
   border: 1px solid #BBBBBB;
   font-family: arial;
   font-size: 10pt;
   color: #444444;
   background-color: #FFFFFF;
   width: 120;
  }

#whois {
   border: 1px solid #BBBBBB;
   font-family: arial;
   font-size: 10pt;
   color: #444444;
   background-color: #FFFFFF;
   width: 50;
  }

#titel {
   margin-top: 5px;
   font-family: verdana,arial;
   font-size: 9pt;
   font-weight: bold;
   color: #339998;
  }

#menuitem {
   font-family: verdana,arial;
   font-size: 8pt;
   color: #777777;
   width: 250px;
   height: 20px;
   background-image: url(/img/bullet.gif); 
   background-repeat: no-repeat;
   background-position: left;
   padding: 3px 0px 0px 18px;
  }

div.melding { color: #ab0437; font-weight: bold; line-height: 18pt; }

div.gastenboekitem { border-bottom: 1px dashed #333; font-size: 10pt; line-height: 18pt; padding-bottom: 10px; }

div.gastenboekitem h3 {
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   color: #ab0437;
   margin-bottom: 2px;
  }

div.gastenboekitem div.reactie { color: #ab0437; }