/*      

Theme Name: Bakker & Clients     
Theme URI: http://www.bakker-clients.com/      
Description: Bakker & Clients Theme made by Tommy
Version: 1.0 (januari 2010)     
Author: Bakker & Clients, Tommy Wierper      
Author URI: http://www.bakker-clients.nl/     

*/ 

.clear {
clear: both;
}

img.followme {
padding: 02px 0px 0px 0px; 
border: 0px solid #CCC; 
margin: 0px;
}

/* Headers */
h1, h1 a {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 23px;
font-weight: bold;
margin-bottom: 6px;
color: #fc832a;
text-decoration: none;
}

h1 a:hover {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 23px;
font-weight: bold;
margin-bottom: 6px;
color: #fc832c;
text-decoration: none;
}

h2 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 19px;
font-weight: bold;
margin-bottom: 6px;
color: #fc832c;
border-bottom: 1px dotted #CCC;
}

h3 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 17px;
font-weight: bold;
margin-bottom: 6px;
color: #fc832c;
}

.subsidebar01 h3, .subsidebar02 h3 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 19px;
font-weight: bold;
margin-bottom: 6px;
color: #fc832c;
border-bottom: 1px dotted #CCC;
}

h4 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 18px;
color: #fc832c;
}

h5 {
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-weight: bold;
margin-bottom: 18px;
color: #fc832c;
}

/* Algemeen */

.postauthor {
color: #222222;
font-family: "Calibri", Georgia, Times New Roman, Times, serif;
font-size: 13px;
font-weight: normal;
background: #FFFFFF;
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
width: 590px;
padding: 3px;
margin-bottom:5px;
}

* {      
margin:0;       
padding:0;       
}         

body {
background-color: #000311;
background-repeat: repeat-x;
background-position: left top;
color: #474031;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}

#wrapper {
background: none;
width: 923px;
height: auto;
margin: 0 auto;
padding: 0 0 15px 0;
}


/* Header */
#header {
background-image: url(images/background/header.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 923px;
height: 250px;
}

/* Zoek balk */
.search {
float: right;
display: inline;
margin: 4px 10px 0 0;
}

.search input#submit {
background: #000000;
padding: 1px;
border: 1px solid #fc832c;
margin: 0;
width: 60px;
font-size: 11px;
text-align: center;
color: #fc832c;
}

.search input#text {
background: #000000;
padding: 2px;
border: 1px solid #fc832c;
margin: 0;
width: 167px;
font-size: 11px;
text-align: left;
color:#FFFFFF;
}


/* Twitter balk */
.twitter {
width: 755px;
height: 18px;
margin: 205px 0 0 54px;
padding-top: 3px;
float: left;
display: inline;
font-size: 9px;
color: #CCC;
}

#twitter_update_list {
list-style-type: none;
margin: 0;
padding: 0;
}

#twitter_update_list a:link, #twitter_update_list a:active, #twitter_update_list a:visited {
font-size: 9px;
color: #eee;
text-decoration: underline;
}

#twitter_update_list a:hover {
font-size: 9px;
color: #fc832a;
text-decoration: underline;
}


/* Social icons */
.social {
width: 76px;
height: 18px;
margin: 205px 0 0 30px;
padding-top: 2px;
float: left;
display: inline;
text-align: center;
}


/* Navigatie */

#menu {
  margin:0; 
  padding:0; 
  height:auto; 
  width: 200px;
  overflow:hidden; 
  background:#000000;
  font-family: "Calibri", Georgia, Times New Roman, Times, serif;
  font-weight: bold;
  font-size: 14px;

  }
  

#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:200px;
  }
  
#menu li a {
background-image:url(images/background/nav.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
display:block;
height:24px;
padding-top:6px;
text-decoration:none;
}
#menu li a span {
  display:none; 
  color:#fff;
  }
#menu li a.one span {
  display:block; 
  height:auto; 
  margin:0 10px;
  }
#menu li a:hover {
  background-image: url(images/background/nav_over.jpg);
  background-repeat: repeat-x; 
  }
  
  
#menu li a:hover span {
  display:block; 
  height:auto; 
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#fff; 
  font-size:14px; 
  border:0;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#fff;
  }
#menu img {
  margin:5px 5px 5px 0; 
  border:1px solid #fff; 
  float:left;
  }
.menu {
  width:170px;
  border: 2px solid #fc832a;
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ 
  overflow: hidden; 
  /* */ 
  }

  .menu .b1, .menu .b2, .menu .b3, .menu .b4  {
  font-size:1px; 
  display:block; 
  background:#88c;

}

  
.menu .boxcontent {
  display:block; 
  background:transparent; 
  font-size:14px; 
  text-align:justify;
 
  }



