﻿body {	
	background-image: url(img/bg_stripes.png);
	font-family: Arial;
	color: black;
}

div#indexlayout {
	background-image: url(img/bg.png);
	background-repeat: no-repeat;
	height: 695px;
	width: 873px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

div#otherlayout {
	background-image: url(img/bg_other.png);
	background-repeat: no-repeat;
	height: 695px;
	width: 873px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

div#vidlayout {
	background-image: url(img/bg_vids.png);
	background-repeat: no-repeat;
	height: 695px;
	width: 873px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

div#vidlayout2 {
	background-image: url(img/bg_vaca.png);
	background-repeat: no-repeat;
	height: 695px;
	width: 873px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}

div#Menu {
	position: relative;
	top: 138px;
	padding: 0px;
}

ul#menubuttons {
	  padding: 0px;
      list-style: none;
      height: 27px;
	  margin-left: 1px;
} 

ul#menubuttons li {
      height: 27px;
	  font-size: 9pt;
	  text-align: center;
	  float: left;
} 
ul#menubuttons li a {
      display: block;
      height: 23px;
	  padding-top: 8px;

} 
ul#menubuttons li a.home {
	  width: 145px; 
      background: url('img/button.png') no-repeat top left; 
      
}
ul#menubuttons li a.home:hover {
      background: none; 
}

ul#menubuttons li a.knop1 {
      width: 145px; 
      background: url('img/button.png') no-repeat top left; 
}
ul#menubuttons li a.knop1:hover { 
      background: none;
}

ul#menubuttons li a.knop2 {
      width: 145px; 
      background: url('img/button.png') no-repeat top left; 
}
ul#menubuttons li a.knop2:hover { 
      background: none;
}

ul#menubuttons li a.knop3 {
      width: 145px; 
      background: url('img/button.png') no-repeat top left; 
}
ul#menubuttons li a.knop3:hover { 
      background: none;
}

ul#menubuttons li a.knop4 {
      width: 145px; 
      background: url('img/button.png') no-repeat top left; 
}
ul#menubuttons li a.knop4:hover { 
      background: none;
}

ul#menubuttons li a.knop5 {
      width: 145px; 
      background: url('img/button.png') no-repeat top left; 
}
ul#menubuttons li a.knop5:hover { 
      background: none;
} 

div#vacatures {
	height: 400px; 	
	width: 142px;
	margin-left: 5px;
	margin-top: 145px;
	float: left;	
}

div#vacatures_border {
	height: 393px; 	
	width: 142px;
	margin-left: 5px;
	float: left;
	margin-top: 145px;
	border-left: #3f7521 1pt solid;	
}

div#vacatures2 {
	height: 400px; 	
	width: 142px;
	margin-left: 5px;
	float: left;
	margin-top: 185px;
	margin-left: 8px;
}


div#vacaturelink {
	float: left;
}

a.vacaturebutton {
	font-size: 9pt;
	text-align: center;
    display: block;
    height: 23px;
	padding-top: 8px;
    width: 145px; 
    background: url('img/button.png') no-repeat top left; 
}
a.vacaturebutton:hover { 
    background: none;
    display: block;
    height: 23px;
	padding-top: 8px;
    width: 145px; 
} 

div#indexContent {
	width: 505px;
	margin-top: 190px;
	margin-left: 70px;
	float: left;
	color: #3e362c;
	font-size: 9pt;
}

div#otherContent {
	width: 650px;
	margin-top: 190px;
	margin-left: 70px;
	float: left;
	color: #3e362c;
	font-size: 9pt;
}

div#otherContent2 {
	width: 505px;
	margin-top: 190px;
	margin-left: 70px;
	float: left;
	color: #3e362c;
	font-size: 9pt;
}

div#contact1 {
	width: 375px;
	float: left;
}

div#contact2 {
	margin-top: 8px;
	width: 275px;
	height: 270px;
	float: left;
	background-image: url(img/contact_bg.png);
}

div#contact3 {
	margin-top: 8px;
	width: 260px;
	height: 230px;
	float: left;
	padding-left : 25px;
	padding-top : 10px;
}

div#partner1 {
	width: 292.5px;
	float: left;
}

div#partner2 {
	width: 212.5px;
	float: left;
}

a:link { text-decoration: none; }
a:link { color: black; font-weight: bold; }
a:visited { text-decoration: none; }
a:visited { color: black; font-weight: bold; }
a:hover { color: black; font-weight: bold; }
a:active { color: black; font-weight: bold; }

a.partners{
	text-decoration: none;
	color: #3e362c;
	font-size: 9pt;
	font-weight: normal;
}

h1 {
	text-decoration: none;
	display: inline;
	font-weight: bold;
	font-size: 10pt;
	color: #88a91d;
}

h2 {
	color: #3e362c;
	font-size: 10pt;
}

h3 {
	text-decoration: none;
	display: inline;
	font-weight: normal;
	font-size: 9pt;
}

h4 {
	margin-left: 25px;
	text-decoration: none;
	display: inline;
	font-weight: normal;
	font-size: 9pt;
}

h5 {
	text-decoration: none;
	display: inline;
	font-size: 9pt;
	color: black;
	font-weight: normal;
}

h6 {
	text-decoration: none;
	display: inline;
	font-size: 9pt;
	color: black;
	font-weight: normal;
	margin-left: -100px;
}

div#logobanner {
	height: 400px; 	
	width: 140px;
	float: left;
	margin-top: 180px;	
	margin-left: 6px;
}

div#vacaturebanner {
	height: 400px; 	
	width: 140px;
	float: left;
	margin-top: 160px;	
	margin-left: 7px;
}

div#vacaturefeedwrapper{
	width: 710px;
	height: 340px;
	margin-left:-20px;
}

div#vacaturefeeds{
	float: left;
}

div#vacaturefeeds2{
	float: left;
	margin-left: 30px;
}

div#allesduurzaam_zoekbanner{
	background:#f5f5eb;
	width:335px;
	height:60px;
	margin-top: -11px;
	margin-left: -65px;
	float: left;
}

div#moviebanner {
	height: 400px; 	
	width: 142px;
	float: left;
	margin-top: 180px;	
	padding: 3px;
}

div#movie1 {
	height: 132px; 	
	width: 132px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

div#movie2 {
	height: 132px; 	
	width: 132px;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
}

div#footer {
	width: 860px;
	background: white;
	color: #3e362c;
	font-size: 9pt;
	text-align: center;
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px #3d8646 solid;
}

fieldset {
	width: 350px;
}

legend {
	text-decoration: none;
	display: inline;
	font-weight: bold;
	font-size: 9pt;
	color: #88a91d;
	padding-top: 1px;
}

a.knop6
{
	float : right;
	font-size: 9pt;
	text-align: center;
    display: block;
    height: 23px;
	padding-top: 8px;
    width: 145px; 
    background: url('img/button.png') no-repeat top left;
}

a.knop6:hover {
      background: none; 
}
