@charset "utf-8";

/***********************************************************
 * File: bb.css
 * Project: BertBulder . nl
 *
 * Copyright: (c) 2011 Hippo Software. All rights reserved
 *            <http://www.hipposoftware.nl>
 *
 * Author: Bert Bulder <mailto:bertb@hipposoftware.nl>
 *         Brouwersgracht 48, 1013 GX Amsterdam, 020-6255344
 *
***********************************************************************/

body {
	color: #666; 
	font: 12px/17px 'PT Sans', "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	background-color: #FFF; 
	text-align: center;
	margin: 0;
}
h1, h2, h3 {
	font-family: 'PT Sans Caption', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666; 
	font-weight: normal;
}
h1 {
	margin-top: 9px;
	font-size:18px;
	color: #bbbbbb
}
h2 {
	font-size:20px;
}
h3 {
	font-size:11px;
}
#wrapper {
	background-color:#FFF;
	padding: 0px; 
	margin: 0px auto; 
	width: 980px;
	min-height: 640px;
	_height: 640px;
	text-align: left;
	margin-bottom: 10px;
}
a {
	color:#09f;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.external { 
	padding-right: 12px;
	background-image:url(../images/externalz.png);
	background-position:center right;
	background-repeat:no-repeat;
}
#header {
	height:25px;
	padding-top: 15px;
	width: 710px;
	clear:both;
	/* border-bottom:#444 1px dotted; */
	border-bottom:none;
}
#header a {
	font-size:32px;
	font-weight: normal;
	color:#ccc;
	text-decoration:none;
	font-family: 'PT Sans Caption', "Lucida Sans Unicode", "Lucida Grande", sans-serif;		
}
#adres {
	color:#666;
	padding-top: 6px;
	float: right;
	font-size: 11px;
	font-weight:normal;
	font-family: 'PT Sans', "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
}
#adres a {
	font-size: 11px;
	font-weight:normal;
	color: #09f;
}
	
#subheader {
	font-size: 12px;
	font-weight:normal;
	margin:0;
	padding:0; 
	margin-top: 5px;
	clear:both;
	text-align:left;
	width: 980px;	
}
#portretenzo {
	padding-left:265px; 
	padding-top:5px; 
	width: 710px; 
	clear:both;
	border-bottom:#ccc 2px dotted;
}
#profiel {
	height: 100px;
	padding-top:0px;
	padding-bottom: 0px;
	margin-top:0;
	clear:both;
	font-size:16px;
	width: 680px;
	text-align:left;
}
#profielfoto {
	float:left;
	padding-top:5px; 
	padding-right:10px;
}
#linksboven {
	float:left; 
 	padding-top:0px; 
	padding-left: 10px;
}
#linksboven a.selected {
	color: #777;
}
nav.px11, nav.onder {
	font-size:11px; 
	font-weight:normal;
	padding-top:5px;
	padding-left:265px; 
	width: 730px; 
	height:25px;
}
nav.onder {
	font-size:10px; 
	padding-left:0px;
	border-top: #ccc 2px dotted;
	letter-spacing: .5px;
	clear:both;
}
#subheader #kleurkeuze { float:right; font-size:10px;}
#subheader #kleurkeuze a.selected { color:#666;}
#keuze { 
	font: 18px/21px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; 
	color:#bbb; 
	text-transform:uppercase;  
}
#keuze h2 {
	color:#ccc;
	font-size: 26px;
	padding-bottom: 12px;
}
.topcat {
	clear:both; 
	font-size: 18px; 
	font-family: 'PT Sans Caption'; 
	padding-top: 4px; 
	color: #bbb;
	visibility:hidden;
	display: none;
}
#content {
	clear:both;
	height:100%;
	padding-top: 0px;
	padding-left: 0px;
	width: 980px;
	min-height: 560px;
	_height: 560px;
}
#links {
	width: 680px;
	float:left;
}
.rij {
	clear: both;
	width: 680px;
	padding:0;
	margin:0;
}
.rijtje {
	clear: both;
	width: 680px;
	padding:0;
	margin:0;
}
#fotocontainer {
	float:left; 
	padding: 0;
	width: 660px;	
	margin: 0;
}
table.logocontainer {
	float:left; 
	width: 660px;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}

