html,body {height:100%;}

body
{
  margin:0;
}

h1
{
  margin-top:0;
  padding-top:1em;
}

div.container {
  position:relative; /* needed for footer positioning*/
  margin:0 auto; /* center, not in IE5 */
  height:auto !important; /* real browsers */
  min-height:100%; /* real browsers */
  max-width:1024px;
}

div.header, div.footer
{
  border-style:solid;
  border-left-width:0;
  border-right-width:0;
}

.home
{
  border-color:#77CCCC;
  background-color:#77CCCC;
}

div.header
{
  position:relative;
  min-height:100px;
  border-top-width:0;
  border-bottom-width:2px;
}

div[class="header home"]
{
  min-height:180px;
}


div.footer
{
  border-top-width:2px;
  border-bottom-width:0;
}

div.footer.tfn
{
  float: left;
}

div.footer.btw
{
  float: right;
}

div.navbar
{
  z-index:-10;
}

.navbar a
{
  padding-top:1em;
  border-radius: 0 0 10px 10px;
}

.doelgroep
{
  border-color:#CC77CC;
  background-color:#CC77CC;
}

.kennismaking
{
  border-color:#CCCC77;
  background-color:#CCCC77;
}

.sollicitatie
{
  border-color:#EE9999;
  background-color:#EE9999;
}

.controle
{
  border-color:#99EE99;
  background-color:#99EE99;
}

.orientatie
{
  border-color:#7777CC;
  background-color:#7777CC;
}

.zzp
{
  border-color:#FF9944;
  background-color:#FF9944;
}

.outplacement
{
  border-color:#99FF44;
  background-color:#99FF44;
}

.contact
{
  border-color:#FFFFAA;
  background-color:#FFFFAA;
}

div.content
{
  padding-bottom 4em; /* bottom padding for footer */
}

div.footer
{
  position:absolute;
  width:100%;
  bottom:0; /* stick to bottom */
  padding-left:0.5em;
}

.navbar a
{
  padding:10px;
}

.insert-left{float:left; max-width=200px}
img.insert-left {padding-right:1em}

.insert-right {float:right;}
img.insert-right {padding-left:1em}

.bullet {margin-right:50px}

.list
{
  font-weight:bold;
  line-height:1.5em;
}

h1 { text-align:center; font-size:2em}

div.header img {height:100px;}

div[class="header home"] img
{
  height:180px;
}

.body p {line-height:1.5em}

div.body {padding-bottom:2em}

ol+li {padding-bottom:1em}

.sidebar{float:left; min-width=150px; min-height:100%; background-color:#77CCCC;}

td { padding-left:1em; padding-right:1em; vertical-align:top }
input[type="text"] { width:100% }
input[name="postcode"] { max-width:7em }
form{margin-top:1em}
                                                                                                                                    
