/*
Theme Name: ZZPBoekhouder
Theme URI: 
Description: Initially made by Willem Visser as nieuwdesign. Adjusted, optimised and built upon by webbdesigned.com
Version: 3.7
Author: Webbdesigned
Author URI: www.webbdesigned.com
Tags: fixed width, three columns, widgets
*/

body {
font-family:trebuchet ms, trebuchet, arial, helvetica, sans-serif;
background:#EEE url(http://www.zzp-boekhouder.nl/wp-content/themes/zzpBoekhouder/images/zzp-boekhouder-bg-gradient.jpg) repeat-x fixed;
color:#262626;
font-size:12px;
margin:0 auto;
padding:0
}

.cleared {
float:none;
clear:both;
border:none;
font-size:1px;
margin:0;
padding:0
}

.external {
background:url(http://www.zzp-boekhouder.nl/images/externalLink.png) no-repeat right top;
padding-right:15px
}

accr {
cursor:help;
border-bottom:1px dotted #F2F2F2
}

form {
margin:0!important;
padding:0!important
}

.smaller {
font-size:.9em
}

.clearleft {
clear:left
}

table.position {
position:relative;
width:100%;
table-layout:fixed
}

.art-Sheet {
position:relative;
z-index:0;
width:882px;
min-width:3px;
min-height:3px;
background:#FFF;
margin:5px auto 0!important
}

.art-Sheet-body {
position:relative;
z-index:1;
padding:1px
}

#whitespace {
height:8px
}

#whitespace p {
text-align:right
}

.rssfeeds,.addthis_toolbox {
float:left;
margin-right:10px;
margin-bottom:10px
}

.art-Post-body .addthis_toolbox {
margin-top:10px;
float:right
}

#art-page-background-simple-gradient,#art-page-background-gradient,#art-page-background-glare {
min-width:882px
}

.art-Header {
width:880px;
height:185px;
background:#E1EDFC /*url(images/zzp-boekhouder-header-bg.jpg) no-repeat*/;
font-family:Arial, Helvetica, Sans-Serif;
margin:0 auto;
position:relative
}

#zzp_boekhouder_header {
position:absolute;
z-index:9;
width:880px;
height:185px;
background:url(images/zzp-boekhouder-header-bg.jpg) no-repeat
}

#zzp-logo {
font-size:4em;
font-style:italic;
font-weight:900
}

#zzp-tagline {
font-size:1.4em;
font-weight:900;
margin-top:-12px
}

.art-Header p {
padding-left:20px
}

#zzp-site-id {
padding-top:20px
}

.art-menu a,.art-menu a:link,.art-menu a:visited,.art-menu a:hover {
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
font-family:Arial, Helvetica, Sans-Serif
}

.art-menu,.art-menu ul {
border:0;
list-style-type:none;
display:block;
min-height:0;
margin:0;
padding:0
}

.art-menu li {
border:0;
display:block;
float:left;
position:relative;
z-index:5;
background:none;
margin:0;
padding:0
}

.art-menu li:hover {
z-index:10000;
white-space:normal
}

.art-menu li li {
float:none
}

.art-menu ul {
visibility:hidden;
position:absolute;
z-index:10;
left:0;
top:0;
background:none;
margin:-10px 0 0 -30px;
padding:10px 30px 30px
}

.art-menu li:hover>ul {
visibility:visible;
top:100%
}

.art-menu li li:hover>ul {
top:0;
left:100%
}

.art-menu:after,.art-menu ul:after {
content:".";
height:0;
display:block;
visibility:hidden;
overflow:hidden;
clear:both
}

.art-menu ul ul {
margin:-30px 0 0 -10px;
padding:30px 30px 30px 10px
}

.art-menu {
padding:6px
}

.art-nav {
position:relative;
height:36px;
z-index:100;
background:#F2F2F2
}

.art-nav .l,.art-nav .r {
position:absolute;
z-index:-1;
top:0;
height:36px
}

.art-nav .r {
right:0;
width:880px;
clip:rect(auto,auto,auto,880px)
}

.art-menu ul li {
clear:both
}

