/*
Theme Name: B Init
Theme URI: http://www.b-init.nl/
Description: The WordPress theme for B-Init.
Version: 1.0
Author: Matthijs Abeelen
Author URI: http://sitestone.nl/

	B-init v1.0

*/


/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,  img  { margin:0;padding:0; }
ol, ul { list-style:none; }
caption, th, td { text-align:left; }
table {border-collapse:collapse;border-spacing: 0; }
table, thead, tbody, tr, th, td { font-size:1em; }
form label { cursor:pointer; }
fieldset { border:none; }
input, select, textarea { font-size:100%; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal; }
/* For strange IE bugs, see http://www.positioniseverything.net/explorer/ie-listbug.html */
ul, ol, dl { position:relative;  }
sub,sup {vertical-align:baseline; }

/* Typography */
body { font-size: 75%;color: #222;font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { color: #111;font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em;font-weight: bold; }
p { margin: 0 0 1.5em;color:#444; }
img { margin: 0 0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
abbr, acronym  { border-bottom: 1px dotted #666; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight:bold; }
em { font-style:italic; }

/* links */
a, a:link, a:visited { color:#C85510; }
a:visited {}
a:hover { color:#C85510; }

/* images */
img { font-size:80%; }
img.right { float:right;margin:0 0 5px 10px; }
img.left { float:left;margin:0 10px 5px 0; }
img.center { margin:10px auto; }

/* Grid */
#container { background:#fff url(img/bg-body.jpg) 0 0 repeat-x; }
#header { height:120px;width:980px;margin:0 auto; }
#content { width:980px;margin:0 auto;padding-top:30px; }
#maincontent { float:right;width:660px;padding-bottom:50px; }
#sub { float:left;width:270px; }
#footer { clear:both; }

/* Design */
body {  }
#header { background:transparent url(img/bg-header.jpg) 0 0 repeat-x;position:relative; }
#logo { height:120px;width:324px;float:left;margin:0;padding:0;background:transparent url(img/logo.jpg) 0 0 no-repeat; }
#logo a { display:block;height:120px;text-indent:-9999px; }
#extranav { text-align:right;position:absolute;top:37px;right:20px;margin:0;padding:0; }
#extranav a { text-decoration:none;font-size:11px;line-height:18px; }

#content h1,
h2,h3 { color:#C85510;font-weight:bold;font-size:18px; }
h3 { font-size:14px; }
#sub h3 { font-size:18px; }
h4 { color:#222;font-size:1em;margin:0;font-weight:bold; }
#sub .item { margin:0 0 15px 60px;padding:0 5px 5px;border:solid #D8D4CE;border-width:0 1px 1px;color:#895E52; }
#sub h3 {margin-right:-6px;background: #fff; }
#sub p { color:#895E52;color:#6D5E52; }

/* Menu */
#menu {}
#pages ul,
#menu ul { margin:0;padding:0;font-size:110%; }
#pages ul li,
#menu ul li { margin:0;padding:0;list-style-type:none;}
#pages ul li a,
#menu ul li a { color:#6D5E52;text-decoration:none;font-weight:bold; }
#pages ul li a:hover,
#pages .current_page_item a,
#menu ul li a:hover,
#menu .current_item a,
#menu .current_page_item a { color:#C85510; }
/* submenu */
#pages ul ul,
#menu ul ul { margin-left:15px;font-size:90%; }

/* Compagnons list */
ul.overview { list-style-type:none;margin:0;padding:0; }
ul.overview li { margin:0;padding:0;clear:both; }
ul.overview li h3 { margin:0 0 10px 0; }
ul.overview li img { float:left;width:100px;margin:0;padding:0;border:1px solid #ddd;padding:2px; }
ul.overview li .description { float:right;width:540px; }
ul.overview li h5 { margin:0 0 3px;color:#333; }
ul.overview li p {margin:0 0 5px 0px; }

ul.overview { width:100%;float:left; } /* 660px room */
ul.overview li { clear:none;float:left;width:328px;margin:0 0 20px; }
ul.overview li.clear { clear:both; }
ul.overview li .description { width:210px;padding:0 0 10px; }

/* Compagnon page */
.comp-left-col { float:left;width:320px;}
.comp-right-col { float:right;width:320px; }

.comp-item { margin:0 0 20px;padding:0 10px 0px;border:solid #D8D4CE;border-width:0 1px 1px; }
.comp-item h3 { margin-right:-11px;background:#fff; }
.comp-item p { margin: 0 0 1em; }

.comp-headline h2 { margin:0; }
.comp-headline p { margin:0 0 1em; }
.comp-foto {}
.comp-text {  }
.comp-cv {  }
.comp-artikelen {  }
.comp-beschikbaarheid {  }

/* Forms */
#searchform { margin:0 0 18px; }
input#s { width:120px; }
label.hidden { display:none; }

/* tables */
table { width:100%;border-top:1px solid #eee;border-right:1px solid #eee;margin:1em auto;border-collapse:collapse; }
th { border-bottom:1px solid #eee;border-left:1px solid #eee;font-weight:bold;padding:.3em .6em;text-align:left; }
td { border-bottom:1px solid #eee;border-left:1px solid #eee;padding:.3em .6em;text-align:left;vertical-align:top; }
tr.odd td { background:#f4f4f4; }
tr.even td { background:#fff; }
th.name { width:100px; }
th.workarea { width:245px;width:220px; }
th.info { width:356px;width:180px; }
th.availability { width:294px;width:150px; }

/* fixed footer 2 */
html { height:100%; }
body { height:100%; }
#wrapper { position:relative;min-height:100%; }
* html #wrapper { height:100%; }
#content { padding-bottom:38px; }
#footer { position:relative;margin-top:-38px; height: 38px;  background:#ddd url(img/bg-footer.jpg) 0 0 repeat-x; }
#footer p { height:38px;margin:0 auto;width:950px;background:transparent url(img/bg-footer-p.jpg) 130px 0px no-repeat;
	text-indent:322px;line-height:36px;color:#fff; }

/* overige */
.clear { clear:both; }
.small { font-size:85%; }