/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
    background: #2f628f url(images/bg-body.png);
    color: #fff;
}

body {
    background-image: url(images/weegschaal.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    border-top: 10px solid #2b567d;
    font: 1em "Corbel", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 0.85em;
    line-height: 1.4;
}

a {
    color: #2688b7;
}

a:hover {
    color: #066897;
}

small {
    font-size: 0.85em;
    color: #666;
}

#container {
    width: 960px;
    margin: 0 auto;
    padding: 40px 0 60px 0;
}

#header {
    padding: 0 10px 0 10px;
    position: relative;
    z-index: 2;
}

#title {
    float: left;
    padding-bottom: 10px;
}

#title h1, #title div {
    font: 3em "Helvetica Neue", sans-serif;
    font-weight: 100;
    text-transform: uppercase;
}

#title h1 {
    height: 36px;
    width: 228px;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-bottom: 3px;
}

#title h1 span, #title div span {
    font-size: 0.4em;
    text-transform: none;
}

#title p {
    font: italic 1.2em "Helvetica Neue", sans-serif;
    font-weight: 200;
}

#full-menu {
    float: right;
}

.menu ul {
    float: right;
    padding: 15px 0 0 0;
}

.menu li {
    float: left;
    margin-left: 5px;
    position: relative;
}

.menu a {
    font: 1.2em "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    display: block;
    padding: 8px 12px;
    color: #fff;
    text-decoration: none;
    min-width: 1px;
}

.menu ul ul {
    position: absolute;
    display: none;
    z-index: 99;
    background: #244a6c;
    font-size: 0.85em;
    padding: 0;
    left: 0;
    top: 34px;
}

.menu ul ul li {
    margin-left: 0;
}

.menu ul ul a {
    width: 12em;
    padding: 12px;
    border-top: 1px solid #345a7c;
}

.menu ul li:hover ul, .menu ul li.sfhover ul {
    clear: left;
    display: block;
}

.menu ul li:hover ul li, .menu ul li.sfhover ul li {
    display: block;
}

.menu .current_page_ancestor a, .menu .current_page_item a, .menu a:hover, .menu li:hover a, .menu li.sfhover a {
    background: #244a6c;
    color: #fff;
}

.menu ul ul a:hover {
    background: #142b3f;
}

#content {
    position: relative;
    background: #fff;
    color: #444;
    border: 10px solid #2b567d;
    border-bottom: 0;
    overflow: hidden;
    padding: 10px 0;
    clear: both;
}

#content p, #content ul, #content ol {
    margin-bottom: 1.4em;
}

#content ul ul, #content ol ul, #content ul ol, #content ol ol {
    margin-bottom: 0;
}

#content ul ul, #content ol ul {
    list-style-type: disc;
}

#content blockquote {
    background: #eee url(images/quote.png) no-repeat left top;
    margin: 1em 2em;
    padding: 10px 10px 10px 60px;
    font: italic 1.3em "Georgia", "Garamond", serif;
    line-height: 1.4;
}

#content blockquote p:last-child {
    margin-bottom: 0;
}

#footer {
    background: #dad3bc;
    color: #333;
    border: 10px solid #2b567d;
    border-top: 0;
    padding: 20px;
    font-size: 0.9em;
    overflow: hidden;
}

#footer #copyright {
    float: left;
}

#footer a.contact {
    float: right;
    color: #333;
    text-decoration: none;
}

#footer a.contact:hover {
    text-decoration: underline;
    color: #000;
}

.home #content h2, #content h1 {
    font: 2em "Myriad Pro", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #111;
    margin-bottom: 0.2em;
}

.home #content h3, #content h3, #content h2 {
    font: 1.6em "Myriad Pro", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #111;
    margin-bottom: 0.2em;
}

.home #content h3, #content h3 {
    font-size: 1.4em;
}

.mod {
    float: left;
    margin: 10px 20px 10px 20px;
    overflow: hidden;
}

.mod .mod {
    margin-top: 0;
    margin-bottom: 0;
}

.mod.first {
    margin-left: 0;
}