.art-menu a {
position:relative;
display:block;
overflow:hidden;
height:24px;
cursor:pointer;
text-decoration:none;
margin-right:4px;
margin-left:4px
}

.art-menu a .r,.art-menu a .l {
position:absolute;
display:block;
top:0;
z-index:-1
}

.art-menu a .r {
right:0;
clip:rect(auto,auto,auto,400px)
}

.art-menu a .t {
font-size:1.4em;
font-style:normal;
font-weight:500;
color:#000;
line-height:24px;
text-align:center;
margin:0;
padding:0 8px
}

.art-menu ul a {
display:block;
text-align:center;
white-space:nowrap;
height:26px;
width:180px;
overflow:hidden;
line-height:26px;
margin-right:auto;
background-color:#F2F2F2;
background-position:left top;
background-repeat:repeat-x;
border-color:#ABABAB;
border-style:solid;
border-width:1px
}

.art-nav ul.art-menu ul span,.art-nav ul.art-menu ul span span {
display:inline;
float:none;
background-image:none;
text-align:inherit;
text-decoration:inherit;
margin:inherit;
padding:inherit
}

.art-menu ul a,.art-menu ul a:link,.art-menu ul a:visited,.art-menu ul a:hover,.art-menu ul a:active,.art-nav ul.art-menu ul span,.art-nav ul.art-menu ul span span {
text-align:left;
text-indent:12px;
text-decoration:none;
line-height:26px;
color:#404040;
font-size:11px
}

.art-menu ul ul a {
margin-left:auto
}

.art-menu ul li a:hover {
background-position:0 -26px;
background:#ABABAB
}

.art-menu ul li:hover>a {
color:#FFF;
background-position:0 -26px;
border-color:#ABABAB
}

.art-menu ul li.current_page_item>a {
color:#00B0F0;
cursor:default
}

.art-contentLayout {
position:relative;
margin-bottom:0;
width:880px;
height:100%
}

.art-Block {
position:relative;
z-index:0;
min-width:1px;
min-height:1px;
margin:3px 3px 20px
}

.art-Block-body {
position:relative;
z-index:1
}

.art-sidebar1 .art-Block {
padding-right:20px
}

.art-sidebar2 .art-Block {
padding-left:10px
}

.art-BlockHeader {
position:relative;
z-index:0;
height:1.5em;
margin-bottom:2px;
padding:0 7px
}

.art-BlockHeader .t,.art-sidebar2 .art-BlockContent-body h2 {
height:1.5em;
color:#000;
font-size:1.3em;
font-style:normal;
font-weight:700;
line-height:1.5em;
padding:0 1px
}

.art-BlockHeader .l,.art-BlockHeader .r {
display:block;
position:absolute;
z-index:-1;
height:30px
}

.art-BlockHeader .l {
left:0;
right:2px
}

.art-BlockHeader .r {
width:880px;
right:0;
clip:rect(auto,auto,auto,878px)
}

.art-BlockContent {
position:relative;
z-index:0;
min-width:1px;
min-height:1px;
margin:0 auto
}

.art-BlockContent-body {
position:relative;
z-index:1;
color:#292929;
font-size:11px;
line-height:125%;
padding:7px
}

.art-BlockContent-body a:active {
color:#00B0F0;
text-decoration:underline
}

.art-BlockContent-body ul {
list-style-type:none;
color:#545454;
margin:0;
padding:0
}

.art-BlockContent-body ul li {
font-size:12px;
line-height:1.5em;
background-repeat:no-repeat
}

.art-Post {
position:relative;
z-index:0;
min-width:1px;
min-height:1px;
margin:10px
}

.art-Post-body {
position:relative;
z-index:1;
padding:7px
}

.art-article img,img.art-article {
margin:1em 1em 1em 0;
}

.art-metadata-icons img {
border:none;
vertical-align:middle;
margin:2px
}

.art-article table,table.art-article {
border-collapse:collapse;
width:auto;
margin:1px
}

.art-article table,table.art-article .art-article tr,.art-article th,.art-article td {
background-color:Transparent
}

