/*CSS - http://www.boekuwhotel.be/
http://www.boekuwhotel.be/opmaak/ihotel2.css*/
	* Collapse All
   * Expand All
*{
	margin: 0;
	padding: 0;
}
html, body {
	width: 100% !important;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #000;
	margin: 0;
	padding: 0 ;
	overflow: auto;
	#overflow: hidden;
	_overflow-x: hidden;
	background-color: #E5E5E5;
	
}

/* **********************************HEADER ALLE PAGINA'S ***************************************/

#smoothall {
  
    text-align: left;
	position: relative;
	top:0;
	left:0;
	/*margin:16px 10px 20px 10px;*/
	padding:0;
	width: 980px;

} 
#container{
    width: 980px;
	#width: 980px;
	_width: 1000px;
	height: 1627px;
	#height: 1645px;
	_height: 1627px;
	border: 1px solid #CCCCCC;
	margin: 5px 0 5px 0;
	background-color: #FFFFFF;
}
#containerhotels{
   width: 980px;
	#width: 980px;
	_width: 1000px;
	height: 1870px;
	#height: 1888px;
	_height: 1870px;
	border: 1px solid #CCCCCC;
	margin: 5px 0 5px 0;
	background-color: #FFFFFF;

}
#fotostad {
background-image: url(images/city.jpg);
height: 230px;
width: 970px;
border: 2px solid #CCCCCC;
text-align: center;
margin: 5px 0 5px 3px;
}
#breadcrumb{
/*text-align: right;*/
 font-size: 10px;
 background-color:#4D4D4D;
 padding: 1px 20px 1px 0;
 #padding: 0px 20px 1px 0;
 _padding: 0px 20px 1px 0;

}
#breadcrumbtekst{
  float:right;
  font-size: 10px;
  margin-top: 3px;
  #margin-top: 17px;
  _margin-top: 17px;
  
}
#breadcrumbtekst a:link, 
#breadcrumbtekst a:visited, 
#breadcrumbtekst a:hover {
  color: #fff;

}
#lijstheader{
  font-size: 12px;
}
#lijstheader lu{
  float: left;
}

#lijstheader li{
  display: inline;
  text-align: left;
  padding-right: 20px;

}
#lijstheader a:link, 
#lijstheader a:visited, 
#lijstheader a:hover {
  color: #fff;
  text-decoration:none;
}




#bodymidden{
 height: 1280px;
}

#linkerkolom{
float: left;
width: 200px;
border: 1px solid #8997AB;
margin: 5px 5px 5px 7px;

}

#middenkolom{
float: left;
width: 600px;
/*height: 1210px;*/
border: 1px solid #8997AB;
margin: 5px;
padding-bottom: 15px;
#padding-bottom: 20px;
_padding-bottom: 0px;
}

#rechterkolom{
background-image: url(halletoren1.jpg);
float: left;
width: 140px;
height: 640px;
border: 1px solid #8997AB;
margin: 5px;
}
/********************* invulling Linkerkolom ************************/

.linkermenu{

  background-color: #F7F3C6;
  padding: 5px 0 0 0;
  height:25px;
  width:200px; 

}
.linkermenu a{
font-size: 13px;
  color:#8997AB;
  margin-left:5px;
  text-decoration: none;
  width:200px;
}
.linkermenu a:hover{
  color:#8997AB;
  margin-left:5px;
  text-decoration: none;
}
.linkermenu:hover{
  width: 200px;
  height: 25px;
  background-color: #C5DAF7; 
}






/******************* END ************************/


/*********************  INVULLING MIDDENKOLOM ************************/
#staduitleg{

}
#staduitleg h1{
  margin: 15px 0 10px 20px;
  #margin: 15px 0 10px 20px;
  _margin: 15px 0 10px 20px;
  text-decoration:underline;
  color:#4D4D4D;
  font-size:24px;
}
#staduitleg img{
border: 1px solid #CCCCCC; 
float:right;
margin: -25px 10px 10px 10px;

}
#staduitleg p{
  color: #000;
  margin: 0px 0 0 10px;
  font-size:12px;
  text-align:left;
}
.naastelkaar{
  float: left;
  height: 310px;
  width: 600px;
  _width: 600px;
  margin-bottom: 15px;
}
#bezoekstad{
  background-color: #C5DAF7;
  border: 2px solid #C5DAF7; /*#0033CC;*/
  margin: 20px 10px 10px 10px;
 }
