/*  general styles   */
/*-- yui styles ---*/
.yui-skin-sam .yui-ac {
	font-family: "Courier New", Courier;
	font-style: normal;
	color:#4757A6;
}

#yui-history-iframe {
  position:absolute;
  top:0; 
  left:0;
  width:1px; height:1px;
  visibility:hidden;
}
.itemHighlightClass{
	background:#C9DA2A;
}
.itemPrehighlightClass{
	background:#C9DA2A;
}
.yui-skin-sam .yui-ac-content{
 	border: 0;
}
/* --general styles--*/
body {
	margin:0;
	padding:0;
    font-family: "Courier New", Courier;
    font-size: 15px;
    line-height: 19px;
	color: #EE3C24;
}
table, html, body, td {
	vertical-align:top;
}
a img {
	border:0;
}

#header{
	color: #4757A6;
	border-bottom: 3px dotted #4757A6;
	padding:20px 0 20px 0;
}
#header .town_search{
	font-style: oblique;
	font-weight: bold;
}
#main-menu{
	padding:10px 0 10px 0;
	/*border-bottom: 3px dotted #4757A6;*/
}
#browse{
	font-style: oblique;
	padding-bottom:40px;

}

/*---  end general styles --*/



/*--- country, planner, city selection -- */

#country_remove, #planner_remove, #year_remove{
	z-index: 10;
	border:2px solid #EE3C24;
	color:#4757A6;
	font-style: normal;
	padding:3px;
}
#country_remove img, #planner_remove img, #year_remove img{
	float: right;
	padding:0;
	margin:0;
}

/*#country_remove .alignright{
	padding: 0;
	margin: 0;
	float:right;
	display: inline;	
}*/

#AC_cities{
	vertical-align: bottom;
}
#AC_countries, #AC_planners{
    /*width:160px; set width here or else widget will expand to fit its container */
    padding:0 0 150px 0; /* allow enough real estate for the container */
    z-index:1;
}
#countries_container, #planners_container, #cities_container{ /* set scrolling */
    height:120px;
    overflow:auto;
    overflow-x:hidden; /* set scrolling */
    _height:120px; /* ie6 */

}
#search-cities {
	width: 200px;
	border: 2px solid #4757A6;
	margin:0;
    padding:2px 0 0 2px;
	font-family: "Courier New", Courier;
	color:#4757A6;
	font-weight:normal;
}
#cities_container{
	width: 205px;	
	font-style: normal;
}
#cities_container .yui-ac-content{
	border-left: 2px solid #4757A6;
	border-right: 2px solid #4757A6;
	border-bottom: 2px solid #4757A6;
}
#countries_container, #search-countries, #country_remove{
	width: 240px;
}
#planners_container, #search-planners, #planner_remove{
	width: 300px;
}
#search-countries, #search-planners{
	height: 22px;
	border-top: 2px solid #EE3C24;
	border-left: 2px solid #EE3C24;
	border-right: 2px solid #EE3C24;
	margin:0px;
    padding:2px 0 0 0;
    font-family: "Courier New", Courier;
	font-style: normal;
	color:#4757A6;
}
#countries_container, #planners_container{
    border-bottom: 2px solid #EE3C24;
    border-left: 2px solid #EE3C24;
    border-right: 2px solid #EE3C24;
    border-top: 1px solid #EE3C24;
    margin:0px;
    padding:0px;
}
.year {
    border: 2px solid #EE3C24;
    height: 18px;
    margin-top:0;
    font-family: "Courier New", Courier;
	font-style: normal;
	color:#4757A6;
	width: 50px;
	vertical-align:middle;
}
.submit-button{
	background:url(../images/INTIsearch.gif) no-repeat;
	cursor:pointer;
	width: 72px;
	height: 26px;
	border: none;
	vertical-align:middle;
}
.submit-button:hover{
	background:url(../images/INTIsearch-over.gif) no-repeat;
	cursor:pointer;
	width: 72px;
	height: 26px;
	border: none;
}

/*--results--*/
#town_list{
	border-top: 3px dotted #EE3C24;
	margin-top: 0px;
	padding-top:40px;
	line-height: 19px;
}

#town_list a{
	color:#4757A6;
	text-decoration:none;
}
#town_list a:hover{
	color:#EE3C24;
	text-decoration:none;
}
.town {
	height: 160px;
	padding: 20px;
	margin: 0 0 18px 0;
	border: 10px dotted #958600;
	color:#4757A6;
	font-weight: bold;
}
a:hover .town{	
	background:#C9DA2A;
}
.town h4 { 
	margin: 0;
	color:#EE3C24;
}
/*-----*/
#map_canvas{
	width: 980px; 
	height:300px;
}
.back-button{
	background:url(../images/INTIback.gif) no-repeat;
	cursor:pointer;
	width: 72px;
	height: 26px;
	border: none;
	vertical-align:middle;
}
.back-button:hover{
	background:url(../images/INTIback-over.gif) no-repeat;
	cursor:pointer;
	width: 72px;
	height: 26px;
	border: none;
}
#town-title{
	padding-top:10px;
	padding-bottom:10px;
	font-size:20px;
	border-bottom: 3px dotted #4757A6;	
	vertical-align:bottom;
}

#town-info{
	border-bottom: 3px dotted #EE3C24;
	border-top: 3px dotted #EE3C24;
	color: black;
	font-weight: bold;
	line-height:24px;
	padding-top:40px;
	padding-bottom: 40px;
}
#town-info .data{	
	color:#EE3C24;
}
#town-info .data a{
	text-decoration:none;
	color:#EE3C24;
}
#infotext{
	padding-top: 40px;
	color: black;
}
#infotext .caption{
	font-size:11px;
	line-height: 15px;
}
#infotext img{
	padding-bottom:10px;
}
#gmap{
	font-size: 13px;
	padding-top: 10px;
	padding-bottom:10px;
}
#gmap a{
	font-weight: bold;
	text-decoration:none;
	color: #4757A6;
}
#gmap a:hover{
	color: #EE3C24;
}
#town_map{
	font-size: 12px;

	color: #4757A6;
	padding-top:10px;
	padding-bottom:10px;
}


/*---------------*/
.container {width:980px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:11px;}

.last, div.last {margin-right:0;}

.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:980px;margin:0;}
.prepend-1 {padding-left:40px;}
/*aangepaste styles*/
div.span-town {float:left; margin-right:0px;}
.prepend-town-1 {margin-left:55px;}
.span-town {width:230px;}


/*---------------*/
#flashmap{
	background:#E1D48D;
	padding:10px;
	width: 955px;
	height:540px;
}