.art-article th {
text-align:center;
vertical-align:middle;
padding:7px
}

pre {
overflow:auto;
padding:.1em
}

.art-PostHeader {
letter-spacing:normal;
word-spacing:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-size:1.5em;
font-style:normal;
font-weight:700;
color:#00B0F0;
margin:.2em 0;
padding:0
}

.art-PostHeader a,.art-PostHeader a:link,.art-PostHeader a:visited,.art-PostHeader a:hover {
font-size:1.5em;
text-decoration:none;
cursor:default;
font-style:normal;
font-weight:700;
color:#00B0F0;
margin:0
}

.art-PostHeader a/:link*/ {
cursor:default;
text-decoration:none;
text-align:left;
color:#00B0F0
}

.art-PostHeaderIcons,.art-PostHeaderIcons a,.art-PostHeaderIcons a:link,.art-PostHeaderIcons a:visited,.art-PostHeaderIcons a:hover {
font-size:10px;
font-style:italic;
font-weight:400;
color:#545454
}

.art-PostHeaderIcons a:hover,.art-PostHeaderIcons a.hover {
text-decoration:none;
color:#3871C7
}

.art-PostContent p {
margin:.5em 0
}

.art-PostContent,.art-PostContent p,ol,ul {
font-size:1.05em;
line-height:1.5em
}

a:hover /*,a.hover*/ {
text-decoration:none;
color:#000
}

h1,h2,h3,h4,h5,h6 {
font-weight:600;
font-style:normal;
line-height:1.1em;
font-size:1.4em;
color:#000;
font-family:Arial, Helvetica, Sans-Serif;
margin:0
}

h1 {
font-size:1.7em;
font-weight:600;
color:#00B0F0
}

h2,h3 {
font-size:1.5em;
margin-top:25px
}

ol,ul {
color:#000;
margin:1em 0 1em 20px;
padding:0
}

li ol,li ul {
margin:.5em 0 .5em 2em;
padding:0
}

li {
margin:.2em 0 .5em;
padding:0
}

ul {
list-style-type:square
}

ol {
list-style-position:inside
}

.art-Post li {
line-height:1.5em
}

blockquote,blockquote p,.art-PostContent blockquote p {
text-align:left
}

blockquote,.art-PostContent blockquote {
background:#f8f8f8 url(images/PostQuote.png) left 5px no-repeat;
margin:20px 0 0;
padding:5px 5px 5px 40px;
font-style:italic;
font-size:1.2em;
}
blockquote + p {
text-align:right;
margin:0 0 20px;
color:#00B0F0;
}
blockquote + p > em {
font-style:normal;
}

.art-PostFooterIcons,.art-PostFooterIcons a,.art-PostFooterIcons a:link,.art-PostFooterIcons a:visited,.art-PostFooterIcons a:hover {
font-style:italic;
font-weight:400;
color:#545454
}

.art-PostFooterIcons a:hover,.art-PostFooterIcons a.hover {
text-decoration:none;
color:#922035
}

.art-button-wrapper .art-button {
width:auto;
outline:none;
border:none;
background:none;
overflow:visible;
cursor:default;
z-index:0;
vertical-align:middle;
display:block;
height:29px;
font-size:12px;
font-style:normal;
font-weight:400;
white-space:nowrap;
text-align:left;
line-height:29px;
text-decoration:none!important;
color:#545454!important;
margin:0!important;
padding:0 11px!important
}

.art-button-wrapper {
display:inline-block;
vertical-align:middle;
position:relative;
height:29px;
overflow:hidden;
white-space:nowrap;
width:auto;
z-index:0
}

.firefox2 .art-button-wrapper {
display:block;
float:left
}

input,select {
vertical-align:middle;
font-size:12px;
font-style:normal;
font-weight:400
}

.art-button-wrapper.hover .art-button,.art-button:hover {
color:#EDEDED!important;
text-decoration:none!important
}

.art-button-wrapper.active .art-button {
color:#EDEDED!important
}

.art-button-wrapper .l,.art-button-wrapper .r {
display:block;
position:absolute;
z-index:-1;
height:87px;
background-image:url(images/Button.png)
}