td.caption {
	width: 240px;
	font-family: 'PT Sans Caption', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px; 	
	font-weight: normal;
	clear:both;
	padding-left:0;
	margin-left: 0;
	vertical-align:bottom;
}
td.foto {
	width: 340px; 
	padding-left:0;
	margin-left: 0;	
	clear:both;
	vertical-align:top
}
td.foto img {
	margin-bottom: 12px;
}
td.opdrachtgever {
	width: 340px; 
	height: 60px;
	padding-left:0;
	margin-left: 0;	
	clear:both;
}
td.foto img { 
	border: #CCC 1px solid; 
	padding-left:0;
	margin-left: 0;	
}
td.commentaar {
	width: 240px; 
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
	padding-left:0;
	margin-left: 0;	
	clear:both;
	vertical-align:top;
	padding-bottom: 40px;
}
table.logocontainer td {
	vertical-align:top;
}
#rechts {
	float:left;
	padding-left: 0px;
	width: 265px;
	background-color: #222;
	padding-bottom: 20px;
	padding-top: 0px;
	background-color:transparent;
}
.set {
	clear:both;
	width: 280px;
	display:block;
	padding-top: 10px;
	padding-bottom: 10px;
	clear:both;
	}
.setpic {
	height: 135px;
	float:left;
	width: 100px;
	margin-top: 6px;
}
.setpic img {
	border: #ccc 1px solid;
}
.settext {
	padding-top:48px; 
	margin-top:0;
	font-size:10px;
	color:#900;
	width:180px;
	float: left;
}
.settext a {
	font-size: 12px;
}
.column {
	width:290px;
	margin-right:24px;
	float:left;
}
#footer {
	clear:both;
	font-size:10px;
	padding-left: 0px;
	width:980px;
}

#mailaddress {
	float: right;
	padding-right: 50px;
}
#mailaddress a {
	text-decoration:none;
	color: #ca7706;
}
#mailaddress a:hover {
	text-decoration:underline;
}
#searchsubmit {
 background-color:#fff;border:1px solid #bbb; 
}
#sidebar ul, #sidebar ul li { list-style:none; }

#archives-3 ul li { margin-left: 0;  padding-left:0 }

input.field200 {
	width: 260px;
}
#hetformulier input {
	border:#333 1px solid;
}
.rechts {
	text-align:right;
}
.decredits {line-height:15px; text-align:left; background-color:#f6f4cb; padding:10px; border:#999 1px solid; font-size:10px;}
.decredits a  {
	text-decoration:none;
	color:#87e2fc;
}
.decredits a:hover {
	text-decoration:underline;
}
#verborgen {display: none;}

html body div#wrapper div#content div.px11 a.selected, html body div#wrapper div#content div.px11 a:hover { color:#999; text-decoration:none;} 

.site {
	width: 320px;
	padding-right: 20px;
	float:left;
	margin-bottom: 20px;
}

/* Voor het foto blog */

/* voor blog */
html body.single div#wrapper div#header {margin-left:265px;} 
h3.widget-title { font-size:11px; font-weight:normal; color: #000; font-family: 'PT Sans', "Lucida Sans Unicode","Lucida Grande",sans-serif;}
#primary,
#secondary {
	width: 240px;
	padding-left:10px;
	float:left;
}
div#wrapper div#content div#container div#content { width: 515px; }
#content, #container {padding:0; margin:0;float:left;}
#content {  width: 980px;}
#container { width: 515px; padding-top:18px; padding-left:15px; }
#content.archive { width: 380px; }
#content.category { width: 380px; }
div#wrapper div#content div#container div#content { width: 515px; }
div#wrapper div#container div#content div.entry-content, div#wrapper div#container div#content div.entry-content p {line-height:18px;}
div#wrapper div#container div#content div.entry-content div.wp-caption { background-color:transparent;}
div#wrapper div#container div#content div.entry-content p.wp-caption-text { text-align:left;font-family: 'PT Sans', "Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:11px;} 
ul, li, ul li, ul li ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	padding: 0;
	margin: 0;
	}

