html{

}
 body {



 	font-family : Arial, Helvetica, sans-serif;
	background-color : #666666;
	font-size : 12px;
	line-height : 1.1;
	color : #999999;
}

.container {
margin:auto;
min-width:950px;
max-width:1200px;
width:90%;
padding-top:20px;
 background-image:url(img/shoppingstreets.be.png);
background-repeat:no-repeat;
background-position:right top;
}
.handelaars {
clear:both;
width:100%;
margin:auto;
padding-left:5px;
background-color:#333333;
border-collapse : collapse;
border : 1px solid #999999;
}
.menu {
vertical-align:top;
text-align:left;
width:200px;
}

.navwinkelen,.navhoreca {
border-left: 0px #333333 solid;
border-right: 0px #333333 solid;
border-bottom: 0px #333333 solid;
white-space:nowrap;
clear:both;
display:block;
}


#hoofdmenu {
   width:100%;
   border-bottom:0px solid #333;
   position:relative;
   vertical-align:bottom;
   
      text-decoration:none;
   line-height:1.5em;
   font-weight:bold;
   font-size:1.4em;
      letter-spacing:+1px;
   vertical-align:bottom;
   text-decoration:none;
}
#hoofdmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;

}
#hoofdmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   margin-right:5px;


}
#hoofdmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#333;
   color:#999;
      text-decoration:none;
   border:1px solid #333;
   border-bottom:0px;

}
#hoofdmenu ul li a:hover {
	background:#aaaaaa;
	color:#fff;
   font-weight:bold;
   border:1px solid #333;
   border-bottom:0px;
      text-decoration:none;

}
#hoofdmenu ul li a.active,
#hoofdmenu ul li a.active:hover {
list-style:none;
	background:#aaaaaa;
   color:#fff;
   font-weight:bold;
   border:#FFFFFF;
   border:thin;
   border-bottom:0;
   border:1px solid #333;
   border-bottom:0px;
      text-decoration:none;

}
#hoofdmenu .taalkeuze {
margin-left:20px;
   float:left;
   display:block;
}
#hoofdmenu .winkelen {
   background: #2d5986;
      color:#fff;
   font-weight:bold;
   border:#FFFFFF;
   border:thin;
   border-bottom:0;
   border:1px solid #333;
   border-bottom:0px;

}
#hoofdmenu .horeca {
   background: #993366;
	color:#fff;
   font-weight:bold;
   border:#FFFFFF;
   border:thin;
   border:1px solid #333;
   border-bottom:0px;
}

#hoofdmenu2, #hoofdmenu2 a, #hoofdmenu2 a:hover  {
font-weight:normal;
color: #999999;
float:left;
text-decoration:none;
padding:0 2px;
}
#hoofdmenu2 a:hover, #hoofdmenu2 a:active , #hoofdmenu2 a.active   {
color:#FFFFFF;
text-decoration:underline;
}


select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.1;
	color: #ffffff; 
	background-color:#666666;
	border: solid 1px #000000;

}

select #grey 
{
display:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.1;
	color: #ffffff; 
	background-color:#666666;
	border: solid 1px #000000;
}

.artikel {
clear:both;
display:block;
padding:5px 0 0 0;
border-bottom:1px solid #666;

}
.artikel .s2 {
	font-size : 1.0em;
	margin:0 10px 0 0;
	letter-spacing:0.05em;
	word-spacing:0.2em;
	color:#ddd;
	float:left;
}
.artikel .s1 {

	word-spacing:0.2em;


	display:inline;
}
.artikel .date {
	font-size : 0.8em;
	text-align:right;
	clear:both;
}
.artikel .link {
	font-size : 0.8em;
	text-align:left;
	clear:both;
	padding:10px 0 10px 0;
}
.artikel h2 {
clear:both;
line-height:inherit;
font-size:1 em;
line-height: 0.1em;
	
}
.artikel .onderkop {

	line-height : 1.1em;
	padding-bottom: 10px;
	clear:none;
	display:inherit;
}
.link {
	font-size : 0.8em;
	text-align:left;
	clear:both;
}
.kop {
clear:both;
	line-height : 1.2em;
	font-size : 1.5em;
	size:1.8em;
}
.onderkop {
clear:both;
	line-height : 1.1em;
}
.h2{
	line-height : 1.5em;
	size:1.5em;
	clear:both;
	text-align:right;
}