.art-button-wrapper .l {
left:0;
right:5px
}

.art-button-wrapper .r {
width:401px;
right:0;
clip:rect(auto,auto,auto,396px)
}

.art-button-wrapper.hover .l,.art-button-wrapper.hover .r {
top:-29px
}

.art-button-wrapper.active .l,.art-button-wrapper.active .r {
top:-58px
}

.art-Footer {
position:relative;
z-index:0;
overflow:hidden;
width:880px;
margin:5px auto 0
}

.art-Footer .art-Footer-inner {
height:1%;
position:relative;
z-index:0;
text-align:center;
padding:8px
}

.art-Footer .art-Footer-background {
position:absolute;
z-index:-1;
background:#f2f2f2;
width:880px;
height:50px;
bottom:0;
left:0
}

.art-rss-tag-icon {
position:relative;
display:block;
float:left;
background-image:url(images/rssIcon.png);
background-position:center right;
background-repeat:no-repeat;
height:32px;
width:24px;
cursor:default;
margin:0 5px 0 0
}

.art-Footer .art-Footer-text {
display:inline-block;
color:#000;
font-size:.8em;
letter-spacing:1px
}

.art-Footer .art-Footer-text a:link {
text-decoration:none;
color:#00B0F0
}

.art-page-footer,.art-page-footer a,.art-page-footer a:link,.art-page-footer a:visited,.art-page-footer a:hover {
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:400;
text-decoration:underline;
color:#666
}

.art-page-footer {
text-align:center;
text-decoration:none;
color:#666;
margin:1em
}

.art-contentLayout .art-sidebar1 {
position:relative;
border-right:1px solid #DBE5F1;
float:left;
overflow:hidden;
width:195px;
margin:30px 10px 10px 0;
padding:0
}

.art-contentLayout .art-content {
position:relative;
float:left;
width:430px;
margin:10px 28px 0 20px
}

.art-contentLayout .art-content-wide {
position:relative;
border:0;
float:left;
overflow:hidden;
width:877px;
margin:0;
padding:0
}

.art-contentLayout .art-sidebar2 {
position:relative;
border-left:1px solid #DBE5F1;
float:left;
overflow:hidden;
width:185px;
margin:30px 0 10px 10px;
padding:0
}

.commentlist,.commentlist li {
background:none
}

.commentlist li li {
margin-left:30px
}

.commentlist li .avatar {
float:right;
border:1px solid #eee;
background:#fff;
margin:1px;
padding:2px
}

#commentform textarea {
width:100%
}

img.wp-smiley {
border:none;
margin:0;
padding:0
}

.navigation {
display:block;
text-align:center
}

.aligncenter,div.aligncenter,.art-article .aligncenter img,.aligncenter img.art-article,.aligncenter img,img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.alignleft {
float:left
}

.alignright {
float:right
}

.alignright img,img.alignright {
margin:1em 0 1em 1em
}

.alignleft img,img.alignleft {
margin:1em 1em 1em 0
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px
}

.wp-caption img {
border:0 none;
margin:0;
padding:0
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px
}

.hidden {
display:none
}

#wp-calendar {
empty-cells:show;
width:155px;
margin:10px auto 0
}

#wp-calendar #next a {
padding-right:10px;
text-align:right
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left
}

#wp-calendar a {
display:block
}

#wp-calendar caption {
text-align:center;
width:100%
}

#wp-calendar td {
text-align:center;
padding:3px 0
}

.gallery {
letter-spacing:normal
}

#todays-events {
position:relative;
z-index:11
}

#upcoming-events {
position:relative;
z-index:10
}

img,a img {
border:0
}

small {
margin:0 0 5px 5px;
font-style:italic;
}

#zzp-logo b,.art-menu a:hover .t,.art-menu li:hover a .t,.art-menu li>.active .t /*color active menu*/,.art-menu li:hover>a .t /*color main menu items on hover*/ {
color:#00B0F0
}

.art-nav .l,.art-menu a .l {
left:0;
right:0
}