#main-inner ul, #main-inner li, #main-inner ul li, #main-inner ul li ul li  {
	list-style-type: square;
}

/* primary sidebar */
div#primary {
		margin-top: 11px;
}
div#primary h1, div#primary h2, div#primary h3, div#primary h4, div#primary h5, div#primary h6 {

    margin-bottom: 5px;
    margin-top: 10px;
}
div#primary ul.xoxo li ul, div#first ul.xoxo li ul, div#second ul.xoxo li ul, div#third ul.xoxo li ul, div#fourth ul.xoxo li ul{
	padding: 0;
	margin: 0;
}
div#first {padding-left: 10px;}
div#primary #searchform {
	margin: 10px auto;
	padding: 5px 0px 5px 0px;
	text-align: left;
	}
div#primary #searchform #s {
	width: 100px;
	border: #ccc 1px solid;
	padding: 2px;
	background-color:#FFF;
	}
div#primary #searchsubmit {
	padding: 1px;
	border:#999 1px solid;
	background-color:#CCC;
	font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px;	
}
div#primary a, div#primary a:visited, #content a,  #content a:visited {
	color: #4e728b;
	text-decoration:none;
}
div#primary a:hover, #content a:hover {
	color:#4e728b;
	text-decoration:underline;
}
div#primary.widget-area ul.xoxo li ul li, div#primary.widget-area ul.xoxo li ul li a { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 10px;}


/* secondary sidebar */
div#secondary {
	padding-top: 5px;
}
div#secondary ul.xoxo li ul {
	padding: 0;
	margin: 0;
}

div#secondary a, div#secondary a:visited {
	color: #4e728b;
	text-decoration:none;
}
div#secondary a:hover {
	color:#4e728b;
	text-decoration:underline;
}

/* footer sidebar */
div#first.widget-area ul.xoxo li ul li a, div#second.widget-area ul.xoxo li ul li a, div#third.widget-area ul.xoxo li ul li a, div#fourth.widget-area ul.xoxo li ul li a  {
    font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 12px;
}
div#first.widget-area a, div#first.widget-area a:visited, div#first.widget-area a:hover, div#second.widget-area a, div#second.widget-area a:visited, div#second.widget-area a:hover, div#third.widget-area a, div#third.widget-area a:visited, div#third.widget-area a:hover, div#fourth.widget-area a, div#fourth.widget-area a:visited, div#fourth.widget-area a:hover {
    color: #4E728B;
    text-decoration: none;
}
div#first.widget-area a:hover, div#second.widget-area a:hover, div#third.widget-area a:hover, div#fourth.widget-area a:hover {
	text-decoration: underline;
}

/* respond form */
div#container div#content div#comments div#respond h3#reply-title { font-size:12px; font-weight:bold; color: #666;}
div#container div#content div#comments div#respond form#commentform  label {display:block; float:left; width: 70px; font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; font-weight:normal;  }
div#container div#content div#comments div#respond form#commentform span.required {float:right; }
div#container div#content div#comments div#respond input#submit { border:#333 1px solid; background-color:#CCC; font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; margin-left: 70px;}
div#container div#content div#comments div#respond input#author { width: 300px; font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; margin-bottom:3px; }
div#container div#content div#comments div#respond input#email { width: 300px; font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; margin-bottom:3px; }
div#container div#content div#comments div#respond input#url { width: 300px; font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; margin-bottom:3px; } 
div#container div#content div#comments div#respond form#commentform textarea#comment { width: 300px; font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; }