.mod.last {
    margin-right: 0;
}

.group {
    overflow: hidden;
    float: left;
}

.mod.large {
    width: 645px;
}

.mod.medium {
    width: 430px;
}

.medium .medium {
    width: 195px;
}

.mod.small {
    width: 195px;
}

#history {
    margin: 0 19px 0 0;
    padding: 9px;
    border: 1px solid #ccc;
    background: #eee;
}

.home .service {
    float: left;
    margin-right: 10px;
    width: 252px;
    padding-left: 58px;
}

.service h3 a {
    color: #111;
    text-decoration: none;
}

.service h3 a:hover {
    color: #06c;
    text-decoration: underline;
}

#intro {
    background: #fff url(images/shadow-hor.png) no-repeat center bottom;
    padding-bottom: 20px;
}


.home #bookkeeping {
    background: #fff url(images/calculator.png) no-repeat left top;
}

.home #accountancy {
    background: #fff url(images/chart.png) no-repeat left top;
}

.home #fiscal {
    background: #fff url(images/database.png) no-repeat left top;
}

.home #judicial {
    background: #fff url(images/puzzle.png) no-repeat left top;
}

#recently ol {
    font-size: 0.9em;
    border-top: 1px dotted #ddd;
}

#recently li {
    padding: 5px 0;
    border-bottom: 1px dotted #ddd;
}

#recently.mod {
    margin-left: 0;
    padding-left: 20px;
    background: #fff url(images/shadow-ver.png) no-repeat left top;
}

.bulleted, #content ol.bulleted {
    list-style: none;
    margin-left: 0;
}

.bulleted li, #content ol.bulleted li {
    background-image: url(images/bullet.png);
    background-position: left 7px;
    background-repeat: no-repeat;
    padding-left: 18px;
}

#content ul {
    margin-left: 25px;
    list-style-type: square;
    line-height: 1.6;
}

#content ol {
    margin-left: 25px;
    list-style-type: decimal;
    line-height: 1.6;
}

.more {
    padding-left: 16px;
    background: #fff url(images/bullet.png) no-repeat left center;
}

p.edit {
    clear: both;
    margin: 20px;
}

p.edit a {
    display: block;
    padding: 5px 8px;
    background: #eee;
    color: #666;
    border: 1px solid #ddd;
    font: 11px Tahoma, sans-serif;
    float: left;
    text-decoration: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

p.edit a:hover {
    color: #222;
    background: #f6f6f6;
}


#services.mod, #links.mod, #sidebar.mod {
    margin-left: 0;
    margin-top: 20px;
    padding-left: 20px;
    background: #fff url(images/shadow-ver.png) no-repeat left top;
}

.page-template-page_service-php .service h4 a {
    font-size: 1.2em;
    color: #333;
    text-decoration: none;
    font-weight: normal;
}

.page-template-page_service-php .service h4 a:hover {
    color: #066897;
    text-decoration: underline;
}

.page-template-page_service-php .service {
    border-top: 1px solid #eee;
    padding: 10px 0 10px 30px;
}

.page-template-page_service-php #bookkeeping {
    background: #fff url(images/small/calculator.png) no-repeat left 10px;
}

.page-template-page_service-php #accountancy {
    background: #fff url(images/small/chart.png) no-repeat left 10px;
}

.page-template-page_service-php #fiscal {
    background: #fff url(images/small/database.png) no-repeat left 10px;
}

.page-template-page_service-php #judicial {
    background: #fff url(images/small/puzzle.png) no-repeat left 10px;
}

#documents dt {
    padding-top: 10px;
    border-top: 1px dotted #ccc;
    font: 1.3em "Myriad Pro", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #111;
    clear: both;
}

#documents dd {
    padding-bottom: 10px;
    overflow: hidden;
}

#documents dd p {
    margin-bottom: 0.2em;
}

#documents dd .link {
    font-size: 0.9em;
}

#documents dd .link a {
    display: block;
    float: left;
    padding: 5px 5px 5px 25px;
    background: #eee url(images/small/down.png) no-repeat 5px center;
    border: 1px solid #ddd;
}

