html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

* {
margin:0;
padding:0;
}

body {
background: transparent url(../img/bg.gif) repeat-y;
color:#525252;
font-family:Georgia,serif;
font-size:small;
line-height:1.5em;
}

#contents {
	position: absolute;
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}


#main {
	height: 100%;
	padding: 0;
}

                    
#header {
clear: both;
}
                 
#nav {
clear: both;
background: transparent url(../img/nav-bg.gif) repeat-x;
height:33px;
} 
           
#content {
position:relative;
z-index:2;
overflow:none;
width:985px;

}
                 
#column1 {
float: left;
background-color: #e2e5c8;
height:100%;
min-height:443px;
width:143px;
background: transparent url(../img/content1.gif) no-repeat;
padding:40px 20px 0 0;
}
                  
#column2 {
float: left;
width:390px;
padding:40px 0 0 20px;
}
                  
#column3 {
float: left;
width:390px;
padding:40px 0 0 20px;
}
                 
#column4 {
width:100%;
}
#column_vacatures {
float: left;
width:590px;
padding:40px 0 0 20px;
}
h1 {
font-size: 26px;
margin-bottom: 15px;
font-weight: normal;
color: #98a139;
}

h2 {
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
color: #98a139;
}

p {
margin-bottom: 15px;
}

a {
color: #991a3e;
}

a:hover {
color: #98a139;
}

span.drop {
color:#98a139;
float:left;
font-size:3.2em;
line-height:0.4em;
margin:0pt;
padding:0.25em 0.08em 0.25em 0pt;
text-transform:capitalize;
}

#quote {
background: transparent url(../img/quote.gif) no-repeat top left;
background-color: #f4f5e9;
font-size:11px;
font-weight: bold;
padding: 15px 15px 15px 85px;
color: #98a139;
}

.minitext {
font-size:9px;
}

ul#directdoen, ul#submenu {
list-style-position: inside;
list-style-image: none;
list-style-type: none;
}

ul#submenu {
text-align:right;
}

ul#submenu li {
text-align:right;
border-bottom: 1px #d0d4a5 solid;
font-size:11px;
line-height:24px;
}

ul#submenu li a {
text-decoration:none;
}

ul#directdoen li {
background:transparent url(../img/diamond.gif) no-repeat scroll 0pt 0.4em;
padding-left:20px;
font-size:14px;
line-height:22px;
}

#footer {
	position: absolute;
	bottom: 0;
	background-color: #ffffff;
	background: transparent url(../img/footer-bg.gif) repeat-x bottom;
	width: 100%; /* See note below */
	padding: 0;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */

#footer {
    \width: 100%;
    w\idth: 100%;
}

.footer_image{
	height:160px;
	position: relative; 
	margin-left:590px;
	background: url(../img/sfeer.gif) no-repeat;
}

.hovermenu ul{
  font: 14px Georgia;
  padding-left: 185px;
  margin-left: 0;
  height: 33px;
}

.hovermenu ul li{
  list-style: none;
  display: inline;
}

.hovermenu ul li a{
  padding: 7px 0.8em 0 0.8em;
  text-decoration: none;
  float: left;
  color: white;
  border: 0;
  height: 23px;
}

.hovermenu ul li a:hover{
  border-style: outset;
  background: transparent url(../img/nav-bg-hover.gif);
}
                
html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
  border-style: inset;
}

.form-item {
  margin: 8px 0 10px 0;
  padding: 5px 0 10px 0;

}

.form-item input, .form-item textarea {  
border: 1px solid #8d9536; 
}


.front-form-item:focus, .form-item input:focus, .form-item textarea:focus {
  border: 1px solid #c4d13d;

}

.contactform .form-item label {
  float: left;
  width: 130px;
}

label {
  text-align:right;
  margin-right:10px;
}

.form-text {
  border:0; 
  background-color:#fff; 
}

.vacaturelijst {
	width:100%;
	border-collapse:collapse;
}
.vacaturelijst .tablehead{
	background-color: #d0d4a5;
	font-weight:bold;
}
.vacaturelijst td{
	padding:4px;
	border: 1px solid #98a139;
}

.vacature {
	border-top: 1px solid #98a139;
}
.vacature li {
	margin: 15px;
}
.vacature_gegevens {
	border-top: 1px solid #98a139;
	border-bottom: 1px solid #98a139;
}

.form_input{
	width:300px;
}
.form_textarea{
	width:100%;
	height:80px;
}