html, body{
	height: 100%;
}

body{
	text-align: center;
	color: #000;
	background-color: #fff;
}

object{
	outline: none;
}

#container{
	position: relative;
	width: 520px;
	margin: 0px auto;
	text-align: left;
}

#header{

}

#logo{
	xline-height: 100px;
	xheight: 100px;
	xtext-indent: -9999em;
	display: block;
	margin: 0px;
	padding: 0px;
}

#content .inner{
	padding: 0;
}

.inner,
#filterBox .inner{
	padding: 1em;
	margin: 0;
}

h2{
	color: #b90909;
	text-transform: uppercase;
}

a.external{
	background: url(i/external.png) no-repeat center right;
	padding-right: 15px;
}

.error{
	color: #F00;
}

.correct{
	color: #060;
}

/*
	City view
*/
.toolBar p{
	float: right;
}

.toolBar a.indexPage{
	background: url(i/nederlands.png) no-repeat right top;
	display: block;
	float: right;
	width: 91px;
	text-align: center;
	vertical-align: bottom;
	padding-top: 106px;
	color: #B90909;
	text-decoration: none;
}

.toolBar div.citySign{
	float: left;
	padding: 30px 0 0 0;
}

.toolBar div.tip{
	float: left;
	padding: 30px 1em 0 1em;
}


/*
--------------------------------------------------------------------------------
	map
--------------------------------------------------------------------------------
*/
#mapwrapper{
	xborder: 2px solid #d6c46f;
	margin: 0px 0px 1em;
	width: 600px;
	xheight: 650px;
	text-align: center;
}

#map{
	width: 100%;
	xheight: 100%;
	text-align: center;
	margin: 0px auto;
}

#streetViewPano,
#streetMapPano{
	width: 376px;
	height: 200px;
	position: relative;
}

/*
--------------------------------------------------------------------------------
	misc
--------------------------------------------------------------------------------
*/
.indicator{
	background: url(i/indicator_bar.gif) no-repeat center center;
	line-height: 82px;
	text-align: center;
	vertical-align: middle;
	height: 82px;
}

/*
--------------------------------------------------------------------------------
	boxes
--------------------------------------------------------------------------------
*/

.box{
	margin: 0 auto 1em;
	padding: 0;
	text-align: left;
	color: #000;
	background-color: #FFF;
}

.boxTitle{
	color: #000;
	font-size: 25px;
	font-weight: normal;
	line-height: 25px;
	margin:0;
	padding:0;
}

.boxBody{
	margin:0;
	padding:0;
}

.boxBody .inner{
	padding: 10px;
	margin:0;
}

.box p{
	padding: 0;
	margin: 0 0 0.5em 0;
	line-height: 1.4em;
}

.boxTitle a{
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999em;
	position: absolute;
}

.boxTitle .btnClose{
	top: 5px;
	right: 5px;
	background: url(i/close_btn.png) no-repeat center center;
}

.boxTitle .btnPrint{
	background: url(i/print_btn.png) no-repeat center center;
	top: 5px;
	right: 25px;
}


/*	The Box on the start page */

/*	The Detailed Info Box */

#locationInfoBox{
	width: 396px;
	color: #333;
	border: 1px dashed #000;


	box-shadow: 0.1em 0.15em 1em #333;
	-moz-box-shadow: 0.1em 0.15em 1em #333;
	-webkit-box-shadow: 0.1em 0.15em 1em #333;
	-khtml-box-shadow: 0.1em 0.15em 1em #333;
}

#locationInfoBox a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#locationInfoBox .boxBody{
}

#locationInfoBox .boxBody h2,
#locationInfoBox .boxBody h3{
	line-height: 1.1;
	display: block;
	font-weight: normal;
	color: #000;
	padding: 0px;
	margin: 0px 0px 0.25em;
}

#locationInfoBox .boxBody h2{
	font-size: 24px;
}
#locationInfoBox .boxBody h3{
	font-size: 16px;
}

#locationInfoBox .extUrl{
	margin-bottom: 1.75em;
}


/*
--------------------------------------------------------------------------------
	id Tabs
--------------------------------------------------------------------------------
*/
.idTabs{
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.idTabs li{
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

.idTabs li a{
	display:block;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	width: 80px;
	float: left;
	margin: 0px 0.5em 0px 0px;
	padding: 0px;
}

#locationInfoBox a.selected{
	color: #900;
}