#documents dd .link a[href$=".PDF"], #documents dd .link a[href$=".pdf"] {
	background-image: url("images/small/pdf.png");
}

#documents dd .link a[href$=".DOC"], #documents dd .link a[href$=".doc"],
#documents dd .link a[href$=".DOCX"], #documents dd .link a[href$=".docx"] {
	background-image: url("images/small/word.png");
}

.listed .article {
    border-top: 1px dotted #ccc;
    padding: 25px 0 15px 0;
}

#content .listed h2 {
    font: 1.4em "Myriad Pro", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #111;
    margin-bottom: 0.5em;
    line-height: 1;
}

.listed h2 a {
    color: #111;
    text-decoration: none;
}

.listed h2 a:hover {
    color: #066897;
}

h2 small.date, h1 small.date {
    font-size: 0.6em;
    color: #999;
}

.listed h2 small.date {
    font-size: 0.7em;
}

h3 small.date {
    font-size: 0.75em;
    color: #999;
}

#content .article {
    overflow: hidden;
}

#content .article p.postmetadata {
    font-size: 0.9em;
    margin-bottom: 0;
    color: #666;
}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

#sidebar .part {
    padding: 10px 0;
    border-bottom: 1px dotted #eee;
    overflow: hidden;
}

#sidebar #feeder a {
    color: #444;
    font: italic 1.2em "Myriad Pro", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-decoration: none;
    line-height: 1;
}

#sidebar #feeder a:hover {
    text-decoration: underline;
    color: #066897;
}

#sidebar ul {
    list-style: none;
    margin: 0;
    line-height: 1.2;
}

#sidebar li {
    border-top: 1px dotted #eee;
}

#sidebar li a {
    display: block;
    padding: 5px 0;
    color: #555;
    text-decoration: none;
}

#sidebar li.current_page_item a {
    font-weight: bold;
}

#sidebar li a:hover {
    color: #066897;
}

#links ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 10px;
}

#links ul ul {
    margin-left: 18px;
    line-height: 1.3;
}

#links ul ul li {
    margin-bottom: 5px;
}

#content .title h1, #content .title h2 {
    padding: 10px 20px 0 20px;
    margin: 0;
}

#content .article .entry h2 {
    color: #444;
    font-weight: bold;
    font-size: 1.4em;
}

#content .article .entry h3 {
    color: #444;
    font-weight: bold;
    font-size: 1.2em;
}

.small {
    font-size: 0.9em;
    line-height: 1.6;
}

img.fig-1, img.alignleft {
    margin: 4px 10px 10px 0;
    padding: 2px;
    /*border: 1px solid #ddd;*/
    float: left;
}


#sidebar img.alignleft {
    padding: 0;
    border: 0;
}

img.fig-2, img.alignright {
    margin: 4px 0 10px 10px;
    padding: 2px;
    /*border: 1px solid #ddd;*/
    float: right;
}

#content #contact form p {
    background: #eee;
    margin: 0 0 1px 0;
    padding: 10px;
}

#content #contact form p.buttons {
    background: #f6f6f6;
}

p.buttons input {
    background: #fcfcfc url(images/bg-button.jpg) repeat-x left bottom;
    font-family: inherit;
    font-size: 1.1em;
    padding: 8px 20px;
    border: 1px solid #ccc;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}

#office-hours table {
    width: 100%;
}

#office-hours tr td, #office-hours tr th {
    border-top: 1px solid #ddd;
}

#office-hours td, #office-hours th {
    padding: 3px 5px;
}

#office-hours tr.even td, #office-hours tr.even th {
    background: #f6f6f6;
}

#office-hours tr.today td, #office-hours tr.today th {
    background: #eee;
    font-weight: bold;
}

#office-hours .closed {
    font-style: italic;
    color: #888;
}

.is-today {
    font-size: 0.85em;
}

.article table {
    margin-bottom: 10px;
    border-collapse: separate;
    width: 95%;
}

.article table td {
    padding: 5px;
    border: 1px solid #ccc;
}

#map {
    width: 430px;
    height: 200px;
}