/**
 * Title: Van der Meer Accountants B.V.
 * Description: This stylesheet defines the layout of the website of Van der Meer Accountants B.V.
 * Copyright: Pronamic Internet, Vormgeving en Software
 * Company: Pronamic Internet, Vormgeving en Software
 * Author: Remco Tolsma
 * Version: 1.0
 */

body {
	background: #5B5C5E;

	font: 80%/1.75 Arial, Verdana, Helvetica, sans-serif;

	margin: 0;
}

p {
	margin: 0 0 1em 0;
}

/**
 * Heading
 */
h1, h2 {
	color: #910000;

	font-family: Georgia, Palatino, "Times CE", Times, "Times New Roman", sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 2em;
	margin: 0 0 .25em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0 0 .83em 0;
}

h3 {
	font-size: 1.17em;
	font-weight: normal;
	margin: 0 0 1em 0;
}

p.error {
	clear: both;

	border-left: 3px solid #910000;

	padding: 0 10px;
}

/**
 * Anchors
 */
a {
	color: #910000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #000;
}

/**
 * Other
 */
abbr,
acronym {
	cursor: help;
}

.clear {
	clear: both;
}

/**
 * Head
 */
#head-wrap {
	background: #FFF;
}

#head {
	margin: 0 auto;
	padding: 10px;

	width: 955px;
}

/**
 * Company name
 */
#company-name {
	float: left;

	margin: 0;
	padding: 0;
}

#company-name a {
	background: url("logo.gif") no-repeat;

	display: block;

	width: 175px;
	height: 128px;
}

#company-name a span {
	display: none;
}

/**
 * By pass section
 */
#by-pass-section {
	display: none;
}

/**
 * Top menu
 */
#top-menu {
	float: right;

	margin: 20px;
}

#top-menu ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#top-menu li {
	background: url("top-menu/seperator.gif") no-repeat left center;

	float: left;

	padding: 0 1em;
}

#top-menu li:first-child {
	background: none;
}

#top-menu a {
	color: #5B5C5E;

	display: block;
}

/**
 * Main menu
 */
#main-menu-wrap {
	background: #0060A9;

	color: #FFF;

	padding-top: 8px;
}

#main-menu {
	margin: 0 auto;

	width: 975px;
}

#main-menu ul {
	font-weight: bold;

	list-style: none;

	margin: 0;
	padding: 0;
}

#main-menu li {
	background: #EEE url("main-menu/shadow.gif") repeat-x bottom;

	color: #5B5C5E;

	float: left;

	margin-right: 8px;
}

#main-menu a {
	background: url("main-menu/left.gif") no-repeat;

	color: #5B5C5E;

	display: block;

	text-decoration: none;
}

#main-menu a span {
	background: url("main-menu/right.gif") no-repeat right top;

	display: block;

	padding: 8px 15px;
}

#main-menu a:hover,
#main-menu a.active,
#main-menu .child-active a {
	background-color: #FFF;
	background-image: url("main-menu/left-hover.gif");
}

#main-menu a:hover span,
#main-menu a.active span,
#main-menu .child-active a span {
	background-image: url("main-menu/right-hover.gif");
}

/* Sub level */
#main-menu ul ul {
	display: none;
}

/**
 * Search form
 */
#search-form {
	float: right;

	padding-top: 1px;
}

#search-form fieldset {
	border: none;

	padding: 0;
	margin: 0;
}

#search-form label {
	display: none;
}

#search-form input {
	padding: 3px;
}

/**
 * Core
 */
#core-wrap {
	background: #FFF url("bird-top.gif") no-repeat bottom center;
}

#core {
	margin: 0 auto;
	padding-bottom: 20px;

	width: 975px;
}

/**
 * Sub menu
 */
#sub-menu {
	background: url("sub-menu/back.gif") no-repeat bottom;

	color: #5B5C5E;

	min-height: 39px;
}

#sub-menu ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#sub-menu li {
	float: left;

	margin-left: 15px;
}

#sub-menu a {
	color: #5B5C5E;

	display: block;

	padding: 8px 0;

	text-decoration: none;
}

#sub-menu a:hover {
	text-decoration: underline;
}

#sub-menu a.active {
	color: #000;

	font-style: italic;
}

/**
 * Sub menu - level 2+
 */
#sub-menu ul ul {
	background: #EAEAEA;

	position: absolute;
	left: -999em;

	padding: 0;

	width: 10em;
}

#sub-menu li li {
	float: none;

	margin: 0;
}

#sub-menu ul ul a:hover {

}

#sub-menu li:hover ul {
	left: auto;
}

/**
 * Content
 */
#content {
	background: url("dot.gif") repeat-y;

	float: right;

	min-height: 600px;

	margin: 20px 0;
	padding-left: 20px;

	width: 690px;
}

/* Anchors */
#content a[rel="external"], 
#content a.external {
	background: url("external-link.gif") no-repeat right 4px;

	padding-right: 14px;
}