/* Sub navigatie */
#subnav {
background-image: url(images/background/subnav_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 923px;
height: 14px;
padding: 6px 0 0 15px;
}


/* Content */
#content {
border-right: 2px solid #fc832a;
border-left: 2px solid #fc832a;
background-color: #FFFFFF;
background-repeat: repeat-y;
width: 919px;
z-index: 1;
overflow: auto;

}




.deep a:link,
.deep a:visited {
color: #021a3e;
text-decoration: none;
}

.deep a:hover {
color: #021a3e;
text-decoration: underline;
}


/* Linker kolom */
.left {
position: absolute;
top: 270px;
left: 80px;
width: 210px;
height: auto;
float: left;
}
/*
.left p {
line-height: 16px;
margin-bottom: 10px;
}

.left ul {
list-style-type: block;
padding:0;
margin: 0 0 15px 15px;
}

.left ul ul {
list-style-type: square;
margin: 0px 0 20px 20px;
}

.left ul li a:link,
.left ul li a:visited{
color: #021a3e;
text-decoration: none;
}


.left ul ul li a:link,
.left ul ul li a:visited {
color: #021a3e;
text-decoration: none;
}

.left ul li a:hover{
color: #021a3e;
text-decoration: underline;
}


.left ul ul li a:hover {
color: #021a3e;
text-decoration: underline;
}/*
/* middel kolom */

.center {
width: 520px;
height: auto;
float: left;
margin-left: 130px;
}

.center p {
line-height: 16px;
margin-bottom: 10px;
}

.center ul {
list-style-type: disc;
padding:0;
margin: 0 0 15px 15px;
}

.center ul ul {
list-style-type: square;
margin: 5px 0 5px 14px;
}

.center ul li a:link,
.center ul ul li a:link,
.center ul li a:visited,
.center ul ul li a:visited {
color: #021a3e;
text-decoration: none;
}

.center ul li a:hover,
.center ul ul li a:hover {
color: #021a3e;
text-decoration: underline;
}

/* Weblog items */
.post {
width: 498px;
height: auto;
margin-bottom: 30px;
margin-left: 120px;
}

.entry {
text-align: justify;
}

.entry input#submit {
background: #FFFFFF;
padding: 1px;
border: 1px solid #021a3e;
margin: 0;
width: 75px;
font-size: 11px;
text-align: center;
color: #fc832c;
}

.noborder {
padding: 0; 
border: 0; 
margin: 0;	
}

.entry img {
padding: 4px; 
border: 1px solid #fc832a; 
margin: 0 10px 5px 0;	
}

.entry a:link, .entry a:visited, .entry a:active {
color: #fc832a;
text-decoration: underline;
}

.entry a:hover {
color: #fc832a;
text-decoration: underline;
}

.postmeta {
border-top: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
margin: 0 0 6px 0;
padding: 3px 8px 3px 0;
}

.postmeta img {
vertical-align: middle;
}

.postmeta a:link, .postmeta a:visited, .postmeta a:active {
color: #fc832a;
text-decoration: none;
}

.postmeta a:hover {
color: #fc832a;
text-decoration: underline;
}

.tags {
border-top: 1px dotted #CCC;
color: #666;
font-size: 10px;
}

.tags img {
vertical-align: middle;
}

.tags a:link, .tags a:visited, .tags a:active {
color: #eee;
text-decoration: none;
}

.tags a:hover {
color: #eee;
text-decoration: underline;
}

.sitemap img {
padding: 0; 
border: none; 
margin: 0;
vertical-align: middle;
}

.sitemap a:link, .sitemap a:active, .sitemap a:visited {
line-height: 21px;
text-decoration: none;
color: #eee;
}

.sitemap a:hover {
line-height: 21px;
text-decoration: underline;
color: #021a3e;
}

/* Rechter kolom/Sidebar */
.right {
width: 250px;
height: auto;
float: left;
margin-right: 0px;
}

.right p{
line-height: 18px;
margin-bottom: 20px;
}

.right p a:link, .right p a:active, .right p a:visited {
color: #eee;
text-decoration: underline;
}

.right p a:hover {
color: #eee;
text-decoration: underline;
}


.news {
width: 290px;
height: auto;
float: left;
display: inline;
margin-top: 10px;
}

.news img {
padding: 4px;
margin: 10px 0 0 0;
border: 1px solid #CCC;
}

/* Reacties */
#comments {
margin: 30px 0 40px 0;
}

h3#comments {
margin: 0;
border: 0;
}

#comments a, .rss-single a {
color: #021a3e;
text-decoration: none;
}

#comments a:hover, .rss-single a:hover {
color: #021a3e;
text-decoration: none;
}

#comment-content {
padding:10px;
}