div#container div#content div#comments div#waci-comment-form-156.waci-comment-form div#respond form#commentform textarea.waci_comment { width: 300px; font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; margin-left: 70px; }
#respond textarea { width: 300px; font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; margin-left: 70px; }


div#container div#content div#comments div#respond form#commentform p.comment-form-comment textarea#comment {  margin-left: 0px; }

div#container div#content h1.entry-title { font-size:12px; font-weight:bold; color: #666;}
div#container div#content div#comments h3#comments-title { font-size:11px; font-weight:normal; color: #666; padding-bottom: 4px; margin-bottom:0;}
div#container div#content div#comments h3#comments-title em { font-size:11px; font-weight:normal; color: #666; font-style:normal;}
div#container div#content.archive h1.page-title span {font-family: 'PT Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; font-weight:normal;  }
div#container div#content div#comments ol.commentlist li div.comment-meta {padding-bottom:0; margin-bottom:0;}
div#container div#content div#comments ol.commentlist li div.comment-author img.avatar { display:none }

div#container div#content div#comments ol.commentlist li{
	padding: 0;
	margin: 0;
}
div#container div#content div#comments ol.commentlist{
	padding: 0;
	margin: 0;
}
div#content div#comments div#respond form#commentform p.form-allowed-tags {
	padding-left: 70px;
}

/* archief */
div#container div#content.archive div.entry-summary p,
div#container div#content.category div.entry-summary p {line-height: 16px; }
div#container div#content.archive h1.page-title,
div#container div#content.category h1.page-title { font-size:12px; margin-bottom: 8px; color:#D68505 }
div#container div#content.archive h1.page-title span,
div#container div#content.category h1.page-title span {font-size:11px; color:#D68505}
div#container div#content.archive div,
div#container div#content.category div {margin-bottom:16px;}
div#container div#content.archive div.entry-meta,
div#container div#content.category div.entry-meta {margin-bottom:0px;}
div#container div#content.archive div.entry-summary,
div#container div#content.category div.entry-summary {padding-top: 2px;margin-bottom:0px;}
div#container div#content.archive div.entry-summary p,
div#container div#content.category div.entry-summary p {margin-bottom:0px;}
div#container div#content.archive div.entry-summary p a,
div#container div#content.category div.entry-summary p a {display:block; clear:both; margin-top: 4px;}
div#container div#content.archive div h2.entry-title,
div#container div#content.category div h2.entry-title {margin-bottom:0px; line-height: 16px;}
div#container div#content.archive div.entry-utility,
div#container div#content.category div.entry-utility {padding-bottom: 10px; }

/* comments */
div#container div#content div#comments div.ajax-comments-wrapper div.ajax-comment div.ajax-comment-header {padding-top:5px; padding-bottom:5px;}
div#container div#content div#comments div.ajax-comments-wrapper div.ajax-comment div.ajax-comment-header span.ajax-comment-author a.url { padding-top:3px; padding-bottom:3px;}
div#content div div.entry-content div.fbcomments {margin-top:22px;}

/* post texts */

div#content div#nav-above.navigation {margin-bottom: 4px;}
div#content div div.entry-meta {margin-top: 2px;}

div#content div h1.entry-title {font: 16px/21px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; color:#666}
div#content h1.page-title, div#content h1.page-title span {font: 14px/21px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; color:#666; font-style:normal;}
div#content div h2.entry-title {margin-top: -7px; }
div#content div h2.entry-title a {font: 16px/21px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; color:#666}
div#content div  div.entry-meta { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 10px;}
div#content div div.entry-content p { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 12px;}
div#content div div.entry-utility { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 10px;}
div#content div div.entry-summary { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 12px;}
div#content div div.entry-content p a {text-decoration:underline;}
div#content div div.entry-content p a:hover {color: #C30;}