/* Quotes */
#content blockquote {
	font-size: 125%;

	padding: 0 20px;
}

/**
 * Content 1
 */
#content-1 {
	float: left;

	padding-right: 20px;

	width: 470px;
}

/**
 * Content 2 
 */
#content-2 {
	background: url("dot.gif") repeat-y;

	float: right;

	min-height: 400px;

	padding: 0 20px;

	width: 160px;
}

/**
 * Bread crumbs
 */
#bread-crumbs {
	color: #5B5C5E;

	font-size: 90%;
}

#bread-crumbs .label {
	display: none;
}

#bread-crumbs a {
	color: #5B5C5E;
}

#bread-crumbs a:hover {
	color: #000;
}

/**
 * Extra
 */
#extra {
	float: left;

	margin: 20px 0;
	padding: 0 20px 175px 20px;

	width: 225px;
}

/**
 * Latest news
 */
#latest-news {

}

#latest-news .archive-link {
	background: url("archive.gif") no-repeat 5px .25em;

	padding-left: 20px;
}

/**
 * News list
 */
.news-list {
	margin-left: 0;
	padding-left: 0;

	list-style: none;
}

.news-list li {
	background: url("arrow.gif") no-repeat 0 2.6em;

	border-bottom: 1px solid #EEE;

	padding: 5px 0 5px 15px;
}

.news-list a {
	color: #000;

	text-decoration: none;
}

.news-list a:hover {
	text-decoration: underline;
}

.news-list .date {
	color: #5B5C5E;

	display: block;

	font-size: 90%;
}

.news-list .seperator {
	display: none;
}

/**
 * News overview
 */
.news-overview {
	
}

.news-overview .news-item h2 {
	margin-bottom: 0;
}

/**
 * Short links
 */
#short-links {
	margin: 2.5em 0;
}

/**
 * Links list
 */
.links-list {
	margin-left: 0;
	padding-left: 0;

	list-style: none;
}

.links-list li {
	background: url("arrow.gif") no-repeat 0 center;

	border-bottom: 1px solid #EEE;

	padding: 5px 0 5px 15px;
}

.links-list a {
	color: #000;

	text-decoration: none;
}

.links-list a:hover {
	text-decoration: underline;
}

/**
 * Files list
 */
.files-list {
	line-height: 1.25;

	list-style: none;

	margin: 0;
	padding: 0;
}

.files-list li {
	background: url("icon-file.gif") no-repeat 2px 2px;

	margin: .5em 0;
	padding-left: 20px;
}

.files-list .file-size {
	color: #777;

	font-size: 11px;
}

/**
 * Employees overview
 */
.employees-overview {
	
}

.employees-overview .employee {
	background: #FFF url("employees/man-left.gif") no-repeat bottom left;

	float: left;

	margin: 0 20px 10px 0;
	padding: 55px 25px 10px 140px;

	min-height: 45px;
	width: 160px;
}

.employees-overview .employee.even {
	background-image: url("employees/man-right.gif");
	background-position: bottom right;

	padding-left: 25px;
	padding-right: 140px;
}

.employees-overview .employee.woman {
	background-image: url("employees/woman-left.gif");
}

.employees-overview .employee.woman.even {
	background-image: url("employees/woman-right.gif");
}

.employees-overview .employee h3 {
	line-height: 1;

	margin: 0;
	padding: 0;
}

.employees-overview .employee h3 em {
	color: #5B5C5E;

	font-size: 80%;
	font-style: normal;
}

.employees-overview .employee .details {
	background: url("employees/speak-left.gif") no-repeat;

	display: none;

	margin-left: -75px;
	margin-top: 10px;

	padding-left: 34px;

	position: absolute;

	z-index: 10;
}

.employees-overview .employee.even .details {
	background-image: url("employees/speak-right.gif");
	background-position: top right;

	margin-left: -125px;

	padding-left: 0;
	padding-right: 34px;
}

.employees-overview .employee .details p {
	background: #910000;

	color: #FFF;

	padding: 10px;
	margin: 0;

	width: 25em;
}

.employees-overview .employee .details p a {
	color: #FFF;
}

.employees-overview .employee:hover .details, 
.employees-overview .employee.hover .details {
	display: block;
}

/* Specific employees */
#employee-alex-van-der-meer {
	background-image: url("employees/alex-van-der-meer.jpg");
}

#employee-grady-hofstra {
	background-image: url("employees/grady-hofstra.jpg");
}

#employee-sjouke-de-vries {
	background-image: url("employees/sjouke-de-vries.jpg");
}

#employee-ellen-legters {
	background-image: url("employees/ellen-legters.jpg");
}

#employee-gonnie-meijer {
	background-image: url("employees/gonnie-meijer.jpg");
}

#employee-maaike-morselt {
	background-image: url("employees/maaike-morselt.jpg");
}

#employee-albert-folkertsma {
	background-image: url("employees/albert-folkertsma.jpg");
}