#commentmetadata {
font-size:11px;
}

em.moderation {
text-decoration: blink;
color: #021a3e;
margin: 0;
padding: 0;
}

.commentlist {
margin: 20px 0 30px 0;
padding: 0;
}

.commentlist img {
vertical-align: middle;
}

.commentlist li {
padding:0 0 0 10px;
border-left: 1px dotted #CCC;
line-height:20px;
list-style:none;
margin:0 0 25px 0;
}

.commentlist li a {
color: #333;
font-weight: bold;
position: relative;
text-decoration: underline;
}

.commentlist li a:hover {
color: #eee;
text-decoration: underline;
}

.commentlist p {
padding: 0 0 0px 0;
}

#comment {
display: block;
padding: 0 0 6px;	
}

.commentlist li cite {
font-weight: bold;
font-style: normal;
}


/* Reactie form */
#commentform {
margin: 1em 0;
padding-top: 10px;
}
	
#commentform fieldset {
margin: 0;
padding: 0;
border: none;	
float: left;
display: inline;
width: 260px;
margin-right: 25px;
}		
	
#commentform legend {
display: none;
}

#commentform p {
margin: .5em 0;
}	

#commentform label {
display: block;
}	

#commentform input, #commentform textarea {		
width: 252px;
border: 1px solid #CCC;
padding: 3px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}		

#commentform textarea {
height: 125px;
overflow: auto;
}					
	
#commentform button {
width: 100px;
height: 20px;
line-height: 25px;
background-color: #000000;
border: 1px solid #fc832a;
color: #eee;
cursor: pointer;
text-align: center;
}

input#submit {
background: #000000;
padding: 5px;
border: 1px solid #fc832a;
margin: 0;
width: 100px;
text-align: center;
font-size: 11px;
text-align: center;
color: #fc832c;
}
/* Einde formulier */


/* Pagina opmaak */
.page {
text-align: justify;
}

.page img {
padding: 4px; 
border: 1px solid #CCC; 
margin: 0 10px 10px 0;	
}

.page a:link, .page a:visited, .page a:active {
color: #eee;
text-decoration: underline;
}

.page a:hover {
color: #eee;
text-decoration: underline;
}


/* Widgets */
.widget {
width: auto;
padding: 0 0px 5px 0;
margin: 0 0 15px 0;
line-height: 18px;
}

.widget a {
color: #fc832a;
text-decoration: underline;
}

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

.widget ul {
padding: 0;
margin: 10px 0 0 0;
padding: 0 0 0 17px;
list-style-type: none;
list-style-image: url(images/bullet.gif);
}

.widget ul li {
height: 25px;
margin-bottom: 10px;
border-bottom: 1px dotted #eee;
vertical-align: middle;
}

.widget input#submit {
background: #fff;
padding: 2px;
border: 1px solid #fc832c;
margin: 0;
width: 65px;
font-size: 11px;
text-align: center;
color: #fc832c;
}

.widget input#text {
background: #FFF;
padding: 2px;
border: 1px solid #CCC;
margin: 0;
width: 150px;
font-size: 11px;
text-align: left;
}


/* Sidebar links home */
.subsidebar01 {
width: 290px;
height: auto;
float: left;
display: inline;
margin-left: 10px;
margin-top: 60px;
border: 1px solid red;
}

.subsidebar01 ul {
padding: 0;
margin: 10px 0 0 0;
padding: 0 0 0 17px;
list-style-type: none;
list-style-image: url(images/bullet.gif);
}

.subsidebar01 ul li {
height: 45px;
margin-bottom: 10px;
border-bottom: 1px dotted #CCC;
vertical-align: middle;
}

.subsidebar01 a:link, .subsidebar01 a:visited, .subsidebar01 a:active {
color: #eee;
font-weight: bold;
text-decoration: none;
}

.subsidebar01 a:hover {
color: #eee;
text-decoration: none;
font-weight: bold;
}

/* Sidebar rechts home */
.subsidebar02 {
width: 290px;
height: auto;
display: inline;

}

.subsidebar02 img {
padding: 4px;
margin: 10px 0 0 0;
border: 1px solid #CCC;
}




/* Footer */
#divider {
border-right: 2px solid #fc832a;
border-left: 2px solid #fc832a;
background-image: url(images/background/divider_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 919px;
height: 20px;
}

#footer {
background-image: url(images/background/footer.png);
background-repeat: no-repeat;
background-position: left top;
width: 923px;
height: 20px;
text-align: center;
color: #5e5441;
padding-top: 6px;
z-index: 20;
}

#footer a:link, #footer a:active, #footer a:visited {
color: #eee;
text-decoration: none;
}

#footer a:hover {
color: #eee;
text-decoration: underline;
}