/*
Author: AdvertBanner
Author URI: http://www.advertbanner.com/
*/ 

/*-----------------------------------------------------------------------------------------------
	Reset tags
-----------------------------------------------------------------------------------------------*/	

a, b, body, br, caption, div, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, label, legend, li, p, select, span, table, td, textarea, th, tr, ul, ol,dl, dt, dd
{
	margin: 0px;
	padding: 0px;
	border:0px;
	text-decoration:none;
	border-collapse:collapse;
	font: 11px/1.3em Verdana, Geneva, sans-serif;
	color: #666;
}

html,
body 
{
}

body 
{
	background: #ccc;
}

table,
td,
th
{
	border-collapse:collapse;
}

ul
{
	width:auto;
	list-style:none;
}

ol
{
	list-style-position: inside;
	list-style-type: decimal;
}

li a
{
	display:block;
}

@media all {	 

* html li a { height:1%; }/* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ 
}

a 
{
	color: #333;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------
	Algemeen
-----------------------------------------------------------------------------------------------*/	

.mainwrapper {
	width: 720px;
	margin-top: 55px;
	margin-right: auto;
	margin-left: auto;
}

.wrapper {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	float: left;
}

.header {
	background: url(../images/park-centre-logo.gif) no-repeat 0px 0px;
	height: 92px;
	width: 720px;
	float: left;
}
.secondnav {
	float: left;
	width: 720px;
	border-bottom: 4px solid #fff;
}
.logo {
	height: 70px;
	width: 283px;
	float: left;
}
.mainnav {
	border-top: 7px solid #D70000;
	margin-left: 283px;
}
.mainnav li {
	float: left;
}
.mainnav li a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	background: url(../images/navBullet.gif) no-repeat 0px 8px;
	padding: 3px 25px 45px 8px;
	float: left;
}
.mainnav li a:hover,
.mainnav li a.current {
	color: #D2090F;
}
.secondnav li {
	height: 47px;
	float: left;
	margin-bottom: 1px;
}
.secondnav li a {
	text-decoration: none;
	height: 32px;
	width: 170px;
	margin-left: 192px;
	margin-top: 1px;
	font-variant: small-caps;
	font-weight: 700;
	padding-top: 14px;
	padding-left: 75px;
	letter-spacing: .1em;
}
.secondnav li a:hover,
.secondnav li a.current {
	background: #D70000;
	color: #fff;
}
.left .secondnav li a:hover {
	cursor: default;
}
.secondnav li.visual,
.secondnav #photos {
	background: url(../images/parkcentre-flexibel.jpg);
	float: left;
	height: 191px;
	width: 283px;
}
.secondnav .kantoorruimten,
.secondnav #kantoorruimten {
	background: url(../images/kantoorruimten.jpg) no-repeat 0px 0px;
}
.secondnav .vergaderfaciliteiten,
.secondnav #vergaderfaciliteiten {
	background: url(../images/vergaderfaciliteiten.jpg) no-repeat 0px 0px;
}
.secondnav .telefoonservice,
.secondnav #telefoonservice {
	background: url(../images/telefoonservice.jpg) no-repeat 0px 0px;
}
.secondnav .secretariaatdiensten,
.secondnav #secretariaatdiensten {
	background: url(../images/secretariaatdiensten.jpg) no-repeat 0px 0px;
}
.secondnav .aanvragen {
	background: url(../images/informatie-aanvragen.jpg) no-repeat 0px 0px;
}
.threecolwrapper {
	background: url(../images/threecolbg.gif) repeat-x 0px 0px;
	width: 720px;
	float: left;
	padding-top: 21px;
}
.content p,
.contentleft p,
.contentright p {
	margin-bottom: 10px;
}

.back {
	background: url(../images/back.gif) no-repeat 0px 7px;
	padding-left: 10px;
	text-decoration: none;
	float: right;
}

.back:hover {
	text-decoration: underline;
}

.googlemaps
{
	height: 524px;
}

/*-----------------------------------------------------------------------------------------------
	Benefits
-----------------------------------------------------------------------------------------------*/	

.benefits {
	float: left;
	width: 181px;
	padding-left: 15px;
	padding-top: 30px;
	background: url(../images/border.gif) no-repeat 0px 0px;
}
.benefits li  {
	background: url(../images/bullet.gif) no-repeat 0px 4px;
	padding-left: 24px;
	margin-bottom: 6px;
}
.slideshow {
	height: 183px;
	width: 244px;
	float: left;
}

/*-----------------------------------------------------------------------------------------------
	Home
-----------------------------------------------------------------------------------------------*/	

.home .content {
	float: left;
	width: 253px;
	padding-right: 10px;
	padding-left: 17px;
}
.home .content h1 {
	background: url(../images/homeH1.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 52px;
	margin-left: -17px;
}

sup {
	position: absolute;
	margin-top: -4px;
}

/*-----------------------------------------------------------------------------------------------
	Slideshow
-----------------------------------------------------------------------------------------------*/	

#slideshow {
	position:relative;
	height:191px;
}
#slideshow ul li {
	float:left;
	position:absolute;
	list-style: none;
}
#slideshow ul li.show {
	z-index:100
}

/*-----------------------------------------------------------------------------------------------
	Leftcontent
-----------------------------------------------------------------------------------------------*/	

.visualleft {
	background: url(../images/contact-park-center.jpg) no-repeat 0 0;
	float: left;
	height: 475px;
	width: 283px;
}
.route {
	float: left;
	width: 283px;
	height: 527px;
	background: url(../images/map.jpg) no-repeat 0 0;
}
.visualleft {
	margin-top: -47px;
}
.contentright {
	float: left;
	width: 437px;
}
.contentright img {
	float: left;
	margin-bottom: 1px;
}
.contentright h2,
.contentleft h2 {
	color: #C83436;
	font-size: 13px;
	font-weight: 300;
}
.contentright .innerwrapper,
.contentleft .innerwrapper {
	float: left;
	padding-right: 10px;
	padding-left: 17px;
	background: #FFF;
	padding-top: 10px;
}
.innerwrapper ul li {
	background: url(../images/back.gif) no-repeat 0px 7px;
	padding-left: 10px;
	padding-bottom: 3px;
}
.innerwrapper ul li ul {
	margin-top: 3px;
}

/*-----------------------------------------------------------------------------------------------
	Rightcontent
-----------------------------------------------------------------------------------------------*/	

.left .secondnav  {
	border-bottom-style: none;
	background: url(../images/hline.jpg) no-repeat 17px 43px;
}
.left .secondnav li {
	float: right;
	margin-bottom: 0px;
}
.visualright {
	background: url(../images/pic08.jpg);
	float: left;
	height: 353px;
	width: 437px;
}
.contentleft {
	float: left;
	width: 283px;
}
.contentleft h1,
.contentright h1 {
	color: #666;
	background: url(../images/bullet.gif) no-repeat 0px 3px;
	padding-left: 24px;
	margin-bottom: 25px;
	font-weight: 700;
}

/*-----------------------------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------------------------*/	

.footer {
	background: #C33;
	float: left;
	width: 698px;
	padding-left: 22px;
}
.footer li,
.footer li a {
	color: #fff;
	display: inline;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 10px;
}

.footer li {
	margin-right: 5px;
	margin-left: 5px;
	line-height: 47px;
}

.footer li a {
	text-decoration: none;
}

.footer li a:hover {
	text-decoration: underline;
}