.art-menu a:hover .l,.art-menu a:hover .r,.art-menu li:hover>a .l,.art-menu li:hover>a .r,.art-menu li:hover a .l,.art-menu li:hover a .r {
top:-24px
}

.art-BlockContent-body a:link,.art-BlockContent-body a:visited {
color:#00B0F0;
text-decoration:none
}

.art-BlockContent-body a:hover,.art-Footer .art-Footer-text a:visited {
color:#000;
text-decoration:underline
}

.art-PostHeaderIcons,.art-PostFooterIcons {
padding:1px
}

.art-PostHeaderIcons a,.art-PostHeaderIcons a:link,.art-PostHeaderIcons a:visited,.art-PostHeaderIcons a:hover,.art-PostContent,.art-PostFooterIcons a,.art-PostFooterIcons a:link,.art-PostFooterIcons a:visited,.art-PostFooterIcons a:hover,.art-button img,.art-button-wrapper img,.art-Footer .art-Footer-text p {
margin:0
}

.art-PostHeaderIcons a:link,.art-PostFooterIcons a:link {
font-style:italic;
font-weight:400;
text-decoration:underline;
color:#595959
}

.art-PostHeaderIcons a:visited,.art-PostHeaderIcons a.visited,.art-PostFooterIcons a:visited,.art-PostFooterIcons a.visited {
text-decoration:underline;
color:#595959
}

a,a:link,.art-Footer .art-Footer-text a:hover {
text-decoration:underline;
color:#00B0F0
}

.art-content a:hover {
text-decoration:none;
}

a:visited /*,a.visited*/,a:active {
color:#737373
}

h4,h5,h6,.commentlist li cite {
font-size:1.2em
}

.art-contentLayout .art-content-sidebar1,.art-contentLayout .art-content-sidebar2 {
position:relative;
border:0;
float:left;
overflow:hidden;
width:702px;
margin:0;
padding:0
}

/* =BANNER ANDERE ZZP SITES */
#andere_zzp_sites_banner {
float:left;
width:410px;
border:1px solid #ccc;
margin:5px 0 10px 0;
}
#andere_zzp_sites_banner a {
text-decoration:none;
color:#002060;
}
#andere_zzp_sites_banner a:hover {
text-decoration:none;
color:#00B0F0;
}
#andere_zzp_sites_banner img {
margin:0;
float:left;
margin-right:2px;
}
#andere_zzp_sites_banner h4 {
background:#00B0F0;
color:#fff;
border-bottom:1px solid #ccc;
padding:2px 4px;
font-weight:600;
}
#individuele_zzp_site_item {
float:left;
width:400px;
margin:0;
margin:5px;
}
.andere_zzp_sites_item {
float:left;
width:200px;
margin:0;
margin:5px 2px;
}
.andere_zzp_sites_item h5 {
float:left;
color:#002060;
font-weight:600;
font-size:.9em;
width:130px;
}
.andere_zzp_sites_item p{
color:#002060;
font-size:.9em;
line-height:1em;
}
#individuele_zzp_site_item  p {
color:#002060;
font-size:.95em;
line-height:1.2em;
margin:2px 5px;
}
#andere_zzp_sites_banner #individuele_zzp_site_item img {
margin-right:5px;
}
#individuele_zzp_site_item em {
text-decoration:underline;
}
.right {
text-align:right;
display:block;
}
/* .BANNER ANDERE ZZP SITES */

#countperday_widget-3 .art-header-tag-icon .t {
color:#FFF;
background:#00B0F0;
}

/* =Facebook download button sidebar */
.zzpfbb {
margin: 8px auto 2px;
font-family: Arial;
padding: 10px;
text-decoration: none;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #3B5998 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5898), to(#4870c2));
background: -moz-linear-gradient(top, #3b5898, #4870c2);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#3b5898, endColorStr=#4870c2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#3b5898, endColorStr=#4870c2);
display: inline-block; 
width: 130px;
}
.zzpfbb:hover {
  background: #3B5998;
}
.art-BlockContent-body a.zzpfbb {
color: #fff;
font-size: 14px;
text-align: center;
}
.art-BlockContent-body a:hover {
text-decoration: none;
}