#bezoekstad img{
 /* margin: 2px 0 0 3px;
  border:1px solid #CCCCCC;*/
}
#bezoekstad h2{
  text-align: center;
  color:#000099;
  margin:10px 0 15px 0;
}
#bezoekstad h2 a{
  color:#4D4D4D;
  text-decoration:none;
}
#bezoekstad h2 a:hover{
  color:#4D4D4D;
  text-decoration:none;
}
#bezoekstad p{
  font-size: 12px;
  margin: 5px 10px 5px 10px;
}
#bezoekstad a{
  color: #B91515;
}
#bezoekstad a:hover{
  color: #E15959;
}

#overnachtenstad{
  float: left;
  height: 300px;
  width: 270px;
  border: 1px solid #F7F69C;
  background-color: #F7F69C; 
  margin: 10px 10px 10px 20px;
  _margin: 10px 10px 10px 10px;
}
#overnachtenstad h3{
  text-align: center;
  font-size: 16px;
  color: #0066FF;
  margin: 5px 5px;
}
#overnachtenstad h3 a{
  color: #7591FF;
  text-decoration:none;
}
#overnachtenstad h3 a:hover{
  color: #7591FF;
  text-decoration:none;
}

#overnachtenstad p{
  margin: 2px 0 5px 5px;
  font-size:10px;
}
#overnachtenstad a{
  color: #B91515;
}
#overnachtenstad a:hover{
  color: #E15959;
}
#eteninstad{
  float: left;
  height: 300px;
  width: 270px;
  border: 1px solid #F7F3C6;
  margin: 10px 10px 10px 8px;
  background-color:#F7F3C6;
}
#eteninstad h3{
  text-align: center;
  font-size: 16px;
  color: #0066FF;
  margin: 5px 5px;
}
#eteninstad h3 a{
  color: #7591FF;
  text-decoration:none;
}
#eteninstad h3 a:hover{
  color: #7591FF;
  text-decoration:none;
}

#eteninstad p{
  margin: 2px 0 5px 5px;
  font-size:10px;
}
#eteninstad a{
  color: #B91515;
}
#eteninstad a:hover{
  color: #E15959;
}

#uitinstad{
  float: left;
  height: 300px;
  width: 270px;
  border: 1px solid #B3B3B3;
  margin: 15px 10px 10px 20px;
  _margin: 10px 10px 10px 10px;
  background-color: #B3B3B3;
}
#uitinstad h3{
  text-align: center;
  font-size: 16px;
  color: #0066FF;
  margin: 5px 5px;
}
#uitinstad h3 a{
  color: #7591FF;
  text-decoration:none;
}
#uitinstad h3 a:hover{
  color: #7591FF;
  text-decoration:none;
}
#uitinstad p{
  margin: 2px 0 5px 5px;
  font-size:10px;
}
#uitinstad a{
  color: #B91515;
}
#uitinstad a:hover{
  color: #E15959;
}

#shoppeninstad{
  float: left;
  height: 300px;
  width: 270px;
  border: 1px solid #EDC39D;
  margin: 15px 10px 10px 8px;
  _margin: 10px 10px 10px 8px;
  background-color: #EDC39D;
}
#shoppeninstad h3{
  text-align: center;
  font-size: 16px;
  color: #0066FF;
  margin: 5px 5px;
}
#shoppeninstad h3 a{
  color: #7591FF;
  text-decoration:none;
}
#shoppeninstad h3 a:hover{
  color: #7591FF;
  text-decoration:none;
}