.winkelresultaat {

	background-color : #333333;
	border : 1px solid #999999;
	padding: 10px 10px 10px 10px ;
	width:90%;
	text-align:left;
	font-size : 1.0em;
	color : #cccccc;
	vertical-align:top;
}
.winkelgegevens{
    float:left;
	position:static;
	vertical-align:top;
	min-width:300px;
	background-color : #333333;
	border : 0px solid #999999;
	padding: 10px 10px 10px 10px ;
	margin: 0px 10px 10px 10px ;
}
.winkelfoto{
    float:left;
	margin: 0px 10px 10px 10px ;
	width:270px;
	vertical-align:top;
	background-color : #333333;
	border : 0px solid #999999;
	padding: 10px 10px 10px 10px ;
	border-spacing: 10px ;
	clear:right;

}
.stadskaart{
	padding: 10px 10px 10px 10px ;
	border : 1px solid #ccc;
	margin: 0px 10px 10px 10px ;
	width:113px;
	height:75px;
	float:left;
}
.last_update{
color:#999999;
float:right;
}
.aantal_winkels{
color:#999999;
}
.rubrieken{
	border:0px solid #999999;
	margin-bottom: 2px;
}
.merken{
	border:0px solid #999999;
	margin-bottom: 10px;

}
.openingsdagen {
	border : 0px solid #ccc;
	width: 140px;
	border-bottom:0px solid #999999;
	margin-bottom: 10px;
	float:left;
}
.adres_winkel {
	border : 0px solid #ccc;
	width: 140px;
	border-bottom:0px solid #999999;
	margin-bottom: 10px;
}
.url{
	clear:both;
	float:left;
	padding: 0px 10px 10px 10px ;
	border : 1px solid #ccc;
	margin: 0px 10px 10px 10px ;
}

.openingsuren {
	border : 0px solid #ccc;
	width: 140px;
	border-bottom:0px solid #999999;
	margin-bottom: 10px;
	float:left;
}
.naam_winkel 
{
font-size:large;
	margin-bottom: 10px;
}

.terug{
	clear:both;
	text-align:center;
}
.paginering{
	clear:both;
	max-width:500px;
}
.lijn
	{
	display:block;
	border-top: 1px solid #999;
	line-height:26px;
	vertical-align:top;

	  }
.info
	{
	text-align:left;
	display:inline;
	vertical-align:top;

}
.winkel
	{
	background-color : #333333;
	text-align : left;
	display:inline;
	margin-left: 10px;
	margin-right:50px;
	vertical-align:top;
	
}
.adres
	{
	text-align:left;
	display:inline;
	margin-left: 10px;
	margin-right:50px;
	vertical-align:top;
}
.rubriek
	{
	text-align:left;
	display:inline;
	margin-left: 10px;
	margin-right:50px;
	vertical-align:top;
	}
.foto
	{
	display:inline;
	



}





#winkelselectie
	{
 	border-collapse : collapse;
	background-color : #666;
	border: 0 solid;
	width:90%;
	display:table;
}
.tdM {
	background-color : #666666;
	font-size : 12px;
	line-height : 1.0;
	color : #cccccc;
	border : 0 solid #000;
	border-top-width : 0;
	text-align : left;
	vertical-align:top;
	overflow:visible;
	display: inline;
	float: left;
	width: auto;
} 

 

	  .zoekcriteria
{
border:0px solid black;
float:left;
}
.reset
{
border:1px solid black;
float:left;
}
.voet {
	font-size : 12px;
	color : #cccccc;
}
.voet:visited {
	font-size : 12px;
	color : #cccccc;
}
.voet:hover {
	font-size : 12px;
	color : #333333;
}
a {

	color : #cccccc;
}
a:hover {

	color : #666666;
}
a:visited {

	color : #999999;
}
H1 {
	line-height : 1.2;
}
H2 {
	line-height : 1.2;
	clear:both;
}
H3 {
	line-height : 1.2;
}
table {
	border-collapse : collapse;
	border : 0 solid #999999;
}
.TABLE1 {
	border-collapse : collapse;
	background-color : #666666;
	border : 1px solid #999999;
}
.TABLE2 {
	border-collapse : collapse;
	border : 1px solid #999999;
}
.TABLE3 {
	border-collapse : collapse;
	border : 0 solid #666666;
}
.tdtop {
	background-color : #333333;
	font-size : 12px;
	line-height : 1.4;
	color : #ffffff;
	border : 0 solid #666666;
	border-left-width : 0;
	text-align : left;
}
.tdtop:hover {
	background-color : #999999;
	font-size : 12px;
	line-height : 1.4;
	color : #cccccc;
	border : 0 solid #666666;
	border-left-width : 0;
	text-align : left;
}
.td0 {
	background-color : #333333;
	font-size : 12px;
	line-height : 1.4;
	color : #ffffff;
	border : 0 solid #666666;
	border-left-width : 0;
	text-align : left;
}

