body {
	color:#000; 
	background-color:#fff;
	font-family: arial, verdana ,sans-serif; 
	font-size:100%; 
	margin:25px 0 0 0;	 
	padding:0; 
	border:0;
}

a {
	outline:none;	
}

hr {
	display:none;
}

/* -------- container onderdelen ---------- */
#surround {			
	margin-left:auto; 
	margin-right:auto; 
	padding:20px 10px 10px 10px;		
	/* this one for IE */
	width:800px; 	
	background-color:#fff;	
	color:#000;
	border:1px solid #740065;		
}


/* and this one for the other browser */
html > body #surround {
	width:940px; 	
}


#container {		
	color:#000;	
	margin-left:auto; 
	margin-right:auto; 
	background-color: #fff;
	border: 0;
	/* this one for IE */
	width:918px; 
}

/* and this one for the other browser */
html > body #container {
	width:918px; 
}

/* --------- top onderdelen (logo en topmenu) -------------- */
#headertop {
	margin: 0pt auto 10px;
	padding: 0pt;
	font-size: 12px;
	width: 918px;
	color:#aaa;
	font-weight:normal;
}

#top {	
	background-image:  url(../img/logo2.gif);
	height:49px;
	margin-bottom:10px;
	width:920px;
	background-repeat:no-repeat;
}

a.homebtn {
	width:230px;
	height:58px;
	float:left;
 display:block;

}

#topmenu {
	background-color:#fff;
	float:right;
	/* this one for IE */
	margin: 0px 5px 0 0;
	font-family: arial,verdana,sans-serif; 
  color: #000;
  font-size: 80%;   
}

/* and this one for the other browser */
html > body #topmenu {
	margin: -10px 5px 0 0;
}

#topmenu a {
	background-color:#fff;
	color:#000;
	text-decoration:none;
}

#topmenu a:hover {
	text-decoration:underline;
}

/* ------------ mainmenu onderdelen -------------- */
#mainmenu {
	float:left;
  list-style-type: none;
  padding: 0;
  margin: 0;    
}

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

#mainmenu li {
  display: inline; /* alles op een hoogte houden (inline) */
}

/* geld voor alle link items */
#mainmenu li a:link, #mainmenu li a:visited, #mainmenu li a:hover {
	background-color:#000;	
  text-decoration: none;
  text-align: center;
  float: left;
  width: 152px; /* breedte per blokje */
  padding: 0;
  margin: 0;
  font-family: arial,verdana,sans-serif; 
  color: #fff;
  font-size: 75%;
  line-height:23px;
  font-weight: bold;
  border:0;
  border-right: solid 1px #FFF;
  background-color: #fff;
  height:115px;
}


/* kleur blokje en tekst bij mouse over */
#mainmenu li a:hover {	
	background-repeat: repeat-x;
  text-decoration: none;
  color: #FFF;
}

/* -------------- afbeeldingen per knop ----------------- */

#mainmenu li#mo1 a:link, #mainmenu li#mo1 a:visited {
	background-image:  url(../img/menu/f_over.jpg);
}

#mainmenu li#mo1 a:hover {
	background-image:  url(../img/menu/f_over_aan.jpg);
}

#mainmenu li#mo2 a:link, #mainmenu li#mo2 a:visited {
	background-image:  url(../img/menu/f_docu.jpg);
}

#mainmenu li#mo2 a:hover {
	background-image:  url(../img/menu/f_docu_aan.jpg);
}

#mainmenu li#mo3 a:link, #mainmenu li#mo3 a:visited {
	background-image:  url(../img/menu/f_frag.jpg);
}

#mainmenu li#mo3 a:hover {
	background-image:  url(../img/menu/f_frag_aan.jpg);
}

#mainmenu li#mo4 a:link, #mainmenu li#mo4 a:visited {
	background-image:  url(../img/menu/f_nieuws.jpg);
}

#mainmenu li#mo4 a:hover {
	background-image:  url(../img/menu/f_nieuws_aan.jpg);
}

#mainmenu li#mo5 a:link, #mainmenu li#mo5 a:visited {
	background-image:  url(../img/menu/f_contact.jpg);
}

#mainmenu li#mo5 a:hover {
	background-image:  url(../img/menu/f_contact_aan.jpg);
}

#mainmenu li#mo6 a:link, #mainmenu li#mo6 a:visited {
	background-image:  url(../img/menu/f_zoek.jpg);
}

#mainmenu li#mo6 a:hover {
	background-image:  url(../img/menu/f_zoek_aan.jpg);
}

/* --- actieve knoppen --- */

#mainmenu li#actief1 a:link, #mainmenu li#actief1 a:visited {
	background-image:  url(../img/menu/f_over_aan.jpg);
}

#mainmenu li#actief2 a:link, #mainmenu li#actief2 a:visited {
	background-image:  url(../img/menu/f_docu_aan.jpg);
}

#mainmenu li#actief3 a:link, #mainmenu li#actief3 a:visited {
	background-image:  url(../img/menu/f_frag_aan.jpg);
}

#mainmenu li#actief4 a:link, #mainmenu li#actief4 a:visited {
	background-image:  url(../img/menu/f_nieuws_aan.jpg);
}

#mainmenu li#actief5 a:link, #mainmenu li#actief5 a:visited { 
	background-image:  url(../img/menu/f_contact_aan.jpg);
}

#mainmenu li#actief6 a:link, #mainmenu li#actief6 a:visited { 
	background-image:  url(../img/menu/f_zoek_aan.jpg);
}

#mainmenu img {
	border:0;
	border-right: solid 1px #FFF;
	margin:0;
}



/* --------------- bekijk_bestellingen onderdeel ---------------------- */

#bekijk_bestellingen img {
	float:left;
	margin:-5px 10px 0 40px;
	border:0;
}

	
/* ------------------ footer --------------------- */

#footer {
	clear:both;
 
}

/* ------------------ copyright --------------------- */

#copyright {
	clear:both;
	padding:0;
	margin:0; 	
	font-family: arial,verdana, sans-serif;   
  color:#e7e8ea;   
  text-align:center;   
  font-size:11px;
}

#copyright a:link, #copyright a:hover, #copyright a:visited {
  text-decoration: none;  
  color: #e7e8ea;
  font-size:11px;
}