@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------------------------------------
     Body                                                                                      
--------------------------------------------------------------------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /* for IE */
	margin: 0px;
	background-color: #E4E4E4;
}

ul {
   padding-left:15px;
}

a:link {
   text-decoration:none;
   color:#0000AA;
}
a:visited {
   text-decoration:none;
   color:#0000AA;
}
a:hover {
   text-decoration:underline; 
   color:#0000AA;
}
a.grey {
   color:#000000;
}
/* -------------------------------------------------------------------------------------------
     Container                                                                                      
--------------------------------------------------------------------------------------------*/
#container {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width:820px;
}
/* -------------------------------------------------------------------------------------------
     Site                                                                                      
--------------------------------------------------------------------------------------------*/

#site {
	background-image:url(../images/background.gif);
   background-repeat: repeat-y;

	width:820px;
	float:left;
   padding-left:11px;
}
/* -------------------------------------------------------------------------------------------
     Header                                                                                    
--------------------------------------------------------------------------------------------*/
#header {
	float:left;
	width: 100%;	
   margin: 0px;
   padding:0px;

}
/* -------------------------------------------------------------------------------------------
     Navigation                                                                                    
--------------------------------------------------------------------------------------------*/
#navigation {
	float:left;
	margin-top:10px;
	margin-bottom: 0px;
	text-align:right;
	width: 775px;	
   font-size:10px;
}
/* -------------------------------------------------------------------------------------------
     Logo                                                                                    
--------------------------------------------------------------------------------------------*/
#logo {
	float:left;
	margin-top:0px;
	margin-bottom: 10px;
	padding-left:25px;
	width: 100%;	
}

/* -------------------------------------------------------------------------------------------
     HeaderImage                                                                                      
--------------------------------------------------------------------------------------------*/
#headerimage1 img, #headerimage2 img {
   width:798px;
   height:198px;
	border: black 1px solid;
   margin: 0px;
   padding:0px;

}

#headerimage1 {
   position:relative;
   top:0px;
   z-index:1;
   padding:0px;
   margin: 0px;
   height:205px;
   float:left;
}

#headerimage2 {
   position:relative;
   top:-205px;
   z-index:1;
   padding:0px;
   margin: 0px;
   height:205px;
   float:left;
}

/* -------------------------------------------------------------------------------------------
     Middle                                                                                      
--------------------------------------------------------------------------------------------*/
#middle {
	float:left;
   padding:0px;
	padding-left: 60px;
	margin-top: -183px;	
	margin-bottom: 20px;

}
#middle p,td {
  font-size: 11px;
  line-height:16px;
}
#middle h1 {
	font-size:14px;
	/* font-weight:normal; */
	padding-top:10px;
}
#middle h2 {
	font-size:13px;
	/* font-weight:normal; */
	padding-top:10px;
}



/* -------------------------------------------------------------------------------------------
     Content                                                                                      
--------------------------------------------------------------------------------------------*/
#storecontent {
	float:left;
	width: 310px;
	margin-right:20px;
   padding:0px;
}
#storeinfo {
	float:left;
	width: 160px;
	margin-left:20px;
	margin-right:10px;
   padding:0px;
}
#storelist {
	float:left;
	width: 150px;
	margin-left:20px;
	margin-right:0px;
   padding:0px;
}

/* -------------------------------------------------------------------------------------------
     Nieuws
--------------------------------------------------------------------------------------------*/
#storenews,#storeevents,#storetradinghours,#storecontact,#storelogo, #liststores,#listother,#listhoreca {
	float:left;
   padding:0px;
   margin:0px;
}

#storecontact {
   width:150px;
}

#storelogo {
   width:150px;
   height:auto;
   overflow: hidden;
}


#storelogo img{
   max-width: 150px;
   width: expression(this.width > 150 ? 150: true );
}

#storecontent img{
   max-width: 310px;
   width: expression(this.width > 310 ? 310: true );
}
/* -------------------------------------------------------------------------------------------
     Footer
--------------------------------------------------------------------------------------------*/
#footer {
	float:left;
	width: 100%;	
	margin-top:10px;
	margin-bottom:10px;
}

/* -------------------------------------------------------------------------------------------
     Copyright
--------------------------------------------------------------------------------------------*/

#footer #copyright {
	float:left;
	text-align:center;
	font-size:10px;
	color:#999999;
	width:100%;
}

#footer #copyright a{
	float:left;
	text-align:center;
   text-decoration: none;
	font-size:10px;
	color:#999999;
	width:100%;
}