.td1 {
	background-color : #666666;
	font-size : 12px;
	line-height : 1.1;
	color : #cccccc;
	border : 0 solid #666666;
	border-top-width : 0;
	text-align : left;
}
.td2 {
	background-color : #333333;
	font-size : 12px;
	line-height : 1.1;
	color : #cccccc;
	border : 0 solid #666666;
	border-top-width : 1px;
	text-align : left;
}
.td2b {
	background-color : #333333;
	font-size : 12px;
	line-height : 1.1;
	color : #cccccc;
	border : 0 solid #666666;
	border-top-width : 1px;
	text-align : left;
	vertical-align : top;
}

.td4 {
	border : 0 solid #999999;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-right-width : 1px;
}
.tdleft {
	background-color : #333333;
	font-size : 12px;
	line-height : 1.1;
	color : #ffffff;
	border : 0 solid #666666;
	border-left-width : 1px;
	text-align : left;
	width:600px;
}
hover.td2 {
	background-color : #000000;
	font-size : 12px;
	line-height : 1.1;
	color : #cccccc;
	border : 2px solid #666666;
	border-top-width : 1px;
	text-align : left;
}
.tdi {
	background-color : #999999;
	font-family : courier, garamond, serif;
	font-size : 12px;
	font-weight : bolder;
	line-height : 1.1;
	color : #cccccc;
	border : 0 solid #333333;
	border-top-width : 1px;
	text-align : left;
}
hover.tdi {
	background-color : #999999;
	font-family : courier, garamond, serif;
	font-size : 12px;
	font-weight : bolder;
	line-height : 1.1;
	color : #cccccc;
	border : 1px solid #666666;
	border-top-width : 1px;
	text-align : left;
}
.td3 {
	background-color : #333333;
	font-size : 12px;
	line-height : 1.1;
	color : #cccccc;
	border : 0 solid #666666;
	border-left-width : 0;
	text-align : center;
}
th {
	font-size : 12px;
}
.title {
	font-size : 18px;
	line-height : 20px;
	background-color : #99cc00;
	color : #003333;
}
.subtitle {
	font-size : 16px;
	line-height : 30px;
	color : #003300;
}
.footer {
	font-size : 14px;
	font-weight : bold;
	line-height : 22px;
	color : #333333;
	background-color : #ccff99;
}
form {

	line-height : 1.1;
	border : 0 solid #666666;
	float:left;
}
input {

	line-height : 1.1;
	border : 0 solid #666666;
}
textarea {
	font-size : 12px;
	line-height : 1.1;
	border : 0 solid #666666;
}
select {

	line-height : 1.1;
	color : #ffffff;
	background-color : #666666;
	border : 1px solid #000000;
}
.knopje {

	line-height : 1.1;
	background-color : #333333;
	border : 1px solid #000000;
	margin-left : 0;
	margin-right : 0;
	padding-left : 0;
	padding-right : 0;
}
select.knopje {

	line-height : 1.1;
	color : #ffffff;
	background-color : #666666;
	border : 1px solid #000000;
	margin : 1px;
	padding : 1px;
}
.knopje2 {

	line-height : 1.2;
	vertical-align:bottom;
	letter-spacing: 0.2em;
	background-color : #999;
	border : 1px solid #000000;
	margin-left : 0;
	margin-right : 0;
	padding-left : 0;
	padding-right : 0;
}
select.knopje2 {

	line-height : 1.2;
	vertical-align:bottom;
	letter-spacing:0.2em;
	background-color : #666666;
	border : 1px solid #000000;
	margin-left : 0;
	margin-right : 0;
	padding-left : 0;
	padding-right : 0;
}

input.knopje {

	line-height : 1.1;
	border : 1px solid #000000;
	background-color : #cccccc;
	border : 1px solid #000000;
	margin : 1px;
	padding : 1px;
}
input.knopje:hover {

	line-height : 1.1;
	border : 1px solid #000000;
	background-color : #999999;
	border : 1px solid #000000;
	margin : 1px;
	padding : 1px;
}
.topnav {

	border : 1px solid #666666;
	background-color : #cccccc;
}
.topnav:hover {

	border : 1px solid #666666;
	background-color : #ffffff;
}
hover.topnav {

	border : 1px solid #000000;
	background-color : #cccccc;
}
topnav {
	font-size : 12px;
	border : 1px solid #000000;
	background-color : #cccccc;
}

.style1 {
	font-size : larger;
}
	  
Option.topnav {
	font-size : 12px;
	line-height : 1.1;
	color : #ffffff;
	background-color : #666666;
	border : 1px solid #000000;
	width: 170px; 
}  
Option.voorpagina {
	font-size : 12px;
	line-height : 1.1;
	width: 170px; 
	color : #ffffff;
	background-color : #666666;
	border : 1px solid #000000;

}  
.vp {
background-color : #333333;
	font-size : 10px;
	line-height : 1.1;
	color : #666666;
	text-align : center;
}