@import url('reset.css');
@import url('master.css');

body
{
	text-align: center;
	font-size: 100%;
	font-family: Arial, Helvetica, Verdana,Geneva, sans-serif;
}

p,li,td, h3
{
	font-size:0.80em;
	line-height: 1.5em;
}

#wrapper
{
	background: url(../images/bgHeader.jpg) repeat-x;
	height: 286px;
}

#wrapper2
{
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#logo a
{
	background: url(../images/header.jpg) no-repeat;
	width: 645px;
	height: 183px;
	float: left;h2
}

/* @group nav */

#nav
{
	float: right;
	margin: 30px 20px 0 0;
}

#nav li
{
	float: left;
	margin-right: 10px;
} 

#nav a
{
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	width: 83px;
	height: 40px;
	display: block;
}

#nav a:hover, #nav a.active
{
	background-position: -83px 0;
}

#nav li.contact a
{
	background-position: 0 -40px;
}

#nav li.contact a:hover, #nav li.contact a.active
{
	background-position: -83px -40px;
}

#nav li.over a
{
	background-position: 0 -80px;
}

#nav li.over a:hover, #nav li.over a.active
{
	background-position: -83px -80px;
}

#logo a span, #nav li span
{
	display: none;
}

/* @end */

/* @group Quote */

#quoteInfo, #quoteAdvies, #quoteFiscaliteit
{
	clear: both;
	height: 103px;
	width: 872px;
	background-repeat:no-repeat;
	margin-left: 42px;
	display: block;
}

#quoteInfo
{
	background-image: url(../images/quote.jpg);
}

#quoteAdvies
{
	background-image: url(../images/quoteAdvies.jpg);
	zoom: 100%;
}

#quoteFiscaliteit
{
	background-image: url(../images/quoteFiscaliteit.jpg);
}

#quoteInfo span,
#quoteAdvies span,
#quoteFiscaliteit span
{
	display: none;
}

/* @end */

/* @group content */

#content
{
	clear: both;
	margin-top: 50px;
}

#content .block
{
	width: 265px;
	padding-left: 42px;
	float: left;
}

#content .block_full
{
	width: 879px;
	padding-left: 42px;
	float: left;
}

#content .content
{
	background: #e9e9e9;
	padding: 25px 25px 10px 25px;
	overflow: hidden;
}

#content .content p
{
	margin-bottom: 1em;
}

#content p a, #footer a
{
	color: #1e98c8;
	background-color: #fff;
	text-decoration: none;
}

#content p a:hover, #footer a:hover
{
	text-decoration: underline;
}

#content div.read_more a
{
	background: url(../images/iconLogo.png) no-repeat center bottom;
	padding: 0 0 30px 0;
	outline: none;
	height: 34px;
	width: 100%;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #1e98c8;
}

#content a.read_less
{
	display: block;
	background: url(../images/iconClose.png) no-repeat right;
	float: right;
	height: 17px;
	width: 17px;
}

#content h2
{
	height: 25px;
	width: 144px;
	background-repeat: no-repeat;
}

#content h2 span,
#content a.read_less span,
#content div.more
{
	display: none;
}

#content_boekhouding h2
{
	background-image: url(../images/titleBoekhouding.jpg);
}

#content_fiscaliteit h2
{
	background-image: url(../images/titleFiscaliteit.jpg);
}

#content_anderediensten h2
{
	background-image: url(../images/titleAndereDiensten.jpg);
}

#content_over h2
{
	background-image: url(../images/titleOver.jpg);
}

#content_contact_info h2
{
	background-image: url(../images/titleContactInfo.jpg);
	width: 230px;
}


#content #content_route
{
	width: 444px;
}

#content #content_contact_info
{
	width: 393px;
}

#content_route .content
{
	padding-bottom: 25px;
}

#content_route div img
{
	border: 4px solid #fff;
}

#content div.more ul
{
	margin: 15px 0 0 15px;
}

#content div.more ul li
{
	list-style-type: disc;
	
}

#over.content .text {
	float: left;
	width: 580px;
}

#over.content .visuals {
	float: right;
}

#over.content .visuals img {
	border: 3px solid #fff;
}

#over.content .visuals a:hover img {
	border: 3px solid #1e98c8;
}

#content_route a:hover img {
	border-color: #1e98c8;
}

/* @end */

/* @group footer */

#footer
{
	clear: both;
	margin: 40px 25px 20px 42px;
	display: block;
}

#info
{
	font-size: 0.9em;
	color: #999999;
}

#info li
{
	float: left;
	margin-right: 20px;
}

#info li span
{
	color: #1e98c8;
}

#multimedium
{
	float: right;
}

#multimedium span
{
	display: none;
}

#multimedium a
{
	background: url(../images/multimedium.jpg) no-repeat;
	width: 19px;
	height: 19px;
	display: block;
}

#multimedium a:hover
{
	background-position:0 -19px;
}

/* @end */

img.visual
{
	border: 4px solid #fff;
}

span.underline {
	text-decoration: underline;
}

.contact_img
{
	float:left;
	clear: both;
	margin-bottom: 20px;
}

.contact_img img
{
	border: 4px solid #fff;
}

.contact_info
{
	float: left;
	padding-left: 20px;
}