#shoppeninstad p{
  margin: 2px 0 5px 5px;
  font-size:10px;
}
#shoppeninstad a{
  color: #B91515;
}
#shoppeninstad a:hover{
  color: #E15959;
}
/**************************** DE FOOTER ******************************/
#defooter{
  width: 978px;
  _width: 998px;
  height:60px;
  #height: 70px;
  _height: 65px;
  text-align:center;
  background-color:#CCCCCC;
  border: 1px solid #CCCCCC;
  font-size: 9px;
  _margin-top: -5px;
}
#lijstfooter{
  font-size: 12px;
  #padding-top: 1px;
  _padding-top: 1px;
}
#lijstfooter ul{

}
#lijstfooter li{
  display: inline;
  text-align: center;
  padding-right: 20px;
}
#lijstfooter a:link, 
#lijstfooter a:visited, 
#lijstfooter a:hover {
  color: #000099;

}

/********************************************   BEZOEK PAGINA ********************************************/
#bezoekuitleg{

}
#bezoekuitleg h1{
  margin: 15px 0 0 20px;
  #margin: 15px 0 0 20px;
  _margin: 15px 0 0 20px;
  text-decoration:none;
  color:#4D4D4D;
  font-size:18px;
}
#bezoekuitleg img{
border: 1px solid #CCCCCC; 
float:left;
margin: 0px 10px 10px 30px;

}
#bezoekuitleg p{
  color: #000;
  margin: 20px 0 30px 10px;
  font-size:12px;
  text-align:left;
}
#bezoekuitleg a{
  color: #000;
  text-decoration: none;

}
#bezoekuitleg a:hover{
  color: #000;
  text-decoration: none;
}

#citytrip-bezoeken{
  margin-left: 10px;
  margin-bottom: 15px;
  
}
#citytrip-bezoeken img{
  border:2px solid #CCCCCC;
}

#achtergrondbezoek{
  border: 1px solid #F2FBE8;
  margin: 10px 20px 10px 30px;
  background-color:#FFEAA6;
}

.tebezoekencitytrip{

}
.tebezoekencitytrip h2{
  font-size: 18px;
  color: #000066;
  margin: 5px 0 5px 60px;
  #margin: 5px 0 5px 60px;
  _margin: 5px 0 5px 60px;
}
.tebezoekencitytrip h3{
  margin: 10px 0 0 0;
  #margin: 0px 0 0 0;
  _margin: 0px 0 0 0;
  font-size: 14px;
  text-decoration:underline;
  color:#990000;
}
.tebezoekencitytrip img{
  clear: left;
  float:left;
  margin: 15px 20px 5px 40px;
  #margin: 20px 20px 5px 40px;
  _margin: 20px 20px 5px 40px;
  border: 1px solid #CCCCCC;
}
.tebezoekencitytrip p{
  font-size:10px;
  margin: 10px 40px 5px 40px;
  padding: 0 0 10px 0;
  color: #0033CC;
}
.tebezoekencitytrip li{
  list-style: none;
  display: table;

  margin-left: -20px;

}/*
.tebezoekencitytrip ul{
  border: 1px solid #aaaaaa;
  background-color:#BCE1A1;
  margin: 5px 15px 5px 20px;
}*/
.apartecitytrip{
  border: 1px solid #aaaaaa;
  background-color:#BCE1A1;
  margin: 5px 15px 5px 0;
}
.tebezoekencitytrip a{
  color: #0033CC;
  text-decoration: none;
}
.tebezoekencitytrip a:hover{
  text-decoration: none;
  color: #0033CC;
}
/************************* Contact ************************************/
#contact{
  border: 2px solid #CCCCCC;
  margin: 15px;
  padding: 5px;
  width: 600px;
}
#minimumhoogte{
    width: 980px;
	height: 1000px;
	border: 1px solid #CCCCCC;
	margin: 5px 0 5px 0;
	background-color: #FFFFFF;
}
#minimummidden{
  height: 600px;
}
.links{
float: left;
  border: 2px solid #CCCCCC;
  margin: 15px;
  padding: 5px;
  width: 250px;
  font-size 10px;
}
.links h3{
 margin-left: 20px;
 color:#333333;
}
.links a{
  color:#000099;
  text-decoration:none;
}
.links a:hover{
  color:#0000FF;
  text-decoration:none;
}
.links ul li{
  list-style:none;
  display:table;
 }
 
#fadeBox{
  width: 576px;
  height: 160px;
  border:2px solid #CCCCCC;
  margin-left: 10px;
  margin-bottom: 15px;

}