/* reacties */
div#content div#comments h3#comments-title {font: 12px/21px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; color:#666}
div#content div#comments ol.commentlist li div div.comment-meta { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 10px;}
div#content div#comments ol.commentlist li div div.comment-author { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 12px;}
div#content div#comments ol.commentlist li div div.comment-body { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 12px;}
div#content div#comments ol.commentlist li div div.reply { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 10px;}
div#content div#comments div#respond h3#reply-title {font: 12px/21px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; color:#666}
div#content div#comments div#respond form#commentform p.logged-in-as { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 10px;}
div#content div#comments div#respond form#commentform p.comment-notes { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 10px;}

div#content div#nav-below.navigation {padding-bottom:20px;}
div#content div#comments a.comments_link {font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 12px;}
div#content div.nav-next a, div#content div.nav-previous a { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size: 10px;}


/* footer */
div#wrapper div#footer div#site-info  a {font: 12px/18px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; color: #999;}html body.home div#wrapper 

/* plugins */
div#content div#primary.widget-area ul.xoxo li#qtranslate-3.widget-container ul#qtranslate-3-chooser.qtrans_language_chooser span {float: left;}
div#content div div.entry-content div.fbcomments p {display: none; visibility:hidden;}

/* paragams */

div#outer div#content div#li_container1.li_container ul.mcol li.article { padding-bottom: 20px;} 
div#outer { text-align:left; border:none; width:980px; }
div#outer div#content div.px11 { padding-left: 257px;}
div#outer #main .article:hover { background-color:#E7E7E7;}
div#outer .li_container .article:hover { background-color:#E7E7E7;}
div#outer div#content div#sidebar ul li.pagenav h2 ul li.page_item a { font-family: 'PT Sans',"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:10px}
div#outer div#content div#main-inner div.article h1 {font: 18px/21px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; color:#666}
div#outer div#content div#sidebar ul li h2.widgettitle {font: 14px/21px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; color:#666}
div#outer div#content div#main-inner div div.fbcomments p {display: none;}
div#outer div#content div#main-inner p.nocomments {display: none;}
div#outer div#content div#main-inner {margin-right: 0; width: 546px; float:right; margin-right: 133px;}
div#outer div#content div#sidebar {float: left; border:none; width: 230px;}
div#outer div#content div#main-inner { line-height: 19px; padding-right: 50px; border:none;}
div#outer div#content div#main-inner .article {  border:none;}
div#outer div#content div#footer {  border-top:none;}
div#outer div#content div#footer div#copyright { border:none; margin-left: 250px; }
div#outer div#content div#footer div#credits { border:none; margin-right: 170px; }
div#outer div#content div#main-inner div#nav { border:none; }
div#outer div#content div ul li.li_col1 {border-top-width: 1px;}
div#outer div#content div ul li.li_col2 {border-top-width: 1px;}
div#outer div#content div ul li.li_col3 {border-top-width: 1px;}
div#outer div#content div#sidebar ul li { border:none; }
div#outer div#content div ul li.article {padding-right:0; width: 302px;}
div#outer div#content div ul li.li_col1 {  width: 309px;}
div#outer div#content div ul li.li_col3 {  width: 326px;}
div#outer div#content div#li_container1.li_container { border-top: #E7E7E7 1px solid;}
div#outer div#content div ul li.li_col3 {border-right: #E7E7E7 1px solid;}
div#outer div#header  {  height: 25px; padding-left: 265px;}
div#outer div#portretenzo {padding-top: 13px; }
div#outer div#portretenzo div#profiel div#linksboven {color: #666} 
div#outer div#header div#adres {padding-top: 20px; }
div#outer div#header div#adres a { color: #0099FF; text-decoration:none; }
div#outer div#content div#main-inner div div.fbcomments {margin-top: 18px; }
div#outer div#content div#sidebar ul li form#searchform input#s {padding-top: 3px; padding-bottom: 3px; padding-left: 2px; margin-left: -2px; }
body.search div#outer div#content div.pagetitle {font: 14px/21px 'PT Sans Caption',"Lucida Sans Unicode","Lucida Grande",sans-serif; color:#666}


div#outer div#content div#main-inner .article p a {
	text-decoration:underline;
}