#content {
  margin: 0 auto;
  position: relative;

  width: 800px;
  top: 20px;
}

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #CFD9DB;
}

#header {
  clear: both;
  position: relative;
  margin: 0 auto;
  z-index: 1;
  background-image: url('http://www.bamm-web.nl/includes/img/bg_header.png'); 
  background-repeat: repeat-x;
  background-position: 0 0;
  height: 92px;
  width: 800px;
}

#headercontent {
  height: 75px;
}

#headercontent img {
  position: absolute;
  top: 10%;
  left: 20px;
}

#header .title a {
  float: left;
  padding: 0 0.5em;
  font: 400 2.2em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 1em;
  color: #cccccc;
}

#headerImg {
  margin: 0 auto;
  height: 128px;
  background-color: #48525b;
  border-top: 2px solid #000;
  border-bottom: 2px solid #48525B;
}

.hidden {
  height: 0px;
}

#page {
  clear: both;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}

#columns {
  position: relative;
  margin: 0 auto;
  width: 100%;
  top: 15px;
}

#right {
  background-image: url('http://www.bamm-web.nl/includes/img/bg_main.png'); 
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #201e5d;
  width: 600px;
  height: 440px;
  margin: 0 auto;
}

#rightcontent {
  height: 400px;
  width: 570px;
}

#left {
  background-image: url('http://www.bamm-web.nl/includes/img/bg_main.png'); 
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #201e5d;
  width: 180px;
  height: 440px;
  top: 0px;
}

#leftcontent {
  height: 400px;
  width: 150px;
  overflow: auto;
}

.titel {
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  margin-top: -3px;
}

.width {
 margin: 0 auto;
 width: 90%;
}

.width25 {
  width: 20%;
}

.width130px {
  width: 130px;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 79%;
}

.width100 {
  width: 100%;
}

#footer {
  text-align: right;
  font-size: 11px;
  padding-right: 10px;
  padding-top: 5px;
}

.post {
  float: left;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;
  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

ul.thumbs, ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #000;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -2px;
}

.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #E9EAEB;
}

.dark {
  color: #353E47;
}

.blocknote {
  border: 1px solid #A9AAAB;
  background-color: #DDD;
  padding: 3px;
  margin: 5px;  
}

.outline {
  width: 100%;
  margin-bottom: -14px;
}

.orange {
  color: #ff9900;
}

#bg_logo {
	height: 250px;
	width: 200px;
}

fieldset {
	border: 2px #ffa500 solid;	
}

legend {
	font-weight: bold;
	font-size: 15px;
}

.pf_img {
	width:200px;
	border: 2px #000000 solid;
}