/* ########   CLEARFIX   ######## */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



body
{
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, helvetica;
  font-size: 11px;
  line-height: 14px;

  background-color: #A2A4CC;
}

h2
{
  font-size: 14px;
  font-weight: bold;
  color: #336699;
  margin-bottom: 12px ! important;
  background: #5f6ba9;
  text-decoration: none;
  height: 25px ! important ;
  padding-top: 5px ! important;
  margin-top: 12px ! important;
}

h4
{
  margin: 0px;
  padding: 2px 0px 2px 0px;
  text-align: center;
  background: #5b73b8;
  font-family: Verdana, Trebuchet MS, Verdana, Lucida Sans Unicode, Trebuchet MS, Arial;
  font-size: 15px;
  color: #ffffff;
  font-weight: bold;
}

div#banner-vacature-content h4
{
  background: none;
  color:#032969;
  font-size: 1em; 
  text-align: left;
}

p
{
  font-size: 11px;
  line-height: 14px;
}

td
{
  font-size: 11px;
  line-height: 14px;
}

div.main
{
  border: 1px solid black;
  width: 970px;
  background: #fff;
  padding-top: 14px;
}

div.main paragraph
{
  margin-bottom: 12px;
}


#normaal
{
  display: none;
}

#groter
{
  display: inline
}

.smalllink
{
  font-size: 12px;
  color: #369;
  text-decoration: underline;
}

.smalllink:hover
{
 color: #000;
 text-decoration: none;
}

#logo
{
  background-color: #fff;
  background-image: url('../img/logo-allevo.gif');
  background-repeat: no-repeat;
  background-position: left top;
  height: 100px; 
}

#hkzkeurmerk
{
  padding-top: 400px;
}

#datum
{
  font-size: 10px;
  color: #fff;
  height: 12px;
  background: #C01340;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;

  padding-top: 0px;
}

a.menu1
{
  padding-top: 3px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  font-size: 11px;
  font-family: verdana, arial, helvetica;
  height: 35px;
  width: 160px;
  display: block;
  background-image: url('../img/menu-off.gif');
  background-repeat: no-repeat;
  background-position: 165px 0px;
  text-align: right;
  padding-right:40px;
}


a.menu1:hover
{
  padding-top: 3px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  font-size: 11px;
  font-family: verdana, arial, helvetica;
  height: 35px;
  width: 160px;
  display: block;
  background-image: url('../img/menu-on.gif');
  background-repeat: no-repeat;
  background-position: 165px 0px;
  text-align: right;
  padding-right:40px;
}


a.subitem
{
  
  font-weight: normal;
  text-decoration: none;
  color: #000;
  font-size: 11px;
  font-family: verdana, arial, helvetica;
  width: 160px;
  display: block;
  text-align: right;
  padding-right:40px;
}
a.subitem:hover
{
text-decoration: underline;
}


#breadcrum
{
  padding-left: 50px;
  padding-top: 2px;
}

a.bc1
{
  font-size: 11px;
  color: #bbb;
  text-decoration: none;
}

a.bc1:hover
{
  font-size: 11px;
  color: #888;
  text-decoration: none;
}

a.bc2
{
  font-size: 11px;
  color: #888;
  text-decoration: none;
}

a.bc2:hover
{
  font-size: 11px;
  color: #555;
  text-decoration: none;
}

a.bc3
{
  font-size: 11px;
  color: #474B80;
  text-decoration: none;
}

a.bc3:hover
{
  font-size: 11px;
  color: #336699;
  text-decoration: none;
}

#headbox
{
  height: 32px;
}

#box1c
{
   padding-left: 50px;
   padding-right: 50px;
   padding-bottom: 50px;
   line-height: 16px;
   text-align: left;
   border: 0px solid black;
   width: 450px;
}


#box1a
{
   padding-left: 50px;
   padding-right: 50px;
   line-height: 16px;
   height: 450px;

   text-align: left;
}

#box2a
{
   border: 0px solid #000;
   padding-right: 50px;
   height: 160px;
   overflow: hidden;
   line-height: 16px;

   text-align: left;
}

#box3a
{
   padding-left: 50px;
   padding-right: 50px;
   height: 240px;
   line-height: 16px;

   text-align: left;
}

#box1b
{
   padding-left: 50px;
   padding-right: 50px;
   height: 50px;
   overflow: hidden;
   line-height: 16px;

   text-align: left;
}

#box2b
{
   border: 0px solid #000;
   padding-left: 50px;
   height: 150px;
   overflow: hidden;
   line-height: 16px;

   text-align: left;
}

#box3b
{
   padding-left: 50px;
   padding-right: 50px;
   height: 250px;
   overflow: hidden;
   line-height: 16px;

   text-align: left;
}


#box3c
{
   padding-left: 50px;
   padding-right: 50px;

   padding-bottom: 50px;
   text-align: left;
}



#box3d
{
   padding-left: 50px;
   padding-right: 20px;

   padding-bottom: 50px;

   text-align: left;
}

body p
{
  padding-left: 0;
  padding-right: 0;
}

.spacer
{
  clear: both;
}

img.left
{
 margin-top: 8px;
 margin-bottom: 8px;
 margin-right: 16px;
}


img.right
{
 margin-bottom: 8px;
 margin-left: 16px;
}

.outset
{
  margin: 0px 12px 2px 0px;
}

ul
{
  margin-left: 0px;
  padding-left: 14px;
}

img.news
{
   width:75px;
}