#employee-baukje-van-der-harst {
	background-image: url("employees/baukje-van-der-harst.jpg");
}

#employee-annie-duursma {
	background-image: url("employees/annie-duursma.jpg");
}

#employee-marco-huiberts {
	background-image: url("employees/marco-huiberts.jpg");
}

#employee-elmar-algra {
	background-image: url("employees/elmar-algra.jpg");
}

#employee-lianne-visser {
	background-image: url("employees/lianne-visser.jpg");
}

#employee-linda-van-der-meer {
	background-image: url("employees/linda-van-der-meer.jpg");
}

#employee-erik-boonstra {
	background-image: url("employees/erik-boonstra.jpg");
}

#employee-laura-loomans {
	background-image: url("employees/laura-loomans.jpg");
}

#employee-marc-smidt {
	background-image: url("employees/marc-smidt.jpg");
}

#employee-geoffrey-van-der-kooi {
	background-image: url("employees/geoffrey-van-der-kooi.jpg");
}

#employee-jan-kuipers {
	background-image: url("employees/jan-kuipers.jpg");
}

#employee-karin-venekamp {
	background-image: url("employees/karin-venekamp.jpg");
}

#employee-henriette-wever {
	background-image: url("employees/henriette-wever.jpg");
}

#employee-michiel-bakker {
	background-image: url("employees/michiel-bakker.jpg");
}

#employee-lidy-fellinga {
	background-image: url("employees/lidy-fellinga.jpg");
}

#employee-bart-van-oort {
	background-image: url("employees/bart-van-oort.jpg");
}

#employee-jannie-van-der-laan {
	background-image: url("employees/jannie-van-der-laan.jpg");
}

#employee-cees-verboom {
	background-image: url("employees/cees-verboom.jpg");
}

#employee-john-siemons {
	background-image: url("employees/john-siemons.jpg");
}

#employee-anja-groen {
	background-image: url("employees/anja-groen.jpg");
}

#employee-saskia-terpstra {
	background-image: url("employees/saskia-terpstra.jpg");
}

#employee-gepke-van-der-lei {
	background-image: url("employees/gepke-van-der-lei.jpg");
}

#employee-diana-haan {
	background-image: url("employees/diana-haan.jpg");
}

#employee-dineke-onnes {
	background-image: url("employees/dineke-onnes.jpg");
}

#employee-tam-mai {
	background-image: url("employees/tam-mai.jpg");
}

#employee-evert-van-der-molen {
	background-image: url("employees/evert-van-der-molen.jpg");
}

#employee-renze-blom {
	background-image: url("employees/renze-blom.jpg");
}

#employee-denny-drijfhout {
	background-image: url("employees/denny-drijfhout.jpg");
}

#employee-dieneke-koree {
	background-image: url("employees/dieneke-koree.jpg");
}

#employee-john-meijer {
	background-image: url("employees/john-meijer.jpg");
}

#employee-kaj-horstmeier {
	background-image: url("employees/kaj-horstmeier.jpg");
}

/**
 * Forms
 */
form .textfield, 
form .textarea , 
form .form-actions {
	float: left;

	margin-right: 5%;

	width: 40%;
}

form .textarea,
form .form-actions {
	margin: 0;

	width: 85%;
}

form .textfield input,  
form .textarea textarea {
	border: 1px solid #AAA;

	display: block;

	margin: .25em 0 .5em 0;
	padding: 4px;

	width: 100%;
}

form .textfield input:focus,  
form .textarea textarea:focus {
	border-color: #5B5C5E;
}

form .error input,  
form .error textarea {
	border-color: #910000;
}

form label strong {
	cursor: pointer;
}

form .required-indicator {
	color: #910000;

	font-size: 90%;
}

/**
 * Foot
 */
#foot-wrap {
	background: url("bird-bottom.gif") no-repeat top center;

	border-top: 1px solid #434345;
}

#foot {
	color: #EEE;

	margin: 0 auto;
	padding: 20px 0;

	width: 975px;
}

#foot a {
	color: #EEE;
}

#foot a:hover {
	color: #BBB;
}

#foot .seperator {
	color: #434345;

	padding: 0 .5em;
}

/* Headings */
#foot h1, 
#foot h2 {
	color: #FFF;
}

/**
 * Locations
 */
#locations {
	border-bottom: 1px solid #434345;

	margin-bottom: 20px;
	padding-bottom: 20px;

	width: 975px;
}

#locations h1 {
	color: #434345;

	float: left;

	margin: 0 20px 0 0;
	padding: 0 20px;

	text-align: right;

	width: 225px;
}

#locations .location {
	float: left;

	line-height: 1.5;

	padding: 0 15px;

	width: 200px;
}

/**
 * Copyright
 */
#copyright {
	clear: left;

	float: left;

	padding: 0 20px;
}

/**
 * Pronamic
 */
#pronamic {
	float: right;

	padding: 